@shuffleio/shuffle-mcps 0.0.25 → 0.0.27

package/dist/index.js

@@ -155,7 +155,7 @@ var init_fetchBreaker = __esm({
 });
 
 // api.ts
-var DEV_BACKEND, PROD_BACKEND, CLOUD_DOMAINS, getEnvVar, isDevEnvironment, isCloudDomain, isCloud, isOnprem, getDefaultBaseUrl, _regionUrl, _trackedOrgId, _hostBaseUrl, isShufflerSubdomain, setRegionUrl, resetRegionUrl, setHostBaseUrl, getHostBaseUrl, getTrackedOrgId, API_CONFIG, getApiUrl, shuffleFetch, getAuthHeader;
+var DEV_BACKEND, PROD_BACKEND, CLOUD_DOMAINS, getEnvVar, isDevEnvironment, isCloudDomain, isCloud, isOnprem, getDefaultBaseUrl, _regionUrl, _trackedOrgId, _hostBaseUrl, isShufflerSubdomain, setRegionUrl, resetRegionUrl, SHUFFLE_HOST_BASE_URL_EVENT, setHostBaseUrl, getHostBaseUrl, getTrackedOrgId, API_CONFIG, getApiUrl, getShuffleCoreFormUrl, shuffleFetch, getAuthHeader;
 var init_api = __esm({
   "api.ts"() {
     init_fetchBreaker();
@@ -227,6 +227,7 @@ var init_api = __esm({
       }
       _regionUrl = null;
     };
+    SHUFFLE_HOST_BASE_URL_EVENT = "shuffle:set-host-base-url";
     setHostBaseUrl = (url) => {
       const next = url ? url.replace(/\/+$/, "") : null;
       if (next === _hostBaseUrl) return;
@@ -237,7 +238,22 @@ var init_api = __esm({
         } catch {
         }
       }
+      if (typeof window !== "undefined") {
+        try {
+          window.dispatchEvent(new CustomEvent(SHUFFLE_HOST_BASE_URL_EVENT, { detail: next }));
+        } catch {
+        }
+      }
     };
+    if (typeof window !== "undefined") {
+      try {
+        window.addEventListener(SHUFFLE_HOST_BASE_URL_EVENT, (e) => {
+          const detail = e.detail;
+          setHostBaseUrl(detail ?? null);
+        });
+      } catch {
+      }
+    }
     getHostBaseUrl = () => _hostBaseUrl;
     getTrackedOrgId = () => _trackedOrgId;
     API_CONFIG = {
@@ -268,6 +284,13 @@ var init_api = __esm({
     getApiUrl = (endpoint) => {
       return `${API_CONFIG.baseUrl}${endpoint}`;
     };
+    getShuffleCoreFormUrl = (refUrl) => {
+      if (!refUrl) return refUrl;
+      if (/^https?:\/\//i.test(refUrl)) return refUrl;
+      const path = refUrl.startsWith("/") ? refUrl : `/${refUrl}`;
+      if (isCloud()) return `https://shuffler.io${path}`;
+      return `${API_CONFIG.baseUrl}${path}`;
+    };
     shuffleFetch = (url, init) => {
       const { headers: extraHeaders, ...rest } = init || {};
       return fetch(url, {
@@ -450,12 +473,13 @@ __export(index_exports, {
   useSyncHostBaseUrl: () => useSyncHostBaseUrl
 });
 module.exports = __toCommonJS(index_exports);
-var import_shuffle_mcp2 = require("./shuffle-mcp-ER33P3W2.css");
+var import_shuffle_mcp3 = require("./shuffle-mcp-ER33P3W2.css");
 var import_react22 = __toESM(require("react"));
 
 // ShuffleMcpThemeProvider.tsx
 var import_react = __toESM(require("react"));
 var import_material = require("@mui/material");
+var import_shuffle_mcp = require("./shuffle-mcp-ER33P3W2.css");
 var import_jsx_runtime = require("react/jsx-runtime");
 var readHtmlDarkClass = () => {
   if (typeof document === "undefined") return false;
@@ -6095,7 +6119,7 @@ function AppDetailDrawer({
 }
 
 // views/ShuffleMCP.tsx
-var import_shuffle_mcp = require("./shuffle-mcp-ER33P3W2.css");
+var import_shuffle_mcp2 = require("./shuffle-mcp-ER33P3W2.css");
 init_appsCache();
 
 // components/SegmentedControl.tsx
@@ -6602,10 +6626,11 @@ var ShuffleMCP = import_react12.default.forwardRef(({
   }, [internalSelectedApps]);
   const filteredPrivateApps = (0, import_react12.useMemo)(() => {
     if (privateApps.length === 0) return [];
-    const q = query.trim().toLowerCase();
+    const normalize = (s) => (s || "").toLowerCase().replace(/[\s_\-]+/g, "");
+    const q = normalize(query.trim());
     if (!q) return privateApps;
     return privateApps.filter(
-      (a) => a.name.toLowerCase().includes(q) || (a.description || "").toLowerCase().includes(q) || (a.categories || []).some((c) => c.toLowerCase().includes(q))
+      (a) => normalize(a.name).includes(q) || normalize(a.description || "").includes(q) || (a.categories || []).some((c) => normalize(c).includes(q))
     );
   }, [privateApps, query]);
   const displayResults = (0, import_react12.useMemo)(() => {
@@ -7861,7 +7886,7 @@ var runAgent = async (request) => {
   }
   const payload = {
     jsonrpc: "2.0",
-    id: crypto.randomUUID(),
+    id: Date.now(),
     method: "tools/call",
     params
   };
@@ -8325,10 +8350,7 @@ var getDiagnosableScope = (parsed) => {
       const action = String(d.action || d.details?.action || "").toLowerCase();
       const category = String(d.category || "").toLowerCase();
       if (!["finish", "finalise"].includes(action) && !["finish", "finalise"].includes(category)) return null;
-      return {
-        reason: d.reason,
-        fields: Array.isArray(d.fields) ? d.fields.map((f) => f?.value).filter(Boolean) : void 0
-      };
+      return { reason: d.reason };
     });
     if (finalDecisions.some((d) => d !== null)) scope.decisions = finalDecisions;
   }
@@ -8402,6 +8424,32 @@ var diagnoseOutputWarning = (run) => {
   if (raw && entries.length === 0) entries.push({ path: "", value: raw });
   const haystack = entries.map((e) => e.value).join("\n");
   const lower = haystack.toLowerCase();
+  const ERROR_FIELD_NAMES = /* @__PURE__ */ new Set([
+    "error",
+    "errors",
+    "err",
+    "reason",
+    "message",
+    "messages",
+    "msg",
+    "detail",
+    "details",
+    "failure",
+    "fault",
+    "exception",
+    "exceptions",
+    "warning",
+    "warnings",
+    "status_text",
+    "status_message",
+    "status_reason",
+    "errormessage",
+    "error_description"
+  ]);
+  const getPathSegments = (path) => path.split(/[.\[\]]+/).filter(Boolean).map((segment) => segment.toLowerCase());
+  const isErrorPath = (path) => getPathSegments(path).some((segment) => ERROR_FIELD_NAMES.has(segment));
+  const errorEntries = entries.filter((e) => isErrorPath(e.path));
+  const errorHaystackLower = errorEntries.map((e) => e.value).join("\n").toLowerCase();
   const findEvidence = (test, max = 3) => {
     const out = [];
     for (const e of entries) {
@@ -8418,23 +8466,35 @@ var diagnoseOutputWarning = (run) => {
   let statusEvidence = null;
   const statusPatterns = [
     /\bhttp[\s/]?(\d{3})\b/i,
-    /\bstatus[\s:_-]+(\d{3})\b/i,
-    /\bstatus[_\s-]?code["\s:]+(\d{3})\b/i,
-    /\bcode["\s:]+(\d{3})\b/i,
-    /\[(\d{3})\]/,
-    /\((\d{3})\)/,
-    /\b(4\d{2}|5\d{2})\b/
+    /\b(?:response[_\s-]?status|status[_\s-]?code|response[_\s-]?code)["'\s:=]+(\d{3})\b/i,
+    /\bstatus["'\s:=]+(\d{3})\b/i
   ];
-  outer: for (const re of statusPatterns) {
+  const isStatusPath = (path) => {
+    const segments = getPathSegments(path);
+    const last = segments[segments.length - 1];
+    return ["status", "status_code", "response_status", "response_code", "http_status"].includes(last || "");
+  };
+  const statusFromEntry = (entry) => {
+    if (isStatusPath(entry.path) && /^\d{3}$/.test(entry.value.trim())) {
+      return Number(entry.value.trim());
+    }
+    for (const re of statusPatterns) {
+      const m = entry.value.match(re);
+      if (m) return Number(m[1]);
+    }
+    return null;
+  };
+  const hasSuccessStatus = entries.some((e) => {
+    const n = statusFromEntry(e);
+    return typeof n === "number" && n >= 200 && n < 300;
+  });
+  if (!hasSuccessStatus) {
     for (const e of entries) {
-      const m = e.value.match(re);
-      if (m) {
-        const n = Number(m[1]);
-        if (n >= 400 && n < 600) {
-          status = n;
-          statusEvidence = { path: e.path || "(root)", value: trimEvidenceValue(e.value) };
-          break outer;
-        }
+      const n = statusFromEntry(e);
+      if (typeof n === "number" && n >= 400 && n < 600) {
+        status = n;
+        statusEvidence = { path: e.path || "(root)", value: trimEvidenceValue(e.value) };
+        break;
       }
     }
   }
@@ -8454,9 +8514,7 @@ var diagnoseOutputWarning = (run) => {
     const dedup = ev.filter((e) => e.path !== statusEvidence.path);
     return [statusEvidence, ...dedup].slice(0, 3);
   };
-  if (status === 401 || /\b(unauthori[sz]ed|invalid[_\s-]*(api[_\s-]*key|token|credentials?)|authentication[_\s-]*(failed|required)|missing[_\s-]*(api[_\s-]*key|token|authorization)|bearer[_\s-]*token|expired[_\s-]*token)\b/.test(
-    lower
-  )) {
+  if (status === 401 || /\b(unauthori[sz]ed|invalid[_\s-]*(api[_\s-]*key|token|credentials?)|authentication[_\s-]*(failed|required)|missing[_\s-]*(api[_\s-]*key|token|authorization)|bearer[_\s-]*token|expired[_\s-]*token)\b/.test(errorHaystackLower)) {
     const ev = findEvidenceByRegex(
       /unauthori[sz]ed|invalid[_\s-]*(api[_\s-]*key|token|credentials?)|authentication[_\s-]*(failed|required)|missing[_\s-]*(api[_\s-]*key|token|authorization)|bearer[_\s-]*token|expired[_\s-]*token|\b401\b/
     );
@@ -8470,9 +8528,7 @@ var diagnoseOutputWarning = (run) => {
       evidence: withStatusEvidence(ev)
     };
   }
-  if (status === 403 || /\b(forbidden|permission[_\s-]*denied|not[_\s-]*allowed|access[_\s-]*denied|insufficient[_\s-]*(scope|permission|privileges?)|missing[_\s-]*scope)\b/.test(
-    lower
-  )) {
+  if (status === 403 || /\b(forbidden|permission[_\s-]*denied|not[_\s-]*allowed|access[_\s-]*denied|insufficient[_\s-]*(scope|permission|privileges?)|missing[_\s-]*scope)\b/.test(errorHaystackLower)) {
     const ev = findEvidenceByRegex(
       /forbidden|permission[_\s-]*denied|not[_\s-]*allowed|access[_\s-]*denied|insufficient[_\s-]*(scope|permission|privileges?)|missing[_\s-]*scope|\b403\b/
     );
@@ -8486,7 +8542,7 @@ var diagnoseOutputWarning = (run) => {
       evidence: withStatusEvidence(ev)
     };
   }
-  if (status === 429 || /\b(rate[_\s-]*limit|too[_\s-]*many[_\s-]*requests|quota[_\s-]*exceeded|throttled)\b/.test(lower)) {
+  if (status === 429 || /\b(rate[_\s-]*limit|too[_\s-]*many[_\s-]*requests|quota[_\s-]*exceeded|throttled)\b/.test(errorHaystackLower)) {
     const ev = findEvidenceByRegex(
       /rate[_\s-]*limit|too[_\s-]*many[_\s-]*requests|quota[_\s-]*exceeded|throttled|\b429\b/
     );
@@ -8500,7 +8556,7 @@ var diagnoseOutputWarning = (run) => {
       evidence: withStatusEvidence(ev)
     };
   }
-  if (status === 404 || /\b(not[_\s-]*found|no such|does not exist|unknown[_\s-]*(id|resource))\b/.test(lower)) {
+  if (status === 404 || /\b(not[_\s-]*found|no such|does not exist|unknown[_\s-]*(id|resource))\b/.test(errorHaystackLower)) {
     const ev = findEvidenceByRegex(
       /not[_\s-]*found|no such|does not exist|unknown[_\s-]*(id|resource)|\b404\b/
     );
@@ -8514,9 +8570,7 @@ var diagnoseOutputWarning = (run) => {
       evidence: withStatusEvidence(ev)
     };
   }
-  if (status === 400 || status === 422 || /\b(bad[_\s-]*request|validation[_\s-]*(error|failed)|invalid[_\s-]*(parameter|field|argument|body|payload))\b/.test(
-    lower
-  )) {
+  if (status === 400 || status === 422 || /\b(bad[_\s-]*request|validation[_\s-]*(error|failed)|invalid[_\s-]*(parameter|field|argument|body|payload))\b/.test(errorHaystackLower)) {
     const ev = findEvidenceByRegex(
       /bad[_\s-]*request|validation[_\s-]*(error|failed)|invalid[_\s-]*(parameter|field|argument|body|payload)|\b400\b|\b422\b/
     );
@@ -8530,9 +8584,7 @@ var diagnoseOutputWarning = (run) => {
       evidence: withStatusEvidence(ev)
     };
   }
-  if (typeof status === "number" && status >= 500 || /\b(timeout|timed[_\s-]*out|econnrefused|enotfound|network[_\s-]*error|connection[_\s-]*(refused|reset|closed)|service[_\s-]*unavailable|bad[_\s-]*gateway|gateway[_\s-]*timeout)\b/.test(
-    lower
-  )) {
+  if (typeof status === "number" && status >= 500 || /\b(timeout|timed[_\s-]*out|econnrefused|enotfound|network[_\s-]*error|connection[_\s-]*(refused|reset|closed)|service[_\s-]*unavailable|bad[_\s-]*gateway|gateway[_\s-]*timeout)\b/.test(errorHaystackLower)) {
     const ev = findEvidenceByRegex(
       /timeout|timed[_\s-]*out|econnrefused|enotfound|network[_\s-]*error|connection[_\s-]*(refused|reset|closed)|service[_\s-]*unavailable|bad[_\s-]*gateway|gateway[_\s-]*timeout|\b5\d{2}\b/
     );
@@ -8777,6 +8829,153 @@ var deepParseJsonStrings3 = (obj, depth = 0) => {
   }
   return obj;
 };
+var tryParseJsonObject = (raw) => {
+  if (!raw) return null;
+  const trimmed = raw.trim();
+  if (!(trimmed.startsWith("{") && trimmed.endsWith("}") || trimmed.startsWith("[") && trimmed.endsWith("]"))) return null;
+  try {
+    const parsed = JSON.parse(trimmed);
+    if (parsed && typeof parsed === "object") return deepParseJsonStrings3(parsed);
+  } catch {
+  }
+  return null;
+};
+var stripSingleCodeFence = (raw) => {
+  const m = raw.match(/^\s*```(?:json)?\s*\n([\s\S]*?)\n```\s*$/i);
+  return m ? m[1] : raw;
+};
+var FinishAnswerMarkdown = ({ text }) => {
+  const wholeJson = (0, import_react15.useMemo)(() => tryParseJsonObject(stripSingleCodeFence(text)), [text]);
+  if (wholeJson !== null) {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Box, { sx: { "& .json-view": { backgroundColor: "transparent !important", fontSize: "0.82rem" } }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react18_json_view2.default, { src: wholeJson, collapsed: 2, enableClipboard: true, displaySize: true, theme: "default" }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_react_markdown4.default,
+    {
+      remarkPlugins: [import_remark_gfm4.default, import_remark_breaks.default],
+      components: {
+        code({ inline, className, children, ...props }) {
+          const content = String(children ?? "").replace(/\n$/, "");
+          const isBlock = !inline && (content.includes("\n") || /language-/.test(className || ""));
+          if (isBlock) {
+            const parsed = tryParseJsonObject(content);
+            if (parsed !== null) {
+              return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Box, { sx: { my: 1, p: 1.5, borderRadius: 1, bgcolor: "hsl(var(--muted))", "& .json-view": { backgroundColor: "transparent !important", fontSize: "0.82rem" } }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react18_json_view2.default, { src: parsed, collapsed: 2, enableClipboard: true, displaySize: true, theme: "default" }) });
+            }
+          }
+          return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("code", { className, ...props, children });
+        }
+      },
+      children: text
+    }
+  );
+};
+var RunFinishedSummary = ({
+  status,
+  isRunning,
+  finishAnswer,
+  raw,
+  onToggleRaw,
+  decisionCount,
+  durationSec,
+  showMeta = false,
+  children
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Box, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
+      isRunning ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.CircularProgress, { size: 16, sx: { color: "hsl(var(--primary))" } }) : status === "FINISHED" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react11.CheckCircle2, { size: 18, color: "hsl(142 70% 45%)" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react11.AlertCircle, { size: 18, color: "hsl(var(--destructive))" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Typography, { sx: { fontSize: "0.9rem", fontWeight: 600, color: "hsl(var(--foreground))" }, children: isRunning ? "Agent is working\u2026" : status === "FINISHED" ? "Run finished" : `Run ${status.toLowerCase()}` }),
+      showMeta && (decisionCount != null || durationSec != null) && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Typography, { sx: { fontSize: "0.75rem", color: "hsl(var(--muted-foreground))" }, children: [
+        decisionCount != null ? `${decisionCount} step${decisionCount === 1 ? "" : "s"}` : "",
+        durationSec != null ? `${decisionCount != null ? " \xB7 " : ""}${Math.round(durationSec)}s` : ""
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Box, { sx: { flexGrow: 1 } }),
+      finishAnswer && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        import_material16.Button,
+        {
+          size: "small",
+          variant: "outlined",
+          onClick: onToggleRaw,
+          sx: {
+            height: 28,
+            textTransform: "none",
+            fontWeight: 500,
+            fontSize: "0.72rem",
+            px: 1,
+            minWidth: 0,
+            color: "hsl(var(--muted-foreground))",
+            borderColor: "hsl(var(--border))"
+          },
+          children: raw ? "Rendered" : "Raw"
+        }
+      )
+    ] }),
+    children,
+    finishAnswer && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Box, { sx: {
+      p: 2,
+      borderRadius: 1.5,
+      border: "1px solid hsl(var(--border))",
+      bgcolor: "hsl(var(--background))",
+      fontSize: "0.9rem",
+      color: "hsl(var(--foreground))",
+      "& > *:first-of-type": { mt: 0 },
+      "& > *:last-child": { mb: 0 },
+      "& p": { my: 1, lineHeight: 1.55 },
+      "& h1, & h2, & h3, & h4": { mt: 2, mb: 1, fontWeight: 600, lineHeight: 1.3 },
+      "& h1": { fontSize: "1.15rem" },
+      "& h2": { fontSize: "1.05rem" },
+      "& h3, & h4": { fontSize: "0.95rem" },
+      "& ul": { my: 1, pl: 3, listStyleType: "disc", listStylePosition: "outside" },
+      "& ol": { my: 1, pl: 3, listStyleType: "decimal", listStylePosition: "outside" },
+      "& ul ul": { listStyleType: "circle" },
+      "& ul ul ul": { listStyleType: "square" },
+      "& li": { my: 0.25, display: "list-item" },
+      "& li::marker": { color: "hsl(var(--muted-foreground))" },
+      "& a": { color: "hsl(var(--primary))", textDecoration: "underline" },
+      "& code": {
+        px: 0.5,
+        py: 0.125,
+        borderRadius: 0.5,
+        bgcolor: "hsl(var(--muted))",
+        fontFamily: '"JetBrains Mono", ui-monospace, monospace',
+        fontSize: "0.82em"
+      },
+      "& pre": {
+        p: 1.5,
+        my: 1,
+        borderRadius: 1,
+        bgcolor: "hsl(var(--muted))",
+        overflowX: "auto",
+        fontSize: "0.82rem"
+      },
+      "& pre code": { p: 0, bgcolor: "transparent" },
+      "& blockquote": {
+        borderLeft: "3px solid hsl(var(--border))",
+        pl: 1.5,
+        my: 1,
+        color: "hsl(var(--muted-foreground))"
+      },
+      "& table": { borderCollapse: "collapse", my: 1, fontSize: "0.85rem" },
+      "& th, & td": { border: "1px solid hsl(var(--border))", px: 1, py: 0.5 },
+      "& hr": { border: 0, borderTop: "1px solid hsl(var(--border))", my: 1.5 }
+    }, children: raw ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      import_material16.Box,
+      {
+        component: "pre",
+        sx: {
+          m: 0,
+          fontSize: "0.78rem",
+          fontFamily: '"JetBrains Mono", ui-monospace, monospace',
+          color: "hsl(var(--foreground))",
+          whiteSpace: "pre-wrap",
+          wordBreak: "break-word",
+          lineHeight: 1.55
+        },
+        children: finishAnswer
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FinishAnswerMarkdown, { text: normalizeMarkdown(finishAnswer) }) })
+  ] });
+};
 var validateJson = (raw) => {
   if (raw == null) return { valid: false, result: null };
   if (typeof raw === "object") return { valid: true, result: raw };
@@ -8787,6 +8986,17 @@ var validateJson = (raw) => {
     return { valid: false, result: raw };
   }
 };
+var AGENT_NO_AUTH_APPS = /* @__PURE__ */ new Set([
+  "shuffle_host_monitors",
+  "shuffle_monitors",
+  "shuffle_sensors",
+  "shuffle_workflows",
+  "shuffle_datastore",
+  "shuffle_apps",
+  "shuffle_detection",
+  "shuffle_files"
+]);
+var normalizeAgentAppName = (name) => name.toLowerCase().replace(/[\s-]+/g, "_");
 var extractAuthRequest = (decision) => {
   if (!decision || typeof decision !== "object") return null;
   const raw = decision?.run_details?.raw_response;
@@ -8802,18 +9012,20 @@ var extractAuthRequest = (decision) => {
   }
   const needsAuth = parsed && (parsed.action === "app_authentication" || parsed.app_authentication === true);
   if (!needsAuth) return null;
-  let appName = parsed.app || parsed.app_name || parsed.appname;
+  let toolAppName;
   let appId = null;
-  if (!appName && typeof decision?.tool === "string") {
+  if (typeof decision?.tool === "string") {
     const t = decision.tool;
     if (t.startsWith("app:")) {
       const parts = t.split(":");
       appId = parts[1] || null;
-      appName = parts[2] || t;
+      toolAppName = parts[2] || void 0;
     } else {
-      appName = t;
+      toolAppName = t;
     }
   }
+  let appName = parsed.app || parsed.app_name || parsed.appname;
+  if (!appName) appName = toolAppName;
   if (!appName) {
     const f = (decision?.fields || []).find((x) => x?.key === "app" || x?.key === "app_name");
     if (f?.value) appName = f.value;
@@ -8877,7 +9089,9 @@ var TimelineRow = ({
   getFormUrl,
   runFinished,
   onAuthenticateApp,
+  onRefreshAuthenticatedApps,
   isAppAuthenticated,
+  authAppsLoading = false,
   highlight = false
 }) => {
   const [submitAttempted, setSubmitAttempted] = (0, import_react15.useState)(false);
@@ -9067,7 +9281,7 @@ var TimelineRow = ({
                       import_material16.IconButton,
                       {
                         size: "small",
-                        onClick: () => window.open(details.run_details.debug_url, "_blank", "noopener,noreferrer"),
+                        onClick: () => window.open(getShuffleCoreFormUrl(details.run_details.debug_url), "_blank", "noopener,noreferrer"),
                         sx: { color: "hsl(var(--muted-foreground))", "&:hover": { color: "hsl(var(--primary))" } },
                         children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react11.ExternalLink, { size: 16 })
                       }
@@ -9168,9 +9382,10 @@ var TimelineRow = ({
         (() => {
           const req = extractAuthRequest(details);
           if (!req) return null;
-          if (isAppAuthenticated?.(req.appName)) return null;
+          if (authAppsLoading) return null;
+          const authed = !!isAppAuthenticated?.(req.appName, req.appId);
           const pretty = req.appName.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
-          const slug = req.appName.toLowerCase().replace(/[\s-]+/g, "_");
+          const slug = normalizeAgentAppName(req.appName);
           const appId = req.appId || appsById[req.appName]?.id || appsById[slug]?.id || null;
           const icon = appsById[req.appName]?.icon || appsById[slug]?.icon || (appId ? appsById[appId]?.icon : "") || "";
           return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Box, { sx: { px: 4, pb: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Box, { sx: {
@@ -9179,22 +9394,68 @@ var TimelineRow = ({
             gap: 1.5,
             p: 1.5,
             borderRadius: 1.5,
-            border: "1px solid hsla(var(--severity-medium) / 0.3)",
-            bgcolor: "hsla(var(--severity-medium) / 0.08)"
+            border: authed ? "1px solid hsla(var(--severity-low) / 0.35)" : "1px solid hsla(var(--severity-medium) / 0.3)",
+            bgcolor: authed ? "hsla(var(--severity-low) / 0.08)" : "hsla(var(--severity-medium) / 0.08)"
           }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react11.Lock, { size: 22, color: "hsl(var(--severity-medium))" }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react11.Lock, { size: 22, color: authed ? "hsl(var(--severity-low))" : "hsl(var(--severity-medium))" }),
             /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Box, { sx: { flex: 1, minWidth: 0 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Typography, { sx: { fontSize: "0.85rem", fontWeight: 600, color: "hsl(var(--foreground))" }, children: [
-                pretty,
-                " requires authentication"
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Typography, { sx: { fontSize: "0.75rem", color: "hsl(var(--muted-foreground))" }, children: [
-                "Connect your ",
-                pretty,
-                " account so the agent can complete this step, then rerun the decision."
-              ] })
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Typography, { sx: { fontSize: "0.85rem", fontWeight: 600, color: "hsl(var(--foreground))" }, children: authed ? `${pretty} is now connected \u2014 rerun this action` : `${pretty} requires authentication` }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Typography, { sx: { fontSize: "0.75rem", color: "hsl(var(--muted-foreground))" }, children: authed ? `This step failed because ${pretty} was not authenticated. Credentials are saved, so rerunning should succeed.` : `Connect your ${pretty} account so the agent can complete this step, then rerun the decision.` })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+            authed && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              import_material16.Button,
+              {
+                variant: "text",
+                size: "small",
+                startIcon: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  import_material16.Avatar,
+                  {
+                    src: icon || void 0,
+                    alt: "",
+                    variant: "rounded",
+                    sx: {
+                      width: 18,
+                      height: 18,
+                      borderRadius: 0.5,
+                      bgcolor: "hsl(var(--background) / 0.4)",
+                      color: "hsl(var(--background))",
+                      fontSize: "0.7rem",
+                      fontWeight: 700,
+                      "& img": { objectFit: "contain" }
+                    },
+                    children: pretty.charAt(0)
+                  }
+                ),
+                disabled: !onAuthenticateApp,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onRefreshAuthenticatedApps?.();
+                  onAuthenticateApp?.(req.appName, appId);
+                },
+                sx: {
+                  height: 36,
+                  textTransform: "none",
+                  fontWeight: 500,
+                  color: "hsl(var(--muted-foreground))"
+                },
+                children: "Review authentication"
+              }
+            ),
+            authed ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              import_material16.Button,
+              {
+                variant: "contained",
+                size: "small",
+                startIcon: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react11.RotateCcw, { size: 16 }),
+                disabled: agentRequestLoading || !details?.run_details?.id,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  if (details) onRerunDecision(details);
+                },
+                sx: { height: 36, textTransform: "none", fontWeight: 600 },
+                children: "Rerun action"
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
               import_material16.Button,
               {
                 variant: "outlined",
@@ -9221,6 +9482,7 @@ var TimelineRow = ({
                 disabled: !onAuthenticateApp,
                 onClick: (e) => {
                   e.stopPropagation();
+                  onRefreshAuthenticatedApps?.();
                   onAuthenticateApp?.(req.appName, appId);
                 },
                 sx: {
@@ -9307,6 +9569,7 @@ var AgentUI = ({
   authorization,
   initialExecution,
   onRun,
+  onAppsChange,
   onViewChange,
   onSchedule,
   apiKey,
@@ -9336,6 +9599,7 @@ var AgentUI = ({
   ];
   const [chosenApps, setChosenApps] = (0, import_react15.useState)(apps ?? defaultApps ?? BUILTIN_DEFAULT_APPS);
   const [availableApps, setAvailableApps] = (0, import_react15.useState)([]);
+  const [authAppsLoading, setAuthAppsLoading] = (0, import_react15.useState)(autoLoadApps && hasApiKey);
   const [executionApps, setExecutionApps] = (0, import_react15.useState)([]);
   const [resolvedToolApps, setResolvedToolApps] = (0, import_react15.useState)({});
   const [appSearchOpen, setAppSearchOpen] = (0, import_react15.useState)(false);
@@ -9365,6 +9629,7 @@ var AgentUI = ({
   const [highlightedIndex, setHighlightedIndex] = (0, import_react15.useState)(null);
   const [questionAnswers, setQuestionAnswers] = (0, import_react15.useState)({});
   const [simpleSubmitAttempted, setSimpleSubmitAttempted] = (0, import_react15.useState)(false);
+  const [finishAnswerRaw, setFinishAnswerRaw] = (0, import_react15.useState)(false);
   const [continuationText, setContinuationText] = (0, import_react15.useState)("");
   const [error, setError] = (0, import_react15.useState)(null);
   const [searchParams, setSearchParams] = (0, import_react_router_dom2.useSearchParams)();
@@ -9456,29 +9721,33 @@ var AgentUI = ({
     }
     return m;
   }, [chosenApps, executionApps, resolvedToolApps]);
-  const isAppAuthenticated = (0, import_react15.useCallback)((appName) => {
-    if (!appName) return false;
-    const norm4 = (s) => s.toLowerCase().replace(/[\s-]+/g, "_");
-    const target = norm4(appName);
-    return availableApps.some((a) => norm4(a.name || "") === target);
+  const isAppAuthenticated = (0, import_react15.useCallback)((appName, appId) => {
+    if (!appName && !appId) return false;
+    const target = normalizeAgentAppName(appName);
+    if (AGENT_NO_AUTH_APPS.has(target)) return true;
+    return availableApps.some((a) => {
+      if (appId && a.id && String(a.id) === String(appId)) return true;
+      return !!appName && normalizeAgentAppName(a.name || "") === target;
+    });
   }, [availableApps]);
   const pendingAuthApps = (0, import_react15.useMemo)(() => {
+    if (authAppsLoading) return [];
     const decisions = agentData?.decisions || [];
     const seen = /* @__PURE__ */ new Set();
     const out = [];
     for (const d of decisions) {
       const req = extractAuthRequest(d);
       if (!req) continue;
-      const slug = req.appName.toLowerCase().replace(/[\s-]+/g, "_");
+      const slug = normalizeAgentAppName(req.appName);
       if (seen.has(slug)) continue;
-      if (isAppAuthenticated(req.appName)) continue;
+      if (isAppAuthenticated(req.appName, req.appId)) continue;
       seen.add(slug);
       const appId = req.appId || appsById[req.appName]?.id || appsById[slug]?.id || null;
       const icon = appsById[req.appName]?.icon || appsById[slug]?.icon || (appId ? appsById[appId]?.icon : "") || "";
       out.push({ appName: req.appName, appId, icon });
     }
     return out;
-  }, [agentData, appsById, isAppAuthenticated]);
+  }, [agentData, appsById, authAppsLoading, isAppAuthenticated]);
   (0, import_react15.useEffect)(() => {
     if (apps) setChosenApps(apps);
   }, [apps]);
@@ -9588,45 +9857,60 @@ var AgentUI = ({
       cancelled = true;
     };
   }, [chosenApps, availableApps, resolveUrl2, resolveHeaders2]);
+  const loadAuthenticatedApps = (0, import_react15.useCallback)(async (signal) => {
+    setAuthAppsLoading(true);
+    try {
+      const resp = await fetch(resolveUrl2("/api/v1/apps/authentication"), {
+        credentials: "include",
+        headers: { ...resolveHeaders2() }
+      });
+      if (!resp.ok) {
+        if (!signal?.cancelled) setAvailableApps([]);
+        return;
+      }
+      const result = await resp.json();
+      const list = Array.isArray(result) ? result : result?.data || [];
+      const seen = /* @__PURE__ */ new Set();
+      const loaded = [];
+      for (const entry of list) {
+        const app = entry?.app || entry;
+        const name = app?.name;
+        if (!name) continue;
+        const valid = entry?.active || entry?.validation?.valid || entry?.hasValidAuth || app?.is_valid || app?.tested;
+        if (valid === false) continue;
+        const key = normalizeAgentAppName(name);
+        if (seen.has(key)) continue;
+        seen.add(key);
+        loaded.push({
+          name,
+          id: app?.id || entry?.id,
+          icon: app?.large_image || app?.image_url || app?.image || entry?.bestImage || ""
+        });
+      }
+      if (signal?.cancelled) return;
+      setAvailableApps(loaded);
+    } catch {
+    } finally {
+      if (!signal?.cancelled) setAuthAppsLoading(false);
+    }
+  }, [resolveUrl2, resolveHeaders2]);
   (0, import_react15.useEffect)(() => {
     if (!autoLoadApps) return;
-    if (apps || defaultApps) return;
     if (!hasApiKey) return;
-    let cancelled = false;
-    (async () => {
-      try {
-        const resp = await fetch(resolveUrl2("/api/v1/apps/authentication"), {
-          credentials: "include",
-          headers: { ...resolveHeaders2() }
-        });
-        if (!resp.ok) return;
-        const result = await resp.json();
-        const list = Array.isArray(result) ? result : result?.data || [];
-        const seen = /* @__PURE__ */ new Set();
-        const loaded = [];
-        for (const entry of list) {
-          const app = entry?.app || entry;
-          const name = app?.name;
-          if (!name) continue;
-          const valid = entry?.active || entry?.validation?.valid || entry?.hasValidAuth;
-          if (valid === false) continue;
-          const key = name.toLowerCase();
-          if (seen.has(key)) continue;
-          seen.add(key);
-          loaded.push({
-            name,
-            id: app?.id || entry?.id,
-            icon: app?.large_image || app?.image_url || app?.image || entry?.bestImage || ""
-          });
-        }
-        if (!cancelled && loaded.length) setAvailableApps(loaded);
-      } catch {
-      }
-    })();
+    const signal = { cancelled: false };
+    loadAuthenticatedApps(signal);
     return () => {
-      cancelled = true;
+      signal.cancelled = true;
     };
-  }, [autoLoadApps, apps, defaultApps, hasApiKey, resolveUrl2, resolveHeaders2]);
+  }, [autoLoadApps, hasApiKey, loadAuthenticatedApps]);
+  (0, import_react15.useEffect)(() => {
+    if (!hasApiKey) return;
+    const handler = () => {
+      loadAuthenticatedApps();
+    };
+    window.addEventListener("integrations-changed", handler);
+    return () => window.removeEventListener("integrations-changed", handler);
+  }, [hasApiKey, loadAuthenticatedApps]);
   (0, import_react15.useEffect)(() => {
     const raw = agentData?.allowed_actions;
     if (!Array.isArray(raw) || raw.length === 0) {
@@ -10022,31 +10306,48 @@ var AgentUI = ({
       setAgentRequestLoading(false);
     }
   }, [execution, getExecution]);
+  const resolveRunInput = (0, import_react15.useCallback)(() => {
+    const fromData = agentData?.original_input;
+    if (fromData && typeof fromData === "string") return fromData;
+    if (actionInput && typeof actionInput === "string" && actionInput.trim()) return actionInput;
+    const params = agentActionResult?.action?.parameters || [];
+    const inputParam = params.find((p) => p?.name === "input");
+    if (inputParam?.value && typeof inputParam.value === "string") return inputParam.value;
+    const msgs = agentData?.input?.messages || [];
+    const userMsg = msgs.find((mm) => mm?.role === "user");
+    if (userMsg?.content && typeof userMsg.content === "string") return userMsg.content;
+    const execArg = execution?.execution_argument;
+    if (execArg && typeof execArg === "string") {
+      try {
+        const parsed = JSON.parse(execArg);
+        if (parsed?.input && typeof parsed.input === "string") return parsed.input;
+        if (parsed?.prompt && typeof parsed.prompt === "string") return parsed.prompt;
+      } catch {
+        if (execArg.length < 4e3) return execArg;
+      }
+    }
+    return "";
+  }, [agentData, actionInput, agentActionResult, execution]);
   const rerunAgent = (0, import_react15.useCallback)(() => {
-    const input = agentData?.original_input || actionInput || (() => {
-      const msgs = agentData?.input?.messages || [];
-      const m = msgs.find((m2) => m2?.role === "user" && !String(m2?.role).includes("USER CONTEXT"));
-      return m?.content || "";
-    })();
+    const input = resolveRunInput();
     if (input && typeof input === "string") {
       setActionInput(input);
     }
     if (executionApps.length > 0) {
       setChosenApps(executionApps);
     }
-    if (disableStartTab) {
-      if (input && typeof input === "string" && input.trim().length >= 6) {
-        submitInput(input);
-      }
-      return;
+    if (!disableStartTab) {
+      setShowStarter(true);
+      setSearchParams((prev) => {
+        const next = new URLSearchParams(prev);
+        next.delete("agentView");
+        return next;
+      }, { replace: true });
     }
-    setShowStarter(true);
-    setSearchParams((prev) => {
-      const next = new URLSearchParams(prev);
-      next.delete("agentView");
-      return next;
-    }, { replace: true });
-  }, [agentData, actionInput, executionApps, setSearchParams, disableStartTab, submitInput]);
+    if (input && typeof input === "string" && input.trim().length >= 6) {
+      submitInput(input);
+    }
+  }, [resolveRunInput, executionApps, setSearchParams, disableStartTab, submitInput]);
   const abortAgent = (0, import_react15.useCallback)(async () => {
     const execId = execution?.execution_id;
     const auth = execution?.authorization;
@@ -10296,13 +10597,12 @@ var AgentUI = ({
   (0, import_react15.useEffect)(() => {
     onViewChange?.(activeTab);
   }, [activeTab, onViewChange]);
+  (0, import_react15.useEffect)(() => {
+    onAppsChange?.(chosenApps);
+  }, [chosenApps, onAppsChange]);
   const goToTab = (t) => {
     if (t === "start") {
-      const runInput = agentData?.original_input || (() => {
-        const msgs = agentData?.input?.messages || [];
-        const m = msgs.find((m2) => m2?.role === "user");
-        return m?.content || "";
-      })();
+      const runInput = resolveRunInput();
       if (runInput && typeof runInput === "string") {
         setActionInput(runInput);
       }
@@ -10443,58 +10743,71 @@ var AgentUI = ({
     ] }, i)) })
   ] }) : scheduleDisabledReasons.length === 1 ? `Cannot schedule: ${scheduleDisabledReasons[0]}` : "";
   const tabBarRef = (0, import_react15.useRef)(null);
-  const tabBar = /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  const runStatusUpper = (execution?.status || agentData?.status || "").toUpperCase();
+  const runIsActive = hasExecution && !["FINISHED", "FAILURE", "ABORTED", "CANCELLED", "CANCELED"].includes(runStatusUpper);
+  const tabBar = /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     import_material16.Box,
     {
       ref: tabBarRef,
       sx: {
         display: "flex",
         alignItems: "center",
+        gap: 1,
         width: "fit-content",
         alignSelf: "center",
         position: "sticky",
         top: 8,
         zIndex: 5
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-        SegmentedControl,
-        {
-          layoutId: "agentui-view-switcher",
-          ariaLabel: "Agent view",
-          value: activeTab,
-          onChange: (v) => goToTab(v),
-          options: [
-            { value: "start", label: "Start", disabled: disableStartTab },
-            { value: "simple", label: "Simple", disabled: !hasExecution },
-            { value: "detailed", label: "Detailed", disabled: !hasExecution },
-            { type: "divider", key: "div" },
-            {
-              type: "action",
-              key: "reload",
-              label: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react11.RefreshCw, { size: 14 }),
-              title: "Reload execution data",
-              disabled: !hasExecution,
-              onClick: () => {
-                if (execution?.execution_id && execution?.authorization) {
-                  getExecution(execution.execution_id, execution.authorization);
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          SegmentedControl,
+          {
+            layoutId: "agentui-view-switcher",
+            ariaLabel: "Agent view",
+            value: activeTab,
+            onChange: (v) => goToTab(v),
+            options: [
+              { value: "start", label: "Start", disabled: disableStartTab, title: disableStartTab ? "Open a new agent run from the /agents page to start a new prompt" : void 0 },
+              { value: "simple", label: "Simple", disabled: !hasExecution },
+              { value: "detailed", label: "Detailed", disabled: !hasExecution },
+              { type: "divider", key: "div" },
+              {
+                type: "action",
+                key: "reload",
+                label: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react11.RefreshCw, { size: 14 }),
+                title: "Reload execution data",
+                disabled: !hasExecution,
+                onClick: () => {
+                  if (execution?.execution_id && execution?.authorization) {
+                    getExecution(execution.execution_id, execution.authorization);
+                  }
                 }
-              }
-            },
-            {
-              type: "action",
-              key: "schedule",
-              label: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react11.Clock, { size: 14 }),
-              title: scheduleDisabledReason ? `Cannot schedule: ${scheduleDisabledReason}` : "Schedule this prompt to run repeatedly on a cron schedule",
-              disabled: Boolean(scheduleDisabledReason),
-              onClick: () => {
-                if (!scheduleDisabledReason && tabBarRef.current) {
-                  setScheduleAnchor(tabBarRef.current);
+              },
+              {
+                type: "action",
+                key: "schedule",
+                label: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react11.Clock, { size: 14 }),
+                title: scheduleDisabledReason ? `Cannot schedule: ${scheduleDisabledReason}` : "Schedule this prompt to run repeatedly on a cron schedule",
+                disabled: Boolean(scheduleDisabledReason),
+                onClick: () => {
+                  if (!scheduleDisabledReason && tabBarRef.current) {
+                    setScheduleAnchor(tabBarRef.current);
+                  }
                 }
               }
-            }
-          ]
-        }
-      )
+            ]
+          }
+        ),
+        runIsActive && activeTab === "start" && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Tooltip, { title: "Current agent run is still in progress", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          import_material16.CircularProgress,
+          {
+            size: 16,
+            thickness: 5,
+            sx: { color: "hsl(var(--muted-foreground))" }
+          }
+        ) })
+      ]
     }
   );
   const schedulePopover = /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
@@ -11226,9 +11539,9 @@ var AgentUI = ({
                       }
                     ) }),
                     chosenApps.map((app, i) => {
-                      const slug = (app.name || "").toLowerCase().replace(/[\s-]+/g, "_");
+                      const slug = normalizeAgentAppName(app.name || "");
                       const NO_AUTH = /* @__PURE__ */ new Set(["http", "shuffle_tools", "shuffle-tools", "tools", "singul", "core", "webhook", "email"]);
-                      const needsAuth = !NO_AUTH.has(slug) && !isAppAuthenticated(app.name || "");
+                      const needsAuth = !authAppsLoading && !NO_AUTH.has(slug) && !isAppAuthenticated(app.name || "", app.id || null);
                       return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                         import_material16.Tooltip,
                         {
@@ -11289,9 +11602,10 @@ var AgentUI = ({
                   ] }) }),
                   !hideAppPicker && (() => {
                     const NO_AUTH = /* @__PURE__ */ new Set(["http", "shuffle_tools", "shuffle-tools", "tools", "singul", "core", "webhook", "email"]);
+                    if (authAppsLoading) return null;
                     const unauthed = chosenApps.filter((a) => {
-                      const slug = (a.name || "").toLowerCase().replace(/[\s-]+/g, "_");
-                      return !NO_AUTH.has(slug) && !isAppAuthenticated(a.name || "");
+                      const slug = normalizeAgentAppName(a.name || "");
+                      return !NO_AUTH.has(slug) && !isAppAuthenticated(a.name || "", a.id || null);
                     });
                     if (unauthed.length === 0) return null;
                     return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Box, { sx: { display: "flex", justifyContent: "center", mt: -0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Box, { sx: {
@@ -11361,7 +11675,7 @@ var AgentUI = ({
                     src: app.icon || void 0,
                     alt: app.name,
                     variant: "rounded",
-                    onClick: () => navigate(`/apps/${encodeURIComponent((app.name || "").toLowerCase().replace(/\s+/g, "_"))}`),
+                    onClick: () => setAuthDrawerApp({ name: app.name, id: app.id || null }),
                     sx: {
                       bgcolor: "hsl(var(--muted))",
                       cursor: "pointer",
@@ -11493,133 +11807,88 @@ var AgentUI = ({
                 }
                 const pendingAnswered = pendingQuestions.every((q) => questionAnswers[q.question]?.value);
                 return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Box, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
-                    isRunning ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.CircularProgress, { size: 16, sx: { color: "hsl(var(--primary))" } }) : status === "FINISHED" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react11.CheckCircle2, { size: 18, color: "hsl(142 70% 45%)" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react11.AlertCircle, { size: 18, color: "hsl(var(--destructive))" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Typography, { sx: { fontSize: "0.9rem", fontWeight: 600, color: "hsl(var(--foreground))" }, children: isRunning ? "Agent is working\u2026" : status === "FINISHED" ? "Run finished" : `Run ${status.toLowerCase()}` }),
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Typography, { sx: { fontSize: "0.75rem", color: "hsl(var(--muted-foreground))" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                    RunFinishedSummary,
+                    {
+                      status,
+                      isRunning,
+                      finishAnswer,
+                      raw: finishAnswerRaw,
+                      onToggleRaw: () => setFinishAnswerRaw((v) => !v),
                       decisionCount,
-                      " step",
-                      decisionCount === 1 ? "" : "s",
-                      durationSec != null ? ` \xB7 ${Math.round(durationSec)}s` : ""
-                    ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Box, { sx: { flexGrow: 1 } })
-                  ] }),
-                  pendingAuthApps.map(({ appName, appId, icon }) => {
-                    const pretty = appName.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
-                    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-                      import_material16.Box,
-                      {
-                        sx: {
-                          display: "flex",
-                          alignItems: "center",
-                          gap: 1.5,
-                          p: 1.5,
-                          borderRadius: 1.5,
-                          border: "1px solid hsla(var(--severity-medium) / 0.3)",
-                          bgcolor: "hsla(var(--severity-medium) / 0.08)"
-                        },
-                        children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react11.Lock, { size: 22, color: "hsl(var(--severity-medium))" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Box, { sx: { flex: 1, minWidth: 0 }, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Typography, { sx: { fontSize: "0.85rem", fontWeight: 600, color: "hsl(var(--foreground))" }, children: [
-                              pretty,
-                              " requires authentication"
-                            ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Typography, { sx: { fontSize: "0.75rem", color: "hsl(var(--muted-foreground))" }, children: [
-                              "Connect your ",
-                              pretty,
-                              " account so the agent can complete this step, then rerun."
-                            ] })
-                          ] }),
-                          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-                            import_material16.Button,
-                            {
-                              variant: "outlined",
-                              size: "small",
-                              startIcon: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                                import_material16.Avatar,
+                      durationSec,
+                      showMeta: true,
+                      children: pendingAuthApps.map(({ appName, appId, icon }) => {
+                        const pretty = appName.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
+                        return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                          import_material16.Box,
+                          {
+                            sx: {
+                              display: "flex",
+                              alignItems: "center",
+                              gap: 1.5,
+                              p: 1.5,
+                              borderRadius: 1.5,
+                              border: "1px solid hsla(var(--severity-medium) / 0.3)",
+                              bgcolor: "hsla(var(--severity-medium) / 0.08)"
+                            },
+                            children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react11.Lock, { size: 22, color: "hsl(var(--severity-medium))" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Box, { sx: { flex: 1, minWidth: 0 }, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Typography, { sx: { fontSize: "0.85rem", fontWeight: 600, color: "hsl(var(--foreground))" }, children: [
+                                  pretty,
+                                  " requires authentication"
+                                ] }),
+                                /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Typography, { sx: { fontSize: "0.75rem", color: "hsl(var(--muted-foreground))" }, children: [
+                                  "Connect your ",
+                                  pretty,
+                                  " account so the agent can complete this step, then rerun."
+                                ] })
+                              ] }),
+                              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                                import_material16.Button,
                                 {
-                                  src: icon || void 0,
-                                  alt: "",
-                                  variant: "rounded",
+                                  variant: "outlined",
+                                  size: "small",
+                                  startIcon: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                                    import_material16.Avatar,
+                                    {
+                                      src: icon || void 0,
+                                      alt: "",
+                                      variant: "rounded",
+                                      sx: {
+                                        width: 18,
+                                        height: 18,
+                                        borderRadius: 0.5,
+                                        bgcolor: "hsl(var(--background) / 0.4)",
+                                        color: "hsl(var(--background))",
+                                        fontSize: "0.7rem",
+                                        fontWeight: 700,
+                                        "& img": { objectFit: "contain" }
+                                      },
+                                      children: pretty.charAt(0)
+                                    }
+                                  ),
+                                  onClick: () => setAuthDrawerApp({ name: appName, id: appId }),
                                   sx: {
-                                    width: 18,
-                                    height: 18,
-                                    borderRadius: 0.5,
-                                    bgcolor: "hsl(var(--background) / 0.4)",
-                                    color: "hsl(var(--background))",
-                                    fontSize: "0.7rem",
-                                    fontWeight: 700,
-                                    "& img": { objectFit: "contain" }
+                                    height: 36,
+                                    textTransform: "none",
+                                    fontWeight: 600
                                   },
-                                  children: pretty.charAt(0)
+                                  children: [
+                                    "Authenticate ",
+                                    pretty
+                                  ]
                                 }
-                              ),
-                              onClick: () => setAuthDrawerApp({ name: appName, id: appId }),
-                              sx: {
-                                height: 36,
-                                textTransform: "none",
-                                fontWeight: 600
-                              },
-                              children: [
-                                "Authenticate ",
-                                pretty
-                              ]
-                            }
-                          )
-                        ]
-                      },
-                      `auth-${appName}`
-                    );
-                  }),
-                  finishAnswer ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Box, { sx: {
-                    p: 2,
-                    borderRadius: 1.5,
-                    border: "1px solid hsl(var(--border))",
-                    bgcolor: "hsl(var(--background))",
-                    fontSize: "0.9rem",
-                    color: "hsl(var(--foreground))",
-                    "& > *:first-of-type": { mt: 0 },
-                    "& > *:last-child": { mb: 0 },
-                    "& p": { my: 1, lineHeight: 1.55 },
-                    "& h1, & h2, & h3, & h4": { mt: 2, mb: 1, fontWeight: 600, lineHeight: 1.3 },
-                    "& h1": { fontSize: "1.15rem" },
-                    "& h2": { fontSize: "1.05rem" },
-                    "& h3, & h4": { fontSize: "0.95rem" },
-                    "& ul": { my: 1, pl: 3, listStyleType: "disc", listStylePosition: "outside" },
-                    "& ol": { my: 1, pl: 3, listStyleType: "decimal", listStylePosition: "outside" },
-                    "& ul ul": { listStyleType: "circle" },
-                    "& ul ul ul": { listStyleType: "square" },
-                    "& li": { my: 0.25, display: "list-item" },
-                    "& li::marker": { color: "hsl(var(--muted-foreground))" },
-                    "& a": { color: "hsl(var(--primary))", textDecoration: "underline" },
-                    "& code": {
-                      px: 0.5,
-                      py: 0.125,
-                      borderRadius: 0.5,
-                      bgcolor: "hsl(var(--muted))",
-                      fontFamily: '"JetBrains Mono", ui-monospace, monospace',
-                      fontSize: "0.82em"
-                    },
-                    "& pre": {
-                      p: 1.5,
-                      my: 1,
-                      borderRadius: 1,
-                      bgcolor: "hsl(var(--muted))",
-                      overflowX: "auto",
-                      fontSize: "0.82rem"
-                    },
-                    "& pre code": { p: 0, bgcolor: "transparent" },
-                    "& blockquote": {
-                      borderLeft: "3px solid hsl(var(--border))",
-                      pl: 1.5,
-                      my: 1,
-                      color: "hsl(var(--muted-foreground))"
-                    },
-                    "& table": { borderCollapse: "collapse", my: 1, fontSize: "0.85rem" },
-                    "& th, & td": { border: "1px solid hsl(var(--border))", px: 1, py: 0.5 },
-                    "& hr": { border: 0, borderTop: "1px solid hsl(var(--border))", my: 1.5 }
-                  }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_markdown4.default, { remarkPlugins: [import_remark_gfm4.default, import_remark_breaks.default], children: normalizeMarkdown(finishAnswer) }) }) : pendingAsk && pendingQuestions.length > 0 ? (() => {
+                              )
+                            ]
+                          },
+                          `auth-${appName}`
+                        );
+                      })
+                    }
+                  ),
+                  !finishAnswer && pendingAsk && pendingQuestions.length > 0 ? (() => {
                     const trySimpleSubmit = () => {
                       if (agentRequestLoading) return;
                       if (!pendingAnswered) {
@@ -11691,7 +11960,7 @@ var AgentUI = ({
                         ) })
                       ] })
                     ] });
-                  })() : isRunning ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Typography, { sx: { fontSize: "0.85rem", color: "hsl(var(--muted-foreground))" }, children: "Waiting for the agent to produce the first step." }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Typography, { sx: { fontSize: "0.85rem", color: "hsl(var(--muted-foreground))" }, children: "No final answer was returned. Open Detailed to inspect each step." }),
+                  })() : !finishAnswer && isRunning ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Typography, { sx: { fontSize: "0.85rem", color: "hsl(var(--muted-foreground))" }, children: "Waiting for the agent to produce the first step." }) : !finishAnswer ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Typography, { sx: { fontSize: "0.85rem", color: "hsl(var(--muted-foreground))" }, children: "No final answer was returned. Open Detailed to inspect each step." }) : null,
                   !isRunning && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                     import_material16.Button,
                     {
@@ -11737,53 +12006,32 @@ var AgentUI = ({
                       getFormUrl,
                       runFinished: detailedRunFinished,
                       onAuthenticateApp: (name, id) => setAuthDrawerApp({ name, id }),
+                      onRefreshAuthenticatedApps: () => {
+                        loadAuthenticatedApps();
+                      },
                       isAppAuthenticated,
+                      authAppsLoading,
                       highlight: highlightedIndex === i
                     },
                     i
                   )),
-                  detailedRunFinished && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Box, { sx: {
+                  detailedRunFinished && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Box, { sx: {
                     borderTop: "1px solid hsl(var(--border))",
                     p: 2.5,
                     display: "flex",
                     flexDirection: "column",
                     gap: 1.5,
                     bgcolor: "hsl(var(--muted) / 0.2)"
-                  }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Box, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
-                      detailedStatus === "FINISHED" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react11.CheckCircle2, { size: 18, color: "hsl(142 70% 45%)" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react11.AlertCircle, { size: 18, color: "hsl(var(--destructive))" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Typography, { sx: { fontSize: "0.9rem", fontWeight: 600, color: "hsl(var(--foreground))" }, children: detailedStatus === "FINISHED" ? "Run finished" : `Run ${detailedStatus.toLowerCase()}` })
-                    ] }),
-                    finishAnswer && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Box, { sx: {
-                      p: 2,
-                      borderRadius: 1.5,
-                      border: "1px solid hsl(var(--border))",
-                      bgcolor: "hsl(var(--background))",
-                      fontSize: "0.9rem",
-                      color: "hsl(var(--foreground))",
-                      "& > *:first-of-type": { mt: 0 },
-                      "& > *:last-child": { mb: 0 },
-                      "& p": { my: 1, lineHeight: 1.55 },
-                      "& a": { color: "hsl(var(--primary))", textDecoration: "underline" },
-                      "& code": {
-                        px: 0.5,
-                        py: 0.125,
-                        borderRadius: 0.5,
-                        bgcolor: "hsl(var(--muted))",
-                        fontFamily: '"JetBrains Mono", ui-monospace, monospace',
-                        fontSize: "0.82em"
-                      },
-                      "& pre": {
-                        p: 1.5,
-                        my: 1,
-                        borderRadius: 1,
-                        bgcolor: "hsl(var(--muted))",
-                        overflowX: "auto",
-                        fontSize: "0.82rem"
-                      },
-                      "& pre code": { p: 0, bgcolor: "transparent" }
-                    }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_markdown4.default, { remarkPlugins: [import_remark_gfm4.default, import_remark_breaks.default], children: normalizeMarkdown(finishAnswer) }) })
-                  ] })
+                  }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                    RunFinishedSummary,
+                    {
+                      status: detailedStatus,
+                      isRunning: false,
+                      finishAnswer,
+                      raw: finishAnswerRaw,
+                      onToggleRaw: () => setFinishAnswerRaw((v) => !v)
+                    }
+                  ) })
                 ] }) });
               })(),
               finishDecisionId && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Box, { sx: { mt: 3, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Box, { sx: { width: "100%", maxWidth: 640 }, children: [
@@ -11887,6 +12135,9 @@ var AgentUI = ({
               {
                 open: !!authDrawerApp,
                 onClose: () => setAuthDrawerApp(null),
+                onRefresh: () => {
+                  loadAuthenticatedApps();
+                },
                 appName: authDrawerApp?.name || null,
                 appId: authDrawerApp?.id || null,
                 activeOrgId: orgId || null,
@@ -12021,15 +12272,16 @@ var OPENAI_ALGOLIA_APP = {
 };
 var ENDPOINT_PRESETS = [
   { label: SHUFFLE_AI_PRESET, url: "" },
-  { label: "OpenAI", url: "https://api.openai.com/v1" },
-  { label: "Anthropic", url: "https://api.anthropic.com/v1/" },
-  { label: "Google Gemini", url: "https://generativelanguage.googleapis.com/v1beta/openai/" },
-  { label: "Mistral", url: "https://api.mistral.ai/v1" },
-  { label: "Groq", url: "https://api.groq.com/openai/v1" },
-  { label: "Together AI", url: "https://api.together.xyz/v1" },
-  { label: "OpenRouter", url: "https://openrouter.ai/api/v1" },
-  { label: "Ollama (localhost)", url: "http://localhost:11434/v1" },
-  { label: "LM Studio (localhost)", url: "http://localhost:1234/v1" },
+  { label: "OpenAI", url: "https://api.openai.com/v1", apiKeyUrl: "https://platform.openai.com/api-keys", apiKeyHint: "Create a key under API keys in the OpenAI platform dashboard." },
+  { label: "Anthropic", url: "https://api.anthropic.com/v1/", apiKeyUrl: "https://console.anthropic.com/settings/keys", apiKeyHint: "Generate a key under Settings \u2192 API Keys in the Anthropic Console." },
+  { label: "Google Gemini", url: "https://generativelanguage.googleapis.com/v1beta/openai/", apiKeyUrl: "https://aistudio.google.com/app/apikey", apiKeyHint: "Create a key in Google AI Studio under Get API key." },
+  { label: "Mistral", url: "https://api.mistral.ai/v1", apiKeyUrl: "https://console.mistral.ai/api-keys/", apiKeyHint: "Create a key under API Keys in the Mistral Console." },
+  { label: "Groq", url: "https://api.groq.com/openai/v1", apiKeyUrl: "https://console.groq.com/keys", apiKeyHint: "Create a key under API Keys in the Groq Console." },
+  { label: "DeepSeek", url: "https://api.deepseek.com/v1", apiKeyUrl: "https://platform.deepseek.com/api_keys", apiKeyHint: "Create a key under API Keys in the DeepSeek platform." },
+  { label: "Together AI", url: "https://api.together.xyz/v1", apiKeyUrl: "https://api.together.ai/settings/api-keys", apiKeyHint: "Create a key under Settings \u2192 API Keys in Together AI." },
+  { label: "OpenRouter", url: "https://openrouter.ai/api/v1", apiKeyUrl: "https://openrouter.ai/keys", apiKeyHint: "Create a key under Keys in your OpenRouter dashboard." },
+  { label: "Ollama (localhost)", url: "http://localhost:11434/v1", apiKeyHint: "Local Ollama does not require an API key \u2014 any non-empty value works." },
+  { label: "LM Studio (localhost)", url: "http://localhost:1234/v1", apiKeyHint: "Local LM Studio does not require an API key \u2014 any non-empty value works." },
   { label: CUSTOM_PRESET, url: "" }
 ];
 var LocalLLMConfig = ({ compact, globalUrl, userdata, isLoaded, isLoggedIn, serverside, theme, colorMode }) => {
@@ -12188,12 +12440,29 @@ var LocalLLMConfig = ({ compact, globalUrl, userdata, isLoaded, isLoggedIn, serv
         }
       )
     ] }),
-    !compact && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Box, { sx: { px: 2.5, py: 2, borderRadius: 2, border: "1px solid hsl(var(--border))", bgcolor: "hsl(var(--muted) / 0.3)" }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Typography, { sx: { fontSize: "0.8rem", color: "hsl(var(--muted-foreground))", lineHeight: 1.5 }, children: [
-      isShuffleAI ? "Using Shuffle AI. No configuration is required. Pick another provider above to use your own endpoint." : "Configure an OpenAI-compatible endpoint for agent operations. Credentials are saved through the app authentication system.",
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Box, { component: "a", href: "https://shuffler.io/docs/AI#using-self-hosted-ai-models", target: "_blank", rel: "noopener noreferrer", sx: { color: "hsl(var(--primary))", textDecoration: "underline" }, children: "Read the docs" }),
-      "."
-    ] }) }),
+    !compact && (() => {
+      const preset = ENDPOINT_PRESETS.find((p) => p.label === effectivePreset);
+      const hasProviderDocs = !!preset && (!!preset.apiKeyUrl || !!preset.apiKeyHint);
+      return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Box, { sx: { px: 2.5, py: 2, borderRadius: 2, border: "1px solid hsl(var(--border))", bgcolor: "hsl(var(--muted) / 0.3)" }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Typography, { sx: { fontSize: "0.8rem", color: "hsl(var(--muted-foreground))", lineHeight: 1.5 }, children: isShuffleAI ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+        "Using Shuffle AI. No configuration is required. Pick another provider above to use your own endpoint.",
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Box, { component: "a", href: "https://shuffler.io/docs/AI#using-self-hosted-ai-models", target: "_blank", rel: "noopener noreferrer", sx: { color: "hsl(var(--primary))", textDecoration: "underline" }, children: "Read the docs" }),
+        "."
+      ] }) : hasProviderDocs ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+        preset.apiKeyHint,
+        " ",
+        preset.apiKeyUrl && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { component: "a", href: preset.apiKeyUrl, target: "_blank", rel: "noopener noreferrer", sx: { color: "hsl(var(--primary))", textDecoration: "underline" }, children: [
+          "Get your ",
+          preset.label,
+          " API key \u2192"
+        ] })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+        "Configure an OpenAI-compatible endpoint for agent operations. Credentials are saved through the app authentication system.",
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Box, { component: "a", href: "https://shuffler.io/docs/AI#using-self-hosted-ai-models", target: "_blank", rel: "noopener noreferrer", sx: { color: "hsl(var(--primary))", textDecoration: "underline" }, children: "Read the docs" }),
+        "."
+      ] }) }) });
+    })(),
     isShuffleAI && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { sx: { display: "flex", flexDirection: "column", gap: 0.75, mt: 0.5, width: "100%" }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(UsageBar, { label: "App runs", usage: appRunUsage, limit: appRunLimit, unit: "runs", actionLabel: "Upgrade", actionHref: "https://shuffler.io/pricing" }),
       /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(UsageBar, { label: "Agent tokens", usage: agentTokenUsage, limit: agentTokenLimit, unit: "tokens", actionLabel: "Upgrade", actionHref: "https://shuffler.io/pricing" })
@@ -12476,6 +12745,7 @@ var AgentRunDrawer_default = AgentRunDrawer;
 
 // components/AgentActivityList.tsx
 var import_react19 = require("react");
+var import_react_router_dom3 = require("react-router-dom");
 var import_material20 = require("@mui/material");
 var import_lucide_react13 = require("lucide-react");
 
@@ -12766,6 +13036,8 @@ var stopAgentSchedule = async (workflowId, params = {}) => {
 };
 
 // components/AgentActivityList.tsx
+init_api();
+init_appsCache();
 var import_lucide_react14 = require("lucide-react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var STATUS_CONFIG = {
@@ -12835,21 +13107,110 @@ var getTimeAgo = (dateStr) => {
     return dateStr;
   }
 };
-var getRunTitle = (run) => {
-  if (run.workflow?.name) return run.workflow.name;
-  if (run.execution_argument) {
-    try {
-      const parsed = JSON.parse(run.execution_argument);
-      if (parsed.title) return parsed.title;
-      if (parsed.action) return parsed.action;
-      if (parsed.name) return parsed.name;
-    } catch {
-      const clean = run.execution_argument.replace(/[{}"]/g, "").trim();
-      if (clean.length > 0 && clean.length < 80) return clean;
+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 = (run) => {
+  const results = Array.isArray(run.results) ? run.results : null;
+  if (results) {
+    const agentResult = results.find((r) => r?.action?.app_name === "AI Agent");
+    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;
+    }
+  }
+  if (run.result) {
+    const hit = deepFindPrompt(tryParseJson(run.result));
+    if (hit) return hit;
+  }
+  if (run.execution_argument) {
+    const parsed = tryParseJson(run.execution_argument);
+    const hit = deepFindPrompt(parsed);
+    if (hit) return hit;
+    if (typeof parsed === "string" && parsed.length < 240) return parsed;
+  }
+  return null;
+};
+var getRunTitle = (run) => {
+  const prompt = getRunPrompt(run);
+  if (prompt) {
+    const oneLine = prompt.replace(/\s+/g, " ").trim();
+    return oneLine.length > 80 ? oneLine.slice(0, 80) + "\u2026" : oneLine;
+  }
+  if (run.workflow?.name) return run.workflow.name;
   return `Execution ${run.execution_id?.slice(0, 8) || "\u2014"}`;
 };
+var getDecisionCount = (run) => {
+  if (Array.isArray(run.decisions)) return run.decisions.length;
+  return 0;
+};
 var getRunSubtitle = (run) => {
   if (run.result) {
     try {
@@ -12867,30 +13228,82 @@ var getRunSubtitle = (run) => {
   }
   return run.execution_source || "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 = (run) => {
-  const out = /* @__PURE__ */ new Set();
-  const add = (v) => {
-    if (!v) return;
-    const s = String(v).trim();
-    if (!s) return;
-    if (/^(ai\s*agent|shuffle\s*agent|shuffle_agent)$/i.test(s)) return;
-    out.add(s);
+  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);
   };
-  (run.results || []).forEach((r) => {
-    add(r?.action?.app_name);
-    if (!r?.action?.app_name) add(r?.action?.label);
-  });
-  (run.decisions || []).forEach((d) => {
-    add(typeof d?.tool === "string" ? d.tool : void 0);
-  });
-  return Array.from(out).slice(0, 6);
+  const allowed = run.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 normalize = (s) => s.toLowerCase().replace(/[\s_-]+/g, "_");
+    const known = /* @__PURE__ */ new Map();
+    for (const real of map.keys()) known.set(normalize(real), real);
+    const apply = (name, status) => {
+      if (!name) return;
+      const hit = known.get(normalize(name));
+      if (hit) merge2(hit, status);
+    };
+    (run.results || []).forEach((r) => {
+      apply(r?.action?.app_name || r?.action?.label, normalizeResultStatus(r?.status));
+    });
+    (run.decisions || []).forEach((d) => {
+      if (typeof d?.tool === "string") apply(d.tool, normalizeResultStatus(d?.status));
+    });
+  } else {
+    (run.results || []).forEach((r) => {
+      merge2(r?.action?.app_name || r?.action?.label, normalizeResultStatus(r?.status));
+    });
+    (run.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 AgentRunRow = ({ run, onClick, sx }) => {
+var normToolKey = (s) => s.toLowerCase().replace(/[\s_\-]+/g, "_");
+var AgentRunRow = ({ run, onClick, sx, appIcons, onAppClick }) => {
+  const navigate = (0, import_react_router_dom3.useNavigate)();
   const statusKey = getEffectiveStatus(run);
   const cfg = STATUS_CONFIG[statusKey] || STATUS_CONFIG.WAITING;
   const iconColor = getRunIconColor(run);
   const duration = formatDuration(run);
   const tools = getRunTools(run);
+  const decisionCount = getDecisionCount(run);
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     import_material20.Box,
     {
@@ -12968,42 +13381,80 @@ var AgentRunRow = ({ run, onClick, sx }) => {
             duration && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.4 }, children: "\xB7" }),
               /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.7 }, children: duration })
+            ] }),
+            decisionCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.4 }, children: "\xB7" }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_material20.Box, { sx: { display: "inline-flex", alignItems: "center", gap: 0.5, color: "hsl(var(--muted-foreground))", opacity: 0.7 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react13.GitBranch, { size: 11 }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_material20.Typography, { sx: { fontSize: "0.72rem", color: "inherit" }, children: [
+                  decisionCount,
+                  " ",
+                  decisionCount === 1 ? "decision" : "decisions"
+                ] })
+              ] })
             ] })
           ] })
         ] }),
         tools.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           import_material20.Box,
           {
+            onClick: (e) => e.stopPropagation(),
             sx: {
               display: { xs: "none", sm: "flex" },
               alignItems: "center",
-              gap: 0.5,
-              flexWrap: "wrap",
-              justifyContent: "flex-end",
-              maxWidth: 220,
-              flexShrink: 0
+              flexShrink: 0,
+              ml: 1
             },
-            children: tools.map((t) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.Tooltip, { title: t, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-              import_material20.Chip,
+            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+              import_material20.AvatarGroup,
               {
-                label: t,
-                size: "small",
+                max: 5,
                 sx: {
-                  height: 20,
-                  fontSize: "0.68rem",
-                  maxWidth: 120,
-                  bgcolor: "hsla(var(--muted) / 0.5)",
-                  color: "hsl(var(--muted-foreground))",
-                  border: "1px solid hsl(var(--border))",
-                  "& .MuiChip-label": {
-                    px: 0.75,
-                    overflow: "hidden",
-                    textOverflow: "ellipsis",
-                    whiteSpace: "nowrap"
+                  "& .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_runtime24.jsx)(import_material20.Tooltip, { title: `${label} \u2014 ${TOOL_STATUS_LABEL[t.status]}`, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                    import_material20.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(slug)}`);
+                        }
+                      },
+                      sx: {
+                        cursor: "pointer",
+                        borderColor: `${ring} !important`,
+                        borderWidth: t.status === "unknown" ? "1px" : "2px",
+                        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);
+                })
               }
-            ) }, t))
+            )
           }
         )
       ]
