@shuffleio/shuffle-mcps 0.0.70 → 0.0.71

package/dist/index.js

@@ -15296,1867 +15296,276 @@ var collectLlmImageAttachments = (root2, maxDepth = 10) => {
   return deduped;
 };
 
-// components/AgentActivityList.tsx
-var import_lucide_react8 = require("lucide-react");
+// ../components/docs/tocUtils.ts
+var isTocHeading = (text2) => {
+  const norm4 = text2.toLowerCase().replace(/[^a-z0-9]/g, "");
+  return norm4 === "tableofcontents" || norm4 === "tableofcontent" || norm4 === "toc";
+};
+var stripMarkdownInline = (value) => value.replace(/!\[[^\]]*\]\([^)]*\)/g, "").replace(/\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/<[^>]+>/g, "").replace(/[`*_~#>]/g, "").replace(/\{#[^}]+\}/g, "").replace(/\s+/g, " ").trim();
+var stripInContentToc = (markdown) => {
+  if (!markdown) return "";
+  const lines = markdown.split("\n");
+  const result = [];
+  let inToc = false;
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i];
+    const trimmed = line.trim();
+    const headingMatch = trimmed.match(/^(#{1,4})\s+(.+)$/);
+    if (headingMatch) {
+      const headingText = stripMarkdownInline(headingMatch[2]);
+      if (isTocHeading(headingText)) {
+        inToc = true;
+        continue;
+      } else if (inToc) {
+        inToc = false;
+      }
+    }
+    if (inToc) {
+      if (!trimmed || /^[-*+]\s+/.test(trimmed) || /^\d+\.\s+/.test(trimmed) || /^[-*_]{3,}$/.test(trimmed) || /^>/.test(trimmed) || /^<ul[\s\S]*?<\/ul>$/i.test(trimmed)) {
+        continue;
+      } else {
+        inToc = false;
+      }
+    }
+    result.push(line);
+  }
+  return result.join("\n");
+};
 
-// ../Shuffle-Core/components/SegmentedControl.tsx
-var React6 = __toESM(require("react"));
-var import_framer_motion6 = require("framer-motion");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var SIZE = {
-  sm: {
-    containerPadding: "2px",
-    fontSize: "11px",
-    itemPaddingY: "4px",
-    itemPaddingX: "10px",
-    itemGap: "6px",
-    countMin: "16px",
-    countH: "16px",
-    countPx: "4px",
-    countFs: "10px",
-    dividerH: "16px",
-    dividerMx: "2px"
+// ../lib/docGroups.ts
+var DOC_GROUPS = [
+  {
+    id: "usability",
+    label: "Usability",
+    description: "Platform overview, getting started, tenants, features, and API reference.",
+    slugs: ["getting_started", "getting-started", "about", "tenants", "features", "api"]
   },
-  md: {
-    containerPadding: "4px",
-    fontSize: "12px",
-    itemPaddingY: "6px",
-    itemPaddingX: "12px",
-    itemGap: "6px",
-    countMin: "18px",
-    countH: "18px",
-    countPx: "6px",
-    countFs: "10px",
-    dividerH: "20px",
-    dividerMx: "4px"
+  {
+    id: "automation",
+    label: "Automation",
+    description: "Workflows, apps, AI agents, and playbook automations.",
+    slugs: ["workflows", "apps", "ai"]
+  },
+  {
+    id: "security",
+    label: "Security",
+    description: "Incident triage, vulnerability management, host posture, and response.",
+    slugs: ["incidents", "vulnerabilities", "monitors", "host-monitors", "detection", "sigma"]
+  },
+  {
+    id: "infrastructure",
+    label: "Infrastructure",
+    description: "Architecture, configuration, extensions, and troubleshooting.",
+    slugs: ["architecture", "configuration", "extensions", "troubleshooting"]
   }
+];
+var DOC_LABEL_OVERRIDES = {
+  ai: "Agents & AI",
+  api: "API Reference",
+  getting_started: "Getting Started",
+  incidents: "Incidents & Cases",
+  vulnerabilities: "Vulnerabilities",
+  monitors: "Host Monitors",
+  "host-monitors": "Host Monitors",
+  about: "About Shuffle",
+  tenants: "Tenants & Multi-Tenancy",
+  features: "Features Overview",
+  workflows: "Workflows",
+  apps: "Apps & Integrations",
+  extensions: "Extensions",
+  architecture: "Architecture",
+  configuration: "Configuration",
+  troubleshooting: "Troubleshooting"
 };
-var uid = 0;
-function useUniqueId(prefix) {
-  const ref = React6.useRef(void 0);
-  if (!ref.current) {
-    uid += 1;
-    ref.current = `${prefix}-${uid}`;
+var getDocGroup = (slug) => {
+  const usabilityGroup = DOC_GROUPS.find((g) => g.id === "usability") || DOC_GROUPS[0];
+  if (!slug || slug === "index") return usabilityGroup;
+  const clean = slug.toLowerCase().replace(/_+/g, "-");
+  for (const group of DOC_GROUPS) {
+    if (group.slugs.includes(clean)) {
+      return group;
+    }
   }
-  return ref.current;
-}
-function SegmentedControl({
-  options,
-  value,
-  onChange,
-  size = "md",
-  variant = "outline",
-  className,
-  ariaLabel,
-  layoutId,
-  trailing
-}) {
-  const autoId = useUniqueId("segmented");
-  const groupId = layoutId ?? autoId;
-  const s = SIZE[size];
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_framer_motion6.LayoutGroup, { id: groupId, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-    "div",
-    {
-      role: "tablist",
-      "aria-label": ariaLabel,
-      className,
-      style: {
-        display: "inline-flex",
-        alignItems: "center",
-        gap: "2px",
-        borderRadius: 9999,
-        padding: s.containerPadding,
-        fontSize: s.fontSize,
-        border: variant === "outline" ? "1px solid hsl(var(--border))" : "1px solid transparent",
-        background: variant === "outline" ? "transparent" : "hsl(var(--muted) / 0.4)"
-      },
-      children: [
-        options.map((opt, i) => {
-          if (opt.type === "divider") {
-            return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-              "span",
-              {
-                "aria-hidden": true,
-                style: {
-                  width: 1,
-                  height: s.dividerH,
-                  margin: `0 ${s.dividerMx}`,
-                  background: "hsl(var(--border))",
-                  alignSelf: "center"
-                }
-              },
-              opt.key ?? `divider-${i}`
-            );
-          }
-          const isAction2 = opt.type === "action";
-          const active2 = !isAction2 && opt.value === value;
-          const key = isAction2 ? opt.key : opt.value;
-          return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-            "button",
-            {
-              type: "button",
-              "data-tour": opt.dataTour,
-              "data-active": active2 ? "true" : "false",
-              role: isAction2 ? "button" : "tab",
-              "aria-selected": isAction2 ? void 0 : active2,
-              title: opt.title,
-              disabled: opt.disabled,
-              onClick: () => {
-                if (opt.disabled) return;
-                if (isAction2) opt.onClick();
-                else onChange(opt.value);
-              },
-              style: {
-                position: "relative",
-                display: "inline-flex",
-                alignItems: "center",
-                gap: s.itemGap,
-                padding: `${s.itemPaddingY} ${s.itemPaddingX}`,
-                borderRadius: 9999,
-                fontWeight: 500,
-                fontSize: s.fontSize,
-                background: "transparent",
-                border: "none",
-                cursor: opt.disabled ? "not-allowed" : "pointer",
-                color: active2 ? "hsl(var(--foreground))" : "hsl(var(--muted-foreground))",
-                opacity: opt.disabled ? 0.5 : 1,
-                transition: "color 200ms ease",
-                outline: "none",
-                fontFamily: "inherit"
-              },
-              onMouseEnter: (e) => {
-                if (!active2 && !opt.disabled) {
-                  e.currentTarget.style.color = "hsl(var(--foreground))";
-                }
-              },
-              onMouseLeave: (e) => {
-                if (!active2 && !opt.disabled) {
-                  e.currentTarget.style.color = "hsl(var(--muted-foreground))";
-                }
-              },
-              children: [
-                active2 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                  import_framer_motion6.motion.span,
-                  {
-                    layoutId: `${groupId}-pill`,
-                    style: {
-                      position: "absolute",
-                      inset: 0,
-                      borderRadius: 9999,
-                      background: "hsl(var(--muted))",
-                      border: "1px solid hsl(var(--border))"
-                    },
-                    initial: false,
-                    transition: {
-                      type: "spring",
-                      stiffness: 260,
-                      damping: 30
-                    }
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                  "span",
-                  {
-                    style: {
-                      position: "relative",
-                      zIndex: 1,
-                      display: "inline-flex",
-                      alignItems: "center",
-                      gap: s.itemGap
-                    },
-                    children: opt.label
-                  }
-                ),
-                !isAction2 && (typeof opt.count === "number" || typeof opt.count === "string") && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                  "span",
-                  {
-                    style: {
-                      position: "relative",
-                      zIndex: 1,
-                      display: "inline-flex",
-                      alignItems: "center",
-                      justifyContent: "center",
-                      minWidth: s.countMin,
-                      height: s.countH,
-                      padding: `0 ${s.countPx}`,
-                      fontSize: s.countFs,
-                      fontWeight: 600,
-                      fontVariantNumeric: "tabular-nums",
-                      borderRadius: 6,
-                      border: "1px solid hsl(var(--border) / 0.6)",
-                      color: active2 ? "hsl(var(--foreground))" : "hsl(var(--muted-foreground))",
-                      background: "transparent"
-                    },
-                    children: opt.count
-                  }
-                )
-              ]
-            },
-            key
-          );
-        }),
-        trailing != null && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-          "span",
-          {
-            style: {
-              display: "inline-flex",
-              alignItems: "center",
-              alignSelf: "center"
-            },
-            children: trailing
-          }
-        )
-      ]
-    }
-  ) });
-}
-
-// components/AgentActivityList.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var STATUS_CONFIG = {
-  FINISHED: { icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.CheckCircle, { size: 16 }), color: "hsl(var(--severity-low, 142 71% 45%))", label: "Completed" },
-  SUCCESS: { icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.CheckCircle, { size: 16 }), color: "hsl(var(--severity-low, 142 71% 45%))", label: "Completed" },
-  FAILED: { icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.XCircle, { size: 16 }), color: "hsl(var(--severity-critical, 0 72% 55%))", label: "Failed" },
-  ABORTED: { icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.XCircle, { size: 16 }), color: "hsl(var(--severity-critical, 0 72% 55%))", label: "Aborted" },
-  EXECUTING: { icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Loader2, { size: 16 }), color: "hsl(var(--severity-medium, 38 92% 50%))", label: "Running" },
-  RUNNING: { icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Loader2, { size: 16 }), color: "hsl(var(--severity-medium, 38 92% 50%))", label: "Running" },
-  WAITING: { icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Clock, { size: 16 }), color: "hsl(var(--severity-info, 217 91% 60%))", label: "Waiting" },
-  LIMIT_REACHED: { icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react8.AlertTriangle, { size: 16 }), color: "hsl(var(--severity-critical, 0 72% 55%))", label: "Limit reached" }
+  return usabilityGroup;
 };
-var getEffectiveStatus = (run2) => {
-  const raw = (run2.status || "").toUpperCase();
-  if (raw === "FINISHED" || raw === "SUCCESS" || raw === "FAILED" || raw === "ABORTED") {
-    try {
-      const d = diagnoseOutputWarning(run2);
-      if (d?.kind === "token_limit") return "LIMIT_REACHED";
-    } catch {
-    }
+var getDocDisplayLabel = (slug, fallbackName) => {
+  const clean = (slug || "").toLowerCase().replace(/_+/g, "-");
+  if (DOC_LABEL_OVERRIDES[clean]) {
+    return DOC_LABEL_OVERRIDES[clean];
   }
-  return raw;
+  const raw = fallbackName || slug || "";
+  return raw.replace(/[_-]+/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
 };
-var SOURCE_ICON_SIZE = 18;
-var looksLikeExecutionId = (s) => /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(s.trim());
-var DATASTORE_KEY_RE = /\bKey:\s*(\S+)/i;
-var DATASTORE_CATEGORY_RE = /\bCategory:\s*(\S+)/i;
-var parseDatastoreTask = (arg) => {
-  if (!arg) return null;
-  const k = arg.match(DATASTORE_KEY_RE);
-  const c = arg.match(DATASTORE_CATEGORY_RE);
-  if (!k || !c) return null;
-  const key = (k[1] || "").trim();
-  const category = (c[1] || "").trim();
-  if (!key || !category) return null;
-  return { key, category };
+
+// ../components/docs/docGroups.ts
+var groupDocsCache = /* @__PURE__ */ new Map();
+var getCachedGroupDocs = (groupId, folder) => {
+  const cacheKey3 = `${folder || "docs"}:${groupId}`;
+  const cached2 = groupDocsCache.get(cacheKey3);
+  if (!cached2) return [];
+  return Object.entries(cached2).map(([slug, content]) => ({
+    slug,
+    title: getDocDisplayLabel(slug),
+    content
+  }));
 };
-var isAIAgentResult = (result) => String(result?.action?.app_name || "").trim().toLowerCase() === "ai agent";
-var getAIAgentResultPayload = (run2) => {
-  const results = Array.isArray(run2.results) ? run2.results : [];
-  const agentResult = results.find(isAIAgentResult);
-  if (!agentResult || typeof agentResult !== "object" || !("result" in agentResult)) return null;
-  return tryParseJson(agentResult.result);
+
+// ../lib/incidentPromptContext.ts
+var GLOBAL_INCIDENT_KEY = "__shuffleActiveIncidentContext";
+var getGlobalScope = () => {
+  if (typeof globalThis !== "undefined") return globalThis;
+  if (typeof window !== "undefined") return window;
+  if (typeof global !== "undefined") return global;
+  return null;
 };
-var getDirectAgentInput = (payload) => {
-  if (!payload || typeof payload !== "object") return null;
-  const obj = payload;
-  if (typeof obj.original_input === "string" && obj.original_input.trim()) {
-    return obj.original_input.trim();
-  }
-  if (typeof obj.input === "string" && obj.input.trim()) {
-    return obj.input.trim();
+var getActiveIncidentPromptContext = () => {
+  const scope2 = getGlobalScope();
+  if (!scope2) return null;
+  const info = scope2[GLOBAL_INCIDENT_KEY];
+  if (info && typeof info === "object") {
+    return info;
   }
   return null;
 };
-var findDatastoreTaskInRun = (run2) => {
-  const agentInput = getDirectAgentInput(getAIAgentResultPayload(run2));
-  const agentHit = parseDatastoreTask(agentInput || void 0);
-  if (agentHit) return agentHit;
-  const anyRun = run2;
-  const candidates = [];
-  if (typeof anyRun.original_input === "string") candidates.push(anyRun.original_input);
-  if (typeof anyRun.input === "string") candidates.push(anyRun.input);
-  if (run2.execution_argument) candidates.push(run2.execution_argument);
-  if (run2.result) candidates.push(run2.result);
-  if (Array.isArray(anyRun.results)) {
-    try {
-      candidates.push(JSON.stringify(anyRun.results));
-    } catch {
-    }
-  }
-  for (const c of candidates) {
-    const hit = parseDatastoreTask(c);
-    if (hit) return hit;
+var INCIDENT_PROMPT_DELIMITER_START = "=== INCIDENT CONTEXT ===";
+var INCIDENT_PROMPT_DELIMITER_END = "=== END INCIDENT CONTEXT ===";
+var formatObservableType = (type) => {
+  if (!type) return "Indicator";
+  const clean = type.toLowerCase().trim();
+  switch (clean) {
+    case "ip":
+    case "ipv4":
+    case "ip_address":
+      return "IPv4";
+    case "ipv6":
+      return "IPv6";
+    case "hash":
+    case "sha256":
+    case "file_hash":
+      return "SHA256";
+    case "md5":
+      return "MD5";
+    case "sha1":
+      return "SHA1";
+    case "hostname":
+    case "host":
+    case "endpoint":
+      return "Hostname";
+    case "domain":
+      return "Domain";
+    case "url":
+      return "URL";
+    case "user":
+    case "username":
+    case "account":
+      return "User";
+    case "email":
+      return "Email";
+    case "process":
+    case "process_name":
+      return "Process";
+    case "file":
+    case "filename":
+      return "File";
+    default:
+      return type.charAt(0).toUpperCase() + type.slice(1);
   }
-  return null;
 };
-var classifyRunSource = (run2) => {
-  const raw = (run2.execution_source || "").trim();
-  const src = raw.toLowerCase();
-  const sourceParts = raw.split("|");
-  const fromSource = src.startsWith("datastore") && sourceParts.length > 2 ? { category: sourceParts[1].trim(), key: sourceParts[2].trim() } : null;
-  const ds = findDatastoreTaskInRun(run2) || fromSource;
-  if (ds || src.includes("datastore") || src.includes("enrichment") || src.includes("automation")) {
-    return {
-      kind: "datastore",
-      label: "Datastore automation",
-      reason: ds ? `Category: ${ds.category}
-Key: ${ds.key}
-Click to open it in the Datastore.` : "Started by a datastore automation (e.g. enrichment trigger).",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Database, { size: SOURCE_ICON_SIZE }),
-      datastoreKey: ds?.key,
-      datastoreCategory: ds?.category
-    };
+var isIncidentInjectedPrompt = (prompt) => {
+  if (!prompt || typeof prompt !== "string") return false;
+  return prompt.includes(INCIDENT_PROMPT_DELIMITER_START) || prompt.includes("OPERATIONAL DIRECTIVES:") || prompt.includes("INCIDENT OBSERVABLES / IOCs:");
+};
+var extractCleanIncidentPrompt = (prompt) => {
+  if (!prompt || typeof prompt !== "string") return "";
+  const trimmed = prompt.trim();
+  const taskMatch = trimmed.match(/TASK TO EXECUTE:\s*\n\s*-\s*Task:\s*([^\n]+)/i);
+  if (taskMatch && taskMatch[1]?.trim()) {
+    return `Task: ${taskMatch[1].trim()}`;
   }
-  if (src.includes("schedule") || src.includes("cron")) {
-    return {
-      kind: "schedule",
-      label: "Schedule",
-      reason: "Started by a scheduled trigger (cron).",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Clock, { size: SOURCE_ICON_SIZE })
-    };
+  const legacyMatch = trimmed.match(/\n\s*Task:\s*([^\n]+)/i);
+  if (legacyMatch && legacyMatch[1]?.trim()) {
+    return `Task: ${legacyMatch[1].trim()}`;
   }
-  if (src.includes("webhook") || src.includes("http")) {
-    return {
-      kind: "webhook",
-      label: "Webhook",
-      reason: "Started by an incoming webhook / HTTP trigger.",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Globe, { size: SOURCE_ICON_SIZE })
-    };
+  if (trimmed.includes(INCIDENT_PROMPT_DELIMITER_START)) {
+    const before = trimmed.split(INCIDENT_PROMPT_DELIMITER_START)[0]?.trim();
+    if (before) return before;
   }
-  if (src.includes("form")) {
-    return {
-      kind: "form",
-      label: "Form",
-      reason: "Started by a form submission.",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.FileText, { size: SOURCE_ICON_SIZE })
-    };
+  return trimmed;
+};
+var composeIncidentPromptInput = (rawInput, context) => {
+  if (!rawInput || typeof rawInput !== "string") return "";
+  const trimmed = rawInput.trim();
+  if (isIncidentInjectedPrompt(trimmed)) {
+    return trimmed;
   }
-  if (raw && looksLikeExecutionId(raw)) {
-    return {
-      kind: "workflow",
-      label: "Workflow",
-      reason: "Started by another workflow as a subflow.",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Workflow, { size: SOURCE_ICON_SIZE })
-    };
+  const ctx = context || getActiveIncidentPromptContext();
+  if (!ctx || !ctx.id) {
+    return trimmed;
   }
-  if (src === "" || src === "manual" || src === "default" || src === "demo") {
-    return {
-      kind: "manual",
-      label: "Manual",
-      reason: "Started manually from the Agents UI.",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Hand, { size: SOURCE_ICON_SIZE })
-    };
-  }
-  return {
-    kind: "unknown",
-    label: raw || "Unknown",
-    reason: raw ? `Started by "${raw}".` : "Trigger source unknown.",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Zap, { size: SOURCE_ICON_SIZE })
-  };
-};
-var getRunIconColor = (run2) => {
-  const status = getEffectiveStatus(run2);
-  if (status === "FINISHED" || status === "SUCCESS") return "hsl(var(--severity-low, 142 71% 45%))";
-  if (status === "FAILED" || status === "ABORTED") return "hsl(var(--severity-critical, 0 72% 55%))";
-  if (status === "LIMIT_REACHED") return "hsl(var(--severity-critical, 0 72% 55%))";
-  if (status === "EXECUTING" || status === "RUNNING") return "hsl(var(--severity-medium, 38 92% 50%))";
-  return "hsl(var(--primary, 24 100% 50%))";
-};
-var formatDuration = (run2) => {
-  if (run2.started_at && run2.completed_at) {
-    const start = Number(run2.started_at);
-    const end = Number(run2.completed_at);
-    if (!isNaN(start) && !isNaN(end)) {
-      const toMs = (n) => n > 1e12 ? n : n * 1e3;
-      const ms = Math.max(0, toMs(end) - toMs(start));
-      if (ms < 1e3) return `${(ms / 1e3).toFixed(2)}s`;
-      if (ms < 6e4) return `${(ms / 1e3).toFixed(2)}s`;
-      return `${Math.floor(ms / 6e4)}m ${Math.floor(ms % 6e4 / 1e3)}s`;
-    }
-  }
-  if (run2.duration) return `${run2.duration.toFixed(2)}s`;
-  return "";
-};
-var getTimeAgo = (dateStr) => {
-  try {
-    const ts = isNaN(Number(dateStr)) ? new Date(dateStr).getTime() : Number(dateStr) * 1e3;
-    if (isNaN(ts)) return dateStr;
-    const diffSec = Math.max(0, Math.floor((Date.now() - ts) / 1e3));
-    if (diffSec < 60) return `${diffSec}s ago`;
-    if (diffSec < 3600) return `${Math.floor(diffSec / 60)}m ago`;
-    if (diffSec < 86400) return `${Math.floor(diffSec / 3600)}h ago`;
-    return `${Math.floor(diffSec / 86400)}d ago`;
-  } catch {
-    return dateStr;
-  }
-};
-var PROMPT_KEYS = [
-  "original_input",
-  "originalinput",
-  "input",
-  "prompt",
-  "user_input",
-  "userinput",
-  "user_prompt",
-  "userprompt",
-  "question",
-  "query",
-  "message",
-  "text",
-  "content",
-  "task",
-  "instruction",
-  "instructions"
-];
-var deepFindPrompt = (value, depth = 0) => {
-  if (value == null || depth > 6) return null;
-  if (typeof value === "string") {
-    const s = value.trim();
-    if (s.startsWith("{") && s.endsWith("}") || s.startsWith("[") && s.endsWith("]")) {
-      try {
-        return deepFindPrompt(JSON.parse(s), depth + 1);
-      } catch {
-      }
-    }
-    return null;
-  }
-  if (Array.isArray(value)) {
-    for (const item of value) {
-      const hit = deepFindPrompt(item, depth + 1);
-      if (hit) return hit;
-    }
-    return null;
-  }
-  if (typeof value === "object") {
-    const obj = value;
-    for (const key of Object.keys(obj)) {
-      if (PROMPT_KEYS.includes(key.toLowerCase())) {
-        const v = obj[key];
-        if (typeof v === "string" && v.trim()) return v.trim();
-        const nested = deepFindPrompt(v, depth + 1);
-        if (nested) return nested;
-      }
-    }
-    for (const key of Object.keys(obj)) {
-      if (PROMPT_KEYS.includes(key.toLowerCase())) continue;
-      const hit = deepFindPrompt(obj[key], depth + 1);
-      if (hit) return hit;
-    }
-  }
-  return null;
-};
-var tryParseJson = (s) => {
-  if (typeof s !== "string") return s;
-  const trimmed = s.trim();
-  if (!trimmed) return null;
-  try {
-    return JSON.parse(trimmed);
-  } catch {
-    return trimmed;
-  }
-};
-var getRunPrompt = (run2) => {
-  const anyRun = run2;
-  const agentInput = getDirectAgentInput(getAIAgentResultPayload(run2));
-  if (agentInput) return agentInput;
-  const results = Array.isArray(anyRun.results) ? anyRun.results : null;
-  if (results) {
-    const agentResult = results.find(isAIAgentResult);
-    if (agentResult?.result) {
-      const hit = deepFindPrompt(tryParseJson(agentResult.result));
-      if (hit) return hit;
-    }
-    for (const r of results) {
-      if (r === agentResult) continue;
-      const hit = deepFindPrompt(tryParseJson(r?.result));
-      if (hit) return hit;
+  const incidentRef = ctx.id ? `#${ctx.id}` : "";
+  const incidentTitle = ctx.title?.trim() || "Incident";
+  const severity = ctx.severity || "Medium";
+  const status = ctx.status || "In Progress";
+  const description = ctx.description?.trim() || "No description provided.";
+  const seenObservables = /* @__PURE__ */ new Set();
+  const formattedObservables = [];
+  if (Array.isArray(ctx.observables)) {
+    for (const obs of ctx.observables) {
+      if (!obs || obs.archived || !obs.value?.trim()) continue;
+      const val = obs.value.trim();
+      const typeLabel = formatObservableType(obs.type);
+      const key = `${typeLabel.toLowerCase()}:${val.toLowerCase()}`;
+      if (seenObservables.has(key)) continue;
+      seenObservables.add(key);
+      formattedObservables.push(`- ${typeLabel}: ${val}`);
     }
   }
-  if (typeof anyRun.original_input === "string" && anyRun.original_input.trim()) {
-    return anyRun.original_input.trim();
-  }
-  if (typeof anyRun.input === "string" && anyRun.input.trim()) {
-    return anyRun.input.trim();
-  }
-  if (run2.result) {
-    const hit = deepFindPrompt(tryParseJson(run2.result));
-    if (hit) return hit;
-  }
-  if (run2.execution_argument) {
-    const parsed = tryParseJson(run2.execution_argument);
-    const hit = deepFindPrompt(parsed);
-    if (hit) return hit;
-    if (typeof parsed === "string" && parsed.length < 240) return parsed;
-  }
-  return null;
+  const observablesBlock = formattedObservables.length > 0 ? formattedObservables.slice(0, 50).join("\n") : "- None recorded yet";
+  return `${trimmed}
+
+${INCIDENT_PROMPT_DELIMITER_START}
+INCIDENT CONTEXT:
+- Incident: ${incidentRef} ("${incidentTitle}")
+- Severity: ${severity} | Status: ${status}
+- Summary: ${description}
+
+INCIDENT OBSERVABLES / IOCs:
+${observablesBlock}
+${INCIDENT_PROMPT_DELIMITER_END}
+
+DIRECTIVES:
+- Relevant incident details and observables are provided above. Do not call "get_incident" unless raw external logs are required.`;
 };
-var stripMarkdown = (input) => {
-  if (!input) return "";
-  let s = input.replace(/\n*=== USECASE CONTEXT ===[\s\S]*?(?:=== END USECASE CONTEXT ===|$)/g, "").replace(/\n*=== DOCS ARTICLE CONTEXT ===[\s\S]*?(?:=== END DOCS CONTEXT ===|$)/g, "");
-  s = s.replace(/```[\s\S]*?```/g, " ");
-  s = s.replace(/`([^`]*)`/g, "$1");
-  s = s.replace(/!\[([^\]]*)\]\([^)]*\)/g, "$1");
-  s = s.replace(/\[([^\]]+)\]\([^)]*\)/g, "$1");
-  s = s.replace(/(\*\*|__)(.*?)\1/g, "$2");
-  s = s.replace(/(\*|_)(?=\S)([^*_\n]+?)\1/g, "$2");
-  s = s.replace(/^\s{0,3}#{1,6}\s+/gm, "");
-  s = s.replace(/^\s{0,3}>\s?/gm, "");
-  s = s.replace(/^\s*[-*+]\s+/gm, "");
-  s = s.replace(/^\s*\d+\.\s+/gm, "");
-  s = s.replace(/\s+/g, " ").trim();
-  return s;
+
+// ../lib/usecasePromptContext.ts
+var GLOBAL_KEY = "__shuffleActiveUsecaseContext";
+var GLOBAL_OVERVIEW_KEY = "__shuffleActiveUsecasesOverviewContext";
+var USECASE_CONTEXT_EVENT = "shuffle-usecase-context-changed";
+var scope = () => typeof globalThis !== "undefined" ? globalThis : null;
+var getActiveUsecasePromptContext = () => {
+  const v = scope()?.[GLOBAL_KEY];
+  return v && typeof v === "object" ? v : null;
 };
-var getRunTitle = (run2) => {
-  const prompt = getRunPrompt(run2);
-  if (prompt) {
-    const oneLine = stripMarkdown(prompt);
-    return oneLine.length > 80 ? oneLine.slice(0, 80) + "\u2026" : oneLine;
-  }
-  if (run2.workflow?.name) return stripMarkdown(run2.workflow.name);
-  return `Execution ${run2.execution_id?.slice(0, 8) || "\u2014"}`;
+var getActiveUsecasesOverviewContext = () => {
+  const v = scope()?.[GLOBAL_OVERVIEW_KEY];
+  return v && typeof v === "object" ? v : null;
 };
-var getDecisionCount = (run2) => {
-  if (Array.isArray(run2.decisions)) return run2.decisions.length;
-  return 0;
+var humanizeUsecaseId = (id) => id.replace(/_\d+$/, "").replace(/[-_]+/g, " ").replace(/\b\w/g, (c) => c.toUpperCase()).trim();
+var getUsecaseDisplayName = (flowId) => {
+  const ctx = getActiveUsecasePromptContext();
+  if (ctx?.label) return ctx.label;
+  return flowId ? humanizeUsecaseId(flowId) : "Usecases";
 };
-var getRunSubtitle = (run2) => {
-  if (run2.result) {
-    try {
-      const p = JSON.parse(run2.result);
-      if (p.output && typeof p.output === "string") {
-        const out = stripMarkdown(p.output);
-        return out.length > 120 ? out.slice(0, 120) + "\u2026" : out;
-      }
-      if (p.original_input && typeof p.original_input === "string") {
-        const inp = stripMarkdown(p.original_input);
-        return inp.length > 120 ? inp.slice(0, 120) + "\u2026" : inp;
-      }
-      if (p.message && typeof p.message === "string") return stripMarkdown(p.message);
-    } catch {
-      if (run2.result.length < 120) return stripMarkdown(run2.result);
-    }
-  }
-  const status = getEffectiveStatus(run2);
-  const isRunning = status === "EXECUTING" || status === "RUNNING" || status === "WAITING";
-  return run2.execution_source || (isRunning ? "Agent still running\u2026" : "Agent execution");
+var USECASE_PROMPT_START = "=== USECASE CONTEXT ===";
+var USECASE_PROMPT_END = "=== END USECASE CONTEXT ===";
+var isUsecaseInjectedPrompt = (prompt) => {
+  if (!prompt || typeof prompt !== "string") return false;
+  return prompt.includes(USECASE_PROMPT_START);
 };
-var normalizeResultStatus = (s) => {
-  const v = (s || "").toUpperCase();
-  if (v === "SUCCESS" || v === "FINISHED") return "success";
-  if (v === "FAILURE" || v === "FAILED" || v === "ABORTED") return "failure";
-  if (v === "WAITING" || v === "SKIPPED") return "waiting";
-  return "unknown";
-};
-var getRunTools = (run2) => {
-  const map = /* @__PURE__ */ new Map();
-  const ids = /* @__PURE__ */ new Map();
-  const skip = (s) => /^(ai\s*agent|shuffle\s*agent|shuffle_agent)$/i.test(s);
-  const rank = { failure: 3, waiting: 2, success: 1, unknown: 0 };
-  const merge2 = (name, status, id) => {
-    if (!name) return;
-    const s = String(name).trim();
-    if (!s || skip(s)) return;
-    const next = status || "unknown";
-    const prev = map.get(s);
-    if (!prev || rank[next] > rank[prev]) map.set(s, next);
-    if (id && !ids.has(s)) ids.set(s, id);
-  };
-  const allowed = run2.allowed_actions;
-  if (Array.isArray(allowed) && allowed.length > 0) {
-    for (const entry of allowed) {
-      if (typeof entry !== "string") continue;
-      const parts = entry.split(":");
-      if (parts.length < 3 || parts[0] !== "app") continue;
-      const id = parts[1];
-      const name = parts.slice(2).join(":");
-      merge2(name, "unknown", id);
-    }
-    const normalize3 = (s) => s.toLowerCase().replace(/[\s_-]+/g, "_");
-    const known = /* @__PURE__ */ new Map();
-    for (const real of map.keys()) known.set(normalize3(real), real);
-    const apply = (name, status) => {
-      if (!name) return;
-      const hit = known.get(normalize3(name));
-      if (hit) merge2(hit, status);
-    };
-    (run2.results || []).forEach((r) => {
-      apply(r?.action?.app_name || r?.action?.label, normalizeResultStatus(r?.status));
-    });
-    (run2.decisions || []).forEach((d) => {
-      if (typeof d?.tool === "string") apply(d.tool, normalizeResultStatus(d?.status));
-    });
-  } else {
-    (run2.results || []).forEach((r) => {
-      merge2(r?.action?.app_name || r?.action?.label, normalizeResultStatus(r?.status));
-    });
-    (run2.decisions || []).forEach((d) => {
-      if (typeof d?.tool === "string") merge2(d.tool, normalizeResultStatus(d?.status));
-    });
-  }
-  return Array.from(map.entries()).slice(0, 6).map(([name, status]) => ({ name, status, id: ids.get(name) }));
-};
-var TOOL_STATUS_RING = {
-  success: "hsl(var(--severity-low, 142 71% 45%))",
-  failure: "hsl(var(--severity-critical, 0 72% 55%))",
-  waiting: "hsl(var(--severity-medium, 38 92% 50%))",
-  unknown: "hsl(var(--border))"
-};
-var TOOL_STATUS_LABEL = {
-  success: "ran successfully",
-  failure: "failed",
-  waiting: "needs input",
-  unknown: "used"
-};
-var normToolKey = (s) => s.toLowerCase().replace(/[\s_\-]+/g, "_");
-var AgentRunRow = ({ run: run2, onClick, sx, appIcons, onAppClick, apiKey, apiBaseUrl, orgId, abortingIds, onAbort }) => {
-  const navigate = (0, import_router_compat.useNavigate)();
-  const statusKey = getEffectiveStatus(run2);
-  const iconColor = getRunIconColor(run2);
-  const duration = formatDuration(run2);
-  const tools = getRunTools(run2);
-  const decisionCount = getDecisionCount(run2);
-  const attachmentCount = collectLlmImageAttachments(run2).length;
-  const isRunning = statusKey === "EXECUTING" || statusKey === "RUNNING" || statusKey === "WAITING";
-  const isAborting = !!run2.execution_id && !!abortingIds?.has(run2.execution_id);
-  const wfId = run2.workflow_id || run2?.workflow?.id;
-  const canAbort = isRunning && !!run2.execution_id && !!wfId && !isAborting;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-    import_material17.Box,
-    {
-      onClick,
-      sx: [
-        {
-          borderRadius: 2,
-          border: "1px solid hsl(var(--border))",
-          bgcolor: "hsl(var(--card))",
-          display: "flex",
-          alignItems: "center",
-          gap: 2,
-          px: 2.5,
-          py: 2,
-          cursor: "pointer",
-          transition: "background 0.15s ease, border-color 0.15s ease",
-          "&:hover": {
-            bgcolor: "hsla(var(--muted) / 0.5)",
-            borderColor: "hsl(var(--muted-foreground) / 0.3)"
-          }
-        },
-        ...Array.isArray(sx) ? sx : sx ? [sx] : []
-      ],
-      children: [
-        (() => {
-          const sourceInfo = classifyRunSource(run2);
-          const dsLink = sourceInfo.kind === "datastore" && sourceInfo.datastoreKey && sourceInfo.datastoreCategory ? `https://shuffler.io/admin?tab=datastore&category=${encodeURIComponent(sourceInfo.datastoreCategory)}&key=${encodeURIComponent(sourceInfo.datastoreKey)}` : null;
-          return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            import_material17.Tooltip,
-            {
-              title: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { lineHeight: 1.4 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Box, { sx: { fontWeight: 600 }, children: sourceInfo.label }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Box, { sx: { opacity: 0.85, whiteSpace: "pre-line" }, children: sourceInfo.reason })
-              ] }),
-              placement: "top",
-              arrow: true,
-              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                import_material17.Box,
-                {
-                  onClick: dsLink ? async (e) => {
-                    e.stopPropagation();
-                    await navigateToShuffleCore(dsLink, { newTab: true });
-                  } : void 0,
-                  sx: {
-                    width: 40,
-                    height: 40,
-                    borderRadius: "50%",
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    bgcolor: `${iconColor}15`,
-                    color: iconColor,
-                    flexShrink: 0,
-                    cursor: dsLink ? "pointer" : "inherit",
-                    transition: "background 0.15s ease",
-                    "&:hover": dsLink ? { bgcolor: `${iconColor}30` } : void 0
-                  },
-                  children: sourceInfo.icon
-                }
-              )
-            }
-          );
-        })(),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { flex: 1, minWidth: 0 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Box, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 0.25 }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            import_material17.Typography,
-            {
-              sx: {
-                fontSize: "0.9rem",
-                fontWeight: 500,
-                color: "hsl(var(--foreground))",
-                overflow: "hidden",
-                textOverflow: "ellipsis",
-                whiteSpace: "nowrap"
-              },
-              children: getRunTitle(run2)
-            }
-          ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            import_material17.Typography,
-            {
-              sx: {
-                fontSize: "0.78rem",
-                color: "hsl(var(--muted-foreground))",
-                overflow: "hidden",
-                textOverflow: "ellipsis",
-                whiteSpace: "nowrap"
-              },
-              children: getRunSubtitle(run2)
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { display: "flex", alignItems: "center", gap: 1, mt: 0.5 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.7 }, children: run2.started_at ? getTimeAgo(run2.started_at) : "\u2014" }),
-            duration && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.4 }, children: "\xB7" }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.7 }, children: duration })
-            ] }),
-            decisionCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.4 }, children: "\xB7" }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { display: "inline-flex", alignItems: "center", gap: 0.5, color: "hsl(var(--muted-foreground))", opacity: 0.7 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.GitBranch, { size: 11 }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Typography, { sx: { fontSize: "0.72rem", color: "inherit" }, children: [
-                  decisionCount,
-                  " ",
-                  decisionCount === 1 ? "decision" : "decisions"
-                ] })
-              ] })
-            ] }),
-            attachmentCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.4 }, children: "\xB7" }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { display: "inline-flex", alignItems: "center", gap: 0.5, color: "hsl(var(--muted-foreground))", opacity: 0.7 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Image, { size: 11 }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Typography, { sx: { fontSize: "0.72rem", color: "inherit" }, children: [
-                  attachmentCount,
-                  " ",
-                  attachmentCount === 1 ? "attachment" : "attachments"
-                ] })
-              ] })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-          import_material17.Box,
-          {
-            onClick: (e) => e.stopPropagation(),
-            sx: {
-              display: { xs: "none", sm: "flex" },
-              alignItems: "center",
-              justifyContent: "flex-end",
-              flexShrink: 0,
-              ml: tools.length > 0 ? 1 : 0,
-              width: tools.length > 0 ? 140 : 0,
-              minHeight: tools.length > 0 ? 28 : 0
-            },
-            children: tools.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-              import_material17.AvatarGroup,
-              {
-                max: 5,
-                sx: {
-                  "& .MuiAvatar-root": {
-                    width: 28,
-                    height: 28,
-                    fontSize: "0.7rem",
-                    borderColor: "hsl(var(--border))",
-                    bgcolor: "hsl(var(--muted))",
-                    color: "hsl(var(--muted-foreground))"
-                  }
-                },
-                children: tools.map((t) => {
-                  const icon = appIcons?.[normToolKey(t.name)];
-                  const label = t.name.replace(/_/g, " ");
-                  const slug = t.name.toLowerCase().replace(/\s+/g, "_");
-                  const ring = TOOL_STATUS_RING[t.status];
-                  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Tooltip, { title: `${label} \u2014 ${TOOL_STATUS_LABEL[t.status]}`, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                    import_material17.Avatar,
-                    {
-                      src: icon || void 0,
-                      alt: label,
-                      variant: "rounded",
-                      onClick: (e) => {
-                        e.stopPropagation();
-                        if (onAppClick) {
-                          onAppClick({ id: t.id, name: t.name });
-                        } else {
-                          navigate(`/apps/${encodeURIComponent(t.id || slug)}`);
-                        }
-                      },
-                      sx: {
-                        cursor: "pointer",
-                        borderColor: `${ring} !important`,
-                        borderWidth: "1px",
-                        borderStyle: "solid",
-                        transition: "transform 0.15s ease, border-color 0.15s ease",
-                        "&:hover": {
-                          transform: "scale(1.08)",
-                          borderColor: "hsl(var(--primary)) !important"
-                        }
-                      },
-                      children: label.charAt(0).toUpperCase()
-                    }
-                  ) }, t.name);
-                })
-              }
-            ) : null
-          }
-        ),
-        canAbort && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Tooltip, { title: isAborting ? "Aborting\u2026" : "Abort this execution", arrow: true, placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-          import_material17.IconButton,
-          {
-            size: "small",
-            disabled: isAborting,
-            onClick: (e) => {
-              e.stopPropagation();
-              onAbort?.(run2);
-            },
-            sx: {
-              flexShrink: 0,
-              ml: 1.5,
-              color: "hsl(var(--muted-foreground))",
-              "&:hover": { color: "hsl(var(--destructive))", bgcolor: "hsl(var(--muted))" }
-            },
-            children: isAborting ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.CircularProgress, { size: 16, sx: { color: "hsl(var(--destructive))" } }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react8.StopCircle, { size: 18 })
-          }
-        ) }) })
-      ]
-    }
-  );
-};
-var STATUS_FILTERS = [
-  { label: "All", value: "" },
-  { label: "Completed", value: "FINISHED" },
-  { label: "Running", value: "EXECUTING" },
-  { label: "Failed", value: "ABORTED" }
-];
-var AgentActivityList = ({
-  apiKey,
-  apiBaseUrl,
-  orgId,
-  onRunClick,
-  renderAppDetailDrawer,
-  onEditWorkflow,
-  showSearchBar = true,
-  showStatusChips = true,
-  limit = 50,
-  top,
-  emptyTitle = "No agent activity found",
-  emptySubtitle = "The agent has not performed any actions yet",
-  className,
-  sx,
-  toolbarSx,
-  rowSx,
-  usecaseFilters = [],
-  globalUrl,
-  theme,
-  colorMode,
-  initialRuns,
-  disableFetch = false
-}) => {
-  const [appDrawer, setAppDrawer] = (0, import_react18.useState)(null);
-  const [runs, setRuns] = (0, import_react18.useState)(
-    () => initialRuns ? initialRuns.slice(0, limit) : []
-  );
-  const [cursor, setCursor] = (0, import_react18.useState)("");
-  const [hasMore, setHasMore] = (0, import_react18.useState)(false);
-  const [isLoading, setIsLoading] = (0, import_react18.useState)(false);
-  const [error, setError] = (0, import_react18.useState)(null);
-  const [statusFilter, setStatusFilter] = (0, import_react18.useState)("");
-  const [searchQuery, setSearchQuery] = (0, import_react18.useState)("");
-  const [debouncedQuery, setDebouncedQuery] = (0, import_react18.useState)("");
-  const [agentWorkflows, setAgentWorkflows] = (0, import_react18.useState)([]);
-  const [workflowFilter, setWorkflowFilter] = (0, import_react18.useState)("");
-  const [usecaseFilter, setUsecaseFilter] = (0, import_react18.useState)("");
-  const [stopOpen, setStopOpen] = (0, import_react18.useState)(false);
-  const [stopLoading, setStopLoading] = (0, import_react18.useState)(false);
-  const [appIcons, setAppIcons] = (0, import_react18.useState)({});
-  const [enrichedRuns, setEnrichedRuns] = (0, import_react18.useState)({});
-  const enrichedRunsRef = (0, import_react18.useRef)({});
-  const processedRunIdsRef = (0, import_react18.useRef)(/* @__PURE__ */ new Set());
-  (0, import_react18.useEffect)(() => {
-    enrichedRunsRef.current = enrichedRuns;
-  }, [enrichedRuns]);
-  const [abortingIds, setAbortingIds] = (0, import_react18.useState)(/* @__PURE__ */ new Set());
-  const [abortedIds, setAbortedIds] = (0, import_react18.useState)(/* @__PURE__ */ new Set());
-  const [lastOpenedRunId, setLastOpenedRunId] = (0, import_react18.useState)(() => getLastOpenedAgentRun());
-  (0, import_react18.useEffect)(() => {
-    const unsubAbort = subscribeAgentAborted((eid) => {
-      setAbortedIds((prev) => prev.has(eid) ? prev : /* @__PURE__ */ new Set([...Array.from(prev), eid]));
-      setRuns((prev) => prev.map((r) => r.execution_id === eid ? { ...r, status: "ABORTED" } : r));
-    });
-    const unsubOpened = subscribeLastOpenedAgentRun((eid) => setLastOpenedRunId(eid));
-    return () => {
-      unsubAbort();
-      unsubOpened();
-    };
-  }, []);
-  const debounceRef = (0, import_react18.useRef)(void 0);
-  const selectedAgentWorkflow = agentWorkflows.find((w) => w.id === workflowFilter) || null;
-  const openEditPrompt = (0, import_react18.useCallback)(async () => {
-    if (!workflowFilter) return;
-    try {
-      const { prompt, apps } = await getAgentScheduleConfig(workflowFilter, { apiKey, apiBaseUrl, orgId });
-      onEditWorkflow?.({
-        workflowId: workflowFilter,
-        name: selectedAgentWorkflow?.name || "Schedule",
-        prompt,
-        apps
-      });
-    } catch (e) {
-      setError(e instanceof Error ? e.message : "Failed to load workflow");
-    }
-  }, [workflowFilter, selectedAgentWorkflow, apiKey, apiBaseUrl, orgId, onEditWorkflow]);
-  const confirmStop = (0, import_react18.useCallback)(async () => {
-    if (!workflowFilter) return;
-    setStopLoading(true);
-    try {
-      await stopAgentSchedule(workflowFilter, { apiKey, apiBaseUrl, orgId });
-      setStopOpen(false);
-      const items = await listAgentScheduleWorkflows({ apiKey, apiBaseUrl, orgId });
-      setAgentWorkflows(items);
-      setWorkflowFilter("");
-    } catch (e) {
-      setError(e instanceof Error ? e.message : "Failed to stop schedule");
-    } finally {
-      setStopLoading(false);
-    }
-  }, [workflowFilter, apiKey, apiBaseUrl, orgId]);
-  const handleAbort = (0, import_react18.useCallback)(
-    async (run2) => {
-      const eid = run2.execution_id;
-      const wfId = run2.workflow_id || run2?.workflow?.id;
-      if (!eid || !wfId) return;
-      const prevStatus = run2.status;
-      setAbortingIds((prev) => /* @__PURE__ */ new Set([...Array.from(prev), eid]));
-      setAbortedIds((prev) => /* @__PURE__ */ new Set([...Array.from(prev), eid]));
-      broadcastAgentAborted(eid);
-      try {
-        await abortAgentExecution({
-          workflowId: wfId,
-          executionId: eid,
-          authorization: run2.authorization,
-          apiKey,
-          apiBaseUrl,
-          orgId
-        });
-        setRuns(
-          (prev) => prev.map((r) => r.execution_id === eid ? { ...r, status: "ABORTED" } : r)
-        );
-      } catch (e) {
-        setAbortedIds((prev) => {
-          const next = new Set(Array.from(prev));
-          next.delete(eid);
-          return next;
-        });
-        setRuns(
-          (prev) => prev.map((r) => r.execution_id === eid ? { ...r, status: prevStatus } : r)
-        );
-        toast2({
-          title: "Abort failed",
-          description: e instanceof Error ? e.message : "Failed to abort execution",
-          variant: "destructive"
-        });
-      } finally {
-        setAbortingIds((prev) => {
-          const next = new Set(Array.from(prev));
-          next.delete(eid);
-          return next;
-        });
-      }
-    },
-    [apiKey, apiBaseUrl, orgId]
-  );
-  const updateSearchQuery = (0, import_react18.useCallback)((q) => {
-    setSearchQuery(q);
-    if (debounceRef.current) clearTimeout(debounceRef.current);
-    debounceRef.current = setTimeout(() => setDebouncedQuery(q), 350);
-  }, []);
-  (0, import_react18.useEffect)(() => () => {
-    if (debounceRef.current) clearTimeout(debounceRef.current);
-  }, []);
-  const fetchRuns = (0, import_react18.useCallback)(
-    async (append = false, cursorParam = "") => {
-      if (disableFetch) {
-        if (initialRuns && !append) {
-          setRuns(initialRuns.slice(0, limit));
-        }
-        return;
-      }
-      setIsLoading(true);
-      setError(null);
-      try {
-        const result = await searchAgentActivity({
-          limit,
-          top,
-          status: statusFilter,
-          cursor: cursorParam,
-          apiKey,
-          apiBaseUrl,
-          orgId,
-          workflowId: workflowFilter || "AGENT"
-        });
-        if (result.success && result.runs && result.runs.length > 0) {
-          const pageRuns = result.runs.slice(0, limit);
-          setRuns((prev) => append ? [...prev, ...pageRuns] : pageRuns);
-          setCursor(result.cursor);
-          setHasMore(!!result.cursor && result.runs.length > 0);
-        } else if (result.success) {
-          setRuns((prev) => append ? prev : initialRuns && initialRuns.length > 0 ? initialRuns.slice(0, limit) : []);
-          setCursor(result.cursor);
-          setHasMore(false);
-        } else {
-          if (initialRuns && initialRuns.length > 0 && !append) {
-            setRuns(initialRuns.slice(0, limit));
-          } else {
-            setError("Failed to fetch agent activity");
-          }
-        }
-      } catch (err) {
-        if (initialRuns && initialRuns.length > 0 && !append) {
-          setRuns(initialRuns.slice(0, limit));
-        } else {
-          setError(err instanceof Error ? err.message : "Failed to fetch agent activity");
-        }
-      } finally {
-        setIsLoading(false);
-      }
-    },
-    [disableFetch, initialRuns, statusFilter, limit, top, apiKey, apiBaseUrl, orgId, workflowFilter]
-  );
-  (0, import_react18.useEffect)(() => {
-    fetchRuns(false, "");
-  }, [statusFilter, apiKey, apiBaseUrl, orgId, workflowFilter]);
-  (0, import_react18.useEffect)(() => {
-    let cancelled = false;
-    listAgentScheduleWorkflows({ apiKey, apiBaseUrl, orgId }).then((items) => {
-      if (!cancelled) setAgentWorkflows(items);
-    }).catch(() => {
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [apiKey, apiBaseUrl, orgId]);
-  (0, import_react18.useEffect)(() => {
-    let cancelled = false;
-    fetchAppsViaApiConfig().then((apps) => {
-      if (cancelled || !Array.isArray(apps)) return;
-      const map = {};
-      for (const a of apps) {
-        const name = a?.name;
-        const img = a?.large_image || a?.image_url || a?.image;
-        if (!name || !img) continue;
-        map[normToolKey(name)] = img;
-      }
-      setAppIcons(map);
-    }).catch(() => {
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, []);
-  const iconAttemptsRef = (0, import_react18.useRef)(/* @__PURE__ */ new Set());
-  const iconMountedRef = (0, import_react18.useRef)(true);
-  (0, import_react18.useEffect)(() => {
-    iconMountedRef.current = true;
-    return () => {
-      iconMountedRef.current = false;
-    };
-  }, []);
-  (0, import_react18.useEffect)(() => {
-    if (!runs.length) return;
-    const missing = /* @__PURE__ */ new Set();
-    for (const run2 of runs) {
-      for (const t of getRunTools(run2)) {
-        const key = normToolKey(t.name);
-        if (!appIcons[key] && !iconAttemptsRef.current.has(key)) missing.add(t.name);
-      }
-    }
-    if (missing.size === 0) return;
-    (async () => {
-      const names = [...missing];
-      const resolved = {};
-      for (let pass = 0; pass < 2; pass++) {
-        for (const name of names) {
-          const key = normToolKey(name);
-          iconAttemptsRef.current.add(key);
-          if (!resolved[key]) {
-            const fb = publicAppImage(name);
-            if (fb) {
-              resolved[key] = fb;
-            } else {
-              try {
-                const hit = await Promise.race([
-                  resolveApp(name),
-                  new Promise((r) => setTimeout(() => r(null), 4e3))
-                ]);
-                if (hit?.image) resolved[key] = hit.image;
-              } catch {
-              }
-            }
-          }
-          await new Promise((r) => setTimeout(r, 120));
-        }
-        if (pass === 0) await new Promise((r) => setTimeout(r, 2e3));
-      }
-      if (!iconMountedRef.current || Object.keys(resolved).length === 0) return;
-      setAppIcons((prev) => ({ ...prev, ...resolved }));
-    })();
-  }, [runs, appIcons]);
-  (0, import_react18.useEffect)(() => {
-    if (!runs.length) return;
-    let cancelled = false;
-    const buildPatchFromRun = (r) => {
-      const results = Array.isArray(r.results) ? r.results : null;
-      if (!results || results.length === 0) return null;
-      const agentResult = results.find((x) => x?.action?.app_name === "AI Agent");
-      let decisions = Array.isArray(r.decisions) ? r.decisions : void 0;
-      let originalInput;
-      let allowedActions;
-      if (agentResult?.result) {
-        try {
-          const parsed = JSON.parse(agentResult.result);
-          if (!decisions && Array.isArray(parsed?.decisions)) decisions = parsed.decisions;
-          if (typeof parsed?.original_input === "string") originalInput = parsed.original_input;
-          if (Array.isArray(parsed?.allowed_actions)) allowedActions = parsed.allowed_actions;
-        } catch {
-        }
-      }
-      const hasPrompt = !!r.execution_argument || !!originalInput || !!agentResult?.result;
-      if (!decisions || !hasPrompt) return null;
-      const patch2 = {
-        results,
-        execution_argument: r.execution_argument,
-        result: agentResult?.result ?? r.result,
-        decisions,
-        allowed_actions: allowedActions
-      };
-      if (originalInput && !patch2.execution_argument) {
-        patch2.execution_argument = JSON.stringify({ original_input: originalInput });
-      }
-      return patch2;
-    };
-    let pending = {};
-    let flushTimer = null;
-    const flush = () => {
-      flushTimer = null;
-      if (cancelled) return;
-      const batch = pending;
-      pending = {};
-      if (Object.keys(batch).length === 0) return;
-      setEnrichedRuns((prev) => ({ ...prev, ...batch }));
-    };
-    const queuePatch = (id, patch2) => {
-      pending[id] = patch2;
-      if (!flushTimer) flushTimer = setTimeout(flush, 250);
-    };
-    const needsFetch = [];
-    for (const r of runs) {
-      const id = r.execution_id;
-      if (!id || enrichedRunsRef.current[id] || processedRunIdsRef.current.has(id)) continue;
-      if (id.startsWith("demo-") || id.startsWith("dummy-")) {
-        processedRunIdsRef.current.add(id);
-        continue;
-      }
-      const native = buildPatchFromRun(r);
-      if (native) {
-        processedRunIdsRef.current.add(id);
-        queuePatch(id, native);
-      } else {
-        needsFetch.push(id);
-      }
-    }
-    const CONCURRENCY = 2;
-    let i = 0;
-    const fetchOne = async (executionId) => {
-      try {
-        const resp = await fetch(
-          getApiUrl(
-            `/api/v1/executions/${encodeURIComponent(executionId)}?authorization=${encodeURIComponent(executionId)}`
-          ),
-          {
-            method: "GET",
-            credentials: "include",
-            headers: {
-              ...apiKey ? { Authorization: `Bearer ${apiKey}` } : getAuthHeader(),
-              ...orgId ? { "Org-Id": orgId } : {}
-            }
-          }
-        );
-        if (!resp.ok || cancelled) return;
-        const json = await resp.json().catch(() => null);
-        if (!json || cancelled) return;
-        let decisions;
-        let originalInput;
-        let allowedActions;
-        const agentResult = Array.isArray(json.results) ? json.results.find((r) => r?.action?.app_name === "AI Agent") : null;
-        if (agentResult?.result) {
-          try {
-            const parsed = JSON.parse(agentResult.result);
-            if (Array.isArray(parsed?.decisions)) decisions = parsed.decisions;
-            if (typeof parsed?.original_input === "string") originalInput = parsed.original_input;
-            if (Array.isArray(parsed?.allowed_actions)) allowedActions = parsed.allowed_actions;
-          } catch {
-          }
-        }
-        const patch2 = {
-          results: json.results,
-          execution_argument: json.execution_argument,
-          result: agentResult?.result,
-          decisions,
-          allowed_actions: allowedActions
-        };
-        if (originalInput && !patch2.execution_argument) {
-          patch2.execution_argument = JSON.stringify({ original_input: originalInput });
-        }
-        queuePatch(executionId, patch2);
-      } catch {
-      }
-    };
-    const idle = (fn) => {
-      const ric = window.requestIdleCallback;
-      if (ric) ric(fn, { timeout: 1e3 });
-      else setTimeout(fn, 32);
-    };
-    const nextIdle = () => new Promise((resolve) => idle(resolve));
-    if (needsFetch.length > 0) {
-      for (const id of needsFetch) processedRunIdsRef.current.add(id);
-      const workers = Array.from({ length: Math.min(CONCURRENCY, needsFetch.length) }, async () => {
-        while (!cancelled && i < needsFetch.length) {
-          const id = needsFetch[i++];
-          await nextIdle();
-          if (cancelled) return;
-          await fetchOne(id);
-        }
-      });
-      Promise.all(workers).catch(() => {
-      });
-    }
-    return () => {
-      cancelled = true;
-      if (flushTimer) clearTimeout(flushTimer);
-    };
-  }, [runs, apiKey, orgId]);
-  const mergedRuns = runs.map((r) => {
-    const patch2 = r.execution_id ? enrichedRuns[r.execution_id] : void 0;
-    const merged = patch2 ? { ...r, ...patch2 } : r;
-    return r.execution_id && abortedIds.has(r.execution_id) ? { ...merged, status: "ABORTED" } : merged;
-  });
-  const loadMore = (0, import_react18.useCallback)(() => {
-    if (cursor && !isLoading) fetchRuns(true, cursor);
-  }, [cursor, isLoading, fetchRuns]);
-  const activeUsecase = usecaseFilters.find((u) => u.id === usecaseFilter) || null;
-  const usecaseMatchedRuns = activeUsecase ? mergedRuns.filter((r) => {
-    const hay = [
-      r.execution_source,
-      r.workflow?.name,
-      r.workflow?.description,
-      r.execution_argument,
-      ...(r.workflow?.actions || []).flatMap((a) => [a.app_name, a.label])
-    ].filter(Boolean).join(" ").toLowerCase();
-    return activeUsecase.matchTokens.some((t) => hay.includes(t.toLowerCase()));
-  }) : mergedRuns;
-  const filteredRuns = debouncedQuery ? usecaseMatchedRuns.filter((r) => {
-    const hay = [
-      getRunTitle(r),
-      getRunSubtitle(r),
-      r.execution_id,
-      r.execution_source,
-      r.status
-    ].filter(Boolean).join(" ").toLowerCase();
-    return hay.includes(debouncedQuery.toLowerCase());
-  }) : usecaseMatchedRuns;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-    import_material17.Box,
-    {
-      className,
-      sx: [{ display: "flex", flexDirection: "column", gap: 2 }, ...Array.isArray(sx) ? sx : sx ? [sx] : []],
-      children: [
-        (showSearchBar || showStatusChips) && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: [{ display: "flex", alignItems: "center", justifyContent: "center", gap: 1.5, flexWrap: "wrap" }, ...Array.isArray(toolbarSx) ? toolbarSx : toolbarSx ? [toolbarSx] : []], children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-            import_material17.Select,
-            {
-              size: "small",
-              value: usecaseFilter ? `uc:${usecaseFilter}` : workflowFilter,
-              onChange: (e) => {
-                const val = String(e.target.value);
-                if (val.startsWith("uc:")) {
-                  setUsecaseFilter(val.slice(3));
-                  setWorkflowFilter("");
-                } else {
-                  setUsecaseFilter("");
-                  setWorkflowFilter(val);
-                }
-              },
-              displayEmpty: true,
-              renderValue: (val) => {
-                if (!val) return "All Agent runs";
-                if (String(val).startsWith("uc:")) {
-                  const uc = usecaseFilters.find((u) => u.id === String(val).slice(3));
-                  return uc?.label || "Usecase agent";
-                }
-                const wf = agentWorkflows.find((w) => w.id === val);
-                return wf?.name || "Selected workflow";
-              },
-              sx: {
-                height: 36,
-                minWidth: 200,
-                maxWidth: 260,
-                fontSize: "0.85rem",
-                bgcolor: "hsl(var(--card))",
-                color: "hsl(var(--foreground))",
-                borderRadius: 1.5,
-                "& .MuiOutlinedInput-notchedOutline": { borderColor: "hsl(var(--border))" },
-                "&:hover .MuiOutlinedInput-notchedOutline": { borderColor: "hsl(var(--muted-foreground) / 0.3)" },
-                "&.Mui-focused .MuiOutlinedInput-notchedOutline": { borderColor: "hsl(var(--primary))" }
-              },
-              MenuProps: {
-                slotProps: {
-                  paper: {
-                    sx: {
-                      bgcolor: "hsl(var(--card))",
-                      border: "1px solid hsl(var(--border))",
-                      color: "hsl(var(--foreground))",
-                      maxHeight: 320
-                    }
-                  }
-                }
-              },
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.MenuItem, { value: "", sx: { fontSize: "0.85rem" }, children: "All Agent runs" }),
-                usecaseFilters.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Divider, { sx: { borderColor: "hsl(var(--border))", my: 0.5 } }),
-                usecaseFilters.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                  import_material17.Box,
-                  {
-                    sx: {
-                      px: 1.5,
-                      py: 0.5,
-                      fontSize: "0.7rem",
-                      textTransform: "uppercase",
-                      letterSpacing: "0.04em",
-                      color: "hsl(var(--muted-foreground))",
-                      pointerEvents: "none"
-                    },
-                    children: "Usecase agents"
-                  }
-                ),
-                usecaseFilters.map((u) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.MenuItem, { value: `uc:${u.id}`, sx: { fontSize: "0.85rem" }, children: u.label }, u.id)),
-                agentWorkflows.length > 0 && usecaseFilters.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Divider, { sx: { borderColor: "hsl(var(--border))", my: 0.5 } }),
-                agentWorkflows.map((w) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.MenuItem, { value: w.id, sx: { fontSize: "0.85rem" }, children: w.name }, w.id)),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Divider, { sx: { borderColor: "hsl(var(--border))", my: 0.5 } }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                  import_material17.Box,
-                  {
-                    sx: {
-                      px: 1.5,
-                      py: 1,
-                      fontSize: "0.72rem",
-                      color: "hsl(var(--muted-foreground))",
-                      lineHeight: 1.45,
-                      whiteSpace: "normal",
-                      maxWidth: 280,
-                      pointerEvents: "none"
-                    },
-                    children: "Scheduled agent runs will appear in this list once you set them up."
-                  }
-                )
-              ]
-            }
-          ),
-          showSearchBar && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            import_material17.TextField,
-            {
-              placeholder: "Search results...",
-              size: "small",
-              value: searchQuery,
-              onChange: (e) => updateSearchQuery(e.target.value),
-              slotProps: {
-                input: {
-                  startAdornment: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Search, { size: 18, color: "hsl(var(--muted-foreground))" }) })
-                }
-              },
-              sx: {
-                flex: 1,
-                maxWidth: 280,
-                minWidth: 160,
-                "& .MuiOutlinedInput-root": {
-                  bgcolor: "hsl(var(--card))",
-                  borderRadius: 1.5,
-                  fontSize: "0.85rem",
-                  height: 36,
-                  "& fieldset": { borderColor: "hsl(var(--border))" },
-                  "&:hover fieldset": { borderColor: "hsl(var(--muted-foreground) / 0.3)" },
-                  "&.Mui-focused fieldset": { borderColor: "hsl(var(--primary))" }
-                },
-                "& .MuiInputBase-input": { color: "hsl(var(--foreground))" }
-              }
-            }
-          ),
-          showStatusChips && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            SegmentedControl,
-            {
-              size: "sm",
-              ariaLabel: "Filter by status",
-              value: statusFilter,
-              onChange: setStatusFilter,
-              options: STATUS_FILTERS.map((f) => ({ value: f.value, label: f.label }))
-            }
-          ),
-          isLoading && runs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.CircularProgress, { size: 16, sx: { color: "hsl(var(--primary))", ml: 0.5 } })
-        ] }),
-        selectedAgentWorkflow && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-          import_material17.Box,
-          {
-            sx: {
-              display: "flex",
-              alignItems: "center",
-              gap: 1.5,
-              p: 1.5,
-              borderRadius: 2,
-              border: "1px solid hsl(var(--border))",
-              bgcolor: "hsl(var(--card))"
-            },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { flex: 1, minWidth: 0 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Typography, { sx: { fontSize: "0.85rem", fontWeight: 600, color: "hsl(var(--foreground))", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: selectedAgentWorkflow.name }),
-                selectedAgentWorkflow.description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Typography, { sx: { fontSize: "0.75rem", color: "hsl(var(--muted-foreground))", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: selectedAgentWorkflow.description })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                import_material17.Button,
-                {
-                  size: "small",
-                  startIcon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react8.Pencil, { size: 14 }),
-                  onClick: openEditPrompt,
-                  sx: {
-                    height: 36,
-                    border: "1px solid hsl(var(--border))",
-                    borderRadius: 1.5,
-                    color: "hsl(var(--foreground))",
-                    textTransform: "none",
-                    fontSize: "0.8rem",
-                    px: 1.5,
-                    "&:hover": { bgcolor: "hsl(var(--muted))" }
-                  },
-                  children: "Edit"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                import_material17.Button,
-                {
-                  size: "small",
-                  startIcon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react8.StopCircle, { size: 14 }),
-                  onClick: () => setStopOpen(true),
-                  sx: {
-                    height: 36,
-                    border: "1px solid hsl(var(--severity-critical, 0 72% 55%) / 0.4)",
-                    borderRadius: 1.5,
-                    color: "hsl(var(--severity-critical, 0 72% 55%))",
-                    textTransform: "none",
-                    fontSize: "0.8rem",
-                    px: 1.5,
-                    "&:hover": { bgcolor: "hsla(var(--severity-critical, 0 72% 55%) / 0.08)" }
-                  },
-                  children: "Stop schedule"
-                }
-              )
-            ]
-          }
-        ),
-        isLoading && runs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Box, { sx: { display: "flex", justifyContent: "center", py: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.CircularProgress, { size: 28, sx: { color: "hsl(var(--primary))" } }) }) : error ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { display: "flex", flexDirection: "column", alignItems: "center", textAlign: "center", py: 6 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.AlertCircle, { size: 28, style: { color: "hsl(var(--severity-critical, 0 72% 55%))", marginBottom: 8 } }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            import_material17.Typography,
-            {
-              sx: { color: "hsl(var(--severity-critical, 0 72% 55%))", fontSize: "0.9rem", mb: 1 },
-              children: error
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            import_material17.Button,
-            {
-              size: "small",
-              onClick: () => fetchRuns(false, ""),
-              sx: { color: "hsl(var(--primary))", textTransform: "none" },
-              children: "Try again"
-            }
-          )
-        ] }) : filteredRuns.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { display: "flex", flexDirection: "column", alignItems: "center", textAlign: "center", py: 8 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            import_lucide_react7.Activity,
-            {
-              size: 40,
-              style: { color: "hsl(var(--muted-foreground))", marginBottom: 12 }
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Typography, { sx: { color: "hsl(var(--muted-foreground))", fontSize: "0.9rem" }, children: emptyTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            import_material17.Typography,
-            {
-              sx: { color: "hsl(var(--muted-foreground))", fontSize: "0.8rem", mt: 0.5, opacity: 0.7 },
-              children: emptySubtitle
-            }
-          )
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { display: "flex", flexDirection: "column", gap: 1.5 }, children: [
-          filteredRuns.map((run2, idx) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            AgentRunRow,
-            {
-              run: run2,
-              onClick: () => {
-                setLastOpenedAgentRun(run2.execution_id);
-                setLastOpenedRunId(run2.execution_id || null);
-                onRunClick?.(run2);
-              },
-              sx: [
-                ...Array.isArray(rowSx) ? rowSx : rowSx ? [rowSx] : [],
-                ...run2.execution_id && run2.execution_id === lastOpenedRunId ? [{
-                  borderColor: "hsl(var(--primary) / 0.55)",
-                  bgcolor: "hsl(var(--primary) / 0.06)"
-                }] : []
-              ],
-              appIcons,
-              onAppClick: (app2) => setAppDrawer(app2),
-              apiKey,
-              apiBaseUrl,
-              orgId,
-              abortingIds,
-              onAbort: handleAbort
-            },
-            run2.execution_id || idx
-          )),
-          hasMore && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Box, { sx: { display: "flex", justifyContent: "center", mt: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-            import_material17.Button,
-            {
-              size: "small",
-              onClick: loadMore,
-              disabled: isLoading,
-              sx: { color: "hsl(var(--primary))", textTransform: "none", fontSize: "0.8rem" },
-              children: [
-                isLoading ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.CircularProgress, { size: 14, sx: { mr: 1 } }) : null,
-                "Load more"
-              ]
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-          import_material17.Dialog,
-          {
-            open: stopOpen,
-            onClose: () => stopLoading ? null : setStopOpen(false),
-            slotProps: { paper: { sx: { bgcolor: "hsl(var(--card))", color: "hsl(var(--foreground))", border: "1px solid hsl(var(--border))" } } },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.DialogTitle, { sx: { fontSize: "1rem", fontWeight: 600 }, children: "Stop schedule?" }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Typography, { sx: { fontSize: "0.85rem", color: "hsl(var(--muted-foreground))" }, children: [
-                'This will stop "',
-                selectedAgentWorkflow?.name,
-                '" and delete the scheduled workflow. Past executions remain visible. This cannot be undone.'
-              ] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.DialogActions, { sx: { px: 3, pb: 2 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Button, { onClick: () => setStopOpen(false), disabled: stopLoading, sx: { textTransform: "none", color: "hsl(var(--muted-foreground))" }, children: "Cancel" }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-                  import_material17.Button,
-                  {
-                    onClick: confirmStop,
-                    disabled: stopLoading,
-                    sx: { textTransform: "none", bgcolor: "hsl(var(--severity-critical, 0 72% 55%))", color: "hsl(var(--primary-foreground))", "&:hover": { bgcolor: "hsla(var(--severity-critical, 0 72% 55%) / 0.9)" } },
-                    children: [
-                      stopLoading ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.CircularProgress, { size: 16, sx: { color: "hsl(var(--primary-foreground))", mr: 1 } }) : null,
-                      "Stop schedule"
-                    ]
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        renderAppDetailDrawer ? renderAppDetailDrawer({
-          open: !!appDrawer,
-          onClose: () => setAppDrawer(null),
-          appName: appDrawer?.name || null,
-          appId: appDrawer?.id || null,
-          activeOrgId: orgId || null,
-          globalUrl: globalUrl || apiBaseUrl,
-          theme,
-          colorMode
-        }) : null
-      ]
-    }
-  );
-};
-var AgentActivityList_default = AgentActivityList;
-
-// ../components/docs/tocUtils.ts
-var isTocHeading = (text2) => {
-  const norm4 = text2.toLowerCase().replace(/[^a-z0-9]/g, "");
-  return norm4 === "tableofcontents" || norm4 === "tableofcontent" || norm4 === "toc";
-};
-var stripMarkdownInline = (value) => value.replace(/!\[[^\]]*\]\([^)]*\)/g, "").replace(/\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/<[^>]+>/g, "").replace(/[`*_~#>]/g, "").replace(/\{#[^}]+\}/g, "").replace(/\s+/g, " ").trim();
-var stripInContentToc = (markdown) => {
-  if (!markdown) return "";
-  const lines = markdown.split("\n");
-  const result = [];
-  let inToc = false;
-  for (let i = 0; i < lines.length; i++) {
-    const line = lines[i];
-    const trimmed = line.trim();
-    const headingMatch = trimmed.match(/^(#{1,4})\s+(.+)$/);
-    if (headingMatch) {
-      const headingText = stripMarkdownInline(headingMatch[2]);
-      if (isTocHeading(headingText)) {
-        inToc = true;
-        continue;
-      } else if (inToc) {
-        inToc = false;
-      }
-    }
-    if (inToc) {
-      if (!trimmed || /^[-*+]\s+/.test(trimmed) || /^\d+\.\s+/.test(trimmed) || /^[-*_]{3,}$/.test(trimmed) || /^>/.test(trimmed) || /^<ul[\s\S]*?<\/ul>$/i.test(trimmed)) {
-        continue;
-      } else {
-        inToc = false;
-      }
-    }
-    result.push(line);
-  }
-  return result.join("\n");
-};
-
-// ../lib/docGroups.ts
-var DOC_GROUPS = [
-  {
-    id: "usability",
-    label: "Usability",
-    description: "Platform overview, getting started, tenants, features, and API reference.",
-    slugs: ["getting_started", "getting-started", "about", "tenants", "features", "api"]
-  },
-  {
-    id: "automation",
-    label: "Automation",
-    description: "Workflows, apps, AI agents, and playbook automations.",
-    slugs: ["workflows", "apps", "ai"]
-  },
-  {
-    id: "security",
-    label: "Security",
-    description: "Incident triage, vulnerability management, host posture, and response.",
-    slugs: ["incidents", "vulnerabilities", "monitors", "host-monitors", "detection", "sigma"]
-  },
-  {
-    id: "infrastructure",
-    label: "Infrastructure",
-    description: "Architecture, configuration, extensions, and troubleshooting.",
-    slugs: ["architecture", "configuration", "extensions", "troubleshooting"]
-  }
-];
-var DOC_LABEL_OVERRIDES = {
-  ai: "Agents & AI",
-  api: "API Reference",
-  getting_started: "Getting Started",
-  incidents: "Incidents & Cases",
-  vulnerabilities: "Vulnerabilities",
-  monitors: "Host Monitors",
-  "host-monitors": "Host Monitors",
-  about: "About Shuffle",
-  tenants: "Tenants & Multi-Tenancy",
-  features: "Features Overview",
-  workflows: "Workflows",
-  apps: "Apps & Integrations",
-  extensions: "Extensions",
-  architecture: "Architecture",
-  configuration: "Configuration",
-  troubleshooting: "Troubleshooting"
-};
-var getDocGroup = (slug) => {
-  const usabilityGroup = DOC_GROUPS.find((g) => g.id === "usability") || DOC_GROUPS[0];
-  if (!slug || slug === "index") return usabilityGroup;
-  const clean = slug.toLowerCase().replace(/_+/g, "-");
-  for (const group of DOC_GROUPS) {
-    if (group.slugs.includes(clean)) {
-      return group;
-    }
-  }
-  return usabilityGroup;
-};
-var getDocDisplayLabel = (slug, fallbackName) => {
-  const clean = (slug || "").toLowerCase().replace(/_+/g, "-");
-  if (DOC_LABEL_OVERRIDES[clean]) {
-    return DOC_LABEL_OVERRIDES[clean];
-  }
-  const raw = fallbackName || slug || "";
-  return raw.replace(/[_-]+/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
-};
-
-// ../components/docs/docGroups.ts
-var groupDocsCache = /* @__PURE__ */ new Map();
-var getCachedGroupDocs = (groupId, folder) => {
-  const cacheKey3 = `${folder || "docs"}:${groupId}`;
-  const cached2 = groupDocsCache.get(cacheKey3);
-  if (!cached2) return [];
-  return Object.entries(cached2).map(([slug, content]) => ({
-    slug,
-    title: getDocDisplayLabel(slug),
-    content
-  }));
-};
-
-// ../lib/incidentPromptContext.ts
-var GLOBAL_INCIDENT_KEY = "__shuffleActiveIncidentContext";
-var getGlobalScope = () => {
-  if (typeof globalThis !== "undefined") return globalThis;
-  if (typeof window !== "undefined") return window;
-  if (typeof global !== "undefined") return global;
-  return null;
-};
-var getActiveIncidentPromptContext = () => {
-  const scope2 = getGlobalScope();
-  if (!scope2) return null;
-  const info = scope2[GLOBAL_INCIDENT_KEY];
-  if (info && typeof info === "object") {
-    return info;
-  }
-  return null;
-};
-var INCIDENT_PROMPT_DELIMITER_START = "=== INCIDENT CONTEXT ===";
-var INCIDENT_PROMPT_DELIMITER_END = "=== END INCIDENT CONTEXT ===";
-var formatObservableType = (type) => {
-  if (!type) return "Indicator";
-  const clean = type.toLowerCase().trim();
-  switch (clean) {
-    case "ip":
-    case "ipv4":
-    case "ip_address":
-      return "IPv4";
-    case "ipv6":
-      return "IPv6";
-    case "hash":
-    case "sha256":
-    case "file_hash":
-      return "SHA256";
-    case "md5":
-      return "MD5";
-    case "sha1":
-      return "SHA1";
-    case "hostname":
-    case "host":
-    case "endpoint":
-      return "Hostname";
-    case "domain":
-      return "Domain";
-    case "url":
-      return "URL";
-    case "user":
-    case "username":
-    case "account":
-      return "User";
-    case "email":
-      return "Email";
-    case "process":
-    case "process_name":
-      return "Process";
-    case "file":
-    case "filename":
-      return "File";
-    default:
-      return type.charAt(0).toUpperCase() + type.slice(1);
-  }
-};
-var isIncidentInjectedPrompt = (prompt) => {
-  if (!prompt || typeof prompt !== "string") return false;
-  return prompt.includes(INCIDENT_PROMPT_DELIMITER_START) || prompt.includes("OPERATIONAL DIRECTIVES:") || prompt.includes("INCIDENT OBSERVABLES / IOCs:");
-};
-var extractCleanIncidentPrompt = (prompt) => {
-  if (!prompt || typeof prompt !== "string") return "";
-  const trimmed = prompt.trim();
-  const taskMatch = trimmed.match(/TASK TO EXECUTE:\s*\n\s*-\s*Task:\s*([^\n]+)/i);
-  if (taskMatch && taskMatch[1]?.trim()) {
-    return `Task: ${taskMatch[1].trim()}`;
-  }
-  const legacyMatch = trimmed.match(/\n\s*Task:\s*([^\n]+)/i);
-  if (legacyMatch && legacyMatch[1]?.trim()) {
-    return `Task: ${legacyMatch[1].trim()}`;
-  }
-  if (trimmed.includes(INCIDENT_PROMPT_DELIMITER_START)) {
-    const before = trimmed.split(INCIDENT_PROMPT_DELIMITER_START)[0]?.trim();
-    if (before) return before;
-  }
-  return trimmed;
-};
-var composeIncidentPromptInput = (rawInput, context) => {
-  if (!rawInput || typeof rawInput !== "string") return "";
-  const trimmed = rawInput.trim();
-  if (isIncidentInjectedPrompt(trimmed)) {
-    return trimmed;
-  }
-  const ctx = context || getActiveIncidentPromptContext();
-  if (!ctx || !ctx.id) {
-    return trimmed;
-  }
-  const incidentRef = ctx.id ? `#${ctx.id}` : "";
-  const incidentTitle = ctx.title?.trim() || "Incident";
-  const severity = ctx.severity || "Medium";
-  const status = ctx.status || "In Progress";
-  const description = ctx.description?.trim() || "No description provided.";
-  const seenObservables = /* @__PURE__ */ new Set();
-  const formattedObservables = [];
-  if (Array.isArray(ctx.observables)) {
-    for (const obs of ctx.observables) {
-      if (!obs || obs.archived || !obs.value?.trim()) continue;
-      const val = obs.value.trim();
-      const typeLabel = formatObservableType(obs.type);
-      const key = `${typeLabel.toLowerCase()}:${val.toLowerCase()}`;
-      if (seenObservables.has(key)) continue;
-      seenObservables.add(key);
-      formattedObservables.push(`- ${typeLabel}: ${val}`);
-    }
-  }
-  const observablesBlock = formattedObservables.length > 0 ? formattedObservables.slice(0, 50).join("\n") : "- None recorded yet";
-  return `${trimmed}
-
-${INCIDENT_PROMPT_DELIMITER_START}
-INCIDENT CONTEXT:
-- Incident: ${incidentRef} ("${incidentTitle}")
-- Severity: ${severity} | Status: ${status}
-- Summary: ${description}
-
-INCIDENT OBSERVABLES / IOCs:
-${observablesBlock}
-${INCIDENT_PROMPT_DELIMITER_END}
-
-DIRECTIVES:
-- Relevant incident details and observables are provided above. Do not call "get_incident" unless raw external logs are required.`;
-};
-
-// ../lib/usecasePromptContext.ts
-var GLOBAL_KEY = "__shuffleActiveUsecaseContext";
-var GLOBAL_OVERVIEW_KEY = "__shuffleActiveUsecasesOverviewContext";
-var USECASE_CONTEXT_EVENT = "shuffle-usecase-context-changed";
-var scope = () => typeof globalThis !== "undefined" ? globalThis : null;
-var getActiveUsecasePromptContext = () => {
-  const v = scope()?.[GLOBAL_KEY];
-  return v && typeof v === "object" ? v : null;
-};
-var getActiveUsecasesOverviewContext = () => {
-  const v = scope()?.[GLOBAL_OVERVIEW_KEY];
-  return v && typeof v === "object" ? v : null;
-};
-var humanizeUsecaseId = (id) => id.replace(/_\d+$/, "").replace(/[-_]+/g, " ").replace(/\b\w/g, (c) => c.toUpperCase()).trim();
-var getUsecaseDisplayName = (flowId) => {
-  const ctx = getActiveUsecasePromptContext();
-  if (ctx?.label) return ctx.label;
-  return flowId ? humanizeUsecaseId(flowId) : "Usecases";
-};
-var USECASE_PROMPT_START = "=== USECASE CONTEXT ===";
-var USECASE_PROMPT_END = "=== END USECASE CONTEXT ===";
-var isUsecaseInjectedPrompt = (prompt) => {
-  if (!prompt || typeof prompt !== "string") return false;
-  return prompt.includes(USECASE_PROMPT_START);
-};
-var extractCleanUsecasePrompt = (prompt) => {
-  if (!prompt || typeof prompt !== "string") return "";
-  if (!isUsecaseInjectedPrompt(prompt)) return prompt;
-  return prompt.replace(/\n*=== USECASE CONTEXT ===[\s\S]*?(?:=== END USECASE CONTEXT ===|$)/g, "").trim();
+var extractCleanUsecasePrompt = (prompt) => {
+  if (!prompt || typeof prompt !== "string") return "";
+  if (!isUsecaseInjectedPrompt(prompt)) return prompt;
+  return prompt.replace(/\n*=== USECASE CONTEXT ===[\s\S]*?(?:=== END USECASE CONTEXT ===|$)/g, "").trim();
 };
 var USECASE_REQUIRED_APIS = [
   "GET /api/v1/workflows/usecases (list all usecase definitions, steps, source/target categories, and workflow templates)",
@@ -17503,392 +15912,1984 @@ var DEFAULT_USECASE_CATALOG = [
     automationLabel: "Block Threat Intel IOCs",
     automationCategory: "intel",
     automationArea: "Threat Intelligence (TIP)",
-    summary: "Automatically feeds high-confidence Threat Intelligence indicators directly into network firewalls and perimeter blocklists."
+    summary: "Automatically feeds high-confidence Threat Intelligence indicators directly into network firewalls and perimeter blocklists."
+  },
+  {
+    id: "intel_to_edr_1",
+    slug: "push_detections",
+    label: "Push detections",
+    phase: "Step 3: Agents & Response Actions",
+    source: "threat_intel",
+    target: "edr",
+    automationLabel: "Push Threat Intel to EDR",
+    automationCategory: "intel",
+    automationArea: "Threat Intelligence (TIP)",
+    summary: "Pushes file hashes and C2 indicators from Threat Intelligence feeds into EDR custom IOC prevention and hunting lists."
+  }
+];
+var USECASE_TOOL_CATEGORIES = [
+  "case_management (Cases / SOAR): Shuffle Security Incidents, TheHive, Jira, ServiceNow, PagerDuty, Linear",
+  "siem (SIEM & Log Analytics): Wazuh, Splunk, Elastic Security, Microsoft Sentinel, QRadar, Google Chronicle, Graylog",
+  "edr (EDR / Endpoint): CrowdStrike Falcon, SentinelOne, Microsoft Defender for Endpoint, Wazuh, Carbon Black, Velociraptor, Shuffle Host-Monitors",
+  "email (Email Security): Microsoft Office 365, Google Workspace / Gmail, IMAP/SMTP, Proofpoint, Mimecast",
+  "threat_intel (Threat Intelligence): MISP, OpenCTI, VirusTotal, AbuseIPDB, Shodan, GreyNoise, AlienVault OTX, URLhaus",
+  "asset_management (Assets & Vulnerabilities): Shuffle Assets & Vulnerabilities, Tenable, Qualys, Rapid7, NetBox, Snipe-IT, ServiceNow CMDB",
+  "iam (Identity & Access Management): Okta, Microsoft Entra ID (Azure AD), Active Directory LDAP, Google Workspace Admin, Duo, Keycloak",
+  "network (Network & Firewalls): Palo Alto PAN-OS, Fortinet FortiGate, Cloudflare, Suricata, Zeek, Zscaler, Cisco Meraki/ASA",
+  "cloud (Cloud Security): AWS (GuardDuty, CloudTrail, EC2, IAM), Azure Security Center, Google Cloud SCC, Wiz, Prisma Cloud",
+  "communication (Notifications & On-Call): Slack, Microsoft Teams, Email, PagerDuty, Opsgenie, Discord, Shuffle Mobile App"
+];
+var USECASE_ARCHITECTURE_OVERVIEW = [
+  "How Usecases Work in Shuffle Security:",
+  "  1. Three-Phase Operational Pipeline:",
+  "     - Step 1: Ingest & Tool Setup (`ingest`) \u2014 Connect external security sources (SIEM, EDR, Email, Threat Intel, Vulnerability Scanners, Host-Monitors, Network, Cloud) or the built-in Ingestion Webhook to normalize alerts and findings into Shuffle Security datastores (`shuffle-security_incidents`, `shuffle-security_vulnerabilities`, `shuffle-security_assets`, `shuffle-security_threat_intel`).",
+  "     - Step 2: Context & Correlation (`correlation`) \u2014 Automatically evaluate Incident Routing Rules, enrich IOCs against Threat Intel, attach Asset/IAM context, and correlate Vulnerabilities with active incidents when records enter the datastore.",
+  "     - Step 3: Agents & Response Actions (`response`) \u2014 Trigger autonomous AI Incident Handling agents (`Run AI Agent`), execute host/network/IAM/email/cloud containment, synchronize external tickets (`Forward Tickets`), send Slack/Teams/Email notifications, and escalate to on-call schedules (`Schedules & Phone Notifications`).",
+  "  2. Enabling & Configuring a Usecase:",
+  "     - Standard workflow usecases are generated/enabled via `POST /api/v2/workflows/generate` with `{ label, category, app_name }` after the user authenticates their chosen source/target apps (`GET /api/v1/apps/authentication`).",
+  "     - Datastore-driven usecases (Incident Routing Rules, Enrichment, Asset context, Vulnerability Correlation, AI Incident Handling) bind to datastore categories (`shuffle-security_incidents`, `shuffle-security_vulnerabilities`, `shuffle-security_assets`, `shuffle-security_threat_intel`) via `POST /api/v2/datastore/automate` and run automatically whenever matching records are created or updated.",
+  "     - Special built-in usecases also have dedicated management views: Incident Routing Rules (`/incidents?settings=routing_rules`), AI Incident Handling (`/incidents?modal=ai_agent_prompts`), Host-Monitors (`/monitors?add_host=true`), Threat Intel Feeds (`/threat-intel/feeds`), Schedules & Phone Notifications (`/Detection?tab=schedules`), and Vulnerability Management (`/vulnerabilities`).",
+  "     - Any external source can push JSON events directly into Shuffle Security via the tenant Ingestion Webhook (`POST /api/v1/hooks/webhook_<id>`).",
+  "  3. How You (the Agent) Should Help the User:",
+  "     - Recommend which usecases to enable next based on the tenant's currently enabled usecases and connected/authenticated tools.",
+  "     - Explain step-by-step how to configure or troubleshoot any usecase, including required app credentials, webhook setup, or datastore triggers.",
+  "     - Inspect or generate workflows, check authentication status, and verify datastore automations using the Shuffle APIs below when requested."
+].join("\n");
+var list = (rec) => Object.entries(rec || {}).filter(([, v]) => Array.isArray(v) && v.length > 0).map(([k, v]) => `  - ${k}: ${v.slice(0, 25).join(", ")}${v.length > 25 ? ` (+${v.length - 25} more)` : ""}`).join("\n");
+var findCatalogUsecase = (flowId) => {
+  if (!flowId) return void 0;
+  const norm4 = flowId.trim().toLowerCase().replace(/[\s-]+/g, "_");
+  return DEFAULT_USECASE_CATALOG.find(
+    (u) => u.id.toLowerCase() === norm4 || u.slug.toLowerCase() === norm4 || u.label.toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_|_$/g, "") === norm4
+  );
+};
+var composeUsecasePromptInput = (rawInput, flowId) => {
+  const trimmed = (rawInput || "").trim();
+  if (!trimmed || trimmed.includes(USECASE_PROMPT_START)) return trimmed;
+  const ctx = getActiveUsecasePromptContext();
+  const overviewCtx = getActiveUsecasesOverviewContext();
+  const catalogMatch = findCatalogUsecase(ctx?.id || flowId);
+  const lines = [USECASE_PROMPT_START];
+  if (ctx) {
+    lines.push(`Active View: Specific Usecase Drawer (/usecases/${flowId || ctx.id})`);
+    lines.push(`Usecase: ${ctx.label} (id: ${ctx.id})`);
+    if (ctx.source || ctx.target || catalogMatch) {
+      lines.push(`Data flow: ${ctx.source || catalogMatch?.source || "unknown"} -> ${ctx.target || catalogMatch?.target || "unknown"}`);
+    }
+    if (ctx.phase || catalogMatch?.phase) lines.push(`Phase: ${ctx.phase || catalogMatch?.phase}`);
+    if (ctx.automationArea || catalogMatch?.automationArea) {
+      lines.push(`Automation area: ${ctx.automationArea || catalogMatch?.automationArea}`);
+    }
+    if (ctx.tags?.length) lines.push(`Tags: ${ctx.tags.join(", ")}`);
+    if (typeof ctx.enabled === "boolean") lines.push(`Status for this tenant: ${ctx.enabled ? "Enabled" : "Disabled"}`);
+    if (ctx.healthStatus) lines.push(`Health / diagnostics: ${ctx.healthStatus}`);
+    if (typeof ctx.manualVerification === "boolean") {
+      lines.push(`Verification mode: ${ctx.manualVerification ? "Manual / UI-configured flow" : "Automated workflow generation via POST /api/v2/workflows/generate"}`);
+    }
+    if (ctx.customAction || catalogMatch?.customRoute) {
+      const route = ctx.customAction?.href || ctx.customAction?.url || catalogMatch?.customRoute;
+      const actionLabel = ctx.customAction?.label || "Open configuration view";
+      lines.push(`Dedicated UI action: ${actionLabel}${route ? ` (${route})` : ""}${ctx.customAction?.description ? ` \u2014 ${ctx.customAction.description}` : ""}`);
+    }
+    if (ctx.automationLabel || catalogMatch?.automationLabel) {
+      const autoCat = ctx.automationCategory || catalogMatch?.automationCategory;
+      lines.push(`Automation label: ${ctx.automationLabel || catalogMatch?.automationLabel}${autoCat ? ` (category: ${autoCat})` : ""}`);
+    }
+    if (ctx.description || catalogMatch?.summary) {
+      lines.push(`Description: ${ctx.description || catalogMatch?.summary}`);
+    }
+    if (ctx.agenticDescription) lines.push(`Agentic behavior: ${ctx.agenticDescription}`);
+    const connected = list(ctx.connectedApps);
+    if (connected) {
+      lines.push(`Connected tools with validated authentication:
+${connected}`);
+    } else {
+      lines.push("Connected tools with validated authentication: None detected yet for this usecase category.");
+    }
+    const apps = list(ctx.categoryApps);
+    if (apps) lines.push(`Supported apps per category:
+${apps}`);
+    if (ctx.linkedWorkflows?.length) {
+      lines.push(`Linked workflows: ${ctx.linkedWorkflows.join(", ")}`);
+    } else {
+      lines.push("Linked workflows: None linked yet.");
+    }
+    lines.push("");
+    lines.push(USECASE_ARCHITECTURE_OVERVIEW);
+  } else if (flowId) {
+    lines.push(`Active View: Specific Usecase (/usecases/${flowId})`);
+    if (catalogMatch) {
+      lines.push(`Usecase: ${catalogMatch.label} (id: ${catalogMatch.id}, slug: ${catalogMatch.slug})`);
+      lines.push(`Phase: ${catalogMatch.phase}`);
+      lines.push(`Data flow: ${catalogMatch.source} -> ${catalogMatch.target}`);
+      if (catalogMatch.automationArea) lines.push(`Automation area: ${catalogMatch.automationArea}`);
+      if (catalogMatch.customRoute) lines.push(`Dedicated configuration route: ${catalogMatch.customRoute}`);
+      lines.push(`Automation label: ${catalogMatch.automationLabel}${catalogMatch.automationCategory ? ` (category: ${catalogMatch.automationCategory})` : ""}`);
+      lines.push(`Description: ${catalogMatch.summary}`);
+    } else {
+      lines.push(`Usecase id/slug: ${flowId} (${humanizeUsecaseId(flowId)})`);
+    }
+    lines.push("");
+    lines.push(USECASE_ARCHITECTURE_OVERVIEW);
+  } else {
+    lines.push("Page: Usecases overview (/usecases \u2014 interactive 3-phase pipeline of all security automation usecases in Shuffle Security).");
+    if (overviewCtx) {
+      lines.push("");
+      lines.push("Current Tenant Live State on /usecases:");
+      if (overviewCtx.enabledUsecases?.length) {
+        lines.push(`  - Enabled usecases (${overviewCtx.enabledUsecases.length}): ${overviewCtx.enabledUsecases.map((u) => `${u.label} (${u.id}: ${u.source} -> ${u.target})`).join(", ")}`);
+      } else {
+        lines.push("  - Enabled usecases: None enabled yet.");
+      }
+      if (overviewCtx.disabledUsecases?.length) {
+        lines.push(`  - Disabled / available usecases (${overviewCtx.disabledUsecases.length}): ${overviewCtx.disabledUsecases.map((u) => `${u.label} (${u.id})`).join(", ")}`);
+      }
+      if (overviewCtx.validatedApps?.length) {
+        lines.push(`  - Connected & authenticated apps: ${overviewCtx.validatedApps.slice(0, 30).join(", ")}`);
+      } else {
+        lines.push("  - Connected & authenticated apps: None authenticated yet.");
+      }
+      if (overviewCtx.validatedCategories?.length) {
+        lines.push(`  - Authenticated tool categories: ${overviewCtx.validatedCategories.join(", ")}`);
+      }
+      if (overviewCtx.activeWorkflows?.length) {
+        lines.push(`  - Active tenant workflows (${overviewCtx.activeWorkflows.length}): ${overviewCtx.activeWorkflows.slice(0, 20).join(", ")}${overviewCtx.activeWorkflows.length > 20 ? ` (+${overviewCtx.activeWorkflows.length - 20} more)` : ""}`);
+      }
+      if (overviewCtx.activeFilters) {
+        const f = overviewCtx.activeFilters;
+        const activeFilterParts = [
+          f.phase && f.phase !== "all" ? `phase=${f.phase}` : "",
+          f.category && f.category !== "all" ? `category=${f.category}` : "",
+          f.area && f.area !== "all" ? `area=${f.area}` : "",
+          f.tag && f.tag !== "all" ? `tag=${f.tag}` : "",
+          f.search ? `search="${f.search}"` : ""
+        ].filter(Boolean);
+        if (activeFilterParts.length > 0) {
+          lines.push(`  - User's active UI filters: ${activeFilterParts.join(", ")}`);
+        }
+      }
+    }
+    lines.push("");
+    lines.push(USECASE_ARCHITECTURE_OVERVIEW);
+    lines.push("");
+    lines.push(`Supported Tool Categories:
+${USECASE_TOOL_CATEGORIES.map((c) => `  - ${c}`).join("\n")}`);
+    lines.push("");
+    lines.push("Complete Shuffle Security Usecases Catalog (All 3 Phases):");
+    for (const item of DEFAULT_USECASE_CATALOG) {
+      lines.push(
+        `  - [${item.phase}] ${item.label} (id: ${item.id}, slug: /usecases/${item.slug}, flow: ${item.source} -> ${item.target}, automation: ${item.automationLabel}${item.automationCategory ? `, category: ${item.automationCategory}` : ""}${item.customRoute ? `, route: ${item.customRoute}` : ""}): ${item.summary}`
+      );
+    }
+  }
+  lines.push("");
+  lines.push(`Required Shuffle APIs:
+${USECASE_REQUIRED_APIS.map((a) => `  - ${a}`).join("\n")}`);
+  lines.push(USECASE_PROMPT_END);
+  return `${trimmed}
+
+${lines.join("\n")}`;
+};
+
+// ../lib/docsPromptContext.ts
+var DOC_SELECTION_EVENT = "shuffle:doc-selection-change";
+var GLOBAL_DOC_SELECTION_KEY = "__shuffleActiveDocSelection";
+var truncateDocSelectionPreview = (text2, maxChars = 36) => {
+  const clean = (text2 || "").replace(/\s+/g, " ").trim();
+  if (!clean) return "";
+  if (clean.length <= maxChars) return clean;
+  return `${clean.slice(0, maxChars).trimEnd()}\u2026`;
+};
+var GLOBAL_DOC_KEY = "__shuffleActiveDocInfo";
+var getGlobalScope2 = () => {
+  if (typeof globalThis !== "undefined") return globalThis;
+  if (typeof window !== "undefined") return window;
+  if (typeof global !== "undefined") return global;
+  return null;
+};
+var setActiveDocSelectedText = (selectedText) => {
+  const scope2 = getGlobalScope2();
+  if (!scope2) return;
+  const cleaned = (selectedText || "").trim();
+  if (cleaned) {
+    scope2[GLOBAL_DOC_SELECTION_KEY] = cleaned;
+    if (scope2[GLOBAL_DOC_KEY] && typeof scope2[GLOBAL_DOC_KEY] === "object") {
+      scope2[GLOBAL_DOC_KEY].selectedText = cleaned;
+    }
+  } else {
+    delete scope2[GLOBAL_DOC_SELECTION_KEY];
+    if (scope2[GLOBAL_DOC_KEY] && typeof scope2[GLOBAL_DOC_KEY] === "object") {
+      delete scope2[GLOBAL_DOC_KEY].selectedText;
+    }
+  }
+  if (typeof window !== "undefined") {
+    try {
+      window.dispatchEvent(
+        new CustomEvent(DOC_SELECTION_EVENT, {
+          detail: { selectedText: cleaned || null }
+        })
+      );
+    } catch {
+    }
+  }
+};
+var getActiveDocSelectedText = () => {
+  const scope2 = getGlobalScope2();
+  if (!scope2) return null;
+  const sel = scope2[GLOBAL_DOC_SELECTION_KEY] || scope2[GLOBAL_DOC_KEY]?.selectedText;
+  return typeof sel === "string" && sel.trim().length > 0 ? sel.trim() : null;
+};
+var getActiveDocPromptContext = () => {
+  const scope2 = getGlobalScope2();
+  if (!scope2) return null;
+  const info = scope2[GLOBAL_DOC_KEY];
+  if (info && typeof info === "object") {
+    return info;
+  }
+  return null;
+};
+var isDocsRoute = (pathname) => {
+  if (!pathname) return false;
+  return pathname === "/docs" || pathname.startsWith("/docs/") || pathname === "/legal" || pathname.startsWith("/legal/") || pathname === "/articles" || pathname.startsWith("/articles/");
+};
+var DOC_PROMPT_DELIMITER_START = "--- BEGIN DOCUMENTATION ---";
+var DOC_PROMPT_DELIMITER_END = "--- END DOCUMENTATION ---";
+var DOC_PROMPT_PREFIX_REGEX = /^Answer the users? question about (?:["']?)(.*?)(?:["']?) based on(?: on)? the following (?:documentation )?content:/i;
+var sanitizeDocMarkdown = (markdown, maxChars = 35e3) => {
+  if (!markdown || typeof markdown !== "string") return "";
+  let cleaned = markdown;
+  cleaned = cleaned.replace(/^---\s*\r?\n[\s\S]*?\r?\n---\s*(?:\r?\n|$)/, "");
+  cleaned = stripInContentToc(cleaned);
+  cleaned = cleaned.replace(/<!--[\s\S]*?-->/g, "");
+  cleaned = cleaned.replace(/<(script|style|iframe)[^>]*>[\s\S]*?<\/\1>/gi, "");
+  cleaned = cleaned.replace(/data:image\/[a-zA-Z0-9+.-]+;base64,[A-Za-z0-9+/=]+/g, "[embedded image]");
+  cleaned = cleaned.replace(/\n{3,}/g, "\n\n");
+  cleaned = cleaned.trim();
+  if (cleaned.length > maxChars) {
+    const cut = cleaned.lastIndexOf("\n\n", maxChars);
+    const splitIndex = cut > maxChars * 0.7 ? cut : maxChars;
+    cleaned = `${cleaned.slice(0, splitIndex).trim()}
+
+[Documentation content truncated for length...]`;
+  }
+  return cleaned;
+};
+var isDocInjectedPrompt = (prompt) => {
+  if (!prompt || typeof prompt !== "string") return false;
+  return prompt.includes(DOC_PROMPT_DELIMITER_START) || DOC_PROMPT_PREFIX_REGEX.test(prompt);
+};
+var stripSystemNotes = (text2) => text2.replace(/\s*\[System note:[^\]]*\]/g, "");
+var extractCleanDisplayPrompt = (prompt) => {
+  if (!prompt || typeof prompt !== "string") return "";
+  let trimmed = stripSystemNotes(prompt).trim();
+  if (isUsecaseInjectedPrompt(trimmed)) {
+    trimmed = extractCleanUsecasePrompt(trimmed);
+  }
+  if (isIncidentInjectedPrompt(trimmed)) {
+    return extractCleanIncidentPrompt(trimmed);
+  }
+  if (!isDocInjectedPrompt(trimmed)) return trimmed;
+  if (trimmed.includes(DOC_PROMPT_DELIMITER_END)) {
+    const parts = trimmed.split(DOC_PROMPT_DELIMITER_END);
+    const after = parts[parts.length - 1]?.trim() || "";
+    const cleaned = after.replace(/^(?:User\s+Question:\s*|Question:\s*)/i, "").trim();
+    if (cleaned) return cleaned;
+  }
+  if (DOC_PROMPT_PREFIX_REGEX.test(trimmed)) {
+    const paragraphs = trimmed.split(/\n\s*\n/).filter(Boolean);
+    if (paragraphs.length > 1) {
+      const last = paragraphs[paragraphs.length - 1].trim();
+      const cleaned = last.replace(/^(?:User\s+Question:\s*|Question:\s*)/i, "").trim();
+      if (cleaned) return cleaned;
+    }
+  }
+  return trimmed;
+};
+var normalizeDocPromptTitle = (title) => {
+  const t = (title || "").trim();
+  if (!t || t.toLowerCase() === "index" || t.toLowerCase() === "documentation" || t.toLowerCase() === "docs") {
+    return "Shuffle documentation";
+  }
+  const lower = t.toLowerCase();
+  if (lower === "about" || lower === "about shuffle" || lower === "about us" || lower === "about-shuffle" || lower === "about-us") {
+    return "Shuffle";
+  }
+  if (/^about\s+/i.test(t)) {
+    const stripped = t.replace(/^about\s+/i, "").trim();
+    return stripped || "Shuffle";
+  }
+  return t;
+};
+var composeDocPromptInput = (userQuestion, pathname, fallbackTitle, overrideDocInfo) => {
+  const trimmedQuestion = (userQuestion || "").trim();
+  if (!trimmedQuestion) return "";
+  if (isDocInjectedPrompt(trimmedQuestion)) {
+    return trimmedQuestion;
+  }
+  const activeDoc = overrideDocInfo ?? getActiveDocPromptContext();
+  const rawTitle = (activeDoc?.title || fallbackTitle || getGlobalScope2()?.__shuffleActiveEntityTitle || "Shuffle documentation").trim();
+  const title = normalizeDocPromptTitle(rawTitle);
+  const groupLabel = activeDoc?.groupLabel;
+  const groupId = activeDoc?.groupId;
+  const currentSlug = (activeDoc?.slug || "").toLowerCase().replace(/_+/g, "-");
+  let categoryDocs = activeDoc?.groupDocs || [];
+  if (categoryDocs.length === 0 && groupId) {
+    categoryDocs = getCachedGroupDocs(groupId);
+  }
+  if (categoryDocs.length === 0 && currentSlug) {
+    const groupDef2 = getDocGroup(currentSlug);
+    if (groupDef2) {
+      categoryDocs = getCachedGroupDocs(groupDef2.id);
+    }
+  }
+  const groupDef = currentSlug ? getDocGroup(currentSlug) : null;
+  const categoryName = groupLabel || groupDef?.label || title;
+  const rawMarkdown = activeDoc?.content || "";
+  const renderedDocs = [];
+  if (categoryDocs.length > 0) {
+    for (const doc of categoryDocs) {
+      const docSlugClean = (doc.slug || "").toLowerCase().replace(/_+/g, "-");
+      const isCurrent = docSlugClean === currentSlug;
+      const contentToUse = isCurrent && rawMarkdown ? rawMarkdown : doc.content;
+      renderedDocs.push({
+        title: doc.title || title,
+        slug: doc.slug,
+        content: sanitizeDocMarkdown(contentToUse, 16e3),
+        isCurrent
+      });
+    }
+  } else if (rawMarkdown) {
+    renderedDocs.push({
+      title,
+      slug: activeDoc?.slug,
+      content: sanitizeDocMarkdown(rawMarkdown, 3e4),
+      isCurrent: true
+    });
+  }
+  let docSection = "";
+  if (renderedDocs.length > 0) {
+    const docBlocks = renderedDocs.filter((d) => d.content && d.content.trim().length > 0).map((d) => {
+      const marker = d.isCurrent ? " (Currently Viewed)" : "";
+      return `## Document: ${d.title}${marker}
+
+${d.content}`;
+    }).join("\n\n---\n\n");
+    docSection = `# Documentation Category: ${categoryName}
+
+${docBlocks}`;
+  }
+  const markedExcerpt = (activeDoc?.selectedText || getActiveDocSelectedText() || "").trim();
+  const excerptBlock = markedExcerpt ? `
+
+## User-Marked Excerpt (Focus of Question)
+The user highlighted the following text in "${title}":
+"""
+${markedExcerpt.slice(0, 4e3)}
+"""` : "";
+  if (docSection) {
+    return `Answer the users question about Shuffle ${categoryName} based on the following complete documentation for the ${categoryName} category:
+${DOC_PROMPT_DELIMITER_START}
+${docSection}${excerptBlock}
+${DOC_PROMPT_DELIMITER_END}
+
+User Question:
+${trimmedQuestion}`;
+  }
+  return `Answer the users question about Shuffle ${categoryName}:${excerptBlock}
+
+${trimmedQuestion}`;
+};
+
+// components/AgentActivityList.tsx
+var import_lucide_react8 = require("lucide-react");
+
+// ../Shuffle-Core/components/SegmentedControl.tsx
+var React6 = __toESM(require("react"));
+var import_framer_motion6 = require("framer-motion");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var SIZE = {
+  sm: {
+    containerPadding: "2px",
+    fontSize: "11px",
+    itemPaddingY: "4px",
+    itemPaddingX: "10px",
+    itemGap: "6px",
+    countMin: "16px",
+    countH: "16px",
+    countPx: "4px",
+    countFs: "10px",
+    dividerH: "16px",
+    dividerMx: "2px"
   },
-  {
-    id: "intel_to_edr_1",
-    slug: "push_detections",
-    label: "Push detections",
-    phase: "Step 3: Agents & Response Actions",
-    source: "threat_intel",
-    target: "edr",
-    automationLabel: "Push Threat Intel to EDR",
-    automationCategory: "intel",
-    automationArea: "Threat Intelligence (TIP)",
-    summary: "Pushes file hashes and C2 indicators from Threat Intelligence feeds into EDR custom IOC prevention and hunting lists."
+  md: {
+    containerPadding: "4px",
+    fontSize: "12px",
+    itemPaddingY: "6px",
+    itemPaddingX: "12px",
+    itemGap: "6px",
+    countMin: "18px",
+    countH: "18px",
+    countPx: "6px",
+    countFs: "10px",
+    dividerH: "20px",
+    dividerMx: "4px"
+  }
+};
+var uid = 0;
+function useUniqueId(prefix) {
+  const ref = React6.useRef(void 0);
+  if (!ref.current) {
+    uid += 1;
+    ref.current = `${prefix}-${uid}`;
+  }
+  return ref.current;
+}
+function SegmentedControl({
+  options,
+  value,
+  onChange,
+  size = "md",
+  variant = "outline",
+  className,
+  ariaLabel,
+  layoutId,
+  trailing
+}) {
+  const autoId = useUniqueId("segmented");
+  const groupId = layoutId ?? autoId;
+  const s = SIZE[size];
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_framer_motion6.LayoutGroup, { id: groupId, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    "div",
+    {
+      role: "tablist",
+      "aria-label": ariaLabel,
+      className,
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        gap: "2px",
+        borderRadius: 9999,
+        padding: s.containerPadding,
+        fontSize: s.fontSize,
+        border: variant === "outline" ? "1px solid hsl(var(--border))" : "1px solid transparent",
+        background: variant === "outline" ? "transparent" : "hsl(var(--muted) / 0.4)"
+      },
+      children: [
+        options.map((opt, i) => {
+          if (opt.type === "divider") {
+            return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              "span",
+              {
+                "aria-hidden": true,
+                style: {
+                  width: 1,
+                  height: s.dividerH,
+                  margin: `0 ${s.dividerMx}`,
+                  background: "hsl(var(--border))",
+                  alignSelf: "center"
+                }
+              },
+              opt.key ?? `divider-${i}`
+            );
+          }
+          const isAction2 = opt.type === "action";
+          const active2 = !isAction2 && opt.value === value;
+          const key = isAction2 ? opt.key : opt.value;
+          return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+            "button",
+            {
+              type: "button",
+              "data-tour": opt.dataTour,
+              "data-active": active2 ? "true" : "false",
+              role: isAction2 ? "button" : "tab",
+              "aria-selected": isAction2 ? void 0 : active2,
+              title: opt.title,
+              disabled: opt.disabled,
+              onClick: () => {
+                if (opt.disabled) return;
+                if (isAction2) opt.onClick();
+                else onChange(opt.value);
+              },
+              style: {
+                position: "relative",
+                display: "inline-flex",
+                alignItems: "center",
+                gap: s.itemGap,
+                padding: `${s.itemPaddingY} ${s.itemPaddingX}`,
+                borderRadius: 9999,
+                fontWeight: 500,
+                fontSize: s.fontSize,
+                background: "transparent",
+                border: "none",
+                cursor: opt.disabled ? "not-allowed" : "pointer",
+                color: active2 ? "hsl(var(--foreground))" : "hsl(var(--muted-foreground))",
+                opacity: opt.disabled ? 0.5 : 1,
+                transition: "color 200ms ease",
+                outline: "none",
+                fontFamily: "inherit"
+              },
+              onMouseEnter: (e) => {
+                if (!active2 && !opt.disabled) {
+                  e.currentTarget.style.color = "hsl(var(--foreground))";
+                }
+              },
+              onMouseLeave: (e) => {
+                if (!active2 && !opt.disabled) {
+                  e.currentTarget.style.color = "hsl(var(--muted-foreground))";
+                }
+              },
+              children: [
+                active2 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  import_framer_motion6.motion.span,
+                  {
+                    layoutId: `${groupId}-pill`,
+                    style: {
+                      position: "absolute",
+                      inset: 0,
+                      borderRadius: 9999,
+                      background: "hsl(var(--muted))",
+                      border: "1px solid hsl(var(--border))"
+                    },
+                    initial: false,
+                    transition: {
+                      type: "spring",
+                      stiffness: 260,
+                      damping: 30
+                    }
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  "span",
+                  {
+                    style: {
+                      position: "relative",
+                      zIndex: 1,
+                      display: "inline-flex",
+                      alignItems: "center",
+                      gap: s.itemGap
+                    },
+                    children: opt.label
+                  }
+                ),
+                !isAction2 && (typeof opt.count === "number" || typeof opt.count === "string") && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  "span",
+                  {
+                    style: {
+                      position: "relative",
+                      zIndex: 1,
+                      display: "inline-flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      minWidth: s.countMin,
+                      height: s.countH,
+                      padding: `0 ${s.countPx}`,
+                      fontSize: s.countFs,
+                      fontWeight: 600,
+                      fontVariantNumeric: "tabular-nums",
+                      borderRadius: 6,
+                      border: "1px solid hsl(var(--border) / 0.6)",
+                      color: active2 ? "hsl(var(--foreground))" : "hsl(var(--muted-foreground))",
+                      background: "transparent"
+                    },
+                    children: opt.count
+                  }
+                )
+              ]
+            },
+            key
+          );
+        }),
+        trailing != null && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          "span",
+          {
+            style: {
+              display: "inline-flex",
+              alignItems: "center",
+              alignSelf: "center"
+            },
+            children: trailing
+          }
+        )
+      ]
+    }
+  ) });
+}
+
+// components/AgentActivityList.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var STATUS_CONFIG = {
+  FINISHED: { icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.CheckCircle, { size: 16 }), color: "hsl(var(--severity-low, 142 71% 45%))", label: "Completed" },
+  SUCCESS: { icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.CheckCircle, { size: 16 }), color: "hsl(var(--severity-low, 142 71% 45%))", label: "Completed" },
+  FAILED: { icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.XCircle, { size: 16 }), color: "hsl(var(--severity-critical, 0 72% 55%))", label: "Failed" },
+  ABORTED: { icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.XCircle, { size: 16 }), color: "hsl(var(--severity-critical, 0 72% 55%))", label: "Aborted" },
+  EXECUTING: { icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Loader2, { size: 16 }), color: "hsl(var(--severity-medium, 38 92% 50%))", label: "Running" },
+  RUNNING: { icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Loader2, { size: 16 }), color: "hsl(var(--severity-medium, 38 92% 50%))", label: "Running" },
+  WAITING: { icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Clock, { size: 16 }), color: "hsl(var(--severity-info, 217 91% 60%))", label: "Waiting" },
+  LIMIT_REACHED: { icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react8.AlertTriangle, { size: 16 }), color: "hsl(var(--severity-critical, 0 72% 55%))", label: "Limit reached" }
+};
+var getEffectiveStatus = (run2) => {
+  const raw = (run2.status || "").toUpperCase();
+  if (raw === "FINISHED" || raw === "SUCCESS" || raw === "FAILED" || raw === "ABORTED") {
+    try {
+      const d = diagnoseOutputWarning(run2);
+      if (d?.kind === "token_limit") return "LIMIT_REACHED";
+    } catch {
+    }
+  }
+  return raw;
+};
+var SOURCE_ICON_SIZE = 18;
+var looksLikeExecutionId = (s) => /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(s.trim());
+var DATASTORE_KEY_RE = /\bKey:\s*(\S+)/i;
+var DATASTORE_CATEGORY_RE = /\bCategory:\s*(\S+)/i;
+var parseDatastoreTask = (arg) => {
+  if (!arg) return null;
+  const k = arg.match(DATASTORE_KEY_RE);
+  const c = arg.match(DATASTORE_CATEGORY_RE);
+  if (!k || !c) return null;
+  const key = (k[1] || "").trim();
+  const category = (c[1] || "").trim();
+  if (!key || !category) return null;
+  return { key, category };
+};
+var isAIAgentResult = (result) => String(result?.action?.app_name || "").trim().toLowerCase() === "ai agent";
+var getAIAgentResultPayload = (run2) => {
+  const results = Array.isArray(run2.results) ? run2.results : [];
+  const agentResult = results.find(isAIAgentResult);
+  if (!agentResult || typeof agentResult !== "object" || !("result" in agentResult)) return null;
+  return tryParseJson(agentResult.result);
+};
+var getDirectAgentInput = (payload) => {
+  if (!payload || typeof payload !== "object") return null;
+  const obj = payload;
+  if (typeof obj.original_input === "string" && obj.original_input.trim()) {
+    return obj.original_input.trim();
+  }
+  if (typeof obj.input === "string" && obj.input.trim()) {
+    return obj.input.trim();
+  }
+  return null;
+};
+var findDatastoreTaskInRun = (run2) => {
+  const agentInput = getDirectAgentInput(getAIAgentResultPayload(run2));
+  const agentHit = parseDatastoreTask(agentInput || void 0);
+  if (agentHit) return agentHit;
+  const anyRun = run2;
+  const candidates = [];
+  if (typeof anyRun.original_input === "string") candidates.push(anyRun.original_input);
+  if (typeof anyRun.input === "string") candidates.push(anyRun.input);
+  if (run2.execution_argument) candidates.push(run2.execution_argument);
+  if (run2.result) candidates.push(run2.result);
+  if (Array.isArray(anyRun.results)) {
+    try {
+      candidates.push(JSON.stringify(anyRun.results));
+    } catch {
+    }
+  }
+  for (const c of candidates) {
+    const hit = parseDatastoreTask(c);
+    if (hit) return hit;
+  }
+  return null;
+};
+var classifyRunSource = (run2) => {
+  const raw = (run2.execution_source || "").trim();
+  const src = raw.toLowerCase();
+  const sourceParts = raw.split("|");
+  const fromSource = src.startsWith("datastore") && sourceParts.length > 2 ? { category: sourceParts[1].trim(), key: sourceParts[2].trim() } : null;
+  const ds = findDatastoreTaskInRun(run2) || fromSource;
+  if (ds || src.includes("datastore") || src.includes("enrichment") || src.includes("automation")) {
+    return {
+      kind: "datastore",
+      label: "Datastore automation",
+      reason: ds ? `Category: ${ds.category}
+Key: ${ds.key}
+Click to open it in the Datastore.` : "Started by a datastore automation (e.g. enrichment trigger).",
+      icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Database, { size: SOURCE_ICON_SIZE }),
+      datastoreKey: ds?.key,
+      datastoreCategory: ds?.category
+    };
+  }
+  if (src.includes("schedule") || src.includes("cron")) {
+    return {
+      kind: "schedule",
+      label: "Schedule",
+      reason: "Started by a scheduled trigger (cron).",
+      icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Clock, { size: SOURCE_ICON_SIZE })
+    };
+  }
+  if (src.includes("webhook") || src.includes("http")) {
+    return {
+      kind: "webhook",
+      label: "Webhook",
+      reason: "Started by an incoming webhook / HTTP trigger.",
+      icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Globe, { size: SOURCE_ICON_SIZE })
+    };
+  }
+  if (src.includes("form")) {
+    return {
+      kind: "form",
+      label: "Form",
+      reason: "Started by a form submission.",
+      icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.FileText, { size: SOURCE_ICON_SIZE })
+    };
+  }
+  if (raw && looksLikeExecutionId(raw)) {
+    return {
+      kind: "workflow",
+      label: "Workflow",
+      reason: "Started by another workflow as a subflow.",
+      icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Workflow, { size: SOURCE_ICON_SIZE })
+    };
+  }
+  if (src === "" || src === "manual" || src === "default" || src === "demo") {
+    return {
+      kind: "manual",
+      label: "Manual",
+      reason: "Started manually from the Agents UI.",
+      icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Hand, { size: SOURCE_ICON_SIZE })
+    };
+  }
+  return {
+    kind: "unknown",
+    label: raw || "Unknown",
+    reason: raw ? `Started by "${raw}".` : "Trigger source unknown.",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Zap, { size: SOURCE_ICON_SIZE })
+  };
+};
+var getRunIconColor = (run2) => {
+  const status = getEffectiveStatus(run2);
+  if (status === "FINISHED" || status === "SUCCESS") return "hsl(var(--severity-low, 142 71% 45%))";
+  if (status === "FAILED" || status === "ABORTED") return "hsl(var(--severity-critical, 0 72% 55%))";
+  if (status === "LIMIT_REACHED") return "hsl(var(--severity-critical, 0 72% 55%))";
+  if (status === "EXECUTING" || status === "RUNNING") return "hsl(var(--severity-medium, 38 92% 50%))";
+  return "hsl(var(--primary, 24 100% 50%))";
+};
+var formatDuration = (run2) => {
+  if (run2.started_at && run2.completed_at) {
+    const start = Number(run2.started_at);
+    const end = Number(run2.completed_at);
+    if (!isNaN(start) && !isNaN(end)) {
+      const toMs = (n) => n > 1e12 ? n : n * 1e3;
+      const ms = Math.max(0, toMs(end) - toMs(start));
+      if (ms < 1e3) return `${(ms / 1e3).toFixed(2)}s`;
+      if (ms < 6e4) return `${(ms / 1e3).toFixed(2)}s`;
+      return `${Math.floor(ms / 6e4)}m ${Math.floor(ms % 6e4 / 1e3)}s`;
+    }
+  }
+  if (run2.duration) return `${run2.duration.toFixed(2)}s`;
+  return "";
+};
+var getTimeAgo = (dateStr) => {
+  try {
+    const ts = isNaN(Number(dateStr)) ? new Date(dateStr).getTime() : Number(dateStr) * 1e3;
+    if (isNaN(ts)) return dateStr;
+    const diffSec = Math.max(0, Math.floor((Date.now() - ts) / 1e3));
+    if (diffSec < 60) return `${diffSec}s ago`;
+    if (diffSec < 3600) return `${Math.floor(diffSec / 60)}m ago`;
+    if (diffSec < 86400) return `${Math.floor(diffSec / 3600)}h ago`;
+    return `${Math.floor(diffSec / 86400)}d ago`;
+  } catch {
+    return dateStr;
   }
-];
-var USECASE_TOOL_CATEGORIES = [
-  "case_management (Cases / SOAR): Shuffle Security Incidents, TheHive, Jira, ServiceNow, PagerDuty, Linear",
-  "siem (SIEM & Log Analytics): Wazuh, Splunk, Elastic Security, Microsoft Sentinel, QRadar, Google Chronicle, Graylog",
-  "edr (EDR / Endpoint): CrowdStrike Falcon, SentinelOne, Microsoft Defender for Endpoint, Wazuh, Carbon Black, Velociraptor, Shuffle Host-Monitors",
-  "email (Email Security): Microsoft Office 365, Google Workspace / Gmail, IMAP/SMTP, Proofpoint, Mimecast",
-  "threat_intel (Threat Intelligence): MISP, OpenCTI, VirusTotal, AbuseIPDB, Shodan, GreyNoise, AlienVault OTX, URLhaus",
-  "asset_management (Assets & Vulnerabilities): Shuffle Assets & Vulnerabilities, Tenable, Qualys, Rapid7, NetBox, Snipe-IT, ServiceNow CMDB",
-  "iam (Identity & Access Management): Okta, Microsoft Entra ID (Azure AD), Active Directory LDAP, Google Workspace Admin, Duo, Keycloak",
-  "network (Network & Firewalls): Palo Alto PAN-OS, Fortinet FortiGate, Cloudflare, Suricata, Zeek, Zscaler, Cisco Meraki/ASA",
-  "cloud (Cloud Security): AWS (GuardDuty, CloudTrail, EC2, IAM), Azure Security Center, Google Cloud SCC, Wiz, Prisma Cloud",
-  "communication (Notifications & On-Call): Slack, Microsoft Teams, Email, PagerDuty, Opsgenie, Discord, Shuffle Mobile App"
-];
-var USECASE_ARCHITECTURE_OVERVIEW = [
-  "How Usecases Work in Shuffle Security:",
-  "  1. Three-Phase Operational Pipeline:",
-  "     - Step 1: Ingest & Tool Setup (`ingest`) \u2014 Connect external security sources (SIEM, EDR, Email, Threat Intel, Vulnerability Scanners, Host-Monitors, Network, Cloud) or the built-in Ingestion Webhook to normalize alerts and findings into Shuffle Security datastores (`shuffle-security_incidents`, `shuffle-security_vulnerabilities`, `shuffle-security_assets`, `shuffle-security_threat_intel`).",
-  "     - Step 2: Context & Correlation (`correlation`) \u2014 Automatically evaluate Incident Routing Rules, enrich IOCs against Threat Intel, attach Asset/IAM context, and correlate Vulnerabilities with active incidents when records enter the datastore.",
-  "     - Step 3: Agents & Response Actions (`response`) \u2014 Trigger autonomous AI Incident Handling agents (`Run AI Agent`), execute host/network/IAM/email/cloud containment, synchronize external tickets (`Forward Tickets`), send Slack/Teams/Email notifications, and escalate to on-call schedules (`Schedules & Phone Notifications`).",
-  "  2. Enabling & Configuring a Usecase:",
-  "     - Standard workflow usecases are generated/enabled via `POST /api/v2/workflows/generate` with `{ label, category, app_name }` after the user authenticates their chosen source/target apps (`GET /api/v1/apps/authentication`).",
-  "     - Datastore-driven usecases (Incident Routing Rules, Enrichment, Asset context, Vulnerability Correlation, AI Incident Handling) bind to datastore categories (`shuffle-security_incidents`, `shuffle-security_vulnerabilities`, `shuffle-security_assets`, `shuffle-security_threat_intel`) via `POST /api/v2/datastore/automate` and run automatically whenever matching records are created or updated.",
-  "     - Special built-in usecases also have dedicated management views: Incident Routing Rules (`/incidents?settings=routing_rules`), AI Incident Handling (`/incidents?modal=ai_agent_prompts`), Host-Monitors (`/monitors?add_host=true`), Threat Intel Feeds (`/threat-intel/feeds`), Schedules & Phone Notifications (`/Detection?tab=schedules`), and Vulnerability Management (`/vulnerabilities`).",
-  "     - Any external source can push JSON events directly into Shuffle Security via the tenant Ingestion Webhook (`POST /api/v1/hooks/webhook_<id>`).",
-  "  3. How You (the Agent) Should Help the User:",
-  "     - Recommend which usecases to enable next based on the tenant's currently enabled usecases and connected/authenticated tools.",
-  "     - Explain step-by-step how to configure or troubleshoot any usecase, including required app credentials, webhook setup, or datastore triggers.",
-  "     - Inspect or generate workflows, check authentication status, and verify datastore automations using the Shuffle APIs below when requested."
-].join("\n");
-var list = (rec) => Object.entries(rec || {}).filter(([, v]) => Array.isArray(v) && v.length > 0).map(([k, v]) => `  - ${k}: ${v.slice(0, 25).join(", ")}${v.length > 25 ? ` (+${v.length - 25} more)` : ""}`).join("\n");
-var findCatalogUsecase = (flowId) => {
-  if (!flowId) return void 0;
-  const norm4 = flowId.trim().toLowerCase().replace(/[\s-]+/g, "_");
-  return DEFAULT_USECASE_CATALOG.find(
-    (u) => u.id.toLowerCase() === norm4 || u.slug.toLowerCase() === norm4 || u.label.toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_|_$/g, "") === norm4
-  );
 };
