summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorsoryu <soryu@soryu.co>2026-01-18 19:29:19 +0000
committersoryu <soryu@soryu.co>2026-01-18 19:29:19 +0000
commitc7ff7dc2a6108acb13f5f983792d65c5073829a1 (patch)
tree21718572d694a15428a7868ecee81bf0c53585d0
parente0da93a20a965125ba4cbb46e3e0e179f06c2a08 (diff)
downloadsoryu-c7ff7dc2a6108acb13f5f983792d65c5073829a1.tar.gz
soryu-c7ff7dc2a6108acb13f5f983792d65c5073829a1.zip
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>
-rw-r--r--makima/frontend/src/components/mesh/TaskTree.tsx10
1 files changed, 10 insertions, 0 deletions
diff --git a/makima/frontend/src/components/mesh/TaskTree.tsx b/makima/frontend/src/components/mesh/TaskTree.tsx
index 46ae78d..296d3c6 100644
--- a/makima/frontend/src/components/mesh/TaskTree.tsx
+++ b/makima/frontend/src/components/mesh/TaskTree.tsx
@@ -165,6 +165,16 @@ function TreeNode({ task, isSupervisorTask, onSelect, depth, fetchSubtasks }: Tr
P{task.priority}
</span>
)}
+
+ {/* Open in full page button */}
+ <a
+ href={`/tasks/${task.id}`}
+ onClick={(e) => e.stopPropagation()}
+ className="font-mono text-[10px] text-[#555] opacity-0 group-hover:opacity-100 hover:text-[#75aafc] transition-all"
+ title="Open task page"
+ >
+ ↗
+ </a>
</div>
{/* Children */}