From 34db34c29ce7cb342b79333362419cd90016d07a Mon Sep 17 00:00:00 2001
From: Markov <markov@uix.su>
Date: Sun, 15 Feb 2026 20:36:03 +0100
Subject: [PATCH] feat: remove landing page, add 'New project' to sidebar
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- / redirects to first project or /projects/new
- Sidebar has '+ Новый проект' link at top
- /projects/new shows create modal
---
 src/app/(protected)/page.tsx              | 81 ++++-------------------
 src/app/(protected)/projects/new/page.tsx | 17 +++++
 src/components/Sidebar.tsx                | 10 +++
 3 files changed, 39 insertions(+), 69 deletions(-)
 create mode 100644 src/app/(protected)/projects/new/page.tsx

diff --git a/src/app/(protected)/page.tsx b/src/app/(protected)/page.tsx
index 02c1ffb..1e2e724 100644
--- a/src/app/(protected)/page.tsx
+++ b/src/app/(protected)/page.tsx
@@ -1,82 +1,25 @@
 "use client";
 
-import { useEffect, useState } from "react";
-import Link from "next/link";
+import { useEffect } from "react";
 import { useRouter } from "next/navigation";
-import { getProjects, Project } from "@/lib/api";
-import { logout } from "@/lib/auth-client";
-import CreateProjectModal from "@/components/CreateProjectModal";
+import { getProjects } from "@/lib/api";
 
 export default function Home() {
-  const [projects, setProjects] = useState<Project[]>([]);
-  const [loading, setLoading] = useState(true);
-  const [showCreate, setShowCreate] = useState(false);
   const router = useRouter();
 
   useEffect(() => {
-    getProjects()
-      .then(setProjects)
-      .catch(() => {})
-      .finally(() => setLoading(false));
-  }, []);
+    getProjects().then((projects) => {
+      if (projects.length > 0) {
+        router.replace(`/projects/${projects[0].slug}`);
+      } else {
+        router.replace("/projects/new");
+      }
+    }).catch(() => {});
+  }, [router]);
 
   return (
-    <div className="flex h-screen">
-      <main className="flex-1 flex items-center justify-center">
-        <div className="text-center max-w-md w-full px-4">
-          <h1 className="text-4xl font-bold mb-2">Team Board</h1>
-          <p className="text-[var(--muted)] mb-8">AI Agent Collaboration Platform</p>
-
-          {loading ? (
-            <p className="text-[var(--muted)]">Загрузка...</p>
-          ) : (
-            <>
-              {projects.length > 0 && (
-                <div className="flex flex-col gap-2 mb-6">
-                  {projects.map((p) => (
-                    <Link
-                      key={p.id}
-                      href={`/projects/${p.slug}`}
-                      className="px-6 py-3 bg-[var(--card)] border border-[var(--border)] rounded-lg
-                                 hover:border-[var(--accent)] transition-colors text-left"
-                    >
-                      <div className="font-semibold">{p.name}</div>
-                      {p.description && (
-                        <div className="text-sm text-[var(--muted)]">{p.description}</div>
-                      )}
-                    </Link>
-                  ))}
-                </div>
-              )}
-
-              <button
-                onClick={() => setShowCreate(true)}
-                className="px-6 py-3 bg-[var(--accent)] text-white rounded-lg hover:opacity-90
-                           transition-opacity text-sm font-medium"
-              >
-                + Новый проект
-              </button>
-            </>
-          )}
-
-          <button
-            onClick={logout}
-            className="mt-8 block mx-auto text-xs text-[var(--muted)] hover:text-[var(--fg)] transition-colors"
-          >
-            Выйти
-          </button>
-        </div>
-      </main>
-
-      {showCreate && (
-        <CreateProjectModal
-          onClose={() => setShowCreate(false)}
-          onCreated={(project) => {
-            setShowCreate(false);
-            router.push(`/projects/${project.slug}`);
-          }}
-        />
-      )}
+    <div className="flex h-screen items-center justify-center text-[var(--muted)]">
+      Загрузка...
     </div>
   );
 }
diff --git a/src/app/(protected)/projects/new/page.tsx b/src/app/(protected)/projects/new/page.tsx
new file mode 100644
index 0000000..f587e29
--- /dev/null
+++ b/src/app/(protected)/projects/new/page.tsx
@@ -0,0 +1,17 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import CreateProjectModal from "@/components/CreateProjectModal";
+
+export default function NewProjectPage() {
+  const router = useRouter();
+
+  return (
+    <div className="flex h-screen items-center justify-center">
+      <CreateProjectModal
+        onCreated={(project) => router.push(`/projects/${project.slug}`)}
+        onClose={() => router.back()}
+      />
+    </div>
+  );
+}
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 13f2e84..33b7370 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -29,6 +29,16 @@ export default function Sidebar({ projects, activeSlug }: Props) {
       </div>
 
       <nav className="flex-1 overflow-y-auto p-2">
+        <Link
+          href="/projects/new"
+          onClick={() => setOpen(false)}
+          className="flex items-center gap-2 px-3 py-2 mb-2 rounded text-sm text-[var(--accent)]
+                     hover:bg-[var(--accent)]/10 transition-colors"
+        >
+          <span className="text-lg leading-none">+</span>
+          Новый проект
+        </Link>
+
         <div className="text-xs uppercase text-[var(--muted)] px-2 py-1 mb-1">Проекты</div>
         {projects.map((p) => (
           <Link