diff options
| author | soryu <soryu@soryu.co> | 2026-04-28 17:35:08 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2026-04-28 17:35:08 +0100 |
| commit | d513f93c84ae985738e0f696fcb72fa1153046ef (patch) | |
| tree | d169fa48ce93f1e204a80b60ca9295772bc2fa63 /frontend/src/components/document/DirectiveFileTree.tsx | |
| parent | 5aa3fafb4acfa89c7d04e84abf7861607733e8ce (diff) | |
| download | soryu-d513f93c84ae985738e0f696fcb72fa1153046ef.tar.gz soryu-d513f93c84ae985738e0f696fcb72fa1153046ef.zip | |
feat: document UI with contract blocks, expandable logs, and interaction controls (#97)
* feat: soryu-co/soryu - makima: Rename tasks to contracts in directive API and types
* feat: soryu-co/soryu - makima: Add contract interaction panel with comment and interrupt
* feat: soryu-co/soryu - makima: Build expandable contract log feed in StepsDiagram
* feat: soryu-co/soryu - makima: Rename tasks to contracts throughout document UI and add contract block support
* feat: soryu-co/soryu - makima: Add comment and interrupt controls to expanded step log feed
* feat: soryu-co/soryu - makima: Audit and fix Document UI feature flag visibility and missing implementations
* feat: soryu-co/soryu - makima: Add expandable step rows with live log feed in StepsDiagram
* WIP: heartbeat checkpoint
* feat: soryu-co/soryu - makima: Integrate all document UI components and final polish
Diffstat (limited to 'frontend/src/components/document/DirectiveFileTree.tsx')
| -rw-r--r-- | frontend/src/components/document/DirectiveFileTree.tsx | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/frontend/src/components/document/DirectiveFileTree.tsx b/frontend/src/components/document/DirectiveFileTree.tsx index 21050ca..bacffe6 100644 --- a/frontend/src/components/document/DirectiveFileTree.tsx +++ b/frontend/src/components/document/DirectiveFileTree.tsx @@ -140,6 +140,18 @@ export function DirectiveFileTree({ selectedDirectiveId, onSelectDirective, onNe /> <span className="file-tree-doc-icon">{'\u{1F4C4}'}</span> <span className="file-tree-item-title">{directive.title || 'Untitled'}</span> + {directive.stepCounts && ( + <span className="file-tree-step-count" title="Contract steps"> + {directive.stepCounts.completed}/{ + directive.stepCounts.pending + + directive.stepCounts.ready + + directive.stepCounts.running + + directive.stepCounts.completed + + directive.stepCounts.failed + + directive.stepCounts.skipped + } + </span> + )} </button> ))} </div> |