@synergenius/flow-weaver-pack-weaver 0.9.20 → 0.9.22

package/dist/ui/bot-config.js

@@ -5,12 +5,13 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var React = require("react");
 var { useState, useEffect, useCallback } = React;
 var { Typography } = require("@fw/plugin-ui-kit");
-var { Icon } = require("@fw/plugin-ui-kit");
 var { CollapsibleSection } = require("@fw/plugin-ui-kit");
 var { LoadingSpinner } = require("@fw/plugin-ui-kit");
 var { Banner } = require("@fw/plugin-ui-kit");
 var { IconButton } = require("@fw/plugin-ui-kit");
+var { Badge } = require("@fw/plugin-ui-kit");
 var { styled } = require("@fw/plugin-theme");
+var BASE = "/api/pack-tool/@synergenius/flow-weaver-pack-weaver";
 var ConfigRow = styled.div({
   display: "flex",
   justifyContent: "space-between",
@@ -19,31 +20,44 @@ var ConfigRow = styled.div({
   borderBottom: "1px solid $color-border-default",
   "&:last-of-type": { borderBottom: "none" }
 });
-var TOOL_URL = "/api/pack-tool/@synergenius/flow-weaver-pack-weaver/fw_weaver_insights";
+var Footer = styled.div({
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center",
+  marginTop: "10px",
+  paddingTop: "6px",
+  borderTop: "1px solid $color-border-default"
+});
+function callTool(tool, body = {}) {
+  return fetch(`${BASE}/${tool}`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(body),
+    credentials: "include"
+  }).then(async (res) => {
+    if (!res.ok) throw new Error("Request failed");
+    const json = await res.json();
+    if (json.isError) throw new Error(json.result);
+    try {
+      return JSON.parse(json.result);
+    } catch {
+      return json.result;
+    }
+  });
+}
 function BotConfig({ packName, botId }) {
-  const [data, setData] = useState(null);
+  const [insights, setInsights] = useState(null);
+  const [providers, setProviders] = useState([]);
   const [error, setError] = useState(null);
   const [loading, setLoading] = useState(true);
   const fetchData = useCallback(async () => {
     try {
-      const res = await fetch(TOOL_URL, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({}),
-        credentials: "include"
-      });
-      if (!res.ok) {
-        setError("Failed to fetch");
-        setLoading(false);
-        return;
-      }
-      const json = await res.json();
-      if (json.isError) {
-        setError(json.result);
-        setLoading(false);
-        return;
-      }
-      setData(JSON.parse(json.result));
+      const [ins, provs] = await Promise.allSettled([
+        callTool("fw_weaver_insights"),
+        callTool("fw_weaver_providers")
+      ]);
+      if (ins.status === "fulfilled") setInsights(ins.value);
+      if (provs.status === "fulfilled" && Array.isArray(provs.value)) setProviders(provs.value);
       setError(null);
     } catch (e) {
       setError(e.message ?? "Failed to load");
@@ -54,36 +68,44 @@ function BotConfig({ packName, botId }) {
   useEffect(() => {
     fetchData();
   }, [fetchData]);
-  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoadingSpinner, { size: "small" });
-  if (error) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { padding: "8px 12px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Banner, { status: "danger", size: "small", children: error }) });
-  const bot = data?.bots?.find((b) => b.name === botId) ?? data?.bots?.[0];
-  const provider = bot?.provider ?? "Not configured";
+  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { padding: 16, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoadingSpinner, { size: "small" }) });
+  if (error && !insights) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { padding: "8px 12px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Banner, { status: "danger", size: "small", children: error }) });
+  const bot = insights?.bots?.find((b) => b.name === botId) ?? insights?.bots?.[0];
+  const configuredProvider = bot?.provider;
+  const availableProvider = providers.find((p) => p.envVarsSet);
+  const activeProvider = configuredProvider || availableProvider?.name;
+  const isAutoDetected = !configuredProvider && !!availableProvider;
   const approval = bot?.approvalMode ?? "auto";
-  const hasBots = (data?.bots?.length ?? 0) > 0;
+  const trustPhase = insights?.trust?.phase ?? 1;
+  const trustScore = insights?.trust?.score ?? 0;
+  const noProvider = !activeProvider;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleSection, { title: "Configuration", defaultExpanded: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { padding: "4px 12px 12px" }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ConfigRow, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "smallCaption-bold", color: "color-text-subtle", children: "Provider" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "caption-regular", color: "color-text-high", children: provider })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "caption-regular", color: "color-text-high", children: activeProvider ?? "None detected" }),
+        isAutoDetected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, { variant: "default", children: "auto" })
+      ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ConfigRow, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "smallCaption-bold", color: "color-text-subtle", children: "Approval" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "caption-regular", color: "color-text-high", children: approval })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ConfigRow, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "smallCaption-bold", color: "color-text-subtle", children: "Trust Phase" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "smallCaption-bold", color: "color-text-subtle", children: "Trust" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Typography, { variant: "caption-regular", color: "color-text-high", children: [
         "P",
-        data?.trust?.phase ?? "?",
+        trustPhase,
         " (",
-        data?.trust?.score ?? 0,
+        trustScore,
         "/100)"
       ] })
     ] }),
-    !hasBots && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { marginTop: 12 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Banner, { status: "info", size: "small", children: "No .weaver.json detected. Create one to configure providers and approval modes." }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "caption-regular", color: "color-text-subtle", style: { marginTop: 6, fontFamily: "var(--typography-family-mono)" }, children: "npx flow-weaver weaver init" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { marginTop: 10, display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconButton, { icon: "refresh", size: "xs", variant: "clear", onClick: fetchData, title: "Refresh" }) })
+    noProvider && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { marginTop: 10 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Banner, { status: "warning", size: "small", children: "No AI provider detected. Set ANTHROPIC_API_KEY or install Claude CLI." }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Footer, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: "Customize via .weaver.json" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconButton, { icon: "refresh", size: "xs", variant: "clear", onClick: fetchData, title: "Refresh" })
+    ] })
   ] }) });
 }
 module.exports = BotConfig;

package/flowweaver.manifest.json

@@ -1,7 +1,7 @@
 {
   "manifestVersion": 2,
   "name": "@synergenius/flow-weaver-pack-weaver",
-  "version": "0.9.20",
+  "version": "0.9.22",
   "description": "AI bot for Flow Weaver. Execute tasks, run workflows, evolve autonomously.",
   "engineVersion": ">=0.22.10",
   "categories": [
@@ -1074,6 +1074,7 @@
   ],
   "uiContributions": [],
   "botUI": {
+    "activity": "dist/ui/bot-activity.js",
     "config": "dist/ui/bot-config.js",
     "status": "dist/ui/bot-status.js",
     "dashboard": "dist/ui/bot-dashboard.js"

package/package.json

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

package/src/bot/runner.ts

@@ -2,10 +2,12 @@ import * as fs from 'node:fs';
 import * as path from 'node:path';
 import type {
   ApprovalMode,
+  AuditEvent,
   AuditEventCallback,
   BotConfig,
   BotNotifyConfig,
   ExecutionEvent,
+  RunCostSummary,
   RunOutcome,
   WeaverConfig,
   WorkflowResult,
@@ -118,7 +120,17 @@ export async function runWorkflow(
   try { store = new RunStore(); } catch { /* non-fatal */ }
   const runId = RunStore.newId();
   const startedAt = new Date().toISOString();
-  initAuditLogger(runId, options?.onAuditEvent);
+
+  // Collect execution trace and audit events for persistence
+  const collectedTrace: ExecutionEvent[] = [];
+  const collectedAudit: AuditEvent[] = [];
+
+  const auditCollector: AuditEventCallback = (event) => {
+    collectedAudit.push(event);
+    options?.onAuditEvent?.(event);
+  };
+
+  initAuditLogger(runId, auditCollector);
 
   // Mark run as in-progress so abrupt kills leave a trace
   try { store?.markRunning(runId, absPath); } catch { /* non-fatal */ }
@@ -183,38 +195,55 @@ export async function runWorkflow(
       return dryResult;
     }
 
-    // Forward trace events as ExecutionEvents
-    const onTraceEvent = options?.onEvent
-      ? (traceEvent: { type: string; timestamp: number; data?: Record<string, unknown> }) => {
-          if (traceEvent.type !== 'STATUS_CHANGED' || !traceEvent.data) return;
-          const nodeId = traceEvent.data.id as string | undefined;
-          const status = traceEvent.data.status as string | undefined;
-          if (!nodeId || !status) return;
-
-          let eventType: ExecutionEvent['type'] | null = null;
-          if (status === 'RUNNING') eventType = 'node-start';
-          else if (status === 'SUCCEEDED') eventType = 'node-complete';
-          else if (status === 'FAILED') eventType = 'node-error';
-
-          if (eventType) {
-            options.onEvent!({
-              type: eventType,
-              nodeId,
-              nodeType: traceEvent.data.nodeTypeName as string | undefined,
-              timestamp: traceEvent.timestamp,
-              error: traceEvent.data.error as string | undefined,
-            });
-          }
-        }
-      : undefined;
+    // Always collect trace events for persistence; also forward to caller if provided.
+    // Track node start times so we can compute durationMs on completion.
+    const nodeStartTimes = new Map<string, number>();
+
+    const onTraceEvent = (traceEvent: { type: string; timestamp: number; data?: Record<string, unknown> }) => {
+      if (traceEvent.type !== 'STATUS_CHANGED' || !traceEvent.data) return;
+      const nodeId = traceEvent.data.id as string | undefined;
+      const status = traceEvent.data.status as string | undefined;
+      if (!nodeId || !status) return;
+
+      let eventType: ExecutionEvent['type'] | null = null;
+      let durationMs: number | undefined;
+
+      if (status === 'RUNNING') {
+        eventType = 'node-start';
+        nodeStartTimes.set(nodeId, traceEvent.timestamp);
+      } else if (status === 'SUCCEEDED') {
+        eventType = 'node-complete';
+        const startTime = nodeStartTimes.get(nodeId);
+        if (startTime) durationMs = traceEvent.timestamp - startTime;
+        nodeStartTimes.delete(nodeId);
+      } else if (status === 'FAILED') {
+        eventType = 'node-error';
+        const startTime = nodeStartTimes.get(nodeId);
+        if (startTime) durationMs = traceEvent.timestamp - startTime;
+        nodeStartTimes.delete(nodeId);
+      }
+
+      if (eventType) {
+        const event: ExecutionEvent = {
+          type: eventType,
+          nodeId,
+          nodeType: traceEvent.data.nodeTypeName as string | undefined,
+          timestamp: traceEvent.timestamp,
+          durationMs,
+          error: traceEvent.data.error as string | undefined,
+        };
+        collectedTrace.push(event);
+        options?.onEvent?.(event);
+      }
+    };
 
     const execResult = await executeWorkflowFromFile(
       absPath,
       options?.params ?? {},
       {
         agentChannel: botChannel,
-        includeTrace: !!onTraceEvent,
-        production: !onTraceEvent,
+        includeTrace: true,
+        production: false,
         onEvent: onTraceEvent,
       },
     );
@@ -224,15 +253,30 @@ export async function runWorkflow(
     const summary = buildSummary(result);
     const outcome = success ? 'completed' : 'failed';
 
-    // Extract stepLog from WeaverContext if available
+    // Extract stepLog and plan from WeaverContext if available
     let stepLog: import('./types.js').StepLogEntry[] | undefined;
+    let plan: RunRecord['plan'] | undefined;
     try {
       const ctxStr = result?.ctx as string | undefined;
       if (ctxStr) {
         const ctx = JSON.parse(ctxStr);
         if (ctx.stepLogJson) stepLog = JSON.parse(ctx.stepLogJson);
+        if (ctx.planJson) {
+          const parsed = JSON.parse(ctx.planJson);
+          if (parsed?.steps) {
+            plan = {
+              summary: parsed.summary ?? '',
+              steps: (parsed.steps as Array<Record<string, unknown>>).map((s) => ({
+                id: String(s.id ?? ''),
+                operation: String(s.operation ?? ''),
+                description: String(s.description ?? ''),
+                ...(s.args ? { args: s.args as Record<string, unknown> } : {}),
+              })),
+            };
+          }
+        }
       }
-    } catch { /* stepLog extraction is best-effort */ }
+    } catch { /* extraction is best-effort */ }
 
     await notifier({
       type: 'workflow-complete',
@@ -248,6 +292,10 @@ export async function runWorkflow(
       id: runId, workflowFile: absPath, startedAt, success, outcome: outcome as RunOutcome, summary,
       functionName: execResult.functionName, executionTime: execResult.executionTime,
       dryRun: false, provider: providerConfig.name, params: options?.params, stepLog,
+      trace: collectedTrace.length > 0 ? collectedTrace : undefined,
+      plan,
+      cost: costSummary,
+      auditTrail: collectedAudit.length > 0 ? collectedAudit : undefined,
     }, verbose);
 
     auditEmit('run-complete', { success, outcome, summary });
@@ -275,6 +323,9 @@ export async function runWorkflow(
     recordRun(store, {
       id: runId, workflowFile: absPath, startedAt, success: false, outcome: 'error', summary: msg,
       dryRun: options?.dryRun ?? false, provider: providerConfig.name, params: options?.params,
+      trace: collectedTrace.length > 0 ? collectedTrace : undefined,
+      cost: costSummary,
+      auditTrail: collectedAudit.length > 0 ? collectedAudit : undefined,
     }, verbose);
 
     auditEmit('run-complete', { success: false, error: msg });
@@ -285,15 +336,11 @@ export async function runWorkflow(
   }
 }
 
+type RunRecord = import('./types.js').RunRecord;
+
 function recordRun(
   store: RunStore | null,
-  data: {
-    id: string; workflowFile: string; startedAt: string; success: boolean;
-    outcome: RunOutcome; summary: string; functionName?: string;
-    executionTime?: number; dryRun: boolean; provider?: string;
-    params?: Record<string, unknown>;
-    stepLog?: import('./types.js').StepLogEntry[];
-  },
+  data: Omit<RunRecord, 'finishedAt' | 'durationMs'>,
   verbose: boolean,
 ): void {
   if (!store) return;

package/src/bot/types.ts

@@ -194,6 +194,14 @@ export interface RunRecord {
   pipelineName?: string;
   stageName?: string;
   stepLog?: StepLogEntry[];
+  /** Node-by-node execution trace (node-start/complete/error events). */
+  trace?: ExecutionEvent[];
+  /** AI-generated plan for this run. */
+  plan?: { summary: string; steps: Array<{ id: string; operation: string; description: string; args?: Record<string, unknown> }> };
+  /** Token usage and estimated cost. */
+  cost?: RunCostSummary;
+  /** Lifecycle audit events (plan-created, approval, step-start/complete, etc.). */
+  auditTrail?: AuditEvent[];
 }
 
 export interface RunFilter {