From b3eb58d50eea5b235a1c33d5c8787dc81064c46b Mon Sep 17 00:00:00 2001
From: soryu <soryu@soryu.co>
Date: Sun, 18 Jan 2026 19:55:37 +0000
Subject: Clean up mesh page (#6)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Filter mesh page task list to show only supervisor tasks

- Add `isSupervisor` filter to rootTasks filter in TaskList component
- Only supervisor tasks will appear in the mesh page task list
- Regular tasks are now hidden from the main view
- Update empty state messages to reflect supervisor-only filtering
- When clicking a supervisor task, its detail still shows orchestrated tasks

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* Add supervisor task button to workflow board contract cards

- 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>

* Add full task page navigation button to TaskTree rows

Add a hover-visible arrow icon (↗) to each task row in the TaskTree
component that links to the full task page (/tasks/{taskId}). The button:
- Appears on hover using opacity transition
- Stops event propagation to avoid triggering parent onSelect
- Matches existing hover styling patterns with the #75aafc color scheme

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

---------

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/workflow')

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