@burdenoff/fluidgrids-fe-sdk 2026.1104.3 → 2026.1105.2

package/dist/{chunk-ON7LK6QH.js → chunk-O7CJJNW6.js}

@@ -1,85 +1,22 @@
-import { FailureTriagePanel } from './chunk-SS7Y66P5.js';
-import { useDataSinks, useDataSinkData, useInsightsData, useRunReplayActions } from './chunk-MF7JLSJX.js';
+import { formatBytes, getFailureBreakdown, getTopFailingWorkflows, getTopFailingNodes, percentage, FailureTriagePanel, formatDuration, prettyJson } from './chunk-TCIBTMJI.js';
+import { aiSpendPeriod, AI_SPEND_RANGE_DAYS, evidenceFacts, monthlySavingLabel, evidenceWindowDays, shortRunId, DISMISS_REASONS, MAX_DISMISS_NOTE_LENGTH, aiCost, formatTokens, runsOfWorkflowPath } from './chunk-NZAYYUQ4.js';
+import { useDataSinks, useDataSinkData, useInsightsData, useRunReplayActions } from './chunk-SALZ3LQB.js';
 import { proposalCanvasPath } from './chunk-GLYINMOR.js';
-import { useContinuousOptimisationEnabled, throwIfResultError } from './chunk-AAIZ6S6E.js';
+import { useContinuousOptimisationEnabled } from './chunk-3QCRKKTI.js';
 import { useFluidGridsPermission, FLUIDGRIDS_PERMISSIONS, SdkPermissionButton } from './chunk-5375NUIO.js';
-import { SetContinuousOptimisationEnabledDocument, FgRunOptimisationScanDocument, ProposeOptimisationDocument, WorkflowProposalDocument, DismissOptimisationSuggestionDocument, SnoozeOptimisationSuggestionDocument, OptimisationSuggestionsDocument, ContinuousOptimisationSettingsDocument } from './chunk-AVHBWJRY.js';
+import { SetContinuousOptimisationEnabledDocument, FgRunOptimisationScanDocument, ProposeOptimisationDocument, WorkflowProposalDocument, DismissOptimisationSuggestionDocument, SnoozeOptimisationSuggestionDocument, WorkspaceAiUsageDocument, OptimisationSuggestionsDocument, ContinuousOptimisationSettingsDocument } from './chunk-Z3ABLERJ.js';
 import { useTr } from './chunk-UULVIT25.js';
-import { getFluidGridsClient } from './chunk-NTWG3CJX.js';
+import { getFluidGridsClient } from './chunk-3IXU7WUC.js';
+import { throwIfResultError } from './chunk-US5QSLPV.js';
 import { useState, useMemo, useEffect, useRef, useCallback } from 'react';
 import { Icon } from '@iconify/react';
 import { Button } from '@burdenoff/fe-libs/button';
 import { Input, Button as Button$1, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Label, Textarea, DialogFooter } from '@burdenoff/fe-libs/ui';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useNavigate } from 'react-router';
+import { useNavigate, Link } from 'react-router';
 import { toast } from 'sonner';
 import { Lightbulb, Scissors, Timer, ShieldCheck, DatabaseZap, BadgeDollarSign, RotateCcw } from 'lucide-react';
 