@@ -13030,8 +13481,12 @@ var AgentActivityList = ({
   className,
   sx,
   toolbarSx,
-  rowSx
+  rowSx,
+  globalUrl,
+  theme,
+  colorMode
 }) => {
+  const [appDrawer, setAppDrawer] = (0, import_react19.useState)(null);
   const [runs, setRuns] = (0, import_react19.useState)([]);
   const [cursor, setCursor] = (0, import_react19.useState)("");
   const [hasMore, setHasMore] = (0, import_react19.useState)(false);
@@ -13044,6 +13499,8 @@ var AgentActivityList = ({
   const [workflowFilter, setWorkflowFilter] = (0, import_react19.useState)("");
   const [stopOpen, setStopOpen] = (0, import_react19.useState)(false);
   const [stopLoading, setStopLoading] = (0, import_react19.useState)(false);
+  const [appIcons, setAppIcons] = (0, import_react19.useState)({});
+  const [enrichedRuns, setEnrichedRuns] = (0, import_react19.useState)({});
   const debounceRef = (0, import_react19.useRef)();
   const selectedAgentWorkflow = agentWorkflows.find((w) => w.id === workflowFilter) || null;
   const openEditPrompt = (0, import_react19.useCallback)(async () => {
@@ -13125,10 +13582,137 @@ var AgentActivityList = ({
       cancelled = true;
     };
   }, [apiKey, apiBaseUrl, orgId]);
+  (0, import_react19.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;
+    };
+  }, []);
+  (0, import_react19.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 patch = {
+        results,
+        execution_argument: r.execution_argument,
+        result: agentResult?.result ?? r.result,
+        decisions,
+        allowed_actions: allowedActions
+      };
+      if (originalInput && !patch.execution_argument) {
+        patch.execution_argument = JSON.stringify({ original_input: originalInput });
+      }
+      return patch;
+    };
+    const nativePatches = {};
+    const needsFetch = [];
+    for (const r of runs) {
+      const id = r.execution_id;
+      if (!id || enrichedRuns[id]) continue;
+      const native = buildPatchFromRun(r);
+      if (native) {
+        nativePatches[id] = native;
+      } else {
+        needsFetch.push(id);
+      }
+    }
+    if (Object.keys(nativePatches).length > 0) {
+      setEnrichedRuns((prev) => ({ ...prev, ...nativePatches }));
+    }
+    if (needsFetch.length === 0) return;
+    const CONCURRENCY = 4;
+    let i = 0;
+    const fetchOne = async (executionId) => {
+      try {
+        const resp = await fetch(getApiUrl("/api/v1/streams/results"), {
+          method: "POST",
+          credentials: "include",
+          headers: {
+            "Content-Type": "application/json",
+            ...apiKey ? { Authorization: `Bearer ${apiKey}` } : getAuthHeader(),
+            ...orgId ? { "Org-Id": orgId } : {}
+          },
+          body: JSON.stringify({ execution_id: executionId, authorization: executionId })
+        });
+        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 patch = {
+          results: json.results,
+          execution_argument: json.execution_argument,
+          result: agentResult?.result,
+          decisions,
+          allowed_actions: allowedActions
+        };
+        if (originalInput && !patch.execution_argument) {
+          patch.execution_argument = JSON.stringify({ original_input: originalInput });
+        }
+        setEnrichedRuns((prev) => ({ ...prev, [executionId]: patch }));
+      } catch {
+      }
+    };
+    const workers = Array.from({ length: Math.min(CONCURRENCY, needsFetch.length) }, async () => {
+      while (!cancelled && i < needsFetch.length) {
+        const id = needsFetch[i++];
+        await fetchOne(id);
+      }
+    });
+    Promise.all(workers).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [runs, apiKey, orgId]);
+  const mergedRuns = runs.map((r) => {
+    const patch = r.execution_id ? enrichedRuns[r.execution_id] : void 0;
+    return patch ? { ...r, ...patch } : r;
+  });
   const loadMore = (0, import_react19.useCallback)(() => {
     if (cursor && !isLoading) fetchRuns(true, cursor);
   }, [cursor, isLoading, fetchRuns]);
-  const filteredRuns = debouncedQuery ? runs.filter((r) => {
+  const filteredRuns = debouncedQuery ? mergedRuns.filter((r) => {
     const hay = [
       getRunTitle(r),
       getRunSubtitle(r),
@@ -13137,7 +13721,7 @@ var AgentActivityList = ({
       r.status
     ].filter(Boolean).join(" ").toLowerCase();
     return hay.includes(debouncedQuery.toLowerCase());
-  }) : runs;
+  }) : mergedRuns;
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     import_material20.Box,
     {
@@ -13183,7 +13767,24 @@ var AgentActivityList = ({
               },
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.MenuItem, { value: "", sx: { fontSize: "0.85rem" }, children: "All Agent runs" }),
-                agentWorkflows.map((w) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.MenuItem, { value: w.id, sx: { fontSize: "0.85rem" }, children: w.name }, w.id))
+                agentWorkflows.map((w) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.MenuItem, { value: w.id, sx: { fontSize: "0.85rem" }, children: w.name }, w.id)),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.Divider, { sx: { borderColor: "hsl(var(--border))", my: 0.5 } }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                  import_material20.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."
+                  }
+                )
               ]
             }
           ),
@@ -13326,7 +13927,9 @@ var AgentActivityList = ({
             {
               run,
               onClick: () => onRunClick?.(run),
-              sx: rowSx
+              sx: rowSx,
+              appIcons,
+              onAppClick: (app) => setAppDrawer(app)
             },
             run.execution_id || idx
           )),
@@ -13374,6 +13977,19 @@ var AgentActivityList = ({
               ] })
             ]
           }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          AppDetailDrawer,
+          {
+            open: !!appDrawer,
+            onClose: () => setAppDrawer(null),
+            appName: appDrawer?.name || null,
+            appId: appDrawer?.id || null,
+            activeOrgId: orgId || null,
+            globalUrl: globalUrl || apiBaseUrl,
+            theme,
+            colorMode
+          }
         )
       ]
     }
@@ -13574,6 +14190,8 @@ var AgentsView = ({
   hideChooseLLM,
   localLLMSlot,
   permissionsSlot,
+  initialApps,
+  onAppsChange,
   globalUrl,
   isLoaded,
   isLoggedIn,
@@ -13589,7 +14207,7 @@ var AgentsView = ({
   const [agentView, setAgentView] = (0, import_react20.useState)("start");
   const [prefill, setPrefill] = (0, import_react20.useState)({
     input: "",
-    apps: [],
+    apps: initialApps && initialApps.length > 0 ? initialApps : [],
     key: 0
   });
   const [editing, setEditing] = (0, import_react20.useState)(null);
@@ -13724,7 +14342,8 @@ var AgentsView = ({
           disableSchedule: Boolean(editing),
           disableScheduleTooltip: editing ? "Scheduling is disabled while editing an existing schedule" : void 0,
           theme,
-          colorMode
+          colorMode,
+          onAppsChange
         },
         prefill.key
       ),