-var composeUsecasePromptInput = (rawInput, flowId) => {
-  const trimmed = (rawInput || "").trim();
-  if (!trimmed || trimmed.includes(USECASE_PROMPT_START)) return trimmed;
-  const ctx = getActiveUsecasePromptContext();
-  const overviewCtx = getActiveUsecasesOverviewContext();
-  const catalogMatch = findCatalogUsecase(ctx?.id || flowId);
-  const lines = [USECASE_PROMPT_START];
-  if (ctx) {
-    lines.push(`Active View: Specific Usecase Drawer (/usecases/${flowId || ctx.id})`);
-    lines.push(`Usecase: ${ctx.label} (id: ${ctx.id})`);
-    if (ctx.source || ctx.target || catalogMatch) {
-      lines.push(`Data flow: ${ctx.source || catalogMatch?.source || "unknown"} -> ${ctx.target || catalogMatch?.target || "unknown"}`);
+var PROMPT_KEYS = [
+  "original_input",
+  "originalinput",
+  "input",
+  "prompt",
+  "user_input",
+  "userinput",
+  "user_prompt",
+  "userprompt",
+  "question",
+  "query",
+  "message",
+  "text",
+  "content",
+  "task",
+  "instruction",
+  "instructions"
+];
+var deepFindPrompt = (value, depth = 0) => {
+  if (value == null || depth > 6) return null;
+  if (typeof value === "string") {
+    const s = value.trim();
+    if (s.startsWith("{") && s.endsWith("}") || s.startsWith("[") && s.endsWith("]")) {
+      try {
+        return deepFindPrompt(JSON.parse(s), depth + 1);
+      } catch {
+      }
     }
-    if (ctx.phase || catalogMatch?.phase) lines.push(`Phase: ${ctx.phase || catalogMatch?.phase}`);
-    if (ctx.automationArea || catalogMatch?.automationArea) {
-      lines.push(`Automation area: ${ctx.automationArea || catalogMatch?.automationArea}`);
+    return null;
+  }
+  if (Array.isArray(value)) {
+    for (const item of value) {
+      const hit = deepFindPrompt(item, depth + 1);
+      if (hit) return hit;
     }
-    if (ctx.tags?.length) lines.push(`Tags: ${ctx.tags.join(", ")}`);
-    if (typeof ctx.enabled === "boolean") lines.push(`Status for this tenant: ${ctx.enabled ? "Enabled" : "Disabled"}`);
-    if (ctx.healthStatus) lines.push(`Health / diagnostics: ${ctx.healthStatus}`);
-    if (typeof ctx.manualVerification === "boolean") {
-      lines.push(`Verification mode: ${ctx.manualVerification ? "Manual / UI-configured flow" : "Automated workflow generation via POST /api/v2/workflows/generate"}`);
+    return null;
+  }
+  if (typeof value === "object") {
+    const obj = value;
+    for (const key of Object.keys(obj)) {
+      if (PROMPT_KEYS.includes(key.toLowerCase())) {
+        const v = obj[key];
+        if (typeof v === "string" && v.trim()) return v.trim();
+        const nested = deepFindPrompt(v, depth + 1);
+        if (nested) return nested;
+      }
     }
-    if (ctx.customAction || catalogMatch?.customRoute) {
-      const route = ctx.customAction?.href || ctx.customAction?.url || catalogMatch?.customRoute;
-      const actionLabel = ctx.customAction?.label || "Open configuration view";
-      lines.push(`Dedicated UI action: ${actionLabel}${route ? ` (${route})` : ""}${ctx.customAction?.description ? ` \u2014 ${ctx.customAction.description}` : ""}`);
+    for (const key of Object.keys(obj)) {
+      if (PROMPT_KEYS.includes(key.toLowerCase())) continue;
+      const hit = deepFindPrompt(obj[key], depth + 1);
+      if (hit) return hit;
     }
-    if (ctx.automationLabel || catalogMatch?.automationLabel) {
-      const autoCat = ctx.automationCategory || catalogMatch?.automationCategory;
-      lines.push(`Automation label: ${ctx.automationLabel || catalogMatch?.automationLabel}${autoCat ? ` (category: ${autoCat})` : ""}`);
+  }
+  return null;
+};
+var tryParseJson = (s) => {
+  if (typeof s !== "string") return s;
+  const trimmed = s.trim();
+  if (!trimmed) return null;
+  try {
+    return JSON.parse(trimmed);
+  } catch {
+    return trimmed;
+  }
+};
+var getRunPrompt = (run2) => {
+  const anyRun = run2;
+  const agentInput = getDirectAgentInput(getAIAgentResultPayload(run2));
+  if (agentInput) return agentInput;
+  const results = Array.isArray(anyRun.results) ? anyRun.results : null;
+  if (results) {
+    const agentResult = results.find(isAIAgentResult);
+    if (agentResult?.result) {
+      const hit = deepFindPrompt(tryParseJson(agentResult.result));
+      if (hit) return hit;
     }
-    if (ctx.description || catalogMatch?.summary) {
-      lines.push(`Description: ${ctx.description || catalogMatch?.summary}`);
+    for (const r of results) {
+      if (r === agentResult) continue;
+      const hit = deepFindPrompt(tryParseJson(r?.result));
+      if (hit) return hit;
     }
-    if (ctx.agenticDescription) lines.push(`Agentic behavior: ${ctx.agenticDescription}`);
-    const connected = list(ctx.connectedApps);
-    if (connected) {
-      lines.push(`Connected tools with validated authentication:
-${connected}`);
-    } else {
-      lines.push("Connected tools with validated authentication: None detected yet for this usecase category.");
+  }
+  if (typeof anyRun.original_input === "string" && anyRun.original_input.trim()) {
+    return anyRun.original_input.trim();
+  }
+  if (typeof anyRun.input === "string" && anyRun.input.trim()) {
+    return anyRun.input.trim();
+  }
+  if (run2.result) {
+    const hit = deepFindPrompt(tryParseJson(run2.result));
+    if (hit) return hit;
+  }
+  if (run2.execution_argument) {
+    const parsed = tryParseJson(run2.execution_argument);
+    const hit = deepFindPrompt(parsed);
+    if (hit) return hit;
+    if (typeof parsed === "string" && parsed.length < 240) return parsed;
+  }
+  return null;
+};
+var stripMarkdown = (input) => {
+  if (!input) return "";
+  let s = stripSystemNotes(input).replace(/\n*=== USECASE CONTEXT ===[\s\S]*?(?:=== END USECASE CONTEXT ===|$)/g, "").replace(/\n*=== DOCS ARTICLE CONTEXT ===[\s\S]*?(?:=== END DOCS CONTEXT ===|$)/g, "");
+  s = s.replace(/```[\s\S]*?```/g, " ");
+  s = s.replace(/`([^`]*)`/g, "$1");
+  s = s.replace(/!\[([^\]]*)\]\([^)]*\)/g, "$1");
+  s = s.replace(/\[([^\]]+)\]\([^)]*\)/g, "$1");
+  s = s.replace(/(\*\*|__)(.*?)\1/g, "$2");
+  s = s.replace(/(\*|_)(?=\S)([^*_\n]+?)\1/g, "$2");
+  s = s.replace(/^\s{0,3}#{1,6}\s+/gm, "");
+  s = s.replace(/^\s{0,3}>\s?/gm, "");
+  s = s.replace(/^\s*[-*+]\s+/gm, "");
+  s = s.replace(/^\s*\d+\.\s+/gm, "");
+  s = s.replace(/\s+/g, " ").trim();
+  return s;
+};
+var getRunTitle = (run2) => {
+  const prompt = getRunPrompt(run2);
+  if (prompt) {
+    const oneLine = stripMarkdown(prompt);
+    return oneLine.length > 80 ? oneLine.slice(0, 80) + "\u2026" : oneLine;
+  }
+  if (run2.workflow?.name) return stripMarkdown(run2.workflow.name);
+  return `Execution ${run2.execution_id?.slice(0, 8) || "\u2014"}`;
+};
+var getDecisionCount = (run2) => {
+  if (Array.isArray(run2.decisions)) return run2.decisions.length;
+  return 0;
+};
+var getRunSubtitle = (run2) => {
+  if (run2.result) {
+    try {
+      const p = JSON.parse(run2.result);
+      if (p.output && typeof p.output === "string") {
+        const out = stripMarkdown(p.output);
+        return out.length > 120 ? out.slice(0, 120) + "\u2026" : out;
+      }
+      if (p.original_input && typeof p.original_input === "string") {
+        const inp = stripMarkdown(p.original_input);
+        return inp.length > 120 ? inp.slice(0, 120) + "\u2026" : inp;
+      }
+      if (p.message && typeof p.message === "string") return stripMarkdown(p.message);
+    } catch {
+      if (run2.result.length < 120) return stripMarkdown(run2.result);
     }
-    const apps = list(ctx.categoryApps);
-    if (apps) lines.push(`Supported apps per category:
-${apps}`);
-    if (ctx.linkedWorkflows?.length) {
-      lines.push(`Linked workflows: ${ctx.linkedWorkflows.join(", ")}`);
-    } else {
-      lines.push("Linked workflows: None linked yet.");
+  }
+  const status = getEffectiveStatus(run2);
+  const isRunning = status === "EXECUTING" || status === "RUNNING" || status === "WAITING";
+  return run2.execution_source || (isRunning ? "Agent still running\u2026" : "Agent execution");
+};
+var normalizeResultStatus = (s) => {
+  const v = (s || "").toUpperCase();
+  if (v === "SUCCESS" || v === "FINISHED") return "success";
+  if (v === "FAILURE" || v === "FAILED" || v === "ABORTED") return "failure";
+  if (v === "WAITING" || v === "SKIPPED") return "waiting";
+  return "unknown";
+};
+var getRunTools = (run2) => {
+  const map = /* @__PURE__ */ new Map();
+  const ids = /* @__PURE__ */ new Map();
+  const skip = (s) => /^(ai\s*agent|shuffle\s*agent|shuffle_agent)$/i.test(s);
+  const rank = { failure: 3, waiting: 2, success: 1, unknown: 0 };
+  const merge2 = (name, status, id) => {
+    if (!name) return;
+    const s = String(name).trim();
+    if (!s || skip(s)) return;
+    const next = status || "unknown";
+    const prev = map.get(s);
+    if (!prev || rank[next] > rank[prev]) map.set(s, next);
+    if (id && !ids.has(s)) ids.set(s, id);
+  };
+  const allowed = run2.allowed_actions;
+  if (Array.isArray(allowed) && allowed.length > 0) {
+    for (const entry of allowed) {
+      if (typeof entry !== "string") continue;
+      const parts = entry.split(":");
+      if (parts.length < 3 || parts[0] !== "app") continue;
+      const id = parts[1];
+      const name = parts.slice(2).join(":");
+      merge2(name, "unknown", id);
+    }
+    const normalize3 = (s) => s.toLowerCase().replace(/[\s_-]+/g, "_");
+    const known = /* @__PURE__ */ new Map();
+    for (const real of map.keys()) known.set(normalize3(real), real);
+    const apply = (name, status) => {
+      if (!name) return;
+      const hit = known.get(normalize3(name));
+      if (hit) merge2(hit, status);
+    };
+    (run2.results || []).forEach((r) => {
+      apply(r?.action?.app_name || r?.action?.label, normalizeResultStatus(r?.status));
+    });
+    (run2.decisions || []).forEach((d) => {
+      if (typeof d?.tool === "string") apply(d.tool, normalizeResultStatus(d?.status));
+    });
+  } else {
+    (run2.results || []).forEach((r) => {
+      merge2(r?.action?.app_name || r?.action?.label, normalizeResultStatus(r?.status));
+    });
+    (run2.decisions || []).forEach((d) => {
+      if (typeof d?.tool === "string") merge2(d.tool, normalizeResultStatus(d?.status));
+    });
+  }
+  return Array.from(map.entries()).slice(0, 6).map(([name, status]) => ({ name, status, id: ids.get(name) }));
+};
+var TOOL_STATUS_RING = {
+  success: "hsl(var(--severity-low, 142 71% 45%))",
+  failure: "hsl(var(--severity-critical, 0 72% 55%))",
+  waiting: "hsl(var(--severity-medium, 38 92% 50%))",
+  unknown: "hsl(var(--border))"
+};
+var TOOL_STATUS_LABEL = {
+  success: "ran successfully",
+  failure: "failed",
+  waiting: "needs input",
+  unknown: "used"
+};
+var normToolKey = (s) => s.toLowerCase().replace(/[\s_\-]+/g, "_");
+var AgentRunRow = ({ run: run2, onClick, sx, appIcons, onAppClick, apiKey, apiBaseUrl, orgId, abortingIds, onAbort }) => {
+  const navigate = (0, import_router_compat.useNavigate)();
+  const statusKey = getEffectiveStatus(run2);
+  const iconColor = getRunIconColor(run2);
+  const duration = formatDuration(run2);
+  const tools = getRunTools(run2);
+  const decisionCount = getDecisionCount(run2);
+  const attachmentCount = collectLlmImageAttachments(run2).length;
+  const isRunning = statusKey === "EXECUTING" || statusKey === "RUNNING" || statusKey === "WAITING";
+  const isAborting = !!run2.execution_id && !!abortingIds?.has(run2.execution_id);
+  const wfId = run2.workflow_id || run2?.workflow?.id;
+  const canAbort = isRunning && !!run2.execution_id && !!wfId && !isAborting;
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    import_material17.Box,
+    {
+      onClick,
+      sx: [
+        {
+          borderRadius: 2,
+          border: "1px solid hsl(var(--border))",
+          bgcolor: "hsl(var(--card))",
+          display: "flex",
+          alignItems: "center",
+          gap: 2,
+          px: 2.5,
+          py: 2,
+          cursor: "pointer",
+          transition: "background 0.15s ease, border-color 0.15s ease",
+          "&:hover": {
+            bgcolor: "hsla(var(--muted) / 0.5)",
+            borderColor: "hsl(var(--muted-foreground) / 0.3)"
+          }
+        },
+        ...Array.isArray(sx) ? sx : sx ? [sx] : []
+      ],
+      children: [
+        (() => {
+          const sourceInfo = classifyRunSource(run2);
+          const dsLink = sourceInfo.kind === "datastore" && sourceInfo.datastoreKey && sourceInfo.datastoreCategory ? `https://shuffler.io/admin?tab=datastore&category=${encodeURIComponent(sourceInfo.datastoreCategory)}&key=${encodeURIComponent(sourceInfo.datastoreKey)}` : null;
+          return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            import_material17.Tooltip,
+            {
+              title: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { lineHeight: 1.4 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Box, { sx: { fontWeight: 600 }, children: sourceInfo.label }),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Box, { sx: { opacity: 0.85, whiteSpace: "pre-line" }, children: sourceInfo.reason })
+              ] }),
+              placement: "top",
+              arrow: true,
+              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                import_material17.Box,
+                {
+                  onClick: dsLink ? async (e) => {
+                    e.stopPropagation();
+                    await navigateToShuffleCore(dsLink, { newTab: true });
+                  } : void 0,
+                  sx: {
+                    width: 40,
+                    height: 40,
+                    borderRadius: "50%",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    bgcolor: `${iconColor}15`,
+                    color: iconColor,
+                    flexShrink: 0,
+                    cursor: dsLink ? "pointer" : "inherit",
+                    transition: "background 0.15s ease",
+                    "&:hover": dsLink ? { bgcolor: `${iconColor}30` } : void 0
+                  },
+                  children: sourceInfo.icon
+                }
+              )
+            }
+          );
+        })(),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Box, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 0.25 }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            import_material17.Typography,
+            {
+              sx: {
+                fontSize: "0.9rem",
+                fontWeight: 500,
+                color: "hsl(var(--foreground))",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap"
+              },
+              children: getRunTitle(run2)
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            import_material17.Typography,
+            {
+              sx: {
+                fontSize: "0.78rem",
+                color: "hsl(var(--muted-foreground))",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap"
+              },
+              children: getRunSubtitle(run2)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { display: "flex", alignItems: "center", gap: 1, mt: 0.5 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.7 }, children: run2.started_at ? getTimeAgo(run2.started_at) : "\u2014" }),
+            duration && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.4 }, children: "\xB7" }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.7 }, children: duration })
+            ] }),
+            decisionCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.4 }, children: "\xB7" }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { display: "inline-flex", alignItems: "center", gap: 0.5, color: "hsl(var(--muted-foreground))", opacity: 0.7 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.GitBranch, { size: 11 }),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Typography, { sx: { fontSize: "0.72rem", color: "inherit" }, children: [
+                  decisionCount,
+                  " ",
+                  decisionCount === 1 ? "decision" : "decisions"
+                ] })
+              ] })
+            ] }),
+            attachmentCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.4 }, children: "\xB7" }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { display: "inline-flex", alignItems: "center", gap: 0.5, color: "hsl(var(--muted-foreground))", opacity: 0.7 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Image, { size: 11 }),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Typography, { sx: { fontSize: "0.72rem", color: "inherit" }, children: [
+                  attachmentCount,
+                  " ",
+                  attachmentCount === 1 ? "attachment" : "attachments"
+                ] })
+              ] })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          import_material17.Box,
+          {
+            onClick: (e) => e.stopPropagation(),
+            sx: {
+              display: { xs: "none", sm: "flex" },
+              alignItems: "center",
+              justifyContent: "flex-end",
+              flexShrink: 0,
+              ml: tools.length > 0 ? 1 : 0,
+              width: tools.length > 0 ? 140 : 0,
+              minHeight: tools.length > 0 ? 28 : 0
+            },
+            children: tools.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+              import_material17.AvatarGroup,
+              {
+                max: 5,
+                sx: {
+                  "& .MuiAvatar-root": {
+                    width: 28,
+                    height: 28,
+                    fontSize: "0.7rem",
+                    borderColor: "hsl(var(--border))",
+                    bgcolor: "hsl(var(--muted))",
+                    color: "hsl(var(--muted-foreground))"
+                  }
+                },
+                children: tools.map((t) => {
+                  const icon = appIcons?.[normToolKey(t.name)];
+                  const label = t.name.replace(/_/g, " ");
+                  const slug = t.name.toLowerCase().replace(/\s+/g, "_");
+                  const ring = TOOL_STATUS_RING[t.status];
+                  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Tooltip, { title: `${label} \u2014 ${TOOL_STATUS_LABEL[t.status]}`, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                    import_material17.Avatar,
+                    {
+                      src: icon || void 0,
+                      alt: label,
+                      variant: "rounded",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        if (onAppClick) {
+                          onAppClick({ id: t.id, name: t.name });
+                        } else {
+                          navigate(`/apps/${encodeURIComponent(t.id || slug)}`);
+                        }
+                      },
+                      sx: {
+                        cursor: "pointer",
+                        borderColor: `${ring} !important`,
+                        borderWidth: "1px",
+                        borderStyle: "solid",
+                        transition: "transform 0.15s ease, border-color 0.15s ease",
+                        "&:hover": {
+                          transform: "scale(1.08)",
+                          borderColor: "hsl(var(--primary)) !important"
+                        }
+                      },
+                      children: label.charAt(0).toUpperCase()
+                    }
+                  ) }, t.name);
+                })
+              }
+            ) : null
+          }
+        ),
+        canAbort && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Tooltip, { title: isAborting ? "Aborting\u2026" : "Abort this execution", arrow: true, placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          import_material17.IconButton,
+          {
+            size: "small",
+            disabled: isAborting,
+            onClick: (e) => {
+              e.stopPropagation();
+              onAbort?.(run2);
+            },
+            sx: {
+              flexShrink: 0,
+              ml: 1.5,
+              color: "hsl(var(--muted-foreground))",
+              "&:hover": { color: "hsl(var(--destructive))", bgcolor: "hsl(var(--muted))" }
+            },
+            children: isAborting ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.CircularProgress, { size: 16, sx: { color: "hsl(var(--destructive))" } }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react8.StopCircle, { size: 18 })
+          }
+        ) }) })
+      ]
     }
-    lines.push("");
-    lines.push(USECASE_ARCHITECTURE_OVERVIEW);
-  } else if (flowId) {
-    lines.push(`Active View: Specific Usecase (/usecases/${flowId})`);
-    if (catalogMatch) {
-      lines.push(`Usecase: ${catalogMatch.label} (id: ${catalogMatch.id}, slug: ${catalogMatch.slug})`);
-      lines.push(`Phase: ${catalogMatch.phase}`);
-      lines.push(`Data flow: ${catalogMatch.source} -> ${catalogMatch.target}`);
-      if (catalogMatch.automationArea) lines.push(`Automation area: ${catalogMatch.automationArea}`);
-      if (catalogMatch.customRoute) lines.push(`Dedicated configuration route: ${catalogMatch.customRoute}`);
-      lines.push(`Automation label: ${catalogMatch.automationLabel}${catalogMatch.automationCategory ? ` (category: ${catalogMatch.automationCategory})` : ""}`);
-      lines.push(`Description: ${catalogMatch.summary}`);
-    } else {
-      lines.push(`Usecase id/slug: ${flowId} (${humanizeUsecaseId(flowId)})`);
+  );
+};
+var STATUS_FILTERS = [
+  { label: "All", value: "" },
+  { label: "Completed", value: "FINISHED" },
+  { label: "Running", value: "EXECUTING" },
+  { label: "Failed", value: "ABORTED" }
+];
+var AgentActivityList = ({
+  apiKey,
+  apiBaseUrl,
+  orgId,
+  onRunClick,
+  renderAppDetailDrawer,
+  onEditWorkflow,
+  showSearchBar = true,
+  showStatusChips = true,
+  limit = 50,
+  top,
+  emptyTitle = "No agent activity found",
+  emptySubtitle = "The agent has not performed any actions yet",
+  className,
+  sx,
+  toolbarSx,
+  rowSx,
+  usecaseFilters = [],
+  globalUrl,
+  theme,
+  colorMode,
+  initialRuns,
+  disableFetch = false
+}) => {
+  const [appDrawer, setAppDrawer] = (0, import_react18.useState)(null);
+  const [runs, setRuns] = (0, import_react18.useState)(
+    () => initialRuns ? initialRuns.slice(0, limit) : []
+  );
+  const [cursor, setCursor] = (0, import_react18.useState)("");
+  const [hasMore, setHasMore] = (0, import_react18.useState)(false);
+  const [isLoading, setIsLoading] = (0, import_react18.useState)(false);
+  const [error, setError] = (0, import_react18.useState)(null);
+  const [statusFilter, setStatusFilter] = (0, import_react18.useState)("");
+  const [searchQuery, setSearchQuery] = (0, import_react18.useState)("");
+  const [debouncedQuery, setDebouncedQuery] = (0, import_react18.useState)("");
+  const [agentWorkflows, setAgentWorkflows] = (0, import_react18.useState)([]);
+  const [workflowFilter, setWorkflowFilter] = (0, import_react18.useState)("");
+  const [usecaseFilter, setUsecaseFilter] = (0, import_react18.useState)("");
+  const [stopOpen, setStopOpen] = (0, import_react18.useState)(false);
+  const [stopLoading, setStopLoading] = (0, import_react18.useState)(false);
+  const [appIcons, setAppIcons] = (0, import_react18.useState)({});
+  const [enrichedRuns, setEnrichedRuns] = (0, import_react18.useState)({});
+  const enrichedRunsRef = (0, import_react18.useRef)({});
+  const processedRunIdsRef = (0, import_react18.useRef)(/* @__PURE__ */ new Set());
+  (0, import_react18.useEffect)(() => {
+    enrichedRunsRef.current = enrichedRuns;
+  }, [enrichedRuns]);
+  const [abortingIds, setAbortingIds] = (0, import_react18.useState)(/* @__PURE__ */ new Set());
+  const [abortedIds, setAbortedIds] = (0, import_react18.useState)(/* @__PURE__ */ new Set());
+  const [lastOpenedRunId, setLastOpenedRunId] = (0, import_react18.useState)(() => getLastOpenedAgentRun());
+  (0, import_react18.useEffect)(() => {
+    const unsubAbort = subscribeAgentAborted((eid) => {
+      setAbortedIds((prev) => prev.has(eid) ? prev : /* @__PURE__ */ new Set([...Array.from(prev), eid]));
+      setRuns((prev) => prev.map((r) => r.execution_id === eid ? { ...r, status: "ABORTED" } : r));
+    });
+    const unsubOpened = subscribeLastOpenedAgentRun((eid) => setLastOpenedRunId(eid));
+    return () => {
+      unsubAbort();
+      unsubOpened();
+    };
+  }, []);
+  const debounceRef = (0, import_react18.useRef)(void 0);
+  const selectedAgentWorkflow = agentWorkflows.find((w) => w.id === workflowFilter) || null;
+  const openEditPrompt = (0, import_react18.useCallback)(async () => {
+    if (!workflowFilter) return;
+    try {
+      const { prompt, apps } = await getAgentScheduleConfig(workflowFilter, { apiKey, apiBaseUrl, orgId });
+      onEditWorkflow?.({
+        workflowId: workflowFilter,
+        name: selectedAgentWorkflow?.name || "Schedule",
+        prompt,
+        apps
+      });
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to load workflow");
     }
-    lines.push("");
-    lines.push(USECASE_ARCHITECTURE_OVERVIEW);
-  } else {
-    lines.push("Page: Usecases overview (/usecases \u2014 interactive 3-phase pipeline of all security automation usecases in Shuffle Security).");
-    if (overviewCtx) {
-      lines.push("");
-      lines.push("Current Tenant Live State on /usecases:");
-      if (overviewCtx.enabledUsecases?.length) {
-        lines.push(`  - Enabled usecases (${overviewCtx.enabledUsecases.length}): ${overviewCtx.enabledUsecases.map((u) => `${u.label} (${u.id}: ${u.source} -> ${u.target})`).join(", ")}`);
-      } else {
-        lines.push("  - Enabled usecases: None enabled yet.");
+  }, [workflowFilter, selectedAgentWorkflow, apiKey, apiBaseUrl, orgId, onEditWorkflow]);
+  const confirmStop = (0, import_react18.useCallback)(async () => {
+    if (!workflowFilter) return;
+    setStopLoading(true);
+    try {
+      await stopAgentSchedule(workflowFilter, { apiKey, apiBaseUrl, orgId });
+      setStopOpen(false);
+      const items = await listAgentScheduleWorkflows({ apiKey, apiBaseUrl, orgId });
+      setAgentWorkflows(items);
+      setWorkflowFilter("");
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to stop schedule");
+    } finally {
+      setStopLoading(false);
+    }
+  }, [workflowFilter, apiKey, apiBaseUrl, orgId]);
+  const handleAbort = (0, import_react18.useCallback)(
+    async (run2) => {
+      const eid = run2.execution_id;
+      const wfId = run2.workflow_id || run2?.workflow?.id;
+      if (!eid || !wfId) return;
+      const prevStatus = run2.status;
+      setAbortingIds((prev) => /* @__PURE__ */ new Set([...Array.from(prev), eid]));
+      setAbortedIds((prev) => /* @__PURE__ */ new Set([...Array.from(prev), eid]));
+      broadcastAgentAborted(eid);
+      try {
+        await abortAgentExecution({
+          workflowId: wfId,
+          executionId: eid,
+          authorization: run2.authorization,
+          apiKey,
+          apiBaseUrl,
+          orgId
+        });
+        setRuns(
+          (prev) => prev.map((r) => r.execution_id === eid ? { ...r, status: "ABORTED" } : r)
+        );
+      } catch (e) {
+        setAbortedIds((prev) => {
+          const next = new Set(Array.from(prev));
+          next.delete(eid);
+          return next;
+        });
+        setRuns(
+          (prev) => prev.map((r) => r.execution_id === eid ? { ...r, status: prevStatus } : r)
+        );
+        toast2({
+          title: "Abort failed",
+          description: e instanceof Error ? e.message : "Failed to abort execution",
+          variant: "destructive"
+        });
+      } finally {
+        setAbortingIds((prev) => {
+          const next = new Set(Array.from(prev));
+          next.delete(eid);
+          return next;
+        });
       }
-      if (overviewCtx.disabledUsecases?.length) {
-        lines.push(`  - Disabled / available usecases (${overviewCtx.disabledUsecases.length}): ${overviewCtx.disabledUsecases.map((u) => `${u.label} (${u.id})`).join(", ")}`);
+    },
+    [apiKey, apiBaseUrl, orgId]
+  );
+  const updateSearchQuery = (0, import_react18.useCallback)((q) => {
+    setSearchQuery(q);
+    if (debounceRef.current) clearTimeout(debounceRef.current);
+    debounceRef.current = setTimeout(() => setDebouncedQuery(q), 350);
+  }, []);
+  (0, import_react18.useEffect)(() => () => {
+    if (debounceRef.current) clearTimeout(debounceRef.current);
+  }, []);
+  const fetchRuns = (0, import_react18.useCallback)(
+    async (append = false, cursorParam = "") => {
+      if (disableFetch) {
+        if (initialRuns && !append) {
+          setRuns(initialRuns.slice(0, limit));
+        }
+        return;
       }
-      if (overviewCtx.validatedApps?.length) {
-        lines.push(`  - Connected & authenticated apps: ${overviewCtx.validatedApps.slice(0, 30).join(", ")}`);
-      } else {
-        lines.push("  - Connected & authenticated apps: None authenticated yet.");
+      setIsLoading(true);
+      setError(null);
+      try {
+        const result = await searchAgentActivity({
+          limit,
+          top,
+          status: statusFilter,
+          cursor: cursorParam,
+          apiKey,
+          apiBaseUrl,
+          orgId,
+          workflowId: workflowFilter || "AGENT"
+        });
+        if (result.success && result.runs && result.runs.length > 0) {
+          const pageRuns = result.runs.slice(0, limit);
+          setRuns((prev) => append ? [...prev, ...pageRuns] : pageRuns);
+          setCursor(result.cursor);
+          setHasMore(!!result.cursor && result.runs.length > 0);
+        } else if (result.success) {
+          setRuns((prev) => append ? prev : initialRuns && initialRuns.length > 0 ? initialRuns.slice(0, limit) : []);
+          setCursor(result.cursor);
+          setHasMore(false);
+        } else {
+          if (initialRuns && initialRuns.length > 0 && !append) {
+            setRuns(initialRuns.slice(0, limit));
+          } else {
+            setError("Failed to fetch agent activity");
+          }
+        }
+      } catch (err) {
+        if (initialRuns && initialRuns.length > 0 && !append) {
+          setRuns(initialRuns.slice(0, limit));
+        } else {
+          setError(err instanceof Error ? err.message : "Failed to fetch agent activity");
+        }
+      } finally {
+        setIsLoading(false);
+      }
+    },
+    [disableFetch, initialRuns, statusFilter, limit, top, apiKey, apiBaseUrl, orgId, workflowFilter]
+  );
+  (0, import_react18.useEffect)(() => {
+    fetchRuns(false, "");
+  }, [statusFilter, apiKey, apiBaseUrl, orgId, workflowFilter]);
+  (0, import_react18.useEffect)(() => {
+    let cancelled = false;
+    listAgentScheduleWorkflows({ apiKey, apiBaseUrl, orgId }).then((items) => {
+      if (!cancelled) setAgentWorkflows(items);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [apiKey, apiBaseUrl, orgId]);
+  (0, import_react18.useEffect)(() => {
+    let cancelled = false;
+    fetchAppsViaApiConfig().then((apps) => {
+      if (cancelled || !Array.isArray(apps)) return;
+      const map = {};
+      for (const a of apps) {
+        const name = a?.name;
+        const img = a?.large_image || a?.image_url || a?.image;
+        if (!name || !img) continue;
+        map[normToolKey(name)] = img;
       }
-      if (overviewCtx.validatedCategories?.length) {
-        lines.push(`  - Authenticated tool categories: ${overviewCtx.validatedCategories.join(", ")}`);
+      setAppIcons(map);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  const iconAttemptsRef = (0, import_react18.useRef)(/* @__PURE__ */ new Set());
+  const iconMountedRef = (0, import_react18.useRef)(true);
+  (0, import_react18.useEffect)(() => {
+    iconMountedRef.current = true;
+    return () => {
+      iconMountedRef.current = false;
+    };
+  }, []);
+  (0, import_react18.useEffect)(() => {
+    if (!runs.length) return;
+    const missing = /* @__PURE__ */ new Set();
+    for (const run2 of runs) {
+      for (const t of getRunTools(run2)) {
+        const key = normToolKey(t.name);
+        if (!appIcons[key] && !iconAttemptsRef.current.has(key)) missing.add(t.name);
       }
-      if (overviewCtx.activeWorkflows?.length) {
-        lines.push(`  - Active tenant workflows (${overviewCtx.activeWorkflows.length}): ${overviewCtx.activeWorkflows.slice(0, 20).join(", ")}${overviewCtx.activeWorkflows.length > 20 ? ` (+${overviewCtx.activeWorkflows.length - 20} more)` : ""}`);
+    }
+    if (missing.size === 0) return;
+    (async () => {
+      const names = [...missing];
+      const resolved = {};
+      for (let pass = 0; pass < 2; pass++) {
+        for (const name of names) {
+          const key = normToolKey(name);
+          iconAttemptsRef.current.add(key);
+          if (!resolved[key]) {
+            const fb = publicAppImage(name);
+            if (fb) {
+              resolved[key] = fb;
+            } else {
+              try {
+                const hit = await Promise.race([
+                  resolveApp(name),
+                  new Promise((r) => setTimeout(() => r(null), 4e3))
+                ]);
+                if (hit?.image) resolved[key] = hit.image;
+              } catch {
+              }
+            }
+          }
+          await new Promise((r) => setTimeout(r, 120));
+        }
+        if (pass === 0) await new Promise((r) => setTimeout(r, 2e3));
       }
-      if (overviewCtx.activeFilters) {
-        const f = overviewCtx.activeFilters;
-        const activeFilterParts = [
-          f.phase && f.phase !== "all" ? `phase=${f.phase}` : "",
-          f.category && f.category !== "all" ? `category=${f.category}` : "",
-          f.area && f.area !== "all" ? `area=${f.area}` : "",
-          f.tag && f.tag !== "all" ? `tag=${f.tag}` : "",
-          f.search ? `search="${f.search}"` : ""
-        ].filter(Boolean);
-        if (activeFilterParts.length > 0) {
-          lines.push(`  - User's active UI filters: ${activeFilterParts.join(", ")}`);
+      if (!iconMountedRef.current || Object.keys(resolved).length === 0) return;
+      setAppIcons((prev) => ({ ...prev, ...resolved }));
+    })();
+  }, [runs, appIcons]);
+  (0, import_react18.useEffect)(() => {
+    if (!runs.length) return;
+    let cancelled = false;
+    const buildPatchFromRun = (r) => {
+      const results = Array.isArray(r.results) ? r.results : null;
+      if (!results || results.length === 0) return null;
+      const agentResult = results.find((x) => x?.action?.app_name === "AI Agent");
+      let decisions = Array.isArray(r.decisions) ? r.decisions : void 0;
+      let originalInput;
+      let allowedActions;
+      if (agentResult?.result) {
+        try {
+          const parsed = JSON.parse(agentResult.result);
+          if (!decisions && Array.isArray(parsed?.decisions)) decisions = parsed.decisions;
+          if (typeof parsed?.original_input === "string") originalInput = parsed.original_input;
+          if (Array.isArray(parsed?.allowed_actions)) allowedActions = parsed.allowed_actions;
+        } catch {
         }
       }
+      const hasPrompt = !!r.execution_argument || !!originalInput || !!agentResult?.result;
+      if (!decisions || !hasPrompt) return null;
+      const patch2 = {
+        results,
+        execution_argument: r.execution_argument,
+        result: agentResult?.result ?? r.result,
+        decisions,
+        allowed_actions: allowedActions
+      };
+      if (originalInput && !patch2.execution_argument) {
+        patch2.execution_argument = JSON.stringify({ original_input: originalInput });
+      }
+      return patch2;
+    };
+    let pending = {};
+    let flushTimer = null;
+    const flush = () => {
+      flushTimer = null;
+      if (cancelled) return;
+      const batch = pending;
+      pending = {};
+      if (Object.keys(batch).length === 0) return;
+      setEnrichedRuns((prev) => ({ ...prev, ...batch }));
+    };
+    const queuePatch = (id, patch2) => {
+      pending[id] = patch2;
+      if (!flushTimer) flushTimer = setTimeout(flush, 250);
+    };
+    const needsFetch = [];
+    for (const r of runs) {
+      const id = r.execution_id;
+      if (!id || enrichedRunsRef.current[id] || processedRunIdsRef.current.has(id)) continue;
+      if (id.startsWith("demo-") || id.startsWith("dummy-")) {
+        processedRunIdsRef.current.add(id);
+        continue;
+      }
+      const native = buildPatchFromRun(r);
+      if (native) {
+        processedRunIdsRef.current.add(id);
+        queuePatch(id, native);
+      } else {
+        needsFetch.push(id);
+      }
     }
-    lines.push("");
-    lines.push(USECASE_ARCHITECTURE_OVERVIEW);
-    lines.push("");
-    lines.push(`Supported Tool Categories:
-${USECASE_TOOL_CATEGORIES.map((c) => `  - ${c}`).join("\n")}`);
-    lines.push("");
-    lines.push("Complete Shuffle Security Usecases Catalog (All 3 Phases):");
-    for (const item of DEFAULT_USECASE_CATALOG) {
-      lines.push(
-        `  - [${item.phase}] ${item.label} (id: ${item.id}, slug: /usecases/${item.slug}, flow: ${item.source} -> ${item.target}, automation: ${item.automationLabel}${item.automationCategory ? `, category: ${item.automationCategory}` : ""}${item.customRoute ? `, route: ${item.customRoute}` : ""}): ${item.summary}`
-      );
-    }
-  }
-  lines.push("");
-  lines.push(`Required Shuffle APIs:
-${USECASE_REQUIRED_APIS.map((a) => `  - ${a}`).join("\n")}`);
-  lines.push(USECASE_PROMPT_END);
-  return `${trimmed}
-
-${lines.join("\n")}`;
-};
-
-// ../lib/docsPromptContext.ts
-var DOC_SELECTION_EVENT = "shuffle:doc-selection-change";
-var GLOBAL_DOC_SELECTION_KEY = "__shuffleActiveDocSelection";
-var truncateDocSelectionPreview = (text2, maxChars = 36) => {
-  const clean = (text2 || "").replace(/\s+/g, " ").trim();
-  if (!clean) return "";
-  if (clean.length <= maxChars) return clean;
-  return `${clean.slice(0, maxChars).trimEnd()}\u2026`;
-};
-var GLOBAL_DOC_KEY = "__shuffleActiveDocInfo";
-var getGlobalScope2 = () => {
-  if (typeof globalThis !== "undefined") return globalThis;
-  if (typeof window !== "undefined") return window;
-  if (typeof global !== "undefined") return global;
-  return null;
-};
-var setActiveDocSelectedText = (selectedText) => {
-  const scope2 = getGlobalScope2();
-  if (!scope2) return;
-  const cleaned = (selectedText || "").trim();
-  if (cleaned) {
-    scope2[GLOBAL_DOC_SELECTION_KEY] = cleaned;
-    if (scope2[GLOBAL_DOC_KEY] && typeof scope2[GLOBAL_DOC_KEY] === "object") {
-      scope2[GLOBAL_DOC_KEY].selectedText = cleaned;
-    }
-  } else {
-    delete scope2[GLOBAL_DOC_SELECTION_KEY];
-    if (scope2[GLOBAL_DOC_KEY] && typeof scope2[GLOBAL_DOC_KEY] === "object") {
-      delete scope2[GLOBAL_DOC_KEY].selectedText;
-    }
-  }
-  if (typeof window !== "undefined") {
-    try {
-      window.dispatchEvent(
-        new CustomEvent(DOC_SELECTION_EVENT, {
-          detail: { selectedText: cleaned || null }
-        })
-      );
-    } catch {
-    }
-  }
-};
-var getActiveDocSelectedText = () => {
-  const scope2 = getGlobalScope2();
-  if (!scope2) return null;
-  const sel = scope2[GLOBAL_DOC_SELECTION_KEY] || scope2[GLOBAL_DOC_KEY]?.selectedText;
-  return typeof sel === "string" && sel.trim().length > 0 ? sel.trim() : null;
-};
-var getActiveDocPromptContext = () => {
-  const scope2 = getGlobalScope2();
-  if (!scope2) return null;
-  const info = scope2[GLOBAL_DOC_KEY];
-  if (info && typeof info === "object") {
-    return info;
-  }
-  return null;
-};
-var isDocsRoute = (pathname) => {
-  if (!pathname) return false;
-  return pathname === "/docs" || pathname.startsWith("/docs/") || pathname === "/legal" || pathname.startsWith("/legal/") || pathname === "/articles" || pathname.startsWith("/articles/");
-};
-var DOC_PROMPT_DELIMITER_START = "--- BEGIN DOCUMENTATION ---";
-var DOC_PROMPT_DELIMITER_END = "--- END DOCUMENTATION ---";
-var DOC_PROMPT_PREFIX_REGEX = /^Answer the users? question about (?:["']?)(.*?)(?:["']?) based on(?: on)? the following (?:documentation )?content:/i;
-var sanitizeDocMarkdown = (markdown, maxChars = 35e3) => {
-  if (!markdown || typeof markdown !== "string") return "";
-  let cleaned = markdown;
-  cleaned = cleaned.replace(/^---\s*\r?\n[\s\S]*?\r?\n---\s*(?:\r?\n|$)/, "");
-  cleaned = stripInContentToc(cleaned);
-  cleaned = cleaned.replace(/<!--[\s\S]*?-->/g, "");
-  cleaned = cleaned.replace(/<(script|style|iframe)[^>]*>[\s\S]*?<\/\1>/gi, "");
-  cleaned = cleaned.replace(/data:image\/[a-zA-Z0-9+.-]+;base64,[A-Za-z0-9+/=]+/g, "[embedded image]");
-  cleaned = cleaned.replace(/\n{3,}/g, "\n\n");
-  cleaned = cleaned.trim();
-  if (cleaned.length > maxChars) {
-    const cut = cleaned.lastIndexOf("\n\n", maxChars);
-    const splitIndex = cut > maxChars * 0.7 ? cut : maxChars;
-    cleaned = `${cleaned.slice(0, splitIndex).trim()}
-
-[Documentation content truncated for length...]`;
-  }
-  return cleaned;
-};
-var isDocInjectedPrompt = (prompt) => {
-  if (!prompt || typeof prompt !== "string") return false;
-  return prompt.includes(DOC_PROMPT_DELIMITER_START) || DOC_PROMPT_PREFIX_REGEX.test(prompt);
-};
-var extractCleanDisplayPrompt = (prompt) => {
-  if (!prompt || typeof prompt !== "string") return "";
-  let trimmed = prompt.trim();
-  if (isUsecaseInjectedPrompt(trimmed)) {
-    trimmed = extractCleanUsecasePrompt(trimmed);
-  }
-  if (isIncidentInjectedPrompt(trimmed)) {
-    return extractCleanIncidentPrompt(trimmed);
-  }
-  if (!isDocInjectedPrompt(trimmed)) return trimmed;
-  if (trimmed.includes(DOC_PROMPT_DELIMITER_END)) {
-    const parts = trimmed.split(DOC_PROMPT_DELIMITER_END);
-    const after = parts[parts.length - 1]?.trim() || "";
-    const cleaned = after.replace(/^(?:User\s+Question:\s*|Question:\s*)/i, "").trim();
-    if (cleaned) return cleaned;
-  }
-  if (DOC_PROMPT_PREFIX_REGEX.test(trimmed)) {
-    const paragraphs = trimmed.split(/\n\s*\n/).filter(Boolean);
-    if (paragraphs.length > 1) {
-      const last = paragraphs[paragraphs.length - 1].trim();
-      const cleaned = last.replace(/^(?:User\s+Question:\s*|Question:\s*)/i, "").trim();
-      if (cleaned) return cleaned;
-    }
-  }
-  return trimmed;
-};
-var normalizeDocPromptTitle = (title) => {
-  const t = (title || "").trim();
-  if (!t || t.toLowerCase() === "index" || t.toLowerCase() === "documentation" || t.toLowerCase() === "docs") {
-    return "Shuffle documentation";
-  }
-  const lower = t.toLowerCase();
-  if (lower === "about" || lower === "about shuffle" || lower === "about us" || lower === "about-shuffle" || lower === "about-us") {
-    return "Shuffle";
-  }
-  if (/^about\s+/i.test(t)) {
-    const stripped = t.replace(/^about\s+/i, "").trim();
-    return stripped || "Shuffle";
-  }
-  return t;
-};
-var composeDocPromptInput = (userQuestion, pathname, fallbackTitle, overrideDocInfo) => {
-  const trimmedQuestion = (userQuestion || "").trim();
-  if (!trimmedQuestion) return "";
-  if (isDocInjectedPrompt(trimmedQuestion)) {
-    return trimmedQuestion;
-  }
-  const activeDoc = overrideDocInfo ?? getActiveDocPromptContext();
-  const rawTitle = (activeDoc?.title || fallbackTitle || getGlobalScope2()?.__shuffleActiveEntityTitle || "Shuffle documentation").trim();
-  const title = normalizeDocPromptTitle(rawTitle);
-  const groupLabel = activeDoc?.groupLabel;
-  const groupId = activeDoc?.groupId;
-  const currentSlug = (activeDoc?.slug || "").toLowerCase().replace(/_+/g, "-");
-  let categoryDocs = activeDoc?.groupDocs || [];
-  if (categoryDocs.length === 0 && groupId) {
-    categoryDocs = getCachedGroupDocs(groupId);
-  }
-  if (categoryDocs.length === 0 && currentSlug) {
-    const groupDef2 = getDocGroup(currentSlug);
-    if (groupDef2) {
-      categoryDocs = getCachedGroupDocs(groupDef2.id);
-    }
-  }
-  const groupDef = currentSlug ? getDocGroup(currentSlug) : null;
-  const categoryName = groupLabel || groupDef?.label || title;
-  const rawMarkdown = activeDoc?.content || "";
-  const renderedDocs = [];
-  if (categoryDocs.length > 0) {
-    for (const doc of categoryDocs) {
-      const docSlugClean = (doc.slug || "").toLowerCase().replace(/_+/g, "-");
-      const isCurrent = docSlugClean === currentSlug;
-      const contentToUse = isCurrent && rawMarkdown ? rawMarkdown : doc.content;
-      renderedDocs.push({
-        title: doc.title || title,
-        slug: doc.slug,
-        content: sanitizeDocMarkdown(contentToUse, 16e3),
-        isCurrent
+    const CONCURRENCY = 2;
+    let i = 0;
+    const fetchOne = async (executionId) => {
+      try {
+        const resp = await fetch(
+          getApiUrl(
+            `/api/v1/executions/${encodeURIComponent(executionId)}?authorization=${encodeURIComponent(executionId)}`
+          ),
+          {
+            method: "GET",
+            credentials: "include",
+            headers: {
+              ...apiKey ? { Authorization: `Bearer ${apiKey}` } : getAuthHeader(),
+              ...orgId ? { "Org-Id": orgId } : {}
+            }
+          }
+        );
+        if (!resp.ok || cancelled) return;
+        const json = await resp.json().catch(() => null);
+        if (!json || cancelled) return;
+        let decisions;
+        let originalInput;
+        let allowedActions;
+        const agentResult = Array.isArray(json.results) ? json.results.find((r) => r?.action?.app_name === "AI Agent") : null;
+        if (agentResult?.result) {
+          try {
+            const parsed = JSON.parse(agentResult.result);
+            if (Array.isArray(parsed?.decisions)) decisions = parsed.decisions;
+            if (typeof parsed?.original_input === "string") originalInput = parsed.original_input;
+            if (Array.isArray(parsed?.allowed_actions)) allowedActions = parsed.allowed_actions;
+          } catch {
+          }
+        }
+        const patch2 = {
+          results: json.results,
+          execution_argument: json.execution_argument,
+          result: agentResult?.result,
+          decisions,
+          allowed_actions: allowedActions
+        };
+        if (originalInput && !patch2.execution_argument) {
+          patch2.execution_argument = JSON.stringify({ original_input: originalInput });
+        }
+        queuePatch(executionId, patch2);
+      } catch {
+      }
+    };
+    const idle = (fn) => {
+      const ric = window.requestIdleCallback;
+      if (ric) ric(fn, { timeout: 1e3 });
+      else setTimeout(fn, 32);
+    };
+    const nextIdle = () => new Promise((resolve) => idle(resolve));
+    if (needsFetch.length > 0) {
+      for (const id of needsFetch) processedRunIdsRef.current.add(id);
+      const workers = Array.from({ length: Math.min(CONCURRENCY, needsFetch.length) }, async () => {
+        while (!cancelled && i < needsFetch.length) {
+          const id = needsFetch[i++];
+          await nextIdle();
+          if (cancelled) return;
+          await fetchOne(id);
+        }
       });
+      Promise.all(workers).catch(() => {
+      });
+    }
+    return () => {
+      cancelled = true;
+      if (flushTimer) clearTimeout(flushTimer);
+    };
+  }, [runs, apiKey, orgId]);
+  const mergedRuns = runs.map((r) => {
+    const patch2 = r.execution_id ? enrichedRuns[r.execution_id] : void 0;
+    const merged = patch2 ? { ...r, ...patch2 } : r;
+    return r.execution_id && abortedIds.has(r.execution_id) ? { ...merged, status: "ABORTED" } : merged;
+  });
+  const loadMore = (0, import_react18.useCallback)(() => {
+    if (cursor && !isLoading) fetchRuns(true, cursor);
+  }, [cursor, isLoading, fetchRuns]);
+  const activeUsecase = usecaseFilters.find((u) => u.id === usecaseFilter) || null;
+  const usecaseMatchedRuns = activeUsecase ? mergedRuns.filter((r) => {
+    const hay = [
+      r.execution_source,
+      r.workflow?.name,
+      r.workflow?.description,
+      r.execution_argument,
+      ...(r.workflow?.actions || []).flatMap((a) => [a.app_name, a.label])
+    ].filter(Boolean).join(" ").toLowerCase();
+    return activeUsecase.matchTokens.some((t) => hay.includes(t.toLowerCase()));
+  }) : mergedRuns;
+  const filteredRuns = debouncedQuery ? usecaseMatchedRuns.filter((r) => {
+    const hay = [
+      getRunTitle(r),
+      getRunSubtitle(r),
+      r.execution_id,
+      r.execution_source,
+      r.status
+    ].filter(Boolean).join(" ").toLowerCase();
+    return hay.includes(debouncedQuery.toLowerCase());
+  }) : usecaseMatchedRuns;
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    import_material17.Box,
+    {
+      className,
+      sx: [{ display: "flex", flexDirection: "column", gap: 2 }, ...Array.isArray(sx) ? sx : sx ? [sx] : []],
+      children: [
+        (showSearchBar || showStatusChips) && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: [{ display: "flex", alignItems: "center", justifyContent: "center", gap: 1.5, flexWrap: "wrap" }, ...Array.isArray(toolbarSx) ? toolbarSx : toolbarSx ? [toolbarSx] : []], children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+            import_material17.Select,
+            {
+              size: "small",
+              value: usecaseFilter ? `uc:${usecaseFilter}` : workflowFilter,
+              onChange: (e) => {
+                const val = String(e.target.value);
+                if (val.startsWith("uc:")) {
+                  setUsecaseFilter(val.slice(3));
+                  setWorkflowFilter("");
+                } else {
+                  setUsecaseFilter("");
+                  setWorkflowFilter(val);
+                }
+              },
+              displayEmpty: true,
+              renderValue: (val) => {
+                if (!val) return "All Agent runs";
+                if (String(val).startsWith("uc:")) {
+                  const uc = usecaseFilters.find((u) => u.id === String(val).slice(3));
+                  return uc?.label || "Usecase agent";
+                }
+                const wf = agentWorkflows.find((w) => w.id === val);
+                return wf?.name || "Selected workflow";
+              },
+              sx: {
+                height: 36,
+                minWidth: 200,
+                maxWidth: 260,
+                fontSize: "0.85rem",
+                bgcolor: "hsl(var(--card))",
+                color: "hsl(var(--foreground))",
+                borderRadius: 1.5,
+                "& .MuiOutlinedInput-notchedOutline": { borderColor: "hsl(var(--border))" },
+                "&:hover .MuiOutlinedInput-notchedOutline": { borderColor: "hsl(var(--muted-foreground) / 0.3)" },
+                "&.Mui-focused .MuiOutlinedInput-notchedOutline": { borderColor: "hsl(var(--primary))" }
+              },
+              MenuProps: {
+                slotProps: {
+                  paper: {
+                    sx: {
+                      bgcolor: "hsl(var(--card))",
+                      border: "1px solid hsl(var(--border))",
+                      color: "hsl(var(--foreground))",
+                      maxHeight: 320
+                    }
+                  }
+                }
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.MenuItem, { value: "", sx: { fontSize: "0.85rem" }, children: "All Agent runs" }),
+                usecaseFilters.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Divider, { sx: { borderColor: "hsl(var(--border))", my: 0.5 } }),
+                usecaseFilters.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                  import_material17.Box,
+                  {
+                    sx: {
+                      px: 1.5,
+                      py: 0.5,
+                      fontSize: "0.7rem",
+                      textTransform: "uppercase",
+                      letterSpacing: "0.04em",
+                      color: "hsl(var(--muted-foreground))",
+                      pointerEvents: "none"
+                    },
+                    children: "Usecase agents"
+                  }
+                ),
+                usecaseFilters.map((u) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.MenuItem, { value: `uc:${u.id}`, sx: { fontSize: "0.85rem" }, children: u.label }, u.id)),
+                agentWorkflows.length > 0 && usecaseFilters.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Divider, { sx: { borderColor: "hsl(var(--border))", my: 0.5 } }),
+                agentWorkflows.map((w) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.MenuItem, { value: w.id, sx: { fontSize: "0.85rem" }, children: w.name }, w.id)),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Divider, { sx: { borderColor: "hsl(var(--border))", my: 0.5 } }),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                  import_material17.Box,
+                  {
+                    sx: {
+                      px: 1.5,
+                      py: 1,
+                      fontSize: "0.72rem",
+                      color: "hsl(var(--muted-foreground))",
+                      lineHeight: 1.45,
+                      whiteSpace: "normal",
+                      maxWidth: 280,
+                      pointerEvents: "none"
+                    },
+                    children: "Scheduled agent runs will appear in this list once you set them up."
+                  }
+                )
+              ]
+            }
+          ),
+          showSearchBar && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            import_material17.TextField,
+            {
+              placeholder: "Search results...",
+              size: "small",
+              value: searchQuery,
+              onChange: (e) => updateSearchQuery(e.target.value),
+              slotProps: {
+                input: {
+                  startAdornment: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Search, { size: 18, color: "hsl(var(--muted-foreground))" }) })
+                }
+              },
+              sx: {
+                flex: 1,
+                maxWidth: 280,
+                minWidth: 160,
+                "& .MuiOutlinedInput-root": {
+                  bgcolor: "hsl(var(--card))",
+                  borderRadius: 1.5,
+                  fontSize: "0.85rem",
+                  height: 36,
+                  "& fieldset": { borderColor: "hsl(var(--border))" },
+                  "&:hover fieldset": { borderColor: "hsl(var(--muted-foreground) / 0.3)" },
+                  "&.Mui-focused fieldset": { borderColor: "hsl(var(--primary))" }
+                },
+                "& .MuiInputBase-input": { color: "hsl(var(--foreground))" }
+              }
+            }
+          ),
+          showStatusChips && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            SegmentedControl,
+            {
+              size: "sm",
+              ariaLabel: "Filter by status",
+              value: statusFilter,
+              onChange: setStatusFilter,
+              options: STATUS_FILTERS.map((f) => ({ value: f.value, label: f.label }))
+            }
+          ),
+          isLoading && runs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.CircularProgress, { size: 16, sx: { color: "hsl(var(--primary))", ml: 0.5 } })
+        ] }),
+        selectedAgentWorkflow && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+          import_material17.Box,
+          {
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              gap: 1.5,
+              p: 1.5,
+              borderRadius: 2,
+              border: "1px solid hsl(var(--border))",
+              bgcolor: "hsl(var(--card))"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { flex: 1, minWidth: 0 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Typography, { sx: { fontSize: "0.85rem", fontWeight: 600, color: "hsl(var(--foreground))", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: selectedAgentWorkflow.name }),
+                selectedAgentWorkflow.description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Typography, { sx: { fontSize: "0.75rem", color: "hsl(var(--muted-foreground))", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: selectedAgentWorkflow.description })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                import_material17.Button,
+                {
+                  size: "small",
+                  startIcon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react8.Pencil, { size: 14 }),
+                  onClick: openEditPrompt,
+                  sx: {
+                    height: 36,
+                    border: "1px solid hsl(var(--border))",
+                    borderRadius: 1.5,
+                    color: "hsl(var(--foreground))",
+                    textTransform: "none",
+                    fontSize: "0.8rem",
+                    px: 1.5,
+                    "&:hover": { bgcolor: "hsl(var(--muted))" }
+                  },
+                  children: "Edit"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                import_material17.Button,
+                {
+                  size: "small",
+                  startIcon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react8.StopCircle, { size: 14 }),
+                  onClick: () => setStopOpen(true),
+                  sx: {
+                    height: 36,
+                    border: "1px solid hsl(var(--severity-critical, 0 72% 55%) / 0.4)",
+                    borderRadius: 1.5,
+                    color: "hsl(var(--severity-critical, 0 72% 55%))",
+                    textTransform: "none",
+                    fontSize: "0.8rem",
+                    px: 1.5,
+                    "&:hover": { bgcolor: "hsla(var(--severity-critical, 0 72% 55%) / 0.08)" }
+                  },
+                  children: "Stop schedule"
+                }
+              )
+            ]
+          }
+        ),
+        isLoading && runs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Box, { sx: { display: "flex", justifyContent: "center", py: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.CircularProgress, { size: 28, sx: { color: "hsl(var(--primary))" } }) }) : error ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { display: "flex", flexDirection: "column", alignItems: "center", textAlign: "center", py: 6 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.AlertCircle, { size: 28, style: { color: "hsl(var(--severity-critical, 0 72% 55%))", marginBottom: 8 } }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            import_material17.Typography,
+            {
+              sx: { color: "hsl(var(--severity-critical, 0 72% 55%))", fontSize: "0.9rem", mb: 1 },
+              children: error
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            import_material17.Button,
+            {
+              size: "small",
+              onClick: () => fetchRuns(false, ""),
+              sx: { color: "hsl(var(--primary))", textTransform: "none" },
+              children: "Try again"
+            }
+          )
+        ] }) : filteredRuns.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { display: "flex", flexDirection: "column", alignItems: "center", textAlign: "center", py: 8 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            import_lucide_react7.Activity,
+            {
+              size: 40,
+              style: { color: "hsl(var(--muted-foreground))", marginBottom: 12 }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Typography, { sx: { color: "hsl(var(--muted-foreground))", fontSize: "0.9rem" }, children: emptyTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            import_material17.Typography,
+            {
+              sx: { color: "hsl(var(--muted-foreground))", fontSize: "0.8rem", mt: 0.5, opacity: 0.7 },
+              children: emptySubtitle
+            }
+          )
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { display: "flex", flexDirection: "column", gap: 1.5 }, children: [
+          filteredRuns.map((run2, idx) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            AgentRunRow,
+            {
+              run: run2,
+              onClick: () => {
+                setLastOpenedAgentRun(run2.execution_id);
+                setLastOpenedRunId(run2.execution_id || null);
+                onRunClick?.(run2);
+              },
+              sx: [
+                ...Array.isArray(rowSx) ? rowSx : rowSx ? [rowSx] : [],
+                ...run2.execution_id && run2.execution_id === lastOpenedRunId ? [{
+                  borderColor: "hsl(var(--primary) / 0.55)",
+                  bgcolor: "hsl(var(--primary) / 0.06)"
+                }] : []
+              ],
+              appIcons,
+              onAppClick: (app2) => setAppDrawer(app2),
+              apiKey,
+              apiBaseUrl,
+              orgId,
+              abortingIds,
+              onAbort: handleAbort
+            },
+            run2.execution_id || idx
+          )),
+          hasMore && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Box, { sx: { display: "flex", justifyContent: "center", mt: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+            import_material17.Button,
+            {
+              size: "small",
+              onClick: loadMore,
+              disabled: isLoading,
+              sx: { color: "hsl(var(--primary))", textTransform: "none", fontSize: "0.8rem" },
+              children: [
+                isLoading ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.CircularProgress, { size: 14, sx: { mr: 1 } }) : null,
+                "Load more"
+              ]
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+          import_material17.Dialog,
+          {
+            open: stopOpen,
+            onClose: () => stopLoading ? null : setStopOpen(false),
+            slotProps: { paper: { sx: { bgcolor: "hsl(var(--card))", color: "hsl(var(--foreground))", border: "1px solid hsl(var(--border))" } } },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.DialogTitle, { sx: { fontSize: "1rem", fontWeight: 600 }, children: "Stop schedule?" }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Typography, { sx: { fontSize: "0.85rem", color: "hsl(var(--muted-foreground))" }, children: [
+                'This will stop "',
+                selectedAgentWorkflow?.name,
+                '" and delete the scheduled workflow. Past executions remain visible. This cannot be undone.'
+              ] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.DialogActions, { sx: { px: 3, pb: 2 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Button, { onClick: () => setStopOpen(false), disabled: stopLoading, sx: { textTransform: "none", color: "hsl(var(--muted-foreground))" }, children: "Cancel" }),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+                  import_material17.Button,
+                  {
+                    onClick: confirmStop,
+                    disabled: stopLoading,
+                    sx: { textTransform: "none", bgcolor: "hsl(var(--severity-critical, 0 72% 55%))", color: "hsl(var(--primary-foreground))", "&:hover": { bgcolor: "hsla(var(--severity-critical, 0 72% 55%) / 0.9)" } },
+                    children: [
+                      stopLoading ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.CircularProgress, { size: 16, sx: { color: "hsl(var(--primary-foreground))", mr: 1 } }) : null,
+                      "Stop schedule"
+                    ]
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        renderAppDetailDrawer ? renderAppDetailDrawer({
+          open: !!appDrawer,
+          onClose: () => setAppDrawer(null),
+          appName: appDrawer?.name || null,
+          appId: appDrawer?.id || null,
+          activeOrgId: orgId || null,
+          globalUrl: globalUrl || apiBaseUrl,
+          theme,
+          colorMode
+        }) : null
+      ]
     }
-  } else if (rawMarkdown) {
-    renderedDocs.push({
-      title,
-      slug: activeDoc?.slug,
-      content: sanitizeDocMarkdown(rawMarkdown, 3e4),
-      isCurrent: true
-    });
-  }
-  let docSection = "";
-  if (renderedDocs.length > 0) {
-    const docBlocks = renderedDocs.filter((d) => d.content && d.content.trim().length > 0).map((d) => {
-      const marker = d.isCurrent ? " (Currently Viewed)" : "";
-      return `## Document: ${d.title}${marker}
-
-${d.content}`;
-    }).join("\n\n---\n\n");
-    docSection = `# Documentation Category: ${categoryName}
-
-${docBlocks}`;
-  }
-  const markedExcerpt = (activeDoc?.selectedText || getActiveDocSelectedText() || "").trim();
-  const excerptBlock = markedExcerpt ? `
-
-## User-Marked Excerpt (Focus of Question)
-The user highlighted the following text in "${title}":
-"""
-${markedExcerpt.slice(0, 4e3)}
-"""` : "";
-  if (docSection) {
-    return `Answer the users question about Shuffle ${categoryName} based on the following complete documentation for the ${categoryName} category:
-${DOC_PROMPT_DELIMITER_START}
-${docSection}${excerptBlock}
-${DOC_PROMPT_DELIMITER_END}
-
-User Question:
-${trimmedQuestion}`;
-  }
-  return `Answer the users question about Shuffle ${categoryName}:${excerptBlock}
-
-${trimmedQuestion}`;
+  );
 };
+var AgentActivityList_default = AgentActivityList;
 
 // agentChat.ts
 var AGENT_WORKFLOW_CHANGED_EVENT = "shuffle:agent_workflow_changed";