-// src/modules/observability/utils.ts
-function percentage(value, total) {
-  if (total <= 0) return 0;
-  return Math.round(value / total * 1e3) / 10;
-}
-function getFailureBreakdown(runs) {
-  const counts = /* @__PURE__ */ new Map();
-  for (const run of runs) {
-    const key = run.errorType || "UNKNOWN";
-    counts.set(key, (counts.get(key) ?? 0) + 1);
-  }
-  return [...counts.entries()].map(([key, count]) => ({ key, count })).sort((a, b) => b.count - a.count || a.key.localeCompare(b.key));
-}
-function getTopFailingWorkflows(runs) {
-  const counts = /* @__PURE__ */ new Map();
-  for (const run of runs) {
-    const current = counts.get(run.workflowKey);
-    if (current) {
-      current.count += 1;
-    } else {
-      counts.set(run.workflowKey, {
-        workflowKey: run.workflowKey,
-        label: run.workflow?.name || run.workflowKey,
-        count: 1
-      });
-    }
-  }
-  return [...counts.values()].sort(
-    (a, b) => b.count - a.count || a.label.localeCompare(b.label)
-  );
-}
-function getTopFailingNodes(nodeUsageStats) {
-  return [...nodeUsageStats].filter((stat) => stat.failureCount > 0).sort(
-    (a, b) => b.failureCount - a.failureCount || a.nodeType.localeCompare(b.nodeType)
-  );
-}
-function formatDuration(seconds) {
-  if (seconds === null || seconds === void 0 || !Number.isFinite(seconds)) {
-    return "\u2014";
-  }
-  if (seconds < 1) return `${Math.round(seconds * 1e3)}ms`;
-  if (seconds < 60) return `${seconds.toFixed(1)}s`;
-  const minutes = Math.floor(seconds / 60);
-  const remainingSeconds = Math.round(seconds % 60);
-  return `${minutes}m ${remainingSeconds}s`;
-}
-function formatBytes(bytes) {
-  if (!Number.isFinite(bytes) || bytes < 0) return "\u2014";
-  if (bytes < 1024) return `${bytes} B`;
-  const units = ["KB", "MB", "GB", "TB"];
-  let value = bytes / 1024;
-  let unit = units[0];
-  for (let i = 1; i < units.length && value >= 1024; i += 1) {
-    value /= 1024;
-    unit = units[i];
-  }
-  return `${value.toFixed(value >= 10 ? 0 : 1)} ${unit}`;
-}
-function prettyJson(value) {
-  try {
-    return JSON.stringify(value, null, 2) ?? "null";
-  } catch {
-    return String(value);
-  }
-}
 function valueLabel(value) {
   if (value === null || value === void 0) return "\u2014";
   if (typeof value === "object") return JSON.stringify(value);
@@ -579,132 +516,6 @@ function useContinuousOptimisation(active) {
   };
 }
 
