From 35a7acc05817d6e6d0927f4452a8a0a73fa1e3a8 Mon Sep 17 00:00:00 2001
From: Dotta <bippadotta@protonmail.com>
Date: Thu, 5 Mar 2026 15:25:19 -0600
Subject: [PATCH] fix(ui): add properties panel toggle to project detail page

When the properties pane was closed on a project page, there was no way
to reopen it. Add the same SlidersHorizontal toggle button used on issue
detail pages.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 ui/src/pages/ProjectDetail.tsx | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/ui/src/pages/ProjectDetail.tsx b/ui/src/pages/ProjectDetail.tsx
index e9880850..df9774a1 100644
--- a/ui/src/pages/ProjectDetail.tsx
+++ b/ui/src/pages/ProjectDetail.tsx
@@ -16,7 +16,9 @@ import { InlineEditor } from "../components/InlineEditor";
 import { StatusBadge } from "../components/StatusBadge";
 import { IssuesList } from "../components/IssuesList";
 import { PageSkeleton } from "../components/PageSkeleton";
-import { projectRouteRef } from "../lib/utils";
+import { projectRouteRef, cn } from "../lib/utils";
+import { Button } from "@/components/ui/button";
+import { SlidersHorizontal } from "lucide-react";
 
 /* ── Top-level tab types ── */
 
@@ -194,7 +196,7 @@ export function ProjectDetail() {
     filter?: string;
   }>();
   const { companies, selectedCompanyId, setSelectedCompanyId } = useCompany();
-  const { openPanel, closePanel } = usePanel();
+  const { openPanel, closePanel, panelVisible, setPanelVisible } = usePanel();
   const { setBreadcrumbs } = useBreadcrumbs();
   const queryClient = useQueryClient();
   const navigate = useNavigate();
@@ -309,6 +311,18 @@ export function ProjectDetail() {
           as="h2"
           className="text-xl font-bold"
         />
+        <Button
+          variant="ghost"
+          size="icon-xs"
+          className={cn(
+            "shrink-0 ml-auto transition-opacity duration-200 hidden md:flex",
+            panelVisible ? "opacity-0 pointer-events-none w-0 overflow-hidden" : "opacity-100",
+          )}
+          onClick={() => setPanelVisible(true)}
+          title="Show properties"
+        >
+          <SlidersHorizontal className="h-4 w-4" />
+        </Button>
       </div>
 
       {/* Top-level project tabs */}