From d1fdfb140cc440664f77a24886172f9976a05a31 Mon Sep 17 00:00:00 2001
From: soryu <soryu@soryu.co>
Date: Tue, 28 Apr 2026 19:12:52 +0100
Subject: feat: revert broken directive PRs, re-implement Lexical document
 orchestrator (#98)

* feat: soryu-co/soryu - makima: Revert broken directive PRs and verify clean build

* feat: soryu-co/soryu - makima: Re-implement frontend: Lexical document editor with feature flag and base components

* WIP: heartbeat checkpoint

* feat: soryu-co/soryu - makima: Add contract blocks, expandable log rows, and interaction controls

* WIP: heartbeat checkpoint

* feat: soryu-co/soryu - makima: End-to-end build verification and integration polish
---
 .../document/nodes/StepsDiagramComponent.tsx       | 37 ----------------------
 1 file changed, 37 deletions(-)

(limited to 'frontend/src/components/document/nodes/StepsDiagramComponent.tsx')

diff --git a/frontend/src/components/document/nodes/StepsDiagramComponent.tsx b/frontend/src/components/document/nodes/StepsDiagramComponent.tsx
index 53f860e..ac1cb83 100644
--- a/frontend/src/components/document/nodes/StepsDiagramComponent.tsx
+++ b/frontend/src/components/document/nodes/StepsDiagramComponent.tsx
@@ -70,32 +70,7 @@ function StepCard({ step, isExpanded, onToggleExpand, onCollapse }: StepCardProp
           <span className="steps-diagram-card-time">
             Completed {formatTime(step.completedAt)}
           </span>
-          {hasTask && (
-            <button
-              className={`steps-diagram-card-expand-btn ${expanded ? 'steps-diagram-card-expand-btn--open' : ''}`}
-              onClick={() => setExpanded((v) => !v)}
-              title={expanded ? 'Collapse log feed' : 'Expand log feed'}
-            >
-              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-                <polyline points="6 9 12 15 18 9" />
-              </svg>
-            </button>
-          )}
-        </div>
-        {step.description && (
-          <p className="steps-diagram-card-desc">{step.description}</p>
         )}
-        <div className="steps-diagram-card-footer">
-          <span className="steps-diagram-card-index">#{step.orderIndex}</span>
-          {status === 'running' && (
-            <span className="steps-diagram-card-progress">In progress...</span>
-          )}
-          {status === 'completed' && step.completedAt && (
-            <span className="steps-diagram-card-time">
-              Completed {formatTime(step.completedAt)}
-            </span>
-          )}
-        </div>
       </div>
 
       {/* Expandable log feed */}
@@ -120,18 +95,6 @@ export function StepsDiagramComponent({ directiveId, onExpandContract }: StepsDi
   const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null);
   const prevStepCountRef = useRef(0);
 
-  const toggleStep = useCallback((stepId: string) => {
-    setExpandedSteps((prev) => {
-      const next = new Set(prev);
-      if (next.has(stepId)) {
-        next.delete(stepId);
-      } else {
-        next.add(stepId);
-      }
-      return next;
-    });
-  }, []);
-
   const fetchSteps = useCallback(async () => {
     try {
       const data: DirectiveWithSteps = await getDirective(directiveId);
-- 
cgit v1.2.3

