@synergenius/flow-weaver-pack-weaver 0.9.53 → 0.9.55

package/dist/ui/trace-to-timeline.js

@@ -0,0 +1,115 @@
+// -- Trace-to-timeline conversion --
+export function traceToTimeline(run) {
+    const entries = [];
+    let idCounter = 0;
+    const meta = run.nodeMeta ?? {};
+    // Prefer node-level trace events (richer, with timing); fall back to stepLog
+    if (run.trace && run.trace.length > 0) {
+        const nodeStarts = new Map();
+        for (const event of run.trace) {
+            if (event.type === 'node-start') {
+                nodeStarts.set(event.nodeId, event);
+            }
+            else if (event.type === 'node-complete' || event.type === 'node-error') {
+                const start = nodeStarts.get(event.nodeId);
+                const duration = event.durationMs ?? (start ? event.timestamp - start.timestamp : undefined);
+                const nm = meta[event.nodeId] ?? (event.nodeType ? meta[event.nodeType] : undefined);
+                entries.push({
+                    id: `trace-${idCounter++}`,
+                    timestamp: new Date(event.timestamp),
+                    type: event.type === 'node-complete' ? 'node-completed' : 'node-failed',
+                    nodeId: event.nodeId,
+                    label: nm?.label ?? event.nodeType ?? event.nodeId,
+                    detail: event.error,
+                    duration,
+                    color: nm?.color,
+                    icon: nm?.icon,
+                });
+                nodeStarts.delete(event.nodeId);
+            }
+        }
+        // Any nodes still in nodeStarts are still running (shouldn't happen for historical)
+        for (const [nodeId, event] of nodeStarts) {
+            const nm = meta[nodeId] ?? (event.nodeType ? meta[event.nodeType] : undefined);
+            entries.push({
+                id: `trace-${idCounter++}`,
+                timestamp: new Date(event.timestamp),
+                type: 'node-started',
+                nodeId,
+                label: nm?.label ?? event.nodeType ?? nodeId,
+                color: nm?.color,
+                icon: nm?.icon,
+            });
+        }
+    }
+    else if (run.stepLog && run.stepLog.length > 0) {
+        // Fallback: use stepLog (coarser, from plan execution steps)
+        for (const step of run.stepLog) {
+            const type = step.status === 'ok'
+                ? 'node-completed'
+                : step.status === 'error'
+                    ? 'node-failed'
+                    : 'node-completed'; // 'blocked' treated as completed with detail
+            entries.push({
+                id: `step-${idCounter++}`,
+                timestamp: new Date(run.startedAt ?? Date.now()),
+                type: type,
+                label: step.step,
+                detail: step.detail,
+                icon: step.status === 'ok' ? 'success' : step.status === 'error' ? 'error' : 'warning',
+            });
+        }
+    }
+    // Append a task-level result entry for failed/completed runs
+    if (run.outcome === 'failed' || run.outcome === 'error') {
+        // Extract error details from audit trail
+        let errorDetail = '';
+        if (run.auditTrail) {
+            for (const a of run.auditTrail) {
+                if (a.type === 'step-complete' && a.data) {
+                    const errors = a.data.errors;
+                    if (errors && errors.length > 0) {
+                        errorDetail = errors
+                            .map((e) => (e.length > 120 ? e.slice(0, 117) + '...' : e))
+                            .join('\n');
+                        break;
+                    }
+                }
+            }
+        }
+        // Fallback to summary
+        if (!errorDetail && run.summary) {
+            const parts = run.summary.split('|').map((p) => p.trim());
+            const outcomePart = parts.find((p) => p.startsWith('Outcome:'));
+            const summaryPart = parts.find((p) => p.startsWith('Summary:'));
+            errorDetail = summaryPart?.replace('Summary:', '').trim() ?? outcomePart ?? run.summary;
+        }
+        entries.push({
+            id: `result-${idCounter++}`,
+            timestamp: new Date(run.finishedAt ?? run.startedAt ?? Date.now()),
+            type: 'task-failed',
+            label: 'Task failed',
+            detail: errorDetail || 'Unknown failure',
+            icon: 'error',
+        });
+    }
+    else if (run.outcome === 'completed' && run.success) {
+        entries.push({
+            id: `result-${idCounter++}`,
+            timestamp: new Date(run.finishedAt ?? run.startedAt ?? Date.now()),
+            type: 'task-completed',
+            label: 'Task completed',
+            detail: run.summary?.includes('|')
+                ? run.summary
+                    .split('|')
+                    .find((p) => p.trim().startsWith('Summary:'))
+                    ?.replace('Summary:', '')
+                    .trim()
+                : undefined,
+        });
+    }
+    // Sort by timestamp
+    entries.sort((a, b) => a.timestamp.getTime() - b.timestamp.getTime());
+    return entries;
+}
+//# sourceMappingURL=trace-to-timeline.js.map

