@synergenius/flow-weaver-pack-weaver 0.9.90 → 0.9.92

package/src/bot/runner.ts

@@ -233,6 +233,7 @@ export async function runWorkflow(
     // Pre-parse node labels and port labels from the workflow AST so live
     // stream events carry human-readable names instead of code identifiers.
     const nodeLabels = new Map<string, string>(); // nodeTypeName | instanceId → label
+    const nodeVisuals = new Map<string, { color?: string; icon?: string }>(); // nodeTypeName | instanceId → visual meta
     const portLabels = new Map<string, string>(); // "nodeTypeName.portName" → label
     try {
       const parserMod = '@synergenius/flow-weaver';
@@ -241,6 +242,7 @@ export async function runWorkflow(
       const parseResult = fwParser.parse(absPath);
       for (const nt of parseResult?.nodeTypes ?? []) {
         if (nt.label) nodeLabels.set(nt.name, nt.label);
+        if (nt.color || nt.icon) nodeVisuals.set(nt.name, { color: nt.color, icon: nt.icon });
         // Extract output port labels: outputs is Record<string, PortConfig>
         if (nt.outputs && typeof nt.outputs === 'object') {
           for (const [portName, portCfg] of Object.entries(nt.outputs)) {
@@ -252,6 +254,9 @@ export async function runWorkflow(
       for (const inst of parseResult?.workflow?.instances ?? []) {
         const label = inst.config?.label ?? nodeLabels.get(inst.nodeType);
         if (label) nodeLabels.set(inst.id, label);
+        // Inherit visual meta from node type to instance
+        const ntVisuals = nodeVisuals.get(inst.nodeType);
+        if (ntVisuals) nodeVisuals.set(inst.id, ntVisuals);
       }
     } catch { /* non-fatal — live events will use code names */ }
 
@@ -341,8 +346,11 @@ export async function runWorkflow(
         collectedTrace.push(event);
         options?.onEvent?.(event);
         const nodeLabel = nodeLabels.get(nodeId) ?? nodeLabels.get(event.nodeType ?? '') ?? undefined;
+        const nm = nodeVisuals.get(nodeId) ?? (event.nodeType ? nodeVisuals.get(event.nodeType) : undefined);
         logEvent?.({ type: event.type, timestamp: event.timestamp, data: {
-          nodeId: event.nodeId, nodeType: event.nodeType, label: nodeLabel, durationMs: event.durationMs, error: event.error,
+          nodeId: event.nodeId, nodeType: event.nodeType, label: nodeLabel,
+          color: nm?.color, icon: nm?.icon,
+          durationMs: event.durationMs, error: event.error,
           outputs: event.outputs,
         }});
 
@@ -369,13 +377,16 @@ export async function runWorkflow(
     const summary = buildSummary(result);
     const outcome = success ? 'completed' : 'failed';
 
-    // Build nodeMeta from the pre-parsed nodeLabels map (already populated before execution)
+    // Build nodeMeta from labels + visual meta (already populated before execution)
     let nodeMeta: Record<string, { label?: string; color?: string; icon?: string }> | undefined;
-    if (nodeLabels.size > 0) {
+    if (nodeLabels.size > 0 || nodeVisuals.size > 0) {
       const meta: Record<string, { label?: string; color?: string; icon?: string }> = {};
       for (const [key, label] of nodeLabels) {
         meta[key] = { label };
       }
+      for (const [key, visuals] of nodeVisuals) {
+        meta[key] = { ...meta[key], ...visuals };
+      }
       nodeMeta = meta;
     }
 

package/src/node-types/abort-task.ts

@@ -7,6 +7,8 @@ import type { WeaverContext } from '../bot/types.js';
  * @flowWeaver nodeType
  * @expression
  * @label Abort Task
+ * @icon stop
+ * @color red
  * @input ctx [order:0] - Weaver context (JSON)
  * @output ctx [order:0] - Weaver context with abort resultJson (JSON)
  * @output onFailure [hidden]

package/src/node-types/agent-execute.ts

@@ -87,6 +87,8 @@ type LocalStepLogEntry = { step: string; status: string; detail: string };
  *
  * @flowWeaver nodeType
  * @label Agent Execute
+ * @icon psychology
+ * @color purple
  * @input ctx [order:0] - Weaver context (JSON)
  * @output ctx [order:0] - Weaver context with results (JSON)
  * @output onSuccess [order:-2] - On Success

package/src/node-types/approval-gate.ts

@@ -67,6 +67,8 @@ const approvalRegistryLocal = {
  *
  * @flowWeaver nodeType
  * @label Approval Gate
+ * @icon pending
+ * @color orange
  * @input ctx [order:0] - Weaver context (JSON)
  * @output ctx [order:0] - Weaver context with rejectionReason (JSON)
  * @output onSuccess [order:-2] - On Success

package/src/node-types/bot-report.ts

@@ -8,6 +8,8 @@ import { TaskStore } from '../bot/task-store.js';
  *
  * @flowWeaver nodeType
  * @label Bot Report
+ * @icon list
+ * @color cyan
  * @executeWhen DISJUNCTION
  * @input [mainCtx] [order:0] - Context from main path (JSON, optional)
  * @input [readCtx] [order:1] - Context from read-only path (JSON, optional)

package/src/node-types/build-context.ts

@@ -11,6 +11,8 @@ import type { WeaverContext } from '../bot/types.js';
  * @flowWeaver nodeType
  * @expression
  * @label Build Context
+ * @icon build
+ * @color cyan
  * @input ctx [order:0] - Weaver context (JSON)
  * @output ctx [order:0] - Weaver context with contextBundle (JSON)
  * @output onFailure [hidden]

package/src/node-types/detect-provider.ts

@@ -18,6 +18,8 @@ function whichSafe(cmd: string, cwd: string): string {
  * @flowWeaver nodeType
  * @expression
  * @label Detect Provider
+ * @icon search
+ * @color blue
  * @input projectDir [order:0] - Project root directory
  * @input config [order:1] - Weaver configuration
  * @output env [order:0] - Weaver environment bundle

package/src/node-types/exec-validate-retry.ts

@@ -13,6 +13,8 @@ import { auditEmit } from '../bot/audit-logger.js';
  *
  * @flowWeaver nodeType
  * @label Execute & Validate
+ * @icon engineering
+ * @color purple
  * @input ctx [order:0] - Weaver context (JSON)
  * @output ctx [order:0] - Weaver context with results (JSON)
  * @output onSuccess [order:-2] - On Success

package/src/node-types/execute-plan.ts

@@ -10,6 +10,8 @@ import { executeStep, resetPlanFileCounter } from '../bot/step-executor.js';
  *
  * @flowWeaver nodeType
  * @label Execute Plan
+ * @icon engineering
+ * @color purple
  * @input env [order:0] - Weaver environment bundle
  * @input planJson [order:1] - Plan (JSON)
  * @input taskJson [order:2] - Task (JSON)

package/src/node-types/execute-target.ts

@@ -148,6 +148,8 @@ Return ONLY valid JSON. No markdown, no code fences, no explanation outside the
  *
  * @flowWeaver nodeType
  * @label Execute Target
+ * @icon engineering
+ * @color orange
  * @input ctx [order:0] - Weaver context (JSON)
  * @output ctx [order:0] - Weaver context with resultJson (JSON)
  * @output onSuccess [order:-2] - On Success

package/src/node-types/fix-errors.ts

@@ -7,6 +7,8 @@ import { callAI, parseJsonResponse, normalizePlan } from '../bot/ai-client.js';
  *
  * @flowWeaver nodeType
  * @label Fix Errors
+ * @icon build
+ * @color orange
  * @input env [order:0] - Weaver environment bundle
  * @input validationResultJson [order:1] - Validation results (JSON)
  * @input taskJson [order:2] - Task (JSON, pass-through)

package/src/node-types/genesis-apply-retry.ts

@@ -12,6 +12,8 @@ import { getGenesisSystemPrompt, getOperationExamples } from '../bot/genesis-pro
  *
  * @flowWeaver nodeType
  * @label Genesis Apply Retry
+ * @icon build
+ * @color pink
  * @input ctx [order:0] - Genesis context (JSON)
  * @output start scope:attempt [order:10] [hidden] - Trigger scope execution (boolean)
  * @output attemptCtx scope:attempt [order:11] - Context for child (JSON)

package/src/node-types/genesis-apply.ts

@@ -8,6 +8,8 @@ import type { WeaverEnv, GenesisConfig, GenesisProposal, GenesisOperation } from
  *
  * @flowWeaver nodeType
  * @label Genesis Apply
+ * @icon build
+ * @color pink
  * @input env [order:0] - Weaver environment bundle
  * @input genesisConfigJson [order:1] - Genesis configuration (JSON)
  * @input proposalJson [order:2] - Genesis proposal (JSON)

package/src/node-types/genesis-approve.ts

@@ -8,6 +8,8 @@ import type { GenesisProposal, GenesisContext } from '../bot/types.js';
  *
  * @flowWeaver nodeType
  * @label Genesis Approve
+ * @icon check
+ * @color pink
  * @input ctx [order:0] - Genesis context (JSON)
  * @output ctx [order:0] - Genesis context with approved (JSON)
  * @output onSuccess [order:-2] - On Success

package/src/node-types/genesis-check-stabilize.ts

@@ -9,6 +9,8 @@ import { GenesisStore } from '../bot/genesis-store.js';
  * @flowWeaver nodeType
  * @expression
  * @label Genesis Check Stabilize
+ * @icon check
+ * @color pink
  * @input ctx [order:0] - Genesis context (JSON)
  * @output ctx [order:0] - Genesis context with stabilized (JSON)
  * @output onFailure [hidden]

package/src/node-types/genesis-check-threshold.ts

@@ -14,6 +14,8 @@ const IMPACT_ORDER: Record<GenesisImpactLevel, number> = {
  * @flowWeaver nodeType
  * @expression
  * @label Genesis Check Threshold
+ * @icon check
+ * @color pink
  * @input ctx [order:0] - Genesis context (JSON)
  * @output ctx [order:0] - Genesis context with approvalRequired (JSON)
  * @output onFailure [hidden]

package/src/node-types/genesis-commit.ts

@@ -10,6 +10,8 @@ import { GenesisStore } from '../bot/genesis-store.js';
  *
  * @flowWeaver nodeType
  * @label Genesis Commit
+ * @icon code
+ * @color pink
  * @input ctx [order:0] - Genesis context (JSON)
  * @output ctx [order:0] - Genesis context with commitResultJson (JSON)
  * @output onSuccess [order:-2] - On Success

package/src/node-types/genesis-compile-validate.ts

@@ -11,6 +11,8 @@ import { GenesisStore } from '../bot/genesis-store.js';
  *
  * @flowWeaver nodeType
  * @label Genesis Compile & Validate
+ * @icon check
+ * @color pink
  * @input env [order:0] - Weaver environment bundle
  * @input genesisConfigJson [order:1] - Genesis configuration (JSON)
  * @input snapshotPath [order:2] - Path to the pre-apply snapshot

package/src/node-types/genesis-diff-fingerprint.ts

@@ -8,6 +8,8 @@ import { GenesisStore } from '../bot/genesis-store.js';
  * @flowWeaver nodeType
  * @expression
  * @label Genesis Diff Fingerprint
+ * @icon search
+ * @color pink
  * @input ctx [order:0] - Genesis context (JSON)
  * @output ctx [order:0] - Genesis context with diffJson (JSON)
  * @output onFailure [hidden]

package/src/node-types/genesis-diff-workflow.ts

@@ -10,6 +10,8 @@ import type { GenesisConfig, GenesisContext } from '../bot/types.js';
  * @flowWeaver nodeType
  * @expression
  * @label Genesis Diff Workflow
+ * @icon search
+ * @color pink
  * @input ctx [order:0] - Genesis context (JSON)
  * @output ctx [order:0] - Genesis context with workflowDiffJson (JSON)
  * @output onFailure [hidden]

package/src/node-types/genesis-escrow-grace.ts

@@ -11,6 +11,8 @@ import { rollbackFromBackup } from './genesis-escrow-migrate.js';
  * @flowWeaver nodeType
  * @expression
  * @label Genesis Escrow Grace
+ * @icon pending
+ * @color pink
  * @input ctx [order:0] - Genesis context (JSON)
  * @output ctx [order:0] - Genesis context (JSON)
  */

package/src/node-types/genesis-escrow-migrate.ts

@@ -10,6 +10,8 @@ import { withFileLock } from '../bot/file-lock.js';
  *
  * @flowWeaver nodeType
  * @label Genesis Escrow Migrate
+ * @icon build
+ * @color pink
  * @input ctx [order:0] - Genesis context (JSON)
  * @output ctx [order:0] - Genesis context with migration result (JSON)
  * @output onSuccess [order:-2] - On Success

package/src/node-types/genesis-escrow-recover.ts

@@ -12,6 +12,8 @@ import { rollbackFromBackup } from './genesis-escrow-migrate.js';
  * @flowWeaver nodeType
  * @expression
  * @label Genesis Escrow Recover
+ * @icon warning
+ * @color pink
  * @input ctx [order:0] - Genesis context (JSON)
  * @output ctx [order:0] - Genesis context with escrow state flags (JSON)
  */

package/src/node-types/genesis-escrow-stage.ts

@@ -10,6 +10,8 @@ import { GenesisStore } from '../bot/genesis-store.js';
  *
  * @flowWeaver nodeType
  * @label Genesis Escrow Stage
+ * @icon build
+ * @color pink
  * @input ctx [order:0] - Genesis context (JSON)
  * @output ctx [order:0] - Genesis context with escrow staging result (JSON)
  * @output onSuccess [order:-2] - On Success

package/src/node-types/genesis-escrow-validate.ts

@@ -11,6 +11,8 @@ import { GenesisStore } from '../bot/genesis-store.js';
  *
  * @flowWeaver nodeType
  * @label Genesis Escrow Validate
+ * @icon check
+ * @color pink
  * @input ctx [order:0] - Genesis context (JSON)
  * @output ctx [order:0] - Genesis context with escrow validation result (JSON)
  * @output onSuccess [order:-2] - On Success

package/src/node-types/genesis-load-config.ts

@@ -11,6 +11,8 @@ import { GenesisStore } from '../bot/genesis-store.js';
  * @flowWeaver nodeType
  * @expression
  * @label Genesis Load Config
+ * @icon settings
+ * @color pink
  * @input env [order:0] - Weaver environment bundle
  * @output ctx [order:0] - Genesis context (JSON)
  * @output onFailure [hidden]

package/src/node-types/genesis-observe.ts

@@ -12,6 +12,8 @@ import { getWorkflowDescription } from '../bot/genesis-prompt-context.js';
  *
  * @flowWeaver nodeType
  * @label Genesis Observe
+ * @icon search
+ * @color pink
  * @input ctx [order:0] - Genesis context (JSON)
  * @output ctx [order:0] - Genesis context with fingerprintJson (JSON)
  * @output onSuccess [order:-2] - On Success

package/src/node-types/genesis-propose.ts

@@ -9,6 +9,8 @@ import { getGenesisSystemPrompt, getOperationExamples } from '../bot/genesis-pro
  *
  * @flowWeaver nodeType
  * @label Genesis Propose
+ * @icon edit
+ * @color pink
  * @input ctx [order:0] - Genesis context (JSON)
  * @output ctx [order:0] - Genesis context with proposalJson (JSON)
  * @output onSuccess [order:-2] - On Success

package/src/node-types/genesis-report.ts

@@ -8,6 +8,8 @@ import type { GenesisCycleRecord, GenesisContext } from '../bot/types.js';
  * @flowWeaver nodeType
  * @expression
  * @label Genesis Report
+ * @icon list
+ * @color pink
  * @executeWhen DISJUNCTION
  * @input [successCtx] [order:0] - Genesis context from success path (JSON)
  * @input [failCtx] [order:1] - Genesis context from apply-retry fail path (JSON)

package/src/node-types/genesis-snapshot.ts

@@ -10,6 +10,8 @@ import { GenesisStore } from '../bot/genesis-store.js';
  * @flowWeaver nodeType
  * @expression
  * @label Genesis Snapshot
+ * @icon wandStars
+ * @color pink
  * @input ctx [order:0] - Genesis context (JSON)
  * @output ctx [order:0] - Genesis context with snapshotPath (JSON)
  * @output onFailure [hidden]

package/src/node-types/genesis-try-apply.ts

@@ -11,6 +11,8 @@ import { GenesisStore } from '../bot/genesis-store.js';
  *
  * @flowWeaver nodeType
  * @label Genesis Try Apply
+ * @icon build
+ * @color pink
  * @input ctx [order:0] - Genesis context (JSON)
  * @output ctx [order:0] - Genesis context with apply results (JSON)
  * @output onSuccess [order:-2] - On Success

package/src/node-types/genesis-update-history.ts

@@ -8,6 +8,8 @@ import { GenesisStore } from '../bot/genesis-store.js';
  * @flowWeaver nodeType
  * @expression
  * @label Genesis Update History
+ * @icon edit
+ * @color pink
  * @input ctx [order:0] - Genesis context (JSON)
  * @output ctx [order:0] - Genesis context with cycleRecordJson (JSON)
  * @output onFailure [hidden]

package/src/node-types/genesis-validate-proposal.ts

@@ -23,6 +23,8 @@ const SELF_MODIFY_TYPES = new Set(['selfModifyWorkflow', 'selfModifyNodeType', '
  * @flowWeaver nodeType
  * @expression
  * @label Genesis Validate Proposal
+ * @icon check
+ * @color pink
  * @input ctx [order:0] - Genesis context (JSON)
  * @output ctx [order:0] - Genesis context with validated proposalJson (JSON)
  * @output onFailure [hidden]

package/src/node-types/git-ops.ts

@@ -64,6 +64,8 @@ function reviewStagedDiff(cwd: string): string[] {
  * @flowWeaver nodeType
  * @expression
  * @label Git Operations
+ * @icon code
+ * @color green
  * @input ctx [order:0] - Weaver context (JSON)
  * @output ctx [order:0] - Weaver context with gitResultJson (JSON)
  * @output onFailure [hidden]

package/src/node-types/load-config.ts

@@ -8,6 +8,8 @@ import type { BotConfig } from '../bot/types.js';
  * @flowWeaver nodeType
  * @expression
  * @label Load Config
+ * @icon settings
+ * @color cyan
  * @input [projectDir] [order:0] - Project root directory (defaults to cwd)
  * @output projectDir [order:0] - Project root directory (pass-through)
  * @output config [order:1] - Weaver configuration

package/src/node-types/orchestrator-dispatch.ts

@@ -5,6 +5,8 @@ import type { OrchestratorOutput } from '../bot/profile-types.js';
  *
  * @flowWeaver nodeType
  * @label Dispatch Tasks
+ * @icon playArrow
+ * @color green
  * @input decisions [order:0] - JSON OrchestratorOutput
  * @input projectDir [order:1] - Project directory path
  * @output results [order:0] - JSON dispatch results

package/src/node-types/orchestrator-load-state.ts

@@ -5,6 +5,8 @@ import type { OrchestratorInput } from '../bot/profile-types.js';
  *
  * @flowWeaver nodeType
  * @label Load Swarm State
+ * @icon download
+ * @color cyan
  * @input projectDir [order:0] - Project directory path
  * @output state [order:0] - JSON OrchestratorInput snapshot
  * @output onSuccess [order:-2] - Loaded successfully

package/src/node-types/orchestrator-route.ts

@@ -6,6 +6,8 @@ import type { OrchestratorInput } from '../bot/profile-types.js';
  *
  * @flowWeaver nodeType
  * @label Route Tasks
+ * @icon altRoute
+ * @color orange
  * @input state [order:0] - JSON OrchestratorInput
  * @output decisions [order:0] - JSON OrchestratorOutput
  * @output onSuccess [order:-2] - Routing complete

package/src/node-types/plan-task.ts

@@ -8,6 +8,8 @@ import { auditEmit } from '../bot/audit-logger.js';
  *
  * @flowWeaver nodeType
  * @label Plan Task
+ * @icon checklist
+ * @color blue
  * @input ctx [order:0] - Weaver context (JSON)
  * @output ctx [order:0] - Weaver context with planJson (JSON)
  * @output onSuccess [order:-2] - On Success

package/src/node-types/read-workflow.ts

@@ -10,6 +10,8 @@ import type { WeaverContext } from '../bot/types.js';
  * @flowWeaver nodeType
  * @expression
  * @label Read Workflow
+ * @icon search
+ * @color blue
  * @input ctx [order:0] - Weaver context (JSON)
  * @output ctx [order:0] - Weaver context with resultJson (JSON)
  * @output onFailure [hidden]

package/src/node-types/receive-task.ts

@@ -6,6 +6,8 @@ import type { WeaverEnv, WeaverContext } from '../bot/types.js';
  *
  * @flowWeaver nodeType
  * @label Receive Task
+ * @icon download
+ * @color purple
  * @input env [order:0] - Weaver environment bundle
  * @input [taskJson] [order:1] - Pre-supplied task (JSON, optional)
  * @output ctx [order:0] - Weaver context (JSON)

package/src/node-types/report.ts

@@ -7,6 +7,8 @@ import type { WeaverContext } from '../bot/types.js';
  * @flowWeaver nodeType
  * @expression
  * @label Report
+ * @icon list
+ * @color cyan
  * @input ctx [order:0] - Weaver context (JSON)
  * @output summary [order:0] - Summary string
  * @output onFailure [hidden]

package/src/node-types/resolve-target.ts

@@ -9,6 +9,8 @@ import type { WeaverEnv, WeaverContext } from '../bot/types.js';
  * @flowWeaver nodeType
  * @expression
  * @label Resolve Target
+ * @icon search
+ * @color blue
  * @input env [order:0] - Weaver environment bundle
  * @output ctx [order:0] - Weaver context (JSON)
  * @output onFailure [hidden]

package/src/node-types/route-task.ts

@@ -7,6 +7,8 @@ import type { WeaverContext } from '../bot/types.js';
  * @flowWeaver nodeType
  * @expression
  * @label Route Task
+ * @icon altRoute
+ * @color orange
  * @input ctx [order:0] - Weaver context (JSON)
  * @output ctx [order:0] - Weaver context (pass-through, JSON)
  */

package/src/node-types/send-notify.ts

@@ -49,6 +49,8 @@ function sendWebhook(
  * @flowWeaver nodeType
  * @expression
  * @label Notify Result
+ * @icon pending
+ * @color blue
  * @input ctx [order:0] - Weaver context (JSON)
  * @output ctx [order:0] - Weaver context (pass-through, JSON)
  * @output onFailure [hidden]

package/src/node-types/validate-gate.ts

@@ -9,6 +9,8 @@ import type { WeaverContext } from '../bot/types.js';
  * @flowWeaver nodeType
  * @expression
  * @label Validate Gate
+ * @icon check
+ * @color green
  * @input ctx [order:0] - Weaver context (JSON)
  * @output ctx [order:0] - Weaver context with validation result (JSON)
  * @output onSuccess [order:-2] - All files valid

package/src/node-types/validate-result.ts

@@ -8,6 +8,8 @@ import { validateFiles } from '../bot/file-validator.js';
  * @flowWeaver nodeType
  * @expression
  * @label Validate Result
+ * @icon check
+ * @color green
  * @input env [order:0] - Weaver environment bundle
  * @input executionResultJson [order:1] - Execution result (JSON)
  * @input taskJson [order:2] - Task (JSON, pass-through)

package/src/ui/chat-task-result.tsx

@@ -94,7 +94,8 @@ function isTerminal(status: TaskData['status']): boolean {
 // Component
 // ---------------------------------------------------------------------------
 
-function ChatTaskResult({ result, args, callTool, openWorkspace }: ChatTaskResultProps) {
+function ChatTaskResult(props: ChatTaskResultProps | null) {
+  const { result = null, args = {}, callTool, openWorkspace } = props ?? {} as ChatTaskResultProps;
   const initial = parseResult(result);
   const [task, setTask] = useState<TaskData | null>(initial.task);
   const [subtasks, setSubtasks] = useState<SubtaskData[]>(initial.subtasks);

package/src/ui/use-stream-timeline.ts

@@ -103,6 +103,8 @@ export function useStreamTimeline(events: StreamEvent[], isDone: boolean): Strea
             type: 'node-started',
             nodeId,
             label: (d.label as string) ?? (d.nodeType as string) ?? nodeId ?? 'Node',
+            color: d.color as string | undefined,
+            icon: d.icon as string | undefined,
           });
           break;
         }
@@ -123,6 +125,8 @@ export function useStreamTimeline(events: StreamEvent[], isDone: boolean): Strea
             nodeId,
             label: (d.label as string) ?? (d.nodeType as string) ?? nodeId ?? 'Node',
             duration,
+            color: d.color as string | undefined,
+            icon: d.icon as string | undefined,
             outputs: rawOutputs && rawOutputs.length > 0 ? rawOutputs : undefined,
           };
 
@@ -154,6 +158,8 @@ export function useStreamTimeline(events: StreamEvent[], isDone: boolean): Strea
             label: (d.label as string) ?? (d.nodeType as string) ?? nodeId ?? 'Node',
             detail: d.error as string | undefined,
             duration,
+            color: d.color as string | undefined,
+            icon: d.icon as string | undefined,
             outputs: rawOutputs && rawOutputs.length > 0 ? rawOutputs : undefined,
           };