fix: fix some displays and features

frontend/src/features/projects/ProjectsView.tsx

@@ -34,17 +34,19 @@ import type { LayoutInfo } from "@/domain";
 import { LayoutGrid, LayoutTabs } from "@/features/layout";
 import { AgentsPanel } from "@/features/agents";
 import { TemplatesPanel } from "@/features/templates";
+import { SkillsPanel } from "@/features/skills";
 import { GitPanel, GitGraphView } from "@/features/git";
 import { Button, Input, Panel, Tabs, cn } from "@/shared";
 import { useGateways } from "@/app/di";
 import { useProjects } from "./useProjects";
 
-type SidebarTab = "projects" | "agents" | "templates" | "git";
+type SidebarTab = "projects" | "agents" | "templates" | "skills" | "git";
 
 const SIDEBAR_TABS: { id: SidebarTab; label: string }[] = [
   { id: "projects", label: "Projects" },
   { id: "agents", label: "Agents" },
   { id: "templates", label: "Templates" },
+  { id: "skills", label: "Skills" },
   { id: "git", label: "Git" },
 ];
 
@@ -259,6 +261,14 @@ export function ProjectsView() {
               <p className="text-sm text-muted">Open a project to manage templates.</p>
             )}
 
+            {/* Skills panel */}
+            {sidebarTab === "skills" && active && (
+              <SkillsPanel projectId={active.id} />
+            )}
+            {sidebarTab === "skills" && !active && (
+              <p className="text-sm text-muted">Open a project to manage skills.</p>
+            )}
+
             {/* Git panel */}
             {sidebarTab === "git" && active && (
               <GitPanel projectId={active.id} />