package/dist/ui/trace-to-timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trace-to-timeline.js","sourceRoot":"","sources":["../../src/ui/trace-to-timeline.ts"],"names":[],"mappings":"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"}

package/dist/ui/use-stream-timeline.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Convert a progressive stream of execution events into TimelineEntry[]
+ * that ExecutionTimeline can render.
+ *
+ * Handles: node-start/complete/error, bot-started/completed/failed,
+ * audit:plan-created, cost-update.
+ */
+interface StreamEvent {
+    id: number;
+    type: string;
+    timestamp: number;
+    taskId?: string;
+    data?: Record<string, unknown>;
+}
+interface TimelineEntry {
+    id: string;
+    timestamp: Date;
+    type: 'task-started' | 'node-started' | 'node-completed' | 'node-failed' | 'agent-request' | 'user-action' | 'task-completed' | 'task-failed';
+    nodeId?: string;
+    label: string;
+    detail?: string;
+    outputs?: Array<{
+        portLabel: string;
+        value: unknown;
+    }>;
+    duration?: number;
+    color?: string;
+    icon?: string;
+}
+export interface StreamTimelineState {
+    timeline: TimelineEntry[];
+    phase: 'idle' | 'planning' | 'executing' | 'completed' | 'failed';
+    instruction: string | null;
+    elapsed: number;
+    cost: number | null;
+    plan: {
+        summary: string;
+        steps: Array<{
+            id: string;
+            operation: string;
+            description: string;
+        }>;
+    } | null;
+    awaitingApproval: boolean;
+}
+export declare function useStreamTimeline(events: StreamEvent[], isDone: boolean): StreamTimelineState;
+export {};
+//# sourceMappingURL=use-stream-timeline.d.ts.map

package/dist/ui/use-stream-timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-stream-timeline.d.ts","sourceRoot":"","sources":["../../src/ui/use-stream-timeline.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,UAAU,WAAW;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC;AAED,UAAU,aAAa;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,IAAI,CAAC;IAChB,IAAI,EAAE,cAAc,GAAG,cAAc,GAAG,gBAAgB,GAAG,aAAa,GAAG,eAAe,GAAG,aAAa,GAAG,gBAAgB,GAAG,aAAa,CAAC;IAC9I,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,QAAQ,CAAC;IAClE,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,KAAK,CAAC;YAAE,EAAE,EAAE,MAAM,CAAC;YAAC,SAAS,EAAE,MAAM,CAAC;YAAC,WAAW,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KACtE,GAAG,IAAI,CAAC;IACT,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,OAAO,GAAG,mBAAmB,CAiM7F"}

package/dist/ui/use-stream-timeline.js

