From cbdbc522a0fdc0ca6de222f4ca285e4c55d5730e Mon Sep 17 00:00:00 2001
From: Chaim <chaim@marcus-law.co.il>
Date: Sun, 3 May 2026 17:37:02 +0000
Subject: [PATCH] feat(ui): convert agent-mgmt link to dropdown for both
 Paperclip boards
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replaces the hardcoded CMPA link with a dropdown listing both
Paperclip boards (CMP = רישוי ובניה, CMPA = היטלי השבחה). Fixes the
mislabeling where the original link pointed to the wrong board, and
gives the user a single entry point that scales if a third board is
added later.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 web-ui/src/components/app-shell.tsx | 77 ++++++++++++++++++++++++-----
 1 file changed, 66 insertions(+), 11 deletions(-)

diff --git a/web-ui/src/components/app-shell.tsx b/web-ui/src/components/app-shell.tsx
index c8422b9..d2b2d4a 100644
--- a/web-ui/src/components/app-shell.tsx
+++ b/web-ui/src/components/app-shell.tsx
@@ -3,6 +3,29 @@
 import type { ReactNode } from "react";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
+import { ChevronDown } from "lucide-react";
+
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+
+type AgentBoard = {
+  prefix: string;
+  label: string;
+  hint: string;
+};
+
+const AGENT_BOARDS: AgentBoard[] = [
+  { prefix: "CMP",  label: "רישוי ובניה",   hint: "תיקי 1xxx"        },
+  { prefix: "CMPA", label: "היטלי השבחה",   hint: "תיקי 8xxx / 9xxx" },
+];
+
+const PAPERCLIP_BASE = "https://pc.nautilus.marcusgroup.org";
 
 /**
  * Ezer Mishpati navigation shell.
@@ -91,17 +114,49 @@ export function AppShell({ children }: { children: ReactNode }) {
           })}
         </nav>
 
-        <a
-          href="https://pc.nautilus.marcusgroup.org/CMPA/dashboard"
-          target="_blank"
-          rel="noreferrer noopener"
-          className="flex items-baseline gap-2 px-3 py-1.5 rounded transition-colors text-parchment/80 hover:text-parchment hover:bg-navy-soft/60"
-        >
-          <span className="font-display text-[1.45rem] font-bold tracking-[0.02em] text-parchment">
-            ניהול סוכנים
-          </span>
-          <span className="text-gold-soft text-sm font-medium">CMPA</span>
-        </a>
+        <DropdownMenu>
+          <DropdownMenuTrigger
+            className="
+              flex items-baseline gap-2 px-3 py-1.5 rounded
+              transition-colors outline-none
+              text-parchment/80 hover:text-parchment hover:bg-navy-soft/60
+              focus-visible:ring-2 focus-visible:ring-gold/60
+              data-[state=open]:bg-navy-soft/80 data-[state=open]:text-parchment
+            "
+            aria-label="ניהול סוכנים — בחר ועדה"
+          >
+            <span className="font-display text-[1.45rem] font-bold tracking-[0.02em] text-parchment">
+              ניהול סוכנים
+            </span>
+            <ChevronDown className="size-4 self-center text-gold-soft" aria-hidden="true" />
+          </DropdownMenuTrigger>
+
+          <DropdownMenuContent
+            align="end"
+            sideOffset={10}
+            className="min-w-[220px]"
+          >
+            <DropdownMenuLabel className="text-xs text-muted-foreground">
+              פתח דאשבורד Paperclip
+            </DropdownMenuLabel>
+            <DropdownMenuSeparator />
+            {AGENT_BOARDS.map((board) => (
+              <DropdownMenuItem key={board.prefix} asChild>
+                <a
+                  href={`${PAPERCLIP_BASE}/${board.prefix}/dashboard`}
+                  target="_blank"
+                  rel="noreferrer noopener"
+                  className="flex items-baseline justify-between gap-3 cursor-pointer"
+                >
+                  <span className="font-medium">{board.label}</span>
+                  <span className="text-xs text-muted-foreground tracking-wide">
+                    {board.prefix} · {board.hint}
+                  </span>
+                </a>
+              </DropdownMenuItem>
+            ))}
+          </DropdownMenuContent>
+        </DropdownMenu>
       </header>
 
       <main