diff options
| author | soryu <soryu@soryu.co> | 2026-02-09 02:35:36 +0000 |
|---|---|---|
| committer | soryu <soryu@soryu.co> | 2026-02-09 02:35:36 +0000 |
| commit | a2646a828febbdac798a206655a15eae7e463bca (patch) | |
| tree | 7736396d87f6bf4dd50a2d3e91525534a36adf00 /makima/frontend/src | |
| parent | 9c92d9235a0d1258fff9f7e625b0463c4952c45f (diff) | |
| download | soryu-a2646a828febbdac798a206655a15eae7e463bca.tar.gz soryu-a2646a828febbdac798a206655a15eae7e463bca.zip | |
Add directive init
Diffstat (limited to 'makima/frontend/src')
| -rw-r--r-- | makima/frontend/src/components/directives/DirectiveDetail.tsx | 16 | ||||
| -rw-r--r-- | makima/frontend/src/components/directives/StepNode.tsx | 8 |
2 files changed, 24 insertions, 0 deletions
diff --git a/makima/frontend/src/components/directives/DirectiveDetail.tsx b/makima/frontend/src/components/directives/DirectiveDetail.tsx index abd2c55..1340482 100644 --- a/makima/frontend/src/components/directives/DirectiveDetail.tsx +++ b/makima/frontend/src/components/directives/DirectiveDetail.tsx @@ -98,6 +98,22 @@ export function DirectiveDetail({ </div> )} + {/* Orchestrator planning indicator */} + {directive.orchestratorTaskId && ( + <div className="flex items-center gap-2 mb-2 px-2 py-1.5 bg-[#1a1a30] border border-[rgba(117,170,252,0.2)] rounded"> + <span className="inline-block w-2 h-2 rounded-full bg-[#75aafc] animate-pulse" /> + <span className="text-[10px] font-mono text-[#75aafc]"> + Planning in progress... + </span> + <a + href={`/mesh/${directive.orchestratorTaskId}`} + className="text-[9px] font-mono text-[#556677] hover:text-[#75aafc] underline ml-auto" + > + View task + </a> + </div> + )} + {/* Controls */} <div className="flex flex-wrap gap-2"> {(directive.status === "draft" || directive.status === "paused") && ( diff --git a/makima/frontend/src/components/directives/StepNode.tsx b/makima/frontend/src/components/directives/StepNode.tsx index fa91956..2844b4a 100644 --- a/makima/frontend/src/components/directives/StepNode.tsx +++ b/makima/frontend/src/components/directives/StepNode.tsx @@ -46,6 +46,14 @@ export function StepNode({ step, onComplete, onFail, onSkip }: StepNodeProps) { {step.description} </p> )} + {step.taskId && ( + <a + href={`/mesh/${step.taskId}`} + className="text-[9px] font-mono text-[#556677] hover:text-[#75aafc] underline block mb-1" + > + {step.status === "running" ? "Auto-executing..." : "View task"} + </a> + )} {(step.status === "running" || step.status === "ready") && ( <div className="flex gap-1 mt-1"> {onComplete && ( |