-// src/modules/observability/optimisation.ts
-var DEFAULT_WINDOW_DAYS = 30;
-var DISMISS_REASONS = [
-  "NOT_APPLICABLE" /* NotApplicable */,
-  "ACCEPTED_COST" /* AcceptedCost */,
-  "WILL_FIX_LATER" /* WillFixLater */,
-  "OTHER" /* Other */
-];
-var MAX_DISMISS_NOTE_LENGTH = 500;
-function isRecord(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-function evidenceRecord(evidence) {
-  if (typeof evidence === "string") {
-    try {
-      const parsed = JSON.parse(evidence);
-      return isRecord(parsed) ? parsed : {};
-    } catch {
-      return {};
-    }
-  }
-  return isRecord(evidence) ? evidence : {};
-}
-function numberAt(evidence, key) {
-  const value = evidence[key];
-  return typeof value === "number" && Number.isFinite(value) ? value : null;
-}
-function formatShare(value) {
-  return `${Math.round(value * 100)}%`;
-}
-function formatSeconds(ms) {
-  const seconds = ms / 1e3;
-  return `${Number.isInteger(seconds) ? seconds : seconds.toFixed(1)} s`;
-}
-function formatCount(value) {
-  return Math.round(value).toLocaleString("en-US");
-}
-function formatMicroUsd(value) {
-  const dollars = value / 1e6;
-  if (dollars > 0 && dollars < 0.01) return "< $0.01";
-  return `$${dollars.toLocaleString("en-US", {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2
-  })}`;
-}
-function monthlySavingLabel(microUsd) {
-  if (microUsd === null || microUsd === void 0) return null;
-  if (!Number.isFinite(microUsd) || microUsd <= 0) return null;
-  return formatMicroUsd(microUsd);
-}
-function evidenceWindowDays(evidence) {
-  const days = numberAt(evidenceRecord(evidence), "windowDays");
-  return days !== null && days > 0 ? days : DEFAULT_WINDOW_DAYS;
-}
-var FACTS = {
-  ["RAISE_TIMEOUT" /* RaiseTimeout */]: [
-    { id: "executions", format: formatCount },
-    { id: "timeoutRate", format: formatShare },
-    { id: "currentTimeoutMs", format: formatSeconds },
-    {
-      id: "p95CompletedMs",
-      format: formatSeconds
-    },
-    {
-      id: "suggestedTimeoutMs",
-      format: formatSeconds
-    }
-  ],
-  ["ADD_RETRY" /* AddRetry */]: [
-    { id: "executions", format: formatCount },
-    {
-      id: "transientFailures",
-      format: formatCount
-    },
-    {
-      id: "transientFailureRate",
-      format: formatShare
-    }
-  ],
-  ["UNUSED_NODE" /* UnusedNode */]: [{ id: "completedRuns", format: formatCount }],
-  ["ENABLE_CACHE" /* EnableCache */]: [
-    { id: "calls", format: formatCount },
-    { id: "repeatedCalls", format: formatCount },
-    { id: "repeatShare", format: formatShare },
-    { id: "costMicroUsd", format: formatMicroUsd }
-  ],
-  ["CHEAPER_MODEL" /* CheaperModel */]: [],
-  ["MISSING_GUARDRAIL" /* MissingGuardrail */]: []
-};
-function evidenceFacts(kind, evidence) {
-  const record = evidenceRecord(evidence);
-  const facts = [];
-  for (const spec of FACTS[kind] ?? []) {
-    const value = numberAt(record, spec.id);
-    if (value === null) continue;
-    facts.push({ id: spec.id, value: spec.format(value) });
-  }
-  if (kind === "UNUSED_NODE" /* UnusedNode */) {
-    const removed = record.removedNodeIds;
-    if (Array.isArray(removed) && removed.length > 0) {
-      facts.push({
-        id: "removedNodeIds",
-        value: removed.map(String).join(", ")
-      });
-    }
-  }
-  if (kind === "ADD_RETRY" /* AddRetry */) {
-    const byType = record.failuresByType;
-    if (isRecord(byType)) {
-      const parts = Object.entries(byType).filter(
-        (entry) => typeof entry[1] === "number" && entry[1] > 0
-      ).map(([type, count]) => `${type} ${formatCount(count)}`);
-      if (parts.length > 0) {
-        facts.push({
-          id: "failuresByType",
-          value: parts.join(", ")
-        });
-      }
-    }
-  }
-  return facts;
-}
-function shortRunId(runId) {
-  return runId.length > 8 ? runId.slice(0, 8) : runId;
-}
-
 // src/modules/observability/optimisation-labels.ts
 function kindLabel(tr, kind) {
   switch (kind) {
@@ -1338,6 +1149,273 @@ function DismissDialog({
     }
   );
 }
+async function fetchWorkspaceAiUsage(from, to) {
+  const result = await getFluidGridsClient().query({
+    query: WorkspaceAiUsageDocument,
+    variables: { from, to },
+    fetchPolicy: "network-only"
+  });
+  throwIfResultError(result);
+  return result.data?.workspaceAiUsage ?? null;
+}
+function useWorkspaceAiUsage(days) {
+  const [sent, setSent] = useState(0);
+  const [settled, setSettled] = useState(null);
+  const request = useRef(0);
+  const read = useCallback(async () => {
+    const id = ++request.current;
+    setSent(id);
+    const { from, to } = aiSpendPeriod(days);
+    let next;
+    try {
+      next = { usage: await fetchWorkspaceAiUsage(from, to), error: null };
+    } catch (err) {
+      next = {
+        usage: null,
+        error: err instanceof Error ? err.message : String(err)
+      };
+    }
+    if (id !== request.current) return;
+    setSettled({ request: id, ...next });
+  }, [days]);
+  useEffect(() => {
+    void read();
+  }, [read]);
+  const loading = (settled?.request ?? -1) !== sent || sent === 0;
+  return {
+    usage: settled?.usage ?? null,
+    loading,
+    error: settled && settled.request === sent ? settled.error : null,
+    refetch: read
+  };
+}
+function rangeLabel(days, tr) {
+  switch (days) {
+    case 7:
+      return tr("fluidgrids.insights.aiSpend.range7", "7 days");
+    case 30:
+      return tr("fluidgrids.insights.aiSpend.range30", "30 days");
+    case 90:
+      return tr("fluidgrids.insights.aiSpend.range90", "90 days");
+  }
+}
+function Cost({ usage, tr }) {
+  const cost = aiCost(usage);
+  if (cost.kind === "priced") return /* @__PURE__ */ jsx(Fragment, { children: cost.text });
+  if (cost.kind === "unpriced") {
+    return /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr("fluidgrids.insights.aiSpend.notPricedYet", "Not priced yet") });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: "\u2014" });
+}
+function AiSpendPanel() {
+  const tr = useTr();
+  const [days, setDays] = useState(7);
+  const { usage, loading, error, refetch } = useWorkspaceAiUsage(days);
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: "rounded-xl border border-border-secondary bg-background-secondary p-4 sm:p-5",
+      "aria-label": tr("fluidgrids.insights.aiSpend.title", "AI spend"),
+      "data-testid": "insights-ai-spend",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold text-text-primary", children: tr("fluidgrids.insights.aiSpend.title", "AI spend") }),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-text-secondary", children: tr(
+              "fluidgrids.insights.aiSpend.subtitle",
+              "Model calls made by your workflow runs, most expensive workflow first."
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx(RangeSelector, { days, onChange: setDays, tr })
+        ] }),
+        /* @__PURE__ */ jsx(
+          AiSpendBody,
+          {
+            usage,
+            loading,
+            error,
+            onRetry: () => void refetch(),
+            tr
+          }
+        )
+      ]
+    }
+  );
+}
+function RangeSelector({
+  days,
+  onChange,
+  tr
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "flex shrink-0 gap-1 rounded-lg border border-border-secondary p-1",
+      role: "group",
+      "aria-label": tr("fluidgrids.insights.aiSpend.rangeLabel", "Period"),
+      children: AI_SPEND_RANGE_DAYS.map((option) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-pressed": days === option,
+          onClick: () => onChange(option),
+          className: `rounded px-3 py-1 text-sm ${days === option ? "bg-action-primary-bg text-action-primary-text" : "text-text-secondary hover:text-text-primary"}`,
+          children: rangeLabel(option, tr)
+        },
+        option
+      ))
+    }
+  );
+}
+function AiSpendBody({
+  usage,
+  loading,
+  error,
+  onRetry,
+  tr
+}) {
+  if (error) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "alert",
+        className: "mt-4 rounded-lg border border-status-error-border bg-status-error-bg-subtle p-3 text-sm text-status-error-text",
+        children: [
+          /* @__PURE__ */ jsx("p", { children: tr(
+            "fluidgrids.insights.aiSpend.loadError",
+            "Could not load AI spend: {{message}}",
+            { message: error }
+          ) }),
+          /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", className: "mt-2", onClick: onRetry, children: tr("fluidgrids.insights.aiSpend.retry", "Try again") })
+        ]
+      }
+    );
+  }
+  if (!usage) {
+    return loading ? /* @__PURE__ */ jsx("div", { className: "mt-4 grid gap-3 sm:grid-cols-3", "aria-busy": "true", children: [1, 2, 3].map((item) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "h-20 animate-pulse rounded-lg bg-background-tertiary"
+      },
+      item
+    )) }) : null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: loading ? "opacity-60" : void 0, "aria-busy": loading, children: [
+    /* @__PURE__ */ jsx(SpendTotals, { total: usage.total, tr }),
+    usage.lines.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "mt-4 rounded-lg border border-dashed border-border-secondary p-6 text-center", children: [
+      /* @__PURE__ */ jsx(
+        Icon,
+        {
+          icon: "mdi:robot-off-outline",
+          width: 28,
+          className: "mx-auto text-text-secondary"
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-text-secondary", children: tr(
+        "fluidgrids.insights.aiSpend.empty",
+        "No workflow run made a model call in this period."
+      ) })
+    ] }) : /* @__PURE__ */ jsx(SpendTable, { lines: usage.lines, tr }),
+    usage.truncated ? /* @__PURE__ */ jsx("p", { className: "mt-3 text-xs text-text-secondary", children: tr(
+      "fluidgrids.insights.aiSpend.truncated",
+      "Showing the top {{count}} workflows by spend; the totals above include every workflow.",
+      { count: usage.lines.length }
+    ) }) : null
+  ] });
+}
+function SpendTotals({ total, tr }) {
+  const totalCost = aiCost(total);
+  return /* @__PURE__ */ jsxs("div", { className: "mt-4 grid gap-3 sm:grid-cols-3", children: [
+    /* @__PURE__ */ jsx(
+      Total,
+      {
+        label: tr("fluidgrids.insights.aiSpend.totalCost", "Estimated cost"),
+        detail: totalCost.kind === "priced" && totalCost.partial ? tr(
+          "fluidgrids.insights.aiSpend.partialCost",
+          "Calls not priced yet: {{count}}",
+          { count: totalCost.unpricedCalls }
+        ) : null,
+        children: /* @__PURE__ */ jsx(Cost, { usage: total, tr })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Total,
+      {
+        label: tr("fluidgrids.insights.aiSpend.totalCalls", "Model calls"),
+        children: total.calls.toLocaleString("en-US")
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Total,
+      {
+        label: tr("fluidgrids.insights.aiSpend.totalTokens", "Tokens in / out"),
+        detail: total.cachedInputTokens > 0 ? tr(
+          "fluidgrids.insights.aiSpend.cachedTokens",
+          "{{count}} input tokens cached",
+          { count: formatTokens(total.cachedInputTokens) }
+        ) : null,
+        children: [
+          formatTokens(total.inputTokens),
+          " / ",
+          formatTokens(total.outputTokens)
+        ]
+      }
+    )
+  ] });
+}
+function Total({
+  label,
+  children,
+  detail
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border-secondary bg-background-primary p-3", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary", children: label }),
+    /* @__PURE__ */ jsx("p", { className: "mt-1 text-xl font-semibold text-text-primary break-words", children }),
+    detail && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-text-secondary", children: detail })
+  ] });
+}
+function SpendTable({
+  lines,
+  tr
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "mt-4 overflow-x-auto rounded-lg border border-border-secondary", children: /* @__PURE__ */ jsxs("table", { className: "w-full min-w-[640px] text-sm", children: [
+    /* @__PURE__ */ jsx("thead", { className: "bg-background-tertiary text-left text-xs text-text-secondary", children: /* @__PURE__ */ jsxs("tr", { children: [
+      /* @__PURE__ */ jsx("th", { className: "px-3 py-2 font-medium", children: tr("fluidgrids.insights.aiSpend.colWorkflow", "Workflow") }),
+      /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-right font-medium", children: tr("fluidgrids.insights.aiSpend.colRuns", "Runs") }),
+      /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-right font-medium", children: tr("fluidgrids.insights.aiSpend.colCalls", "Calls") }),
+      /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-right font-medium", children: tr("fluidgrids.insights.aiSpend.colTokensIn", "Tokens in") }),
+      /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-right font-medium", children: tr("fluidgrids.insights.aiSpend.colTokensOut", "Tokens out") }),
+      /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-right font-medium", children: tr("fluidgrids.insights.aiSpend.colCost", "Cost") })
+    ] }) }),
+    /* @__PURE__ */ jsx("tbody", { children: lines.map((line) => /* @__PURE__ */ jsxs(
+      "tr",
+      {
+        className: "border-t border-border-secondary",
+        children: [
+          /* @__PURE__ */ jsx("td", { className: "max-w-[16rem] px-3 py-2", children: /* @__PURE__ */ jsx(
+            Link,
+            {
+              to: runsOfWorkflowPath(line.workflowKey),
+              className: "block truncate font-mono text-text-link underline-offset-2 hover:text-text-linkHover hover:underline",
+              title: tr(
+                "fluidgrids.insights.aiSpend.openRuns",
+                "Open the runs of {{workflow}}",
+                { workflow: line.workflowKey }
+              ),
+              children: line.workflowKey
+            }
+          ) }),
+          /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-right text-text-primary", children: line.runs.toLocaleString("en-US") }),
+          /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-right text-text-primary", children: line.usage.calls.toLocaleString("en-US") }),
+          /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-right text-text-primary", children: formatTokens(line.usage.inputTokens) }),
+          /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-right text-text-primary", children: formatTokens(line.usage.outputTokens) }),
+          /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-right font-medium text-text-primary", children: /* @__PURE__ */ jsx(Cost, { usage: line.usage, tr }) })
+        ]
+      },
+      line.workflowKey
+    )) })
+  ] }) });
+}
 function normalizedRate(summary) {
   const supplied = summary.workflowSuccessRate;
   if (supplied !== null && supplied !== void 0) {
@@ -1526,6 +1604,9 @@ function InsightsPage({ showErrors = false }) {
         )
       }
     ),