@@ -0,0 +1,193 @@
+/**
+ * Convert a progressive stream of execution events into TimelineEntry[]
+ * that ExecutionTimeline can render.
+ *
+ * Handles: node-start/complete/error, bot-started/completed/failed,
+ * audit:plan-created, cost-update.
+ */
+const React = require('react');
+const { useMemo, useState, useEffect, useRef } = React;
+export function useStreamTimeline(events, isDone) {
+    const [elapsed, setElapsed] = useState(0);
+    const startTimeRef = useRef(null);
+    // Track start time from first event; reset when events are cleared (new run)
+    useEffect(() => {
+        if (events.length === 0) {
+            startTimeRef.current = null;
+            setElapsed(0);
+        }
+        else if (startTimeRef.current === null) {
+            startTimeRef.current = events[0].timestamp;
+        }
+    }, [events.length]);
+    // Elapsed timer — ticks every second while streaming
+    useEffect(() => {
+        if (isDone || !startTimeRef.current)
+            return;
+        const tick = () => setElapsed(Date.now() - (startTimeRef.current ?? Date.now()));
+        tick();
+        const interval = setInterval(tick, 1000);
+        return () => clearInterval(interval);
+    }, [isDone, events.length]); // re-run when events arrive to start timer
+    // Convert events to timeline entries.
+    // Collapses node-start + node-complete into a single entry per node:
+    // - While a node is running: shows as 'node-started' (spinner)
+    // - When it completes/fails: replaces with 'node-completed'/'node-failed' (with duration)
+    const timeline = useMemo(() => {
+        const entries = [];
+        // Map nodeId → index in entries[] so we can replace start with complete
+        const nodeEntryIndex = new Map();
+        const nodeStarts = new Map();
+        let idCounter = 0;
+        for (const event of events) {
+            const d = event.data ?? {};
+            switch (event.type) {
+                case 'bot-started':
+                    entries.push({
+                        id: `s-${idCounter++}`,
+                        timestamp: new Date(event.timestamp),
+                        type: 'task-started',
+                        label: 'Task started',
+                        detail: d.instruction,
+                    });
+                    break;
+                case 'node-start': {
+                    const nodeId = d.nodeId;
+                    if (nodeId)
+                        nodeStarts.set(nodeId, event.timestamp);
+                    const idx = entries.length;
+                    nodeEntryIndex.set(nodeId, idx);
+                    entries.push({
+                        id: `s-${idCounter++}`,
+                        timestamp: new Date(event.timestamp),
+                        type: 'node-started',
+                        nodeId,
+                        label: d.label ?? d.nodeType ?? nodeId ?? 'Node',
+                    });
+                    break;
+                }
+                case 'node-complete': {
+                    const nodeId = d.nodeId;
+                    const startTs = nodeStarts.get(nodeId);
+                    const duration = d.durationMs ?? (startTs ? event.timestamp - startTs : undefined);
+                    if (nodeId)
+                        nodeStarts.delete(nodeId);
+                    const completed = {
+                        id: `s-${idCounter++}`,
+                        timestamp: new Date(startTs ?? event.timestamp),
+                        type: 'node-completed',
+                        nodeId,
+                        label: d.label ?? d.nodeType ?? nodeId ?? 'Node',
+                        duration,
+                    };
+                    // Replace the node-started entry in-place
+                    const existingIdx = nodeEntryIndex.get(nodeId);
+                    if (existingIdx != null && entries[existingIdx]) {
+                        entries[existingIdx] = completed;
+                        nodeEntryIndex.delete(nodeId);
+                    }
+                    else {
+                        entries.push(completed);
+                    }
+                    break;
+                }
+                case 'node-error': {
+                    const nodeId = d.nodeId;
+                    const startTs = nodeStarts.get(nodeId);
+                    const duration = d.durationMs ?? (startTs ? event.timestamp - startTs : undefined);
+                    if (nodeId)
+                        nodeStarts.delete(nodeId);
+                    const failed = {
+                        id: `s-${idCounter++}`,
+                        timestamp: new Date(startTs ?? event.timestamp),
+                        type: 'node-failed',
+                        nodeId,
+                        label: d.label ?? d.nodeType ?? nodeId ?? 'Node',
+                        detail: d.error,
+                        duration,
+                    };
+                    // Replace the node-started entry in-place
+                    const existingIdx = nodeEntryIndex.get(nodeId);
+                    if (existingIdx != null && entries[existingIdx]) {
+                        entries[existingIdx] = failed;
+                        nodeEntryIndex.delete(nodeId);
+                    }
+                    else {
+                        entries.push(failed);
+                    }
+                    break;
+                }
+                case 'bot-completed':
+                    entries.push({
+                        id: `s-${idCounter++}`,
+                        timestamp: new Date(event.timestamp),
+                        type: 'task-completed',
+                        label: d.success ? 'Task completed' : 'Task finished',
+                        detail: d.summary,
+                    });
+                    break;
+                case 'bot-failed':
+                    entries.push({
+                        id: `s-${idCounter++}`,
+                        timestamp: new Date(event.timestamp),
+                        type: 'task-failed',
+                        label: 'Task failed',
+                        detail: d.error,
+                    });
+                    break;
+                // Skip audit, cost-update, done — they're used for metadata, not timeline
+                default:
+                    break;
+            }
+        }
+        return entries;
+    }, [events]);
+    // Extract metadata from events
+    const { phase, instruction, cost, plan, awaitingApproval } = useMemo(() => {
+        let phase = 'idle';
+        let instruction = null;
+        let cost = null;
+        let plan = null;
+        let awaitingApproval = false;
+        for (const event of events) {
+            const d = event.data ?? {};
+            if (event.type === 'bot-started') {
+                phase = 'planning';
+                instruction = d.instruction ?? null;
+            }
+            else if (event.type === 'node-start' && phase !== 'completed' && phase !== 'failed') {
+                phase = 'executing';
+            }
+            else if (event.type === 'bot-completed') {
+                phase = d.success ? 'completed' : 'failed';
+            }
+            else if (event.type === 'bot-failed') {
+                phase = 'failed';
+            }
+            else if (event.type === 'cost-update') {
+                cost = d.totalCost ?? cost;
+            }
+            else if (event.type === 'audit:plan-created' || event.type === 'plan-created') {
+                // Plan data may be at d.plan (structured) or directly on d (audit event)
+                const planData = d.plan ?? d;
+                const summary = planData.summary ?? '';
+                const steps = planData.steps ?? [];
+                if (summary || steps.length > 0) {
+                    plan = { summary, steps };
+                }
+            }
+            else if (event.type === 'approval-needed') {
+                awaitingApproval = true;
+            }
+            else if (event.type === 'audit:approval-decision') {
+                awaitingApproval = false;
+            }
+        }
+        if (isDone && phase !== 'completed' && phase !== 'failed') {
+            phase = 'completed'; // Stream ended but no explicit completion event
+        }
+        return { phase, instruction, cost, plan, awaitingApproval };
+    }, [events, isDone]);
+    return { timeline, phase, instruction, elapsed, cost, plan, awaitingApproval };
+}
+//# sourceMappingURL=use-stream-timeline.js.map

package/dist/ui/use-stream-timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-stream-timeline.js","sourceRoot":"","sources":["../../src/ui/use-stream-timeline.ts"],"names":[],"mappings":"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"}

package/flowweaver.manifest.json

@@ -1077,8 +1077,10 @@
     "activity": "dist/ui/bot-activity.js",
     "config": "dist/ui/bot-config.js",
     "status": "dist/ui/bot-status.js",
-    "dashboard": "dist/ui/bot-dashboard.js"
+    "dashboard": "dist/ui/bot-dashboard.js",
+    "workspace": "dist/ui/bot-workspace.js"
   },
+  "openWorkspaceOnTool": "fw_weaver_bot",
   "sandboxCapabilities": [
     "fetch:hooks.slack.com",
     "fetch:discord.com",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synergenius/flow-weaver-pack-weaver",
-  "version": "0.9.53",
+  "version": "0.9.55",
   "description": "AI bot for Flow Weaver. Execute tasks, run workflows, evolve autonomously.",
   "type": "module",
   "main": "./dist/index.js",

package/src/ui/approval-card.tsx

@@ -0,0 +1,118 @@
+/**
+ * Inline approval card — shows the bot's plan with approve/reject actions.
+ * Rendered inside TaskBlock when phase is 'planning' and a plan is available.
+ * Uses the workspace context's callTool for approval.
+ */
+const React = require('react');
+const { useState, useCallback } = React;
+const {
+  CollapsibleBlock,
+  Flex,
+  Typography,
+  Badge,
+  Tag,
+  Button,
+  toast,
+} = require('@fw/plugin-ui-kit');
+
+interface PlanStep {
+  id: string;
+  operation: string;
+  description: string;
+}
+
+interface ApprovalCardProps {
+  plan: { summary: string; steps: PlanStep[] };
+  callTool: (tool: string, args?: Record<string, unknown>) => Promise<unknown>;
+  onDecision?: (approved: boolean) => void;
+}
+
+function ApprovalCard({ plan, callTool, onDecision }: ApprovalCardProps) {
+  const [deciding, setDeciding] = useState(false);
+  const [decided, setDecided] = useState<boolean | null>(null);
+
+  const handleDecision = useCallback(
+    async (approved: boolean) => {
+      setDeciding(true);
+      try {
+        await callTool('fw_weaver_approve', { approved });
+        setDecided(approved);
+        onDecision?.(approved);
+        toast(approved ? 'Plan approved' : 'Plan rejected', {
+          type: approved ? 'success' : 'info',
+        });
+      } catch (err: unknown) {
+        toast(err instanceof Error ? err.message : 'Failed to send decision', { type: 'error' });
+      } finally {
+        setDeciding(false);
+      }
+    },
+    [callTool, onDecision],
+  );
+
+  if (decided !== null) {
+    return React.createElement(CollapsibleBlock, {
+      status: decided ? 'completed' : 'error',
+      label: React.createElement(Typography, {
+        variant: 'caption-bold',
+        color: decided ? 'color-status-positive' : 'color-status-negative',
+      }, decided ? 'Plan Approved' : 'Plan Rejected'),
+      expanded: false,
+      canExpand: false,
+    });
+  }
+
+  return React.createElement(CollapsibleBlock, {
+    status: 'pending',
+    label: React.createElement(Flex, { variant: 'row-center-start-nowrap-8' },
+      React.createElement(Badge, { variant: 'warning' }, 'Approval Needed'),
+      React.createElement(Typography, { variant: 'caption-bold', color: 'color-text-high' },
+        plan.summary || `${plan.steps.length} step plan`),
+    ),
+    expanded: true,
+    canExpand: false,
+  },
+    React.createElement(Flex, {
+      variant: 'column-start-start-nowrap-6',
+      style: { padding: '10px 12px' },
+    },
+      ...plan.steps.map((step: PlanStep, i: number) =>
+        React.createElement(Flex, {
+          key: step.id || i,
+          variant: 'row-center-start-nowrap-6',
+          style: { fontSize: '11px' },
+        },
+          React.createElement(Tag, { size: 'small', color: 'info' }, step.operation),
+          React.createElement(Typography, {
+            variant: 'smallCaption-regular',
+            color: 'color-text-medium',
+          }, step.description),
+        ),
+      ),
+    ),
+    React.createElement(Flex, {
+      variant: 'row-center-start-nowrap-8',
+      style: { padding: '10px 12px', borderTop: '1px solid var(--color-border-default)' },
+    },
+      React.createElement(Button, {
+        variant: 'fill',
+        color: 'primary',
+        size: 'xs',
+        onClick: () => handleDecision(true),
+        loading: deciding,
+        disabled: deciding,
+      }, 'Approve'),
+      React.createElement(Button, {
+        variant: 'outlined',
+        color: 'danger',
+        size: 'xs',
+        onClick: () => handleDecision(false),
+        loading: deciding,
+        disabled: deciding,
+      }, 'Reject'),
+    ),
+  );
+}
+
+export { ApprovalCard };
+export default ApprovalCard;