From a7670b20bfb44802b6b03b03065ab2817e3b9a44 Mon Sep 17 00:00:00 2001
From: soryu <soryu@soryu.co>
Date: Sun, 18 Jan 2026 19:13:51 +0000
Subject: Add supervisor task button to workflow board contract cards
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add supervisorTaskId field to ContractSummary type in backend and frontend
- Update SQL queries in repository.rs to include supervisor_task_id
- Add navigation button (▶) to WorkflowContractCard that links to /mesh/{supervisorTaskId}
- Button only shows when contract has a supervisorTaskId
- Button has tooltip "Open Supervisor Task" and stops propagation to avoid triggering card click

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../components/workflow/WorkflowContractCard.tsx   | 26 +++++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

(limited to 'makima/frontend/src/components')

diff --git a/makima/frontend/src/components/workflow/WorkflowContractCard.tsx b/makima/frontend/src/components/workflow/WorkflowContractCard.tsx
index e6c8a1c..61e6d17 100644
--- a/makima/frontend/src/components/workflow/WorkflowContractCard.tsx
+++ b/makima/frontend/src/components/workflow/WorkflowContractCard.tsx
@@ -1,3 +1,4 @@
+import { useNavigate } from "react-router";
 import type { ContractSummary, ContractStatus } from "../../lib/api";
 
 interface WorkflowContractCardProps {
@@ -17,8 +18,16 @@ export function WorkflowContractCard({
   onClick,
   onDragStart,
 }: WorkflowContractCardProps) {
+  const navigate = useNavigate();
   const status = statusConfig[contract.status] || statusConfig.active;
 
+  const handleSupervisorClick = (e: React.MouseEvent) => {
+    e.stopPropagation();
+    if (contract.supervisorTaskId) {
+      navigate(`/mesh/${contract.supervisorTaskId}`);
+    }
+  };
+
   return (
     <div
       draggable
@@ -26,9 +35,20 @@ export function WorkflowContractCard({
       onClick={onClick}
       className="p-3 bg-[rgba(9,13,20,0.8)] border border-[rgba(117,170,252,0.2)] hover:border-[rgba(117,170,252,0.4)] cursor-pointer transition-colors select-none"
     >
-      {/* Name */}
-      <div className="font-mono text-sm text-[#dbe7ff] truncate mb-1">
-        {contract.name}
+      {/* Header row with name and supervisor button */}
+      <div className="flex items-center justify-between gap-2 mb-1">
+        <div className="font-mono text-sm text-[#dbe7ff] truncate flex-1">
+          {contract.name}
+        </div>
+        {contract.supervisorTaskId && (
+          <button
+            onClick={handleSupervisorClick}
+            title="Open Supervisor Task"
+            className="flex-shrink-0 px-1.5 py-0.5 font-mono text-[10px] text-[#75aafc] hover:text-[#9bc3ff] border border-[rgba(117,170,252,0.25)] hover:border-[#3f6fb3] hover:bg-[rgba(117,170,252,0.1)] transition-colors"
+          >
+            ▶
+          </button>
+        )}
       </div>
 
       {/* Status and counts row */}
-- 
cgit v1.2.3