+    activeTab === "overview" && // AI spend (BOFF-9937): its own query and period, so it loads and
+    // fails independently of the run summary below.
+    /* @__PURE__ */ jsx("div", { className: "mb-6", children: /* @__PURE__ */ jsx(AiSpendPanel, {}) }),
     loading && !summary ? /* @__PURE__ */ jsx(LoadingState, {}) : activeTab === "overview" && summary ? /* @__PURE__ */ jsx(
       OverviewContent,
       {

package/dist/{chunk-ZDCJPQ5M.js → chunk-OXXXUAWM.js}

@@ -1,6 +1,6 @@
-import { NodeEndpointConfigsDocument, NodeEndpointConfigDocument, NodeManifestDocument, fetchAllNodeEndpointConfigs } from './chunk-AVHBWJRY.js';
+import { NodeEndpointConfigsDocument, NodeEndpointConfigDocument, NodeManifestDocument, fetchAllNodeEndpointConfigs } from './chunk-Z3ABLERJ.js';
 import { useTr } from './chunk-UULVIT25.js';
-import { getFluidGridsClient } from './chunk-NTWG3CJX.js';
+import { getFluidGridsClient } from './chunk-3IXU7WUC.js';
 import { useMemo, useState, useCallback, useEffect } from 'react';
 import { useNavigate } from 'react-router';
 import { Icon } from '@iconify/react';

package/dist/{chunk-D4WA2M2N.js → chunk-QFC6E3WD.js}

@@ -1,7 +1,8 @@
-import { throwIfResultError, describeOperationError, signalPayloadCard, components_default, payloadFromCardValues, parseRawSignalPayload } from './chunk-AAIZ6S6E.js';
-import { TerminateWorkflowRunDocument, WorkflowRunHistoryDocument, RunEventAppendedDocument, DurableRunFieldsDocument, WorkflowRunDeterminismStatusDocument, WorkflowRunStackTraceDocument, SignalWorkflowRunDocument } from './chunk-AVHBWJRY.js';
+import { signalPayloadCard, components_default, payloadFromCardValues, parseRawSignalPayload } from './chunk-3QCRKKTI.js';
+import { TerminateWorkflowRunDocument, WorkflowRunHistoryDocument, RunEventAppendedDocument, DurableRunFieldsDocument, WorkflowRunDeterminismStatusDocument, WorkflowRunStackTraceDocument, SignalWorkflowRunDocument } from './chunk-Z3ABLERJ.js';
 import { useTr } from './chunk-UULVIT25.js';
-import { getFluidGridsClient, getFluidGridsClientSafe } from './chunk-NTWG3CJX.js';
+import { getFluidGridsClient, getFluidGridsClientSafe } from './chunk-3IXU7WUC.js';
+import { throwIfResultError, describeOperationError } from './chunk-US5QSLPV.js';
 import { useState, useMemo, useRef, useCallback, useEffect } from 'react';
 import { Icon } from '@iconify/react';
 import { Button } from '@burdenoff/fe-libs/button';

package/dist/{chunk-AFX3EKFN.js → chunk-QFGZXWTM.js}

@@ -1,8 +1,9 @@
-import { useFluidGridsAnalytics, throwIfResultError, emitWorkflowCreated, emitRunStarted, runTriggerFromMode, openRunQuotaUpgradePrompt, emitWorkflowPublished } from './chunk-AAIZ6S6E.js';
-import { getFluidGridsConfig } from './chunk-6AMNEX2Y.js';
-import { WorkflowDefinitionsDocument, WorkflowDefinitionDocument, WorkflowVersionsDocument, CreateWorkflowDefinitionDocument, ImportWorkflowDocument, PreviewN8nImportDocument, UpdateWorkflowDefinitionDocument, CreateWorkflowVersionDocument, DeleteWorkflowDefinitionDocument, DuplicateWorkflowDocument, RestoreWorkflowVersionDocument, TriggerWorkflowDocument, WorkflowRunsDocument, WorkflowRunDocument, DashboardSummaryDocument, ActivateWorkflowDefinitionDocument, DeactivateWorkflowDefinitionDocument } from './chunk-AVHBWJRY.js';
+import { useFluidGridsAnalytics, emitWorkflowCreated, emitRunStarted, runTriggerFromMode, openRunQuotaUpgradePrompt, emitWorkflowPublished } from './chunk-3QCRKKTI.js';
+import { WorkflowDefinitionsDocument, WorkflowDefinitionDocument, WorkflowVersionsDocument, CreateWorkflowDefinitionDocument, ImportWorkflowDocument, PreviewN8nImportDocument, UpdateWorkflowDefinitionDocument, CreateWorkflowVersionDocument, DeleteWorkflowDefinitionDocument, DuplicateWorkflowDocument, RestoreWorkflowVersionDocument, TriggerWorkflowDocument, WorkflowRunsDocument, WorkflowRunDocument, DashboardSummaryDocument, ActivateWorkflowDefinitionDocument, DeactivateWorkflowDefinitionDocument } from './chunk-Z3ABLERJ.js';
 import { useTr } from './chunk-UULVIT25.js';
-import { getFluidGridsClient } from './chunk-NTWG3CJX.js';
+import { getFluidGridsClient } from './chunk-3IXU7WUC.js';
+import { throwIfResultError, emitFluidGridsEvent, emitOperationErrorEvent } from './chunk-US5QSLPV.js';
+import { getFluidGridsConfig } from './chunk-UEG2WC3G.js';
 import { useState, useCallback, useEffect, useMemo } from 'react';
 
 var WORKFLOW_DEFINITIONS = WorkflowDefinitionsDocument;
@@ -552,10 +553,16 @@ function useTriggerWorkflow() {
             executionId: data.runId,
             trigger: runTriggerFromMode(input.mode)
           });
+          emitFluidGridsEvent("run:started", {
+            runId: data.runId,
+            workflowKey: data.workflowKey,
+            mode: input.mode ?? void 0
+          });
         }
         return data;
       } catch (err) {
         setError(err);
+        emitOperationErrorEvent("run:start", err);
         openRunQuotaUpgradePrompt(err, tr, {
           bus,
           workspaceId,
@@ -704,10 +711,15 @@ function useActivateWorkflow() {
             workflowId: activated.id,
             definition: options?.definition
           });
+          emitFluidGridsEvent("workflow:activated", {
+            workflowKey: activated.workflowKey,
+            version: activated.version ?? void 0
+          });
         }
         return activated;
       } catch (err) {
         console.error("Error activating workflow:", err);
+        emitOperationErrorEvent("workflow:activate", err);
         throw err;
       } finally {
         setLoading(false);

package/dist/{chunk-IK7IGG6T.js → chunk-QPLFALVV.js}

@@ -1,14 +1,15 @@
-import { AgentsTab } from './chunk-VDJFTZ2H.js';
-import { ActionPoliciesTab } from './chunk-NGXJHYV5.js';
-import { LogStreamingTab } from './chunk-MF7JLSJX.js';
+import { AgentsTab } from './chunk-XFH6SLDK.js';
+import { ActionPoliciesTab } from './chunk-AMXJLVZN.js';
+import { LogStreamingTab } from './chunk-SALZ3LQB.js';
 import { FluidGridsDocsLink } from './chunk-4VJ3MDOV.js';
-import { useFlowStore, useFluidGridsFlag, FLUIDGRIDS_FLAGS, useSaveStatusStore, findSaveConflict, useDurableParityEnabled, throwIfResultError, describeOperationError, useConnections } from './chunk-AAIZ6S6E.js';
+import { useFlowStore, useFluidGridsFlag, FLUIDGRIDS_FLAGS, useSaveStatusStore, findSaveConflict, useDurableParityEnabled, useConnections } from './chunk-3QCRKKTI.js';
 import { useFluidGridsPermission, FLUIDGRIDS_PERMISSIONS } from './chunk-5375NUIO.js';
-import { getGlobalStoreClient } from './chunk-PXIFUMLA.js';
-import { getFluidGridsConfig } from './chunk-6AMNEX2Y.js';
-import { useWorkflowDefinitionQuery, useUpdateWorkflowDefinitionMutation, useWorkflowDefinitionsQuery, DurableHistoryCapsDocument, UpdateDurableHistoryCapsDocument } from './chunk-AVHBWJRY.js';
+import { getGlobalStoreClient } from './chunk-AU7LACOY.js';
+import { useWorkflowDefinitionQuery, useUpdateWorkflowDefinitionMutation, useWorkflowDefinitionsQuery, DurableHistoryCapsDocument, UpdateDurableHistoryCapsDocument } from './chunk-Z3ABLERJ.js';
 import { useTr } from './chunk-UULVIT25.js';
-import { getFluidGridsClient } from './chunk-NTWG3CJX.js';
+import { getFluidGridsClient } from './chunk-3IXU7WUC.js';
+import { throwIfResultError, describeOperationError } from './chunk-US5QSLPV.js';
+import { getFluidGridsConfig } from './chunk-UEG2WC3G.js';
 import { useState, useMemo, useEffect, useCallback } from 'react';
 import { useNavigate, useParams } from 'react-router';
 import { Icon } from '@iconify/react';

package/dist/{chunk-MF7JLSJX.js → chunk-SALZ3LQB.js}

@@ -1,7 +1,8 @@
 import { LOG_STREAM_DESTINATIONS, CREATE_LOG_STREAM_DESTINATION, UPDATE_LOG_STREAM_DESTINATION, DELETE_LOG_STREAM_DESTINATION, TEST_LOG_STREAM_DESTINATION, REPLAY_WORKFLOW_RUN, RETRY_WORKFLOW_RUNS, OBSERVABILITY_DASHBOARD_SUMMARY, OBSERVABILITY_FAILED_RUNS, OBSERVABILITY_DATA_SINKS, OBSERVABILITY_DATA_SINK_DATA } from './chunk-5ERAJC2I.js';
-import { throwIfResultError, describeOperationError, useFluidGridsAnalytics, emitRunStarted, openRunQuotaUpgradePrompt, useFluidGridsFlag, FLUIDGRIDS_FLAGS } from './chunk-AAIZ6S6E.js';
+import { useFluidGridsAnalytics, emitRunStarted, openRunQuotaUpgradePrompt, useFluidGridsFlag, FLUIDGRIDS_FLAGS } from './chunk-3QCRKKTI.js';
 import { useTr } from './chunk-UULVIT25.js';
-import { getFluidGridsClient } from './chunk-NTWG3CJX.js';
+import { getFluidGridsClient } from './chunk-3IXU7WUC.js';
+import { throwIfResultError, describeOperationError, emitFluidGridsEvent } from './chunk-US5QSLPV.js';
 import { useCallback, useState, useMemo, useEffect } from 'react';
 import { Icon } from '@iconify/react';
 import { toast } from 'sonner';
@@ -138,6 +139,10 @@ function useRunReplayActions() {
             executionId: replayed.runId,
             trigger: "manual"
           });
+          emitFluidGridsEvent("run:started", {
+            runId: replayed.runId,
+            workflowKey: replayed.workflowKey
+          });
         }
         return replayed;
       } catch (cause) {
@@ -173,6 +178,10 @@ function useRunReplayActions() {
             executionId: run.runId,
             trigger: "manual"
           });
+          emitFluidGridsEvent("run:started", {
+            runId: run.runId,
+            workflowKey: run.workflowKey
+          });
         }
         return retried;
       } catch (cause) {