@shuffleio/shuffle-mcps 0.0.31 → 0.0.33

package/dist/index.mjs

@@ -20,13 +20,13 @@ import {
 } from "./chunk-B4JFC2JU.mjs";
 
 // index.ts
-import "./shuffle-mcp-ER33P3W2.css";
+import "./shuffle-mcp-TWJGPBOQ.css";
 import React5 from "react";
 
 // ShuffleMcpThemeProvider.tsx
 import React from "react";
 import { ThemeProvider, createTheme, useTheme as useMuiTheme } from "@mui/material";
-import "./shuffle-mcp-ER33P3W2.css";
+import "./shuffle-mcp-TWJGPBOQ.css";
 import { jsx, jsxs } from "react/jsx-runtime";
 var readHtmlDarkClass = () => {
   if (typeof document === "undefined") return false;
@@ -879,6 +879,65 @@ var isIngestionApp = (appName) => {
   return isEmailApp(appName) || CASES_PATTERNS.some((p) => name.includes(p)) || EDR_PATTERNS.some((p) => name.includes(p)) || SIEM_PATTERNS.some((p) => name.includes(p));
 };
 var normalizeAppName = (name) => name.toLowerCase().trim().replace(/[\s_\-]+/g, "_");
+var IGNORED_WORKFLOW_APP_NAMES = /* @__PURE__ */ new Set([
+  "shuffle_tools",
+  "singul",
+  "integration",
+  "ai_agent",
+  "shuffle_agent",
+  "shuffle_ai"
+]);
+var isIgnoredWorkflowAppName = (name) => IGNORED_WORKFLOW_APP_NAMES.has(normalizeAppName(name));
+var looksLikeOpaqueId = (raw) => {
+  const trimmed = raw.trim();
+  if (/^[a-f0-9]{16,}$/i.test(trimmed)) return true;
+  if (/^[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}$/i.test(trimmed)) return true;
+  return false;
+};
+var addWorkflowAppName = (names, seen, raw) => {
+  if (typeof raw !== "string" || !raw.trim()) return;
+  const parts = raw.includes(",") ? raw.split(",") : [raw];
+  for (const part of parts) {
+    const trimmed = part.trim();
+    if (!trimmed) continue;
+    const key = normalizeAppName(trimmed);
+    if (!key || isIgnoredWorkflowAppName(trimmed) || looksLikeOpaqueId(trimmed) || seen.has(key)) continue;
+    seen.add(key);
+    names.push(trimmed);
+  }
+};
+var collectParameterAppNames = (input, names, seen, depth = 0) => {
+  if (!input || depth > 4) return;
+  if (Array.isArray(input)) {
+    input.forEach((item) => collectParameterAppNames(item, names, seen, depth + 1));
+    return;
+  }
+  if (typeof input !== "object") return;
+  const obj = input;
+  if (String(obj.name || "").toLowerCase() === "app_name") addWorkflowAppName(names, seen, obj.value);
+  for (const [key, value] of Object.entries(obj)) {
+    const lower = key.toLowerCase();
+    if (lower === "app_name") addWorkflowAppName(names, seen, value);
+    else if (lower === "parameters" || lower === "fields" || lower === "value") collectParameterAppNames(value, names, seen, depth + 1);
+  }
+};
+function extractActionAppNames(action) {
+  const names = [];
+  const seen = /* @__PURE__ */ new Set();
+  collectParameterAppNames(action?.parameters, names, seen);
+  addWorkflowAppName(names, seen, action?.app_name);
+  addWorkflowAppName(names, seen, action?.app_id);
+  return names;
+}
+function extractWorkflowActionAppNames(workflow) {
+  const names = [];
+  const seen = /* @__PURE__ */ new Set();
+  if (!workflow?.actions || !Array.isArray(workflow.actions)) return names;
+  for (const action of workflow.actions) {
+    for (const name of extractActionAppNames(action)) addWorkflowAppName(names, seen, name);
+  }
+  return names;
+}
 var getIngestionCategory = (appName, appCategories) => {
   const name = appName.toLowerCase();
   const categories = (appCategories || []).map((c) => c.toLowerCase());
@@ -892,20 +951,14 @@ var INGEST_TICKETS_WORKFLOW_NAME = "Ingest Tickets";
 var FORWARD_TICKETS_WORKFLOW_NAME = "Forward Tickets";
 function extractWorkflowAppNames(workflow) {
   const names = /* @__PURE__ */ new Set();
-  if (!workflow?.actions || !Array.isArray(workflow.actions)) return names;
-  for (const action of workflow.actions) {
-    if (action.app_name) {
-      names.add(normalizeAppName(action.app_name));
-    }
-    if (action.app_id) {
-      names.add(normalizeAppName(action.app_id));
-    }
-    if (action.parameters) {
-      for (const param of action.parameters) {
-        if (param.name === "app_name" && param.value) {
-          names.add(normalizeAppName(param.value));
-        }
-      }
+  for (const raw of extractWorkflowActionAppNames(workflow)) {
+    const parts = typeof raw === "string" && raw.includes(",") ? raw.split(",") : [raw];
+    for (const part of parts) {
+      const trimmed = (part || "").trim();
+      if (!trimmed) continue;
+      if (isIgnoredWorkflowAppName(trimmed) || looksLikeOpaqueId(trimmed)) continue;
+      const key = normalizeAppName(trimmed);
+      if (key) names.add(key);
     }
   }
   return names;
@@ -1619,6 +1672,7 @@ function AppTitleHeader({
   isActivated = null,
   activateLoading = false,
   onActivateToggle,
+  highlightActivate = false,
   onAdd
 }) {
   return /* @__PURE__ */ jsx4(motion.div, { initial: { opacity: 0, y: 12 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.3 }, children: /* @__PURE__ */ jsxs3(
@@ -1722,7 +1776,16 @@ function AppTitleHeader({
               py: 0.5,
               minHeight: 0,
               flexShrink: 0,
-              ...isActivated ? { color: "hsl(var(--muted-foreground))", borderColor: "hsl(var(--border))", "&:hover": { borderColor: "hsl(var(--destructive))", color: "hsl(var(--destructive))", bgcolor: "hsla(var(--destructive) / 0.08)" } } : { bgcolor: "hsl(var(--primary))", "&:hover": { bgcolor: "hsl(var(--primary) / 0.85)" } }
+              ...isActivated ? { color: "hsl(var(--muted-foreground))", borderColor: "hsl(var(--border))", "&:hover": { borderColor: "hsl(var(--destructive))", color: "hsl(var(--destructive))", bgcolor: "hsla(var(--destructive) / 0.08)" } } : { bgcolor: "hsl(var(--primary))", "&:hover": { bgcolor: "hsl(var(--primary) / 0.85)" } },
+              ...highlightActivate ? {
+                boxShadow: "0 0 0 0 hsla(var(--primary) / 0.6)",
+                animation: "appTitleActivatePulse 1.1s ease-out infinite",
+                "@keyframes appTitleActivatePulse": {
+                  "0%": { boxShadow: "0 0 0 0 hsla(var(--primary) / 0.55)" },
+                  "70%": { boxShadow: "0 0 0 10px hsla(var(--primary) / 0)" },
+                  "100%": { boxShadow: "0 0 0 0 hsla(var(--primary) / 0)" }
+                }
+              } : {}
             },
             children: activateLoading ? "\u2026" : isActivated ? "Deactivate" : "Activate"
           }
@@ -1745,7 +1808,9 @@ import {
   Pencil as EditIcon,
   ChevronDown as ExpandMoreIcon,
   Lock as LockIcon,
-  BookOpen as MenuBookIcon
+  BookOpen as MenuBookIcon,
+  Eye as EyeIcon,
+  EyeOff as EyeOffIcon
 } from "lucide-react";
 import {
   Box as Box3,
@@ -1986,6 +2051,8 @@ var AppAuthCard = ({
   hideDocsLink,
   hideUrlFields,
   borderless,
+  compactAuthForm,
+  extraFieldsSlot,
   globalUrl,
   userdata,
   isLoaded,
@@ -2052,10 +2119,6 @@ var AppAuthCard = ({
         if (!alreadyValid && newestId !== autoTestFiredRef.current) {
           autoTestFiredRef.current = newestId;
           setTimeout(() => {
-            toast({
-              title: "Auto-testing new authentication",
-              description: `Verifying connection for ${app.name.replace(/_/g, " ")}...`
-            });
             setTestingAuthId(newestId);
             onTestConnection(app.objectID, newestId);
           }, 500);
@@ -2117,11 +2180,17 @@ var AppAuthCard = ({
         executionId: authState.executionId,
         errorCode: authState.errorCode
       });
+      if (autoTestFiredRef.current === testingAuthId) {
+        setSelectedAuthId(ADD_NEW_AUTH);
+        setUserHasSelected(true);
+        setPendingFailedAuthId(testingAuthId);
+        autoTestFiredRef.current = null;
+      }
       setTestingAuthId(null);
     }
   }, [authState.status, authState.errorMessage, authState.successMessage, authState.warningMessage, testingAuthId, apiAuthEntries, wasPreValidatedPerAuth]);
   const isCredentialError = localTestMessages.errorCode === 401 || localTestMessages.errorCode === 403;
-  const showAddNewForm = selectedAuthId === ADD_NEW_AUTH;
+  const showAddNewForm = compactAuthForm ? true : selectedAuthId === ADD_NEW_AUTH;
   const isConfigured = selectedAuth?.active === true;
   const isTested = selectedAuth?.validation?.valid === true;
   const getLastValidTimestamp = () => {
@@ -2143,6 +2212,8 @@ var AppAuthCard = ({
     });
   };
   const [localCredentials, setLocalCredentials] = useState5(authState.credentials || {});
+  const [revealedFields, setRevealedFields] = useState5({});
+  const [pendingFailedAuthId, setPendingFailedAuthId] = useState5(null);
   const [fieldErrors, setFieldErrors] = useState5({});
   const [loading, setLoading] = useState5(false);
   const [saving, setSaving] = useState5(false);
@@ -2218,7 +2289,8 @@ var AppAuthCard = ({
       for (const [k, v] of Object.entries(incoming)) {
         const lk = k.toLowerCase();
         const isUrlish = lk.includes("url") || lk.includes("endpoint") || lk.includes("host");
-        if (isUrlish && typeof v === "string" && v !== prev[k]) {
+        const isModel = lk === "model";
+        if ((isUrlish || isModel) && typeof v === "string" && v !== prev[k]) {
           next[k] = v;
           changed = true;
         }
@@ -2414,7 +2486,7 @@ var AppAuthCard = ({
             sx: {
               "& .MuiOutlinedInput-root": {
                 backgroundColor: "hsl(var(--background))",
-                borderRadius: 2,
+                borderRadius: 1,
                 "& fieldset": { borderColor: "hsl(var(--border))" },
                 "&:hover fieldset": { borderColor: "hsl(var(--border) / 0.8)" },
                 "&.Mui-focused fieldset": { borderColor: "hsl(var(--primary))" }
@@ -2437,7 +2509,7 @@ var AppAuthCard = ({
             sx: {
               "& .MuiOutlinedInput-root": {
                 backgroundColor: "hsl(var(--background))",
-                borderRadius: 2,
+                borderRadius: 1,
                 "& fieldset": { borderColor: "hsl(var(--border))" },
                 "&:hover fieldset": { borderColor: "hsl(var(--border) / 0.8)" },
                 "&.Mui-focused fieldset": { borderColor: "hsl(var(--primary))" }
@@ -2462,7 +2534,7 @@ var AppAuthCard = ({
             displayEmpty: true,
             sx: {
               backgroundColor: "action.hover",
-              borderRadius: 2,
+              borderRadius: 1,
               color: "text.primary",
               "& .MuiOutlinedInput-notchedOutline": { borderColor: "divider" },
               "&:hover .MuiOutlinedInput-notchedOutline": { borderColor: "text.disabled" },
@@ -2507,6 +2579,7 @@ var AppAuthCard = ({
       const fieldKey = param.id || param.name || `param_${index}`;
       const lowerName = (param.name || "").toLowerCase();
       const isSecretField = lowerName.includes("password") || lowerName.includes("secret") || lowerName.includes("key") || lowerName.includes("token");
+      const isRevealed = !!revealedFields[fieldKey];
       return /* @__PURE__ */ jsx6(
         TextField,
         {
@@ -2537,13 +2610,25 @@ var AppAuthCard = ({
               onFocus: (e) => {
                 e.target.removeAttribute("readonly");
               }
-            }
+            },
+            input: isSecretField ? {
+              endAdornment: /* @__PURE__ */ jsx6(
+                IconButton2,
+                {
+                  size: "small",
+                  onClick: () => setRevealedFields((prev) => ({ ...prev, [fieldKey]: !prev[fieldKey] })),
+                  "aria-label": isRevealed ? `Hide ${param.name}` : `Show ${param.name}`,
+                  sx: { color: "hsl(var(--muted-foreground))", "&:hover": { color: "hsl(var(--foreground))" } },
+                  children: isRevealed ? /* @__PURE__ */ jsx6(EyeOffIcon, { size: 16 }) : /* @__PURE__ */ jsx6(EyeIcon, { size: 16 })
+                }
+              )
+            } : void 0
           },
           name: `auth-${fieldKey}-${app.objectID}-${Math.random().toString(36).slice(2, 8)}`,
           sx: {
             "& .MuiOutlinedInput-root": {
               backgroundColor: isSecretField ? "hsl(var(--primary) / 0.06)" : "hsl(var(--muted))",
-              borderRadius: 2,
+              borderRadius: 1,
               "& fieldset": {
                 borderColor: fieldErrors[fieldKey] ? "hsl(var(--destructive))" : isSecretField ? "hsl(var(--primary) / 0.5)" : "hsl(var(--border))",
                 borderWidth: isSecretField ? 2 : 1
@@ -2555,7 +2640,7 @@ var AppAuthCard = ({
             },
             "& .MuiInputBase-input": {
               color: "hsl(var(--foreground))",
-              ...isSecretField && {
+              ...isSecretField && !isRevealed && {
                 WebkitTextSecurity: "disc",
                 textSecurity: "disc",
                 fontFamily: "text-security-disc, monospace"
@@ -2606,7 +2691,6 @@ var AppAuthCard = ({
     setSaveSuccess(success);
     if (success) {
       setUserHasSelected(false);
-      setLocalCredentials({});
       setFieldErrors({});
     }
   };
@@ -2814,7 +2898,7 @@ var AppAuthCard = ({
                 borderTop: borderless ? "none" : "1px solid hsl(var(--border))"
               },
               children: [
-                apiAuthEntries.length > 0 && /* @__PURE__ */ jsxs4(Box3, { sx: { mb: 3 }, children: [
+                !compactAuthForm && apiAuthEntries.length > 0 && /* @__PURE__ */ jsxs4(Box3, { sx: { mb: 3 }, children: [
                   /* @__PURE__ */ jsx6(Typography3, { variant: "body2", sx: { color: "hsl(var(--muted-foreground))", mb: 1 }, children: "Select authentication" }),
                   /* @__PURE__ */ jsx6(FormControl, { fullWidth: true, size: "small", children: /* @__PURE__ */ jsxs4(
                     Select,
@@ -3353,7 +3437,7 @@ var AppAuthCard = ({
                       children: /* @__PURE__ */ jsx6(Typography3, { sx: { fontSize: "0.875rem" }, children: localTestMessages.errorCode === 401 ? "Previous credentials were invalid or expired. Please enter new credentials." : "Access was denied with the previous credentials. Please re-authenticate with valid permissions." })
                     }
                   ),
-                  /* @__PURE__ */ jsx6(Typography3, { variant: "subtitle2", sx: { color: "hsl(var(--foreground))", fontWeight: 600, mb: 2 }, children: apiAuthEntries.length === 0 ? "Configure Authentication" : "Add New Authentication" }),
+                  /* @__PURE__ */ jsx6(Typography3, { variant: "subtitle2", sx: { color: "hsl(var(--foreground))", fontWeight: 600, mb: 2 }, children: apiAuthEntries.length === 0 ? `Configure ${app.name.replace(/_/g, " ")}` : "Add New Authentication" }),
                   loading ? /* @__PURE__ */ jsxs4(Box3, { sx: { display: "flex", alignItems: "center", justifyContent: "center", py: 4 }, children: [
                     /* @__PURE__ */ jsx6(CircularProgress2, { size: 32, sx: { color: "hsl(var(--primary))" } }),
                     /* @__PURE__ */ jsx6(Typography3, { sx: { ml: 2, color: "hsl(var(--muted-foreground))" }, children: "Loading configuration..." })
@@ -3389,6 +3473,7 @@ var AppAuthCard = ({
                       ] })
                     }
                   ) : /* @__PURE__ */ jsxs4(Box3, { sx: { display: "flex", flexDirection: "column", gap: 3 }, children: [
+                    extraFieldsSlot?.({ credentials: localCredentials, setField: handleCredentialChange }),
                     renderOAuth2Fields(),
                     renderParameterFields(),
                     authState.status === "error" && authState.errorMessage && /* @__PURE__ */ jsx6(
@@ -3443,38 +3528,97 @@ var AppAuthCard = ({
                         children: "Failed to save authentication. Please try again."
                       }
                     ),
-                    !isOAuth2 && /* @__PURE__ */ jsx6(Box3, { sx: { display: "flex", justifyContent: "flex-end", pt: 1.5 }, children: /* @__PURE__ */ jsx6(
-                      Button2,
-                      {
-                        variant: "outlined",
-                        size: "medium",
-                        onClick: (e) => {
-                          e.stopPropagation();
-                          handleSave();
-                        },
-                        disabled: saving || !isFormValid(),
-                        sx: {
-                          borderColor: isFormValid() ? "hsl(var(--primary) / 0.5)" : "hsl(var(--border))",
-                          color: isFormValid() ? "hsl(var(--primary))" : "hsl(var(--muted-foreground))",
-                          fontWeight: 600,
-                          textTransform: "none",
-                          fontSize: "0.9rem",
-                          px: 3,
-                          py: 1,
-                          borderRadius: 2,
-                          transition: "all 0.2s ease",
-                          "&:hover": {
-                            borderColor: "hsl(var(--primary))",
-                            backgroundColor: "hsl(var(--primary) / 0.08)"
+                    !isOAuth2 && /* @__PURE__ */ jsxs4(Box3, { sx: { display: "flex", justifyContent: "flex-end", pt: 1.5, gap: 1, flexWrap: "wrap" }, children: [
+                      pendingFailedAuthId && /* @__PURE__ */ jsx6(
+                        Button2,
+                        {
+                          variant: "text",
+                          size: "medium",
+                          onClick: async (e) => {
+                            e.stopPropagation();
+                            const previousFailedId = pendingFailedAuthId;
+                            setPendingFailedAuthId(null);
+                            setUserHasSelected(true);
+                            setFieldErrors({});
+                            await onSaveAuth(app.objectID, localCredentials);
+                            let entries = apiAuthEntries;
+                            if (onRefreshAuth) {
+                              await onRefreshAuth();
+                            }
+                            entries = apiAuthEntries || [];
+                            const sorted = [...entries].sort((a, b) => (b.created || 0) - (a.created || 0));
+                            const acceptId = sorted[0]?.id || previousFailedId;
+                            setSelectedAuthId(acceptId);
+                            const stale = entries.filter((e2) => e2.id && e2.id !== acceptId);
+                            await Promise.all(stale.map(async (entry) => {
+                              try {
+                                await fetch(getApiUrl(`/api/v1/apps/authentication/${entry.id}`), {
+                                  method: "DELETE",
+                                  credentials: "include",
+                                  headers: { ...getAuthHeader() }
+                                });
+                              } catch (err) {
+                                console.error("[AppAuthCard] Failed to delete stale auth on Save anyway:", err);
+                              }
+                            }));
+                            if (onRefreshAuth) await onRefreshAuth();
+                            if (onSelectAuth) onSelectAuth(app.objectID, acceptId);
+                            if (typeof window !== "undefined") {
+                              window.dispatchEvent(new CustomEvent("integrations-changed"));
+                              window.dispatchEvent(new CustomEvent("agent-drawer-close"));
+                            }
                           },
-                          "&.Mui-disabled": {
-                            borderColor: "hsl(var(--border))",
-                            color: "hsl(var(--muted-foreground))"
-                          }
-                        },
-                        children: saving ? "Saving..." : "Save Authentication"
-                      }
-                    ) }),
+                          sx: {
+                            color: "hsl(var(--muted-foreground))",
+                            fontWeight: 600,
+                            textTransform: "none",
+                            fontSize: "0.85rem",
+                            px: 2,
+                            py: 1,
+                            borderRadius: 2,
+                            "&:hover": {
+                              color: "hsl(var(--foreground))",
+                              backgroundColor: "hsl(var(--muted) / 0.5)"
+                            }
+                          },
+                          title: "Our test isn't always authoritative \u2014 keep the credentials you saved and dismiss the failure.",
+                          children: "Save anyway"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx6(
+                        Button2,
+                        {
+                          variant: "outlined",
+                          size: "medium",
+                          onClick: (e) => {
+                            e.stopPropagation();
+                            setPendingFailedAuthId(null);
+                            handleSave();
+                          },
+                          disabled: saving || !isFormValid(),
+                          sx: {
+                            borderColor: isFormValid() ? "hsl(var(--primary) / 0.5)" : "hsl(var(--border))",
+                            color: isFormValid() ? "hsl(var(--primary))" : "hsl(var(--muted-foreground))",
+                            fontWeight: 600,
+                            textTransform: "none",
+                            fontSize: "0.9rem",
+                            px: 3,
+                            py: 1,
+                            borderRadius: 2,
+                            transition: "all 0.2s ease",
+                            "&:hover": {
+                              borderColor: "hsl(var(--primary))",
+                              backgroundColor: "hsl(var(--primary) / 0.08)"
+                            },
+                            "&.Mui-disabled": {
+                              borderColor: "hsl(var(--border))",
+                              color: "hsl(var(--muted-foreground))"
+                            }
+                          },
+                          children: saving ? "Testing..." : pendingFailedAuthId ? "Retry Test" : "Test Authentication"
+                        }
+                      )
+                    ] }),
                     isOAuth2 && (() => {
                       const hasClientId = !!localCredentials["client_id"]?.trim();
                       const hasClientSecret = !!localCredentials["client_secret"]?.trim();
@@ -5320,6 +5464,7 @@ function AppDetailDrawer({
   onAddToCanvas,
   isAuthenticated = true,
   activeOrgId,
+  autoActivate = false,
   globalUrl,
   userdata,
   isLoaded,
@@ -5517,8 +5662,9 @@ function AppDetailDrawer({
   useEffect7(() => {
     lastValidAuthRef.current = null;
   }, [appName]);
-  const handleActivateToggle = async () => {
+  const handleActivateToggle = async (opts) => {
     if (!appName || activateLoading) return;
+    const silent = !!opts?.silent;
     const wasActivated = isActivated;
     const prevAppId = activatedAppId;
     setIsActivated(!wasActivated);
@@ -5532,7 +5678,7 @@ function AppDetailDrawer({
         });
         if (!res.ok) throw new Error("Deactivate failed");
         setActivatedAppId(null);
-        toast.success(`${displayName} deactivated`);
+        if (!silent) toast.success(`${displayName} deactivated`);
       } else {
         const appId2 = resolvedAlgoliaId;
         if (!appId2) throw new Error("App ID not resolved yet");
@@ -5543,40 +5689,71 @@ function AppDetailDrawer({
         });
         if (!activateRes.ok) throw new Error(`Activate failed (${activateRes.status})`);
         setActivatedAppId(appId2);
-        toast.success(`${displayName} activated`);
+        if (!silent) toast.success(`${displayName} activated`);
       }
     } catch (err) {
       console.error("[Activate] Error:", err);
-      toast.error(err?.message || "Activation failed");
+      if (!silent) toast.error(err?.message || "Activation failed");
       setIsActivated(wasActivated);
       setActivatedAppId(prevAppId);
     } finally {
       setActivateLoading(false);
     }
   };
+  const autoActivateFiredRef = useRef5(null);
+  const [autoActivatePulse, setAutoActivatePulse] = useState8(false);
+  useEffect7(() => {
+    if (!open || !autoActivate || !appName) return;
+    const key = `${appName}`;
+    if (autoActivateFiredRef.current === key) return;
+    if (isActivated !== false) return;
+    if (!resolvedAlgoliaId) return;
+    if (activateLoading) return;
+    autoActivateFiredRef.current = key;
+    setAutoActivatePulse(true);
+    handleActivateToggle({ silent: true }).finally(() => {
+      setTimeout(() => setAutoActivatePulse(false), 1200);
+    });
+  }, [open, autoActivate, appName, isActivated, resolvedAlgoliaId, activateLoading]);
+  useEffect7(() => {
+    if (!open) {
+      autoActivateFiredRef.current = null;
+      setAutoActivatePulse(false);
+    }
+  }, [open, appName]);
   const isLoadingAll = appLoading || isAuthenticated && appAuthLoading;
+  const drawerWidth = `min(${width}px, 100vw)`;
   return /* @__PURE__ */ jsxs9(
     Drawer,
     {
       anchor,
       open,
       onClose: handleClose,
-      slotProps: {
-        paper: {
-          className: scopeClassName,
-          sx: {
-            width: { xs: "100%", sm: width },
-            maxWidth: "100vw",
-            display: "flex",
-            flexDirection: "column",
-            background: "linear-gradient(180deg, hsl(var(--card)) 0%, hsl(var(--background)) 100%)",
-            borderLeft: anchor === "right" ? "1px solid hsl(var(--border))" : "none",
-            borderRight: anchor === "left" ? "1px solid hsl(var(--border))" : "none"
-          }
+      PaperProps: {
+        className: scopeClassName,
+        sx: {
+          width: drawerWidth,
+          minWidth: drawerWidth,
+          maxWidth: drawerWidth,
+          flex: `0 0 ${drawerWidth}`,
+          height: "100vh",
+          display: "flex",
+          flexDirection: "column",
+          overflow: "hidden",
+          background: "linear-gradient(180deg, hsl(var(--card)) 0%, hsl(var(--background)) 100%)",
+          borderLeft: anchor === "right" ? "1px solid hsl(var(--border))" : "none",
+          borderRight: anchor === "left" ? "1px solid hsl(var(--border))" : "none"
         }
       },
       sx: {
-        "& .MuiDrawer-paper": { boxSizing: "border-box" }
+        zIndex: 9999,
+        "& .MuiDrawer-paper": {
+          boxSizing: "border-box",
+          width: `${drawerWidth} !important`,
+          minWidth: `${drawerWidth} !important`,
+          maxWidth: `${drawerWidth} !important`,
+          flex: `0 0 ${drawerWidth} !important`
+        }
       },
       children: [
         /* @__PURE__ */ jsxs9(
@@ -5629,7 +5806,8 @@ function AppDetailDrawer({
               categories: appInfo?.categories,
               isActivated: onAddToCanvas ? null : effectiveActivated,
               activateLoading,
-              onActivateToggle: handleActivateToggle,
+              onActivateToggle: () => handleActivateToggle(),
+              highlightActivate: autoActivatePulse,
               onAdd: onAddToCanvas && appName ? () => {
                 onAddToCanvas({ name: appName, icon: resolvedImage || "", algoliaId: resolvedAlgoliaId });
                 onClose();
@@ -5733,7 +5911,7 @@ function AppDetailDrawer({
 }
 
 // views/ShuffleMCP.tsx
-import "./shuffle-mcp-ER33P3W2.css";
+import "./shuffle-mcp-TWJGPBOQ.css";
 
 // components/SegmentedControl.tsx
 import * as React2 from "react";
@@ -5900,7 +6078,7 @@ function SegmentedControl({
                   children: opt.label
                 }
               ),
-              !isAction && typeof opt.count === "number" && /* @__PURE__ */ jsx13(
+              !isAction && (typeof opt.count === "number" || typeof opt.count === "string") && /* @__PURE__ */ jsx13(
                 "span",
                 {
                   style: {
@@ -6399,8 +6577,8 @@ var ShuffleMCP = React3.forwardRef(({
               value: sourceFilter,
               onChange: (v) => setSourceFilter(v),
               options: [
-                { value: "all", label: "All", count: results.length + filteredPrivateApps.length, title: "All available apps \u2014 both the public catalog and your private apps." },
-                { value: "public", label: "Public", count: results.length, title: "Public apps from the Shuffle catalog (powered by Algolia)." },
+                { value: "all", label: "All", count: results.length >= hitsPerPage ? `${results.length + filteredPrivateApps.length}+` : results.length + filteredPrivateApps.length, title: "All available apps \u2014 both the public catalog and your private apps." },
+                { value: "public", label: "Public", count: results.length >= hitsPerPage ? `${results.length}+` : results.length, title: "Public apps from the Shuffle catalog (powered by Algolia)." },
                 { value: "private", label: "Private", count: filteredPrivateApps.length, title: "Private apps are apps you have activated in your organization, or your own custom apps \u2014 not just from the public Algolia catalog." },
                 { value: "authenticated", label: "Authenticated", count: [...filteredPrivateApps, ...results].filter((a, i, arr) => arr.findIndex((x) => x.name?.toLowerCase() === a.name?.toLowerCase()) === i).filter(isAppConfigured).length, title: "Apps you have authenticated and that are ready to use." }
               ]
@@ -6577,9 +6755,11 @@ function AppSearchDrawer({
   pinnedApps,
   highlightAppName,
   highlightDelayMs = 5e3,
+  realtimeHighlightAppNames,
   multiSelect = false,
   selectedApps,
   onSelectionChange,
+  autoActivate = false,
   globalUrl,
   theme,
   colorMode
@@ -6606,6 +6786,7 @@ function AppSearchDrawer({
     const t = setTimeout(() => setHighlightActive(true), highlightDelayMs);
     return () => clearTimeout(t);
   }, [open, highlightAppName, highlightDelayMs]);
+  const drawerWidth = `min(${width}px, 100vw)`;
   const handleClose = () => {
     setDetailAppName(null);
     setDetailAppId(null);
@@ -6682,29 +6863,38 @@ function AppSearchDrawer({
         anchor,
         open: open && detailAppName === null,
         onClose: handleClose,
-        slotProps: {
-          paper: {
-            className: scopeClassName,
-            sx: {
-              // Strict, environment-independent sizing so the drawer
-              // looks identical on every host (Shuffle Security, /agents,
-              // test page, embedded library, etc.). No breakpoint variance.
-              width: `min(${width}px, 100vw)`,
-              minWidth: `min(${width}px, 100vw)`,
-              maxWidth: "100vw",
-              height: "100vh",
-              display: "flex",
-              flexDirection: "column",
-              overflow: "hidden",
-              background: "linear-gradient(180deg, hsl(var(--card)) 0%, hsl(var(--background)) 100%)",
-              borderLeft: anchor === "right" ? "1px solid hsl(var(--border))" : "none",
-              borderRight: anchor === "left" ? "1px solid hsl(var(--border))" : "none"
-            }
+        PaperProps: {
+          className: scopeClassName,
+          sx: {
+            // Strict, environment-independent sizing so the drawer
+            // looks identical on every host (Shuffle Security, /agents,
+            // test page, embedded library, etc.). No breakpoint variance.
+            // NOTE: use PaperProps (not slotProps.paper) — slotProps.paper
+            // was added in MUI v6 and is silently ignored on MUI v5 hosts,
+            // which made the drawer collapse to content width when
+            // consumed from the published library.
+            width: drawerWidth,
+            minWidth: drawerWidth,
+            maxWidth: drawerWidth,
+            flex: `0 0 ${drawerWidth}`,
+            height: "100vh",
+            display: "flex",
+            flexDirection: "column",
+            overflow: "hidden",
+            background: "linear-gradient(180deg, hsl(var(--card)) 0%, hsl(var(--background)) 100%)",
+            borderLeft: anchor === "right" ? "1px solid hsl(var(--border))" : "none",
+            borderRight: anchor === "left" ? "1px solid hsl(var(--border))" : "none"
           }
         },
         sx: {
           zIndex: 9999,
-          "& .MuiDrawer-paper": { boxSizing: "border-box" }
+          "& .MuiDrawer-paper": {
+            boxSizing: "border-box",
+            width: `${drawerWidth} !important`,
+            minWidth: `${drawerWidth} !important`,
+            maxWidth: `${drawerWidth} !important`,
+            flex: `0 0 ${drawerWidth} !important`
+          }
         },
         children: [
           /* @__PURE__ */ jsxs12(
@@ -6736,7 +6926,7 @@ function AppSearchDrawer({
               ]
             }
           ),
-          /* @__PURE__ */ jsxs12(Box9, { sx: { flex: 1, boxSizing: "border-box", overflow: "hidden", p: 3, minHeight: 0, display: "flex", flexDirection: "column" }, children: [
+          /* @__PURE__ */ jsxs12(Box9, { sx: { flex: 1, width: "100%", minWidth: 0, boxSizing: "border-box", overflow: "hidden", p: 3, minHeight: 0, display: "flex", flexDirection: "column" }, children: [
             connectionPathApps && connectionPathApps.length > 0 && /* @__PURE__ */ jsxs12(Box9, { sx: { mb: 2.5 }, children: [
               /* @__PURE__ */ jsx15(Typography9, { sx: { color: "hsl(var(--muted-foreground))", fontSize: "0.7rem", fontWeight: 600, textTransform: "uppercase", letterSpacing: "0.05em", mb: 1 }, children: "In this usecase" }),
               /* @__PURE__ */ jsx15(Box9, { sx: { display: "flex", gap: 1.5, flexWrap: "wrap" }, children: connectionPathApps.map((app) => /* @__PURE__ */ jsx15(Tooltip5, { title: app.name.replace(/_/g, " "), arrow: true, placement: "bottom", children: /* @__PURE__ */ jsxs12(
@@ -6783,6 +6973,8 @@ function AppSearchDrawer({
               {
                 sx: {
                   flex: 1,
+                  width: "100%",
+                  minWidth: 0,
                   minHeight: 0,
                   overflow: "hidden",
                   "& .singul-container, & .singul-search-bar-container": {
@@ -6795,16 +6987,22 @@ function AppSearchDrawer({
                   },
                   "& .singul-results-container": {
                     flex: 1,
+                    width: "100%",
+                    minWidth: 0,
                     minHeight: 0,
                     maxHeight: "none",
                     overflowY: "auto"
                   },
                   "& .singul-results-grid": {
+                    width: "100% !important",
+                    minWidth: "0 !important",
                     gridTemplateColumns: "repeat(2, minmax(0, 1fr)) !important",
                     gridAutoRows: "78px !important",
                     gap: "12px !important"
                   },
                   "& .singul-results-grid .singul-dropdown-item": {
+                    width: "100%",
+                    maxWidth: "100%",
                     minWidth: 0,
                     minHeight: "78px !important",
                     maxHeight: "78px !important",
@@ -6838,6 +7036,41 @@ function AppSearchDrawer({
                       "0%, 100%": { boxShadow: "0 0 0 2px hsl(var(--primary)), 0 0 12px 1px hsl(var(--primary) / 0.4)" },
                       "50%": { boxShadow: "0 0 0 2px hsl(var(--primary)), 0 0 24px 4px hsl(var(--primary) / 0.75)" }
                     }
+                  } : {},
+                  ...realtimeHighlightAppNames && realtimeHighlightAppNames.length > 0 ? {
+                    [realtimeHighlightAppNames.map((n) => `& .singul-dropdown-item[data-app-name="${n}"]`).join(", ")]: {
+                      position: "relative",
+                      zIndex: 2,
+                      borderColor: "hsl(var(--primary) / 0.78) !important",
+                      backgroundColor: "hsl(var(--primary) / 0.08) !important",
+                      outline: "none !important",
+                      boxShadow: "none !important",
+                      animation: "shuffleHighlightPulseStrong 1.5s ease-in-out infinite",
+                      transition: "border-color 120ms ease, background-color 120ms ease",
+                      "&::before": {
+                        content: '""',
+                        position: "absolute",
+                        left: "10px",
+                        top: "14px",
+                        bottom: "14px",
+                        width: "3px",
+                        borderRadius: "999px",
+                        backgroundColor: "hsl(var(--primary))"
+                      },
+                      "& .singul-app-info": {
+                        paddingLeft: "8px"
+                      }
+                    },
+                    "@keyframes shuffleHighlightPulseStrong": {
+                      "0%, 100%": {
+                        borderColor: "hsl(var(--primary) / 0.62)",
+                        backgroundColor: "hsl(var(--primary) / 0.06)"
+                      },
+                      "50%": {
+                        borderColor: "hsl(var(--primary) / 0.92)",
+                        backgroundColor: "hsl(var(--primary) / 0.12)"
+                      }
+                    }
                   } : {}
                 },
                 children: /* @__PURE__ */ jsx15(AnimatePresence2, { mode: "wait", children: /* @__PURE__ */ jsx15(
@@ -6860,8 +7093,9 @@ function AppSearchDrawer({
                         layout: "grid",
                         gridColumns: 2,
                         inline: true,
+                        initialQuery,
                         initialFilterQuery: initialQuery,
-                        hitsPerPage: 12,
+                        hitsPerPage: 20,
                         showDescription: false,
                         showCategories: true,
                         showCheckbox: multiSelect,
@@ -6952,7 +7186,8 @@ function AppSearchDrawer({
         theme,
         colorMode,
         onRefresh: onClose,
-        onAddToCanvas
+        onAddToCanvas,
+        autoActivate
       }
     )
   ] });
@@ -7219,7 +7454,7 @@ function ShufflePipelinesBanner() {
 var ShufflePipelinesBanner_default = ShufflePipelinesBanner;
 
 // components/AgentUI.tsx
-import { useCallback as useCallback8, useEffect as useEffect11, useMemo as useMemo6, useRef as useRef8, useState as useState12 } from "react";
+import React4, { useCallback as useCallback8, useEffect as useEffect11, useMemo as useMemo6, useRef as useRef8, useState as useState12 } from "react";
 import {
   Plus as AddIcon3,
   Paperclip as AttachFileIcon,
@@ -7240,7 +7475,8 @@ import {
   CircleStop as StopCircleIcon,
   ThumbsDown as ThumbDownIcon,
   ThumbsUp as ThumbUpIcon,
-  AlertTriangle as WarningIcon
+  AlertTriangle as WarningIcon,
+  Search as SearchIcon
 } from "lucide-react";
 import { useNavigate, useSearchParams } from "react-router-dom";
 import {
@@ -7250,16 +7486,182 @@ import {
   Button as Button8,
   Chip as Chip7,
   CircularProgress as CircularProgress4,
+  ClickAwayListener,
   IconButton as IconButton8,
   InputBase as InputBase2,
   MenuItem as MenuItem2,
+  MenuList,
+  Paper,
   Popover,
+  Popper,
   Select as Select2,
   TextField as TextField5,
   Tooltip as Tooltip9,
   Typography as Typography13
 } from "@mui/material";
 import Markdown from "react-markdown";
+
+// components/agentPromptSuggestions.ts
+var AGENT_PROMPT_SUGGESTIONS = [
+  // — Email & comms ————————————————————————————————————————————————
+  "Take care of my emails by pretending to be me and answering them",
+  "Triage my inbox every hour and draft replies for anything urgent",
+  "Summarise my unread emails from the last 24 hours and rank them by importance",
+  "Forward any phishing-looking emails in my inbox to the security team and quarantine them",
+  "Reply to scheduling requests in my inbox using my working hours and calendar availability",
+  "Every morning, send me a digest of overnight emails grouped by sender and topic",
+  "Auto-unsubscribe from marketing emails I have not opened in 60 days",
+  "Snooze low-priority newsletters until Friday afternoon",
+  "Flag and archive shipping notifications once the package is delivered",
+  "Clean up my inbox by archiving anything older than 30 days that I have already read",
+  // — Calendar & meetings ————————————————————————————————————————————
+  "Block focus time on my calendar every weekday morning between 9 and 11",
+  "Decline meetings that conflict with my focus blocks and propose alternatives",
+  "Send me a daily agenda every weekday at 8am with prep notes per meeting",
+  "Reschedule any meeting without an agenda 24 hours before it starts",
+  "Send meeting notes and action items to all attendees after every call",
+  "Find a 30-minute slot this week that works for me and the people I mention",
+  "Cancel recurring meetings that I have skipped 3 times in a row",
+  "Remind me 15 minutes before any meeting that I have not prepared for",
+  // — Incidents & SOC operations ———————————————————————————————————
+  "Triage new incidents every 15 minutes and assign severity, owner, and next steps",
+  "Watch for new critical incidents and page the on-call engineer immediately",
+  "Close incidents older than 30 days that have had no activity and no observables",
+  "Merge duplicate incidents that share the same observable or hostname",
+  "Enrich every new incident with threat intel and asset context within 2 minutes",
+  "Auto-acknowledge incidents from known maintenance windows and link them to the change ticket",
+  "Summarise yesterday's incidents into a daily standup brief for the SOC team",
+  "Escalate any incident that breaches its SLA to the team lead",
+  "Tag every incident with the MITRE ATT&CK technique that best matches its observables",
+  "Watch the alert queue and group related alerts into a single incident",
+  "Auto-resolve incidents whose root cause matches a previously closed incident",
+  "Reopen any closed incident if the same observable shows up again within 7 days",
+  "Send a weekly incident trend report every Monday morning to the security leadership",
+  // — Threat intel & IOCs —————————————————————————————————————————
+  "Pull new IOCs from my threat feeds every hour and push them to the firewall blocklist",
+  "Check every external IP in today's incidents against VirusTotal and AbuseIPDB",
+  "Sweep the environment for any host that has connected to a known bad domain in the last 7 days",
+  "Subscribe to new CISA advisories and turn them into detection rules where possible",
+  "Cross-reference observed file hashes against MalwareBazaar daily",
+  "Watch for newly registered domains that look like our brand and report them",
+  "Alert me whenever a new CVE with a known exploit affects software in our inventory",
+  "Refresh the IOC datastore every 6 hours and prune entries older than 30 days",
+  // — Detection engineering ———————————————————————————————————————
+  "Review noisy detection rules every week and propose tuning suggestions",
+  "Convert the latest Sigma rules from the public repo into our SIEM's format and stage them for review",
+  "Tell me which detection rules have not fired in the last 90 days so I can retire them",
+  "Audit MITRE ATT&CK coverage every Monday and flag techniques with zero detections",
+  "Backtest new detection rules against the last 30 days of logs before promoting them to production",
+  // — SIEM operations ———————————————————————————————————————————
+  "Triage new Splunk alerts every 10 minutes and assign severity, owner, and next steps",
+  "Watch Microsoft Sentinel for high-severity incidents and page the on-call analyst immediately",
+  "Suppress noisy SIEM alerts that fire more than 50 times per hour and open a tuning ticket",
+  "Correlate failed login spikes in the SIEM with VPN logs and flag possible brute-force attempts",
+  "Hunt the SIEM every morning for sign-ins from countries we do not operate in",
+  "Forward critical SIEM detections straight to Case Management and skip the alert queue",
+  "Run a weekly SIEM data-source health check and alert me on any log source silent for over 1 hour",
+  "Enrich every SIEM alert with asset owner, criticality, and recent vulnerabilities before triage",
+  "Search the SIEM for the latest IOCs from threat intel feeds every 30 minutes",
+  "Summarise top 10 noisiest SIEM rules every Friday and propose tuning candidates",
+  "Detect lateral movement patterns in SIEM auth logs and open an incident with the affected hosts",
+  "Watch the SIEM for any disable or delete of audit logging and treat it as a critical incident",
+  // — EDR operations ————————————————————————————————————————————
+  "Isolate any endpoint that triggers a critical CrowdStrike alert and notify the user's manager",
+  "Kill any process on a flagged host that matches a known malware family in EDR telemetry",
+  "Watch SentinelOne for ransomware behavior detections and auto-contain the host within 60 seconds",
+  "Pull the process tree from EDR for every malware detection and attach it to the incident",
+  "Sweep all endpoints for a given hash or filename when a new IOC arrives and report matches",
+  "Detect newly created local admin accounts on any endpoint and require approval before keeping them",
+  "Alert when an EDR agent goes offline for more than 1 hour and open a ticket against the asset owner",
+  "Quarantine any binary flagged as suspicious by EDR and email the user with next steps",
+  "Hunt EDR telemetry every night for LOLBins executed from user-writable directories",
+  "Correlate EDR alerts with SIEM auth events to detect credential theft followed by execution",
+  "Run a weekly EDR coverage report and list endpoints without an active agent",
+  "Auto-resolve EDR alerts that match a known-good signed binary on our allowlist",
+  // — Vulnerability management ————————————————————————————————————
+  "Scan our asset inventory daily and open tickets for any new critical or high vulnerability",
+  "Remind asset owners every Friday about open vulnerabilities older than 14 days",
+  "Re-scan hosts that recently patched a critical vulnerability and close the ticket if clean",
+  "Send the patch compliance report every Monday morning to IT and security leadership",
+  "Correlate vulnerabilities with active exploits in the wild and re-prioritise the queue",
+  // — Endpoint & host monitoring ———————————————————————————————————
+  "Watch my host monitors and alert me if any agent goes offline for more than 1 hour",
+  "Isolate any endpoint that triggers a critical EDR alert and notify the user's manager",
+  "Kill any process on a flagged host that matches a known malware family",
+  "Run an inventory of installed software on every endpoint every Sunday",
+  "Detect new local admin accounts created on any endpoint and require approval",
+  "Make sure full-disk encryption is on for every laptop and report exceptions weekly",
+  // — Identity & access —————————————————————————————————————————
+  "Review user access every quarter and flag anyone with privileges they have not used in 90 days",
+  "Disable accounts that have not logged in for 60 days and notify their manager",
+  "Watch for impossible travel sign-ins and force a password reset plus MFA re-enrolment",
+  "Alert me whenever someone is added to an admin group and require justification within 24 hours",
+  "Audit MFA enrolment weekly and email any user without a second factor",
+  "Rotate service account credentials every 90 days and update the vault",
+  "Detect dormant API keys older than 180 days and revoke them after notice",
+  "Make sure new joiners get baseline access provisioned within 1 hour of their start date",
+  "Make sure leavers have all access revoked within 15 minutes of their termination event",
+  // — Cloud, infra & posture ————————————————————————————————————
+  "Check our cloud accounts every hour for public S3 buckets and lock them down",
+  "Detect new IAM roles with wildcard permissions and require review before they go live",
+  "Watch for unencrypted databases in production and open a ticket against the owner",
+  "Run a CIS benchmark scan against all production cloud accounts every Sunday",
+  "Alert on any new security group that opens ports to 0.0.0.0/0",
+  "Monitor cloud spend daily and warn me if any service's cost jumps more than 50% week-over-week",
+  "Check certificate expiry across our domains weekly and renew anything within 30 days",
+  "Watch our DNS records for unauthorised changes and revert them",
+  // — Phishing & user reports ———————————————————————————————————
+  "Investigate phishing reports from the abuse mailbox and respond to the reporter within 1 hour",
+  "Detonate suspicious attachments in a sandbox and attach the verdict to the incident",
+  "Pull URLs from reported phishing emails and submit them to URLhaus and PhishTank",
+  "Send a phishing simulation to a sample of users every month and report results",
+  // — Compliance, audit & reporting —————————————————————————————
+  "Generate the SOC2 evidence pack at the start of every month",
+  "Track changes to security policies and alert the GRC team when one is edited",
+  "Send a weekly KPI report covering MTTD, MTTR, and open incident backlog",
+  "Audit log retention every Sunday and confirm we still meet the 1-year requirement",
+  "Generate a monthly executive summary of incidents, vulnerabilities, and detection coverage",
+  // — Backups, DR & uptime ————————————————————————————————————
+  "Verify nightly backups completed successfully and alert me if any failed",
+  "Test restore from backup on a sample workload every month and report results",
+  "Watch our public status page for incidents at our critical vendors and notify the team",
+  "Ping our public endpoints every minute and open an incident if any return non-2xx for 3 minutes",
+  // — Tickets, workflow & docs ——————————————————————————————————
+  "Triage new Jira tickets in the security project every hour and assign by category",
+  "Close tickets that have been waiting on the reporter for more than 14 days",
+  "Summarise this week's closed tickets into release notes every Friday",
+  "Pull action items out of meeting notes I share and create tickets for them",
+  "Keep the on-call runbook in sync with the latest incident postmortems",
+  "Review pull requests in our security repos and leave a summary comment within an hour",
+  // — People, HR & onboarding ————————————————————————————————————
+  "Send a welcome message and security training link to every new joiner on their start date",
+  "Run the offboarding checklist whenever someone is marked as a leaver in HR",
+  "Remind managers to complete quarterly performance reviews 1 week before the deadline",
+  "Send birthday and work anniversary greetings from me on the right day",
+  // — Personal / lightweight ops chores —————————————————————————
+  "Order more office coffee whenever the inventory drops below 2 bags",
+  "File my receipts every Friday and submit the expense report",
+  "Track my open invoices and chase clients whose payment is more than 14 days overdue",
+  "Send a polite follow-up to anyone I have emailed but who has not replied in 5 working days",
+  "Read the security news feeds every morning and summarise the top 5 stories for me"
+];
+var matchAgentPromptSuggestions = (input, limit = 8) => {
+  const q = (input || "").trim().toLowerCase();
+  if (!q) return [];
+  const scored = [];
+  for (const text of AGENT_PROMPT_SUGGESTIONS) {
+    const lower = text.toLowerCase();
+    const idx = lower.indexOf(q);
+    if (idx < 0) continue;
+    const score = idx === 0 ? -1e3 + text.length : idx * 10 + text.length;
+    scored.push({ text, score });
+  }
+  scored.sort((a, b) => a.score - b.score);
+  return scored.slice(0, limit).map((s) => s.text);
+};
+var DEFAULT_AGENT_PROMPT_PLACEHOLDER = "Take care of my emails by pretending to be me and answering them";
+
+// components/AgentUI.tsx
 import remarkGfm4 from "remark-gfm";
 import remarkBreaks from "remark-breaks";
 import JsonView2 from "react18-json-view";
@@ -7402,6 +7804,73 @@ function invalidateResolvedApps() {
   _cache.clear();
 }
 
+// llmProviderDetect.ts
+var SHUFFLE_AI_PRESET = "Shuffle AI";
+var CUSTOM_PRESET = "Custom / self-hosted";
+var ENDPOINT_PRESETS = [
+  { label: SHUFFLE_AI_PRESET, url: "" },
+  { 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 PROVIDER_DOMAINS = {
+  "Shuffle AI": "shuffler.io",
+  OpenAI: "openai.com",
+  Anthropic: "anthropic.com",
+  "Google Gemini": "gemini.google.com",
+  Mistral: "mistral.ai",
+  Groq: "groq.com",
+  DeepSeek: "deepseek.com",
+  "Together AI": "together.ai",
+  OpenRouter: "openrouter.ai",
+  "Ollama (localhost)": "ollama.com",
+  "LM Studio (localhost)": "lmstudio.ai"
+};
+var hostnameOf = (url) => {
+  try {
+    return new URL(url).hostname.replace(/^www\./, "");
+  } catch {
+    return null;
+  }
+};
+var detectLLMProvider = (url) => {
+  if (!url) return null;
+  const trimmed = url.trim();
+  if (!trimmed) return null;
+  const exact = ENDPOINT_PRESETS.find((p) => p.url && p.url === trimmed);
+  if (exact) return exact;
+  const host = hostnameOf(trimmed);
+  if (host) {
+    const byHost = ENDPOINT_PRESETS.find((p) => {
+      const presetHost = hostnameOf(p.url);
+      return presetHost && presetHost === host;
+    });
+    if (byHost) return byHost;
+    if (host === "localhost" || host === "127.0.0.1") {
+      if (trimmed.includes(":11434")) return ENDPOINT_PRESETS.find((p) => p.label === "Ollama (localhost)") || null;
+      if (trimmed.includes(":1234")) return ENDPOINT_PRESETS.find((p) => p.label === "LM Studio (localhost)") || null;
+    }
+  }
+  return ENDPOINT_PRESETS.find((p) => p.label === CUSTOM_PRESET) || null;
+};
+var getProviderLogoUrl = (label, url) => {
+  if (!label && !url) return "";
+  let domain = label ? PROVIDER_DOMAINS[label] : void 0;
+  if (!domain && url) {
+    const host = hostnameOf(url);
+    if (host) domain = host;
+  }
+  return domain ? `https://www.google.com/s2/favicons?domain=${domain}&sz=64` : "";
+};
+
 // agentRun.ts
 var resolveTarget = (path, opts = {}) => {
   const url = opts.apiBaseUrl ? `${opts.apiBaseUrl.replace(/\/+$/, "")}${path}` : getApiUrl(path);
@@ -8315,10 +8784,10 @@ var AgentRunDiagnosisBanner = ({ run, sx, onJumpToEvidence, executionId }) => {
   const outputWarning = !isFailed && hasOutputWarning(run);
   const diagnosis = outputWarning ? diagnoseOutputWarning(run) : null;
   if (!failureInfo && !diagnosis) return null;
-  const isCritical = !!failureInfo;
+  const isCritical = !!failureInfo || diagnosis?.kind === "token_limit";
   const tone = isCritical ? "critical" : "medium";
   const Icon = isCritical ? AlertTriangle : HelpCircle;
-  const message = isCritical ? failureInfo.reason : `${diagnosis.title} \u2014 ${diagnosis.remediation}`;
+  const message = failureInfo ? failureInfo.reason : `${diagnosis.title} \u2014 ${diagnosis.remediation}`;
   const firstEvidence = diagnosis?.evidence?.[0] || null;
   const jumpDecisionIndex = firstEvidence ? extractDecisionIndex(firstEvidence.path) : null;
   const canJump = !!(onJumpToEvidence && jumpDecisionIndex !== null);
@@ -8857,7 +9326,7 @@ var TimelineRow = ({
               ),
               /* @__PURE__ */ jsx20(Box14, { sx: {
                 flex: 1,
-                minWidth: 0,
+                minWidth: 180,
                 fontSize: "0.85rem",
                 color: "hsl(var(--foreground))",
                 maxHeight: 60,
@@ -8867,7 +9336,7 @@ var TimelineRow = ({
                 "& a": { color: "hsl(var(--primary))", textDecoration: "underline", textUnderlineOffset: "2px" },
                 "& a:hover": { opacity: 0.85 }
               }, children: /* @__PURE__ */ jsx20(Markdown, { remarkPlugins: [remarkGfm4, remarkBreaks], children: normalizeMarkdown(displayLabel) }) }),
-              /* @__PURE__ */ jsx20(Tooltip9, { title: hasTiming ? `Duration: ${dur.toFixed(2)}s \xB7 ${new Date(itemStart * 1e3).toLocaleString()}` : "No timing data", children: /* @__PURE__ */ jsx20(Box14, { sx: { width: maxWidth, position: "relative", height: 10, flexShrink: 0 }, children: dur > 0 && /* @__PURE__ */ jsx20(Box14, { sx: {
+              /* @__PURE__ */ jsx20(Tooltip9, { title: hasTiming ? `Duration: ${dur.toFixed(2)}s \xB7 ${new Date(itemStart * 1e3).toLocaleString()}` : "No timing data", children: /* @__PURE__ */ jsx20(Box14, { sx: { width: maxWidth, maxWidth, minWidth: 40, position: "relative", height: 10, flexShrink: 1, flexBasis: maxWidth }, children: dur > 0 && /* @__PURE__ */ jsx20(Box14, { sx: {
                 position: "absolute",
                 left: Math.max(0, offset),
                 width,
@@ -9193,7 +9662,7 @@ var AgentUI = ({
   autoLoadApps = true,
   title = "What do you want to do?",
   subtitle,
-  placeholder = 'Describe a task, e.g. "Get my emails for today and summarise them"',
+  placeholder = DEFAULT_AGENT_PROMPT_PLACEHOLDER,
   defaultInput = "",
   autoSubmit = false,
   hideHeroIcon = false,
@@ -9245,6 +9714,29 @@ var AgentUI = ({
   const hasApiKey = !!apiKey || !!API_CONFIG.apiKey;
   const navigate = useNavigate();
   const [actionInput, setActionInput] = useState12(defaultInput);
+  const promptAnchorRef = React4.useRef(null);
+  const [suggestionsDismissed, setSuggestionsDismissed] = useState12(false);
+  const [suggestionIndex, setSuggestionIndex] = useState12(-1);
+  const promptSuggestions = useMemo6(
+    () => matchAgentPromptSuggestions(actionInput, 8),
+    [actionInput]
+  );
+  useEffect11(() => {
+    setSuggestionIndex(-1);
+    setSuggestionsDismissed(false);
+  }, [actionInput]);
+  const suggestionsOpen = promptSuggestions.length > 0 && !suggestionsDismissed;
+  const acceptSuggestion = useCallback8((s) => {
+    setActionInput(s);
+    setSuggestionsDismissed(true);
+    setSuggestionIndex(-1);
+    requestAnimationFrame(() => {
+      try {
+        inputRef.current?.focus();
+      } catch {
+      }
+    });
+  }, []);
   const BUILTIN_DEFAULT_APPS = [
     { name: "http" },
     { name: "shuffle_tools" }
@@ -9252,6 +9744,7 @@ var AgentUI = ({
   const [chosenApps, setChosenApps] = useState12(apps ?? defaultApps ?? BUILTIN_DEFAULT_APPS);
   const [availableApps, setAvailableApps] = useState12([]);
   const [authAppsLoading, setAuthAppsLoading] = useState12(autoLoadApps && hasApiKey);
+  const [detectedLLM, setDetectedLLM] = useState12(null);
   const [executionApps, setExecutionApps] = useState12([]);
   const [resolvedToolApps, setResolvedToolApps] = useState12({});
   const [appSearchOpen, setAppSearchOpen] = useState12(false);
@@ -9286,9 +9779,25 @@ var AgentUI = ({
   const [error, setError] = useState12(null);
   const [searchParams, setSearchParams] = useSearchParams();
   const initialViewParam = searchParams.get("agentView");
-  const [viewMode, setViewMode] = useState12(
-    initialViewParam === "detailed" ? "detailed" : "simple"
-  );
+  const readStoredViewMode = () => {
+    if (initialViewParam === "detailed") return "detailed";
+    if (typeof window === "undefined") return "simple";
+    try {
+      const stored = window.localStorage.getItem("shuffle-agents-view-mode");
+      if (stored === "detailed" || stored === "simple") return stored;
+    } catch {
+    }
+    return "simple";
+  };
+  const [viewMode, setViewMode] = useState12(readStoredViewMode);
+  useEffect11(() => {
+    try {
+      if (typeof window !== "undefined") {
+        window.localStorage.setItem("shuffle-agents-view-mode", viewMode);
+      }
+    } catch {
+    }
+  }, [viewMode]);
   const [attachedImages, setAttachedImages] = useState12([]);
   const [nowTick, setNowTick] = useState12(() => Math.floor(Date.now() / 1e3));
   const [localRunStart, setLocalRunStart] = useState12(null);
@@ -9524,12 +10033,23 @@ var AgentUI = ({
       const list = Array.isArray(result) ? result : result?.data || [];
       const seen = /* @__PURE__ */ new Set();
       const loaded = [];
+      let detectedFromEntries = null;
       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;
+        if (!detectedFromEntries && (name.toLowerCase() === "openai" || app?.id === "5d19dd82517870c68d40cacad9b5ca91")) {
+          const urlField = (entry?.fields || []).find((f) => (f?.key || "").toLowerCase() === "url");
+          const urlVal = (urlField?.value || "").trim();
+          if (urlVal) {
+            const preset = detectLLMProvider(urlVal);
+            if (preset) {
+              detectedFromEntries = { label: preset.label, url: urlVal, logo: getProviderLogoUrl(preset.label, urlVal) };
+            }
+          }
+        }
         const key = normalizeAgentAppName(name);
         if (seen.has(key)) continue;
         seen.add(key);
@@ -9541,6 +10061,7 @@ var AgentUI = ({
       }
       if (signal?.cancelled) return;
       setAvailableApps(loaded);
+      setDetectedLLM(detectedFromEntries);
     } catch {
     } finally {
       if (!signal?.cancelled) setAuthAppsLoading(false);
@@ -9802,7 +10323,12 @@ var AgentUI = ({
     setSimpleSubmitAttempted(false);
     setError(null);
     setLocalRunStart(null);
-    setViewMode("simple");
+    try {
+      const stored = typeof window !== "undefined" ? window.localStorage.getItem("shuffle-agents-view-mode") : null;
+      setViewMode(stored === "detailed" ? "detailed" : "simple");
+    } catch {
+      setViewMode("simple");
+    }
     setShowStarter(false);
     userPickedStartRef.current = false;
     if (readUrlParams && typeof window !== "undefined") {
@@ -10238,6 +10764,34 @@ var AgentUI = ({
     }
   }, [submitOverride, actionInput, chosenApps, submitInput]);
   const onKeyDown = (e) => {
+    if (suggestionsOpen && promptSuggestions.length > 0) {
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        setSuggestionIndex((i) => (i + 1) % promptSuggestions.length);
+        return;
+      }
+      if (e.key === "ArrowUp") {
+        e.preventDefault();
+        setSuggestionIndex((i) => i <= 0 ? promptSuggestions.length - 1 : i - 1);
+        return;
+      }
+      if (e.key === "Escape") {
+        e.preventDefault();
+        setSuggestionsDismissed(true);
+        setSuggestionIndex(-1);
+        return;
+      }
+      if (e.key === "Tab" && suggestionIndex >= 0) {
+        e.preventDefault();
+        acceptSuggestion(promptSuggestions[suggestionIndex]);
+        return;
+      }
+      if (e.key === "Enter" && suggestionIndex >= 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey) {
+        e.preventDefault();
+        acceptSuggestion(promptSuggestions[suggestionIndex]);
+        return;
+      }
+    }
     if ((e.metaKey || e.ctrlKey) && e.key === "Enter") {
       e.preventDefault();
       handlePrimarySubmit();
@@ -10895,7 +11449,7 @@ var AgentUI = ({
                     mt: -1,
                     maxWidth: 600
                   }, children: subtitle }),
-                  /* @__PURE__ */ jsxs17(Box14, { sx: {
+                  /* @__PURE__ */ jsxs17(Box14, { ref: promptAnchorRef, sx: {
                     width: "100%",
                     display: "flex",
                     flexDirection: "column",
@@ -11103,6 +11657,67 @@ var AgentUI = ({
                       ) }) })
                     ] })
                   ] }),
+                  /* @__PURE__ */ jsx20(
+                    Popper,
+                    {
+                      open: suggestionsOpen,
+                      anchorEl: promptAnchorRef.current,
+                      placement: "bottom-start",
+                      style: { zIndex: 1300, width: promptAnchorRef.current?.offsetWidth },
+                      modifiers: [{ name: "offset", options: { offset: [0, 6] } }],
+                      children: /* @__PURE__ */ jsx20(ClickAwayListener, { onClickAway: () => setSuggestionsDismissed(true), children: /* @__PURE__ */ jsx20(
+                        Paper,
+                        {
+                          elevation: 6,
+                          sx: {
+                            bgcolor: "hsl(var(--card))",
+                            border: "1px solid hsl(var(--border))",
+                            borderRadius: 2,
+                            overflow: "hidden",
+                            maxHeight: 320,
+                            overflowY: "auto"
+                          },
+                          children: /* @__PURE__ */ jsx20(MenuList, { dense: true, disablePadding: true, children: promptSuggestions.map((s, i) => {
+                            const q = actionInput.trim();
+                            const lower = s.toLowerCase();
+                            const idx = q ? lower.indexOf(q.toLowerCase()) : -1;
+                            const before = idx >= 0 ? s.slice(0, idx) : s;
+                            const match = idx >= 0 ? s.slice(idx, idx + q.length) : "";
+                            const after = idx >= 0 ? s.slice(idx + q.length) : "";
+                            return /* @__PURE__ */ jsxs17(
+                              MenuItem2,
+                              {
+                                selected: i === suggestionIndex,
+                                onMouseEnter: () => setSuggestionIndex(i),
+                                onMouseDown: (e) => {
+                                  e.preventDefault();
+                                  acceptSuggestion(s);
+                                },
+                                sx: {
+                                  fontSize: "0.88rem",
+                                  color: "hsl(var(--foreground))",
+                                  py: 0.75,
+                                  px: 2,
+                                  "&.Mui-selected, &.Mui-selected:hover": {
+                                    bgcolor: "hsl(var(--muted) / 0.6)"
+                                  }
+                                },
+                                children: [
+                                  /* @__PURE__ */ jsx20(SearchIcon, { size: 14, style: { marginRight: 10, color: "hsl(var(--muted-foreground))", flexShrink: 0 } }),
+                                  /* @__PURE__ */ jsxs17(Box14, { component: "span", sx: { whiteSpace: "normal", lineHeight: 1.4 }, children: [
+                                    before,
+                                    /* @__PURE__ */ jsx20(Box14, { component: "span", sx: { fontWeight: 700, color: "hsl(var(--foreground))" }, children: match }),
+                                    after
+                                  ] })
+                                ]
+                              },
+                              s
+                            );
+                          }) })
+                        }
+                      ) })
+                    }
+                  ),
                   !hideAppPicker && /* @__PURE__ */ jsx20(Box14, { sx: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsxs17(Box14, { sx: {
                     display: "inline-flex",
                     flexWrap: "wrap",
@@ -11153,8 +11768,19 @@ var AgentUI = ({
                           "&:hover": { color: "hsl(var(--foreground))", bgcolor: "hsl(var(--muted) / 0.5)" }
                         },
                         children: [
-                          /* @__PURE__ */ jsx20(SettingsIcon, { size: 14 }),
-                          "Choose LLM"
+                          detectedLLM?.logo ? /* @__PURE__ */ jsx20(
+                            Box14,
+                            {
+                              component: "img",
+                              src: detectedLLM.logo,
+                              alt: "",
+                              sx: { width: 14, height: 14, borderRadius: "3px", objectFit: "contain", display: "block" },
+                              onError: (e) => {
+                                e.currentTarget.style.display = "none";
+                              }
+                            }
+                          ) : /* @__PURE__ */ jsx20(SettingsIcon, { size: 14 }),
+                          detectedLLM?.label || "Choose LLM"
                         ]
                       }
                     ) }),
@@ -11388,7 +12014,7 @@ var AgentUI = ({
                 AgentRunDiagnosisBanner_default,
                 {
                   run: execution?.results?.length ? execution : agentData,
-                  sx: { px: 0, pb: 0, mb: 2 },
+                  sx: { px: 1.5, pb: 0, mb: 2 },
                   executionId: execution?.execution_id,
                   onJumpToEvidence: (decisionIndex) => {
                     const dec = (agentData?.decisions || [])[decisionIndex];
@@ -11613,14 +12239,14 @@ var AgentUI = ({
                       ] })
                     ] });
                   })() : !finishAnswer && isRunning ? /* @__PURE__ */ jsx20(Typography13, { sx: { fontSize: "0.85rem", color: "hsl(var(--muted-foreground))" }, children: "Waiting for the agent to produce the first step." }) : !finishAnswer ? /* @__PURE__ */ jsx20(Typography13, { sx: { fontSize: "0.85rem", color: "hsl(var(--muted-foreground))" }, children: "No final answer was returned. Open Detailed to inspect each step." }) : null,
-                  !isRunning && /* @__PURE__ */ jsx20(Box14, { children: /* @__PURE__ */ jsx20(
+                  /* @__PURE__ */ jsx20(Box14, { children: /* @__PURE__ */ jsx20(
                     Button8,
                     {
                       size: "small",
                       variant: "text",
                       onClick: () => setViewMode("detailed"),
                       sx: { color: "hsl(var(--primary))", textTransform: "none", px: 0 },
-                      children: "View detailed timeline \u2192"
+                      children: isRunning ? "View live detailed timeline \u2192" : "View detailed timeline \u2192"
                     }
                   ) })
                 ] });
@@ -11825,7 +12451,7 @@ import {
 } from "lucide-react";
 
 // components/LocalLLMConfig.tsx
-import { useEffect as useEffect12, useMemo as useMemo7, useRef as useRef9, useState as useState13 } from "react";
+import { useEffect as useEffect12, useMemo as useMemo7, useState as useState13 } from "react";
 import {
   Autocomplete as Autocomplete3,
   Box as Box16,
@@ -11924,8 +12550,6 @@ import { Fragment as Fragment8, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-r
 import { createElement as createElement2 } from "react";
 var OPENAI_APP_NAME = "OpenAI";
 var OPENAI_APP_ID = "5d19dd82517870c68d40cacad9b5ca91";
-var SHUFFLE_AI_PRESET = "Shuffle AI";
-var CUSTOM_PRESET = "Custom / self-hosted";
 var OPENAI_ALGOLIA_APP = {
   name: OPENAI_APP_NAME,
   description: "OpenAI-compatible LLM endpoint for agent operations",
@@ -11945,20 +12569,32 @@ var OPENAI_ALGOLIA_APP = {
   triggers: [],
   verified: true
 };
-var ENDPOINT_PRESETS = [
-  { label: SHUFFLE_AI_PRESET, url: "" },
-  { 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 CUSTOM_MODEL = "Custom\u2026";
+var PROVIDER_MODELS = {
+  OpenAI: ["gpt-5.5", "gpt-5.5-pro", "gpt-5.4", "gpt-5.4-pro", "gpt-5.4-mini", "gpt-5.4-nano", "gpt-5.2", "gpt-5", "gpt-5-mini", "gpt-5-nano", "gpt-4.1", "o4-mini"],
+  Anthropic: ["claude-opus-4-5", "claude-sonnet-4-5", "claude-haiku-4-5", "claude-opus-4", "claude-sonnet-4", "claude-3-7-sonnet-latest"],
+  "Google Gemini": ["gemini-3-pro-preview", "gemini-3-flash-preview", "gemini-3.1-pro-preview", "gemini-3.1-flash-lite-preview", "gemini-3.5-flash", "gemini-2.5-pro", "gemini-2.5-flash", "gemini-2.5-flash-lite"],
+  Mistral: ["mistral-large-2026", "mistral-medium-3", "mistral-small-3.2", "codestral-2026", "magistral-medium-2026", "ministral-8b-latest"],
+  Groq: ["llama-4-maverick-17b-128e", "llama-4-scout-17b-16e", "llama-3.3-70b-versatile", "deepseek-r1-distill-llama-70b", "qwen-3-32b", "kimi-k2-instruct"],
+  DeepSeek: ["deepseek-v3.5", "deepseek-v3", "deepseek-r1", "deepseek-coder-v3"],
+  "Together AI": ["meta-llama/Llama-4-Maverick-17B-128E-Instruct", "meta-llama/Llama-4-Scout-17B-16E-Instruct", "deepseek-ai/DeepSeek-V3", "deepseek-ai/DeepSeek-R1", "Qwen/Qwen3-235B-A22B"],
+  OpenRouter: ["openai/gpt-5.5", "openai/gpt-5.4", "anthropic/claude-opus-4.5", "anthropic/claude-sonnet-4.5", "google/gemini-3-pro-preview", "google/gemini-3-flash-preview", "meta-llama/llama-4-maverick", "deepseek/deepseek-v3.5", "x-ai/grok-4"],
+  "Ollama (localhost)": ["llama3.3", "llama3.2", "qwen3", "qwen3:32b", "deepseek-r1", "deepseek-r1:70b", "mistral-small3", "phi4", "gemma3"],
+  "LM Studio (localhost)": ["llama-3.3-70b-instruct", "qwen3-32b", "deepseek-r1-distill-qwen-32b", "mistral-small-3", "phi-4", "gemma-3-27b"]
+};
+var ProviderLogo = ({ label, url }) => {
+  const [errored, setErrored] = useState13(false);
+  let domain = PROVIDER_DOMAINS[label];
+  if (!domain && url) {
+    try {
+      domain = new URL(url).hostname.replace(/^www\./, "");
+    } catch {
+    }
+  }
+  const src = domain ? `https://www.google.com/s2/favicons?domain=${domain}&sz=64` : "";
+  const initial = label.trim().charAt(0).toUpperCase() || "?";
+  return /* @__PURE__ */ jsx22(Box16, { sx: { width: 18, height: 18, borderRadius: "4px", display: "flex", alignItems: "center", justifyContent: "center", bgcolor: "hsl(var(--muted))", overflow: "hidden", flexShrink: 0 }, children: src && !errored ? /* @__PURE__ */ jsx22("img", { src, alt: "", width: 18, height: 18, style: { display: "block" }, onError: () => setErrored(true) }) : /* @__PURE__ */ jsx22(Typography15, { sx: { fontSize: "0.65rem", fontWeight: 600, color: "hsl(var(--muted-foreground))", lineHeight: 1 }, children: initial }) });
+};
 var LocalLLMConfig = ({ compact, globalUrl, userdata, isLoaded, isLoggedIn, serverside, theme, colorMode }) => {
   useSyncHostBaseUrl(globalUrl);
   const { authStates, authenticatedApps, handleAuthChange, handleTestConnection, handleSaveAuth, refreshAuth } = useAppAuth();
@@ -11974,46 +12610,16 @@ var LocalLLMConfig = ({ compact, globalUrl, userdata, isLoaded, isLoggedIn, serv
     status: "pending",
     credentials: {}
   };
-  const currentUrl = authState.credentials?.url || "";
-  const attemptedDeletionRef = useRef9(/* @__PURE__ */ new Set());
-  useEffect12(() => {
-    if (authState.status === "testing") return;
-    const failedEntries = openaiEntries.filter((e) => e.validation && e.validation.valid === false && e.id);
-    if (failedEntries.length === 0) return;
-    let cancelled = false;
-    (async () => {
-      let deletedAny = false;
-      for (const entry of failedEntries) {
-        const id = entry.id;
-        if (attemptedDeletionRef.current.has(id)) continue;
-        attemptedDeletionRef.current.add(id);
-        try {
-          const resp = await fetch(getApiUrl(`/api/v1/apps/authentication/${id}`), {
-            method: "DELETE",
-            credentials: "include",
-            headers: { ...getAuthHeader() }
-          });
-          if (resp.ok) deletedAny = true;
-        } catch (err) {
-          console.error("[LocalLLMConfig] Failed to auto-delete failed OpenAI auth:", err);
-        }
-      }
-      if (!cancelled && deletedAny) {
-        await refreshAuth();
-        refreshAllIntegrationStatus();
-      }
-    })();
-    return () => {
-      cancelled = true;
-    };
-  }, [openaiEntries, authState.status, refreshAuth]);
+  const savedUrlFromEntry = (openaiEntries[0]?.fields || []).find((f) => (f?.key || "").toLowerCase() === "url")?.value || "";
+  const currentUrl = (authState.credentials?.url || savedUrlFromEntry || "").trim();
+  const [customModel, setCustomModel] = useState13("");
+  const [customMode, setCustomMode] = useState13(false);
   const hasOpenAIEntries = openaiEntries.length > 0;
   const effectivePreset = useMemo7(() => {
     if (selectedPreset) return selectedPreset;
     if (!currentUrl && !hasOpenAIEntries) return SHUFFLE_AI_PRESET;
     if (!currentUrl) return "";
-    const match = ENDPOINT_PRESETS.find((p) => p.url && p.url === currentUrl);
-    return match ? match.label : CUSTOM_PRESET;
+    return detectLLMProvider(currentUrl)?.label || CUSTOM_PRESET;
   }, [selectedPreset, currentUrl, hasOpenAIEntries]);
   const applyShuffleAI = async () => {
     let deletedAny = false;
@@ -12050,7 +12656,16 @@ var LocalLLMConfig = ({ compact, globalUrl, userdata, isLoaded, isLoggedIn, serv
     setSelectedPreset(label);
     const preset = ENDPOINT_PRESETS.find((p) => p.label === label);
     if (!preset) return;
-    handleAuthChange(OPENAI_APP_ID, { ...authState.credentials, url: preset.label === CUSTOM_PRESET ? customUrl : preset.url });
+    const topModel = PROVIDER_MODELS[label]?.[0] || "";
+    const existingModel = authState.credentials?.model || "";
+    const nextModel = topModel || existingModel;
+    setCustomMode(false);
+    setCustomModel("");
+    handleAuthChange(OPENAI_APP_ID, {
+      ...authState.credentials,
+      url: preset.label === CUSTOM_PRESET ? customUrl : preset.url,
+      ...nextModel ? { model: nextModel } : {}
+    });
   };
   const handleCustomUrlChange = (value) => {
     setCustomUrl(value);
@@ -12102,14 +12717,30 @@ var LocalLLMConfig = ({ compact, globalUrl, userdata, isLoaded, isLoggedIn, serv
           isOptionEqualToValue: (opt, val) => opt === val,
           renderOption: (props, option) => {
             const preset = ENDPOINT_PRESETS.find((p) => p.label === option);
-            return /* @__PURE__ */ createElement2("li", { ...props, key: option }, /* @__PURE__ */ jsxs19(Box16, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%", minWidth: 0 }, children: [
+            return /* @__PURE__ */ createElement2("li", { ...props, key: option }, /* @__PURE__ */ jsxs19(Box16, { sx: { display: "flex", alignItems: "center", gap: 1.25, width: "100%", minWidth: 0 }, children: [
+              /* @__PURE__ */ jsx22(ProviderLogo, { label: option, url: preset?.url }),
               /* @__PURE__ */ jsx22(Typography15, { sx: { fontSize: "0.85rem", color: "hsl(var(--popover-foreground))" }, children: option }),
               preset?.url && /* @__PURE__ */ jsx22(Typography15, { component: "span", sx: { ml: "auto", color: "hsl(var(--muted-foreground))", fontSize: "0.75rem", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: preset.url })
             ] }));
           },
-          renderInput: (params) => /* @__PURE__ */ jsx22(TextField6, { ...params, placeholder: "Search a provider\u2026" }),
+          renderInput: (params) => {
+            const preset = ENDPOINT_PRESETS.find((p) => p.label === effectivePreset);
+            return /* @__PURE__ */ jsx22(
+              TextField6,
+              {
+                ...params,
+                placeholder: "Search a provider\u2026",
+                slotProps: {
+                  input: {
+                    ...params.InputProps,
+                    startAdornment: effectivePreset ? /* @__PURE__ */ jsx22(Box16, { sx: { display: "flex", alignItems: "center", pl: 0.5, mr: 0.5 }, children: /* @__PURE__ */ jsx22(ProviderLogo, { label: effectivePreset, url: preset?.url }) }) : void 0
+                  }
+                }
+              }
+            );
+          },
           slotProps: {
-            paper: { sx: { bgcolor: "hsl(var(--popover))", color: "hsl(var(--popover-foreground))", border: "1px solid hsl(var(--border))" } },
+            paper: { sx: { bgcolor: "hsl(var(--popover))", color: "hsl(var(--popover-foreground))", border: "1px solid hsl(var(--border))", minWidth: 580 } },
             popper: { sx: { zIndex: 9999 } }
           }
         }
@@ -12172,6 +12803,59 @@ var LocalLLMConfig = ({ compact, globalUrl, userdata, isLoaded, isLoggedIn, serv
         hideDocsLink: true,
         hideUrlFields: true,
         borderless: true,
+        compactAuthForm: true,
+        extraFieldsSlot: (PROVIDER_MODELS[effectivePreset]?.length ?? 0) > 0 ? ({ credentials, setField }) => {
+          const liveModel = credentials.model || "";
+          const presetModels = PROVIDER_MODELS[effectivePreset] || [];
+          const liveIsCustom = liveModel !== "" && !presetModels.includes(liveModel);
+          const showCustom = customMode || liveIsCustom;
+          const liveSelectValue = showCustom ? CUSTOM_MODEL : liveModel || null;
+          return /* @__PURE__ */ jsxs19(Box16, { sx: { display: "flex", flexDirection: "column", gap: 1 }, children: [
+            /* @__PURE__ */ jsx22(Typography15, { sx: { fontSize: "0.85rem", fontWeight: 600, color: "hsl(var(--foreground))" }, children: "Model" }),
+            /* @__PURE__ */ jsx22(
+              Autocomplete3,
+              {
+                size: "small",
+                fullWidth: true,
+                disableClearable: true,
+                options: [...presetModels, CUSTOM_MODEL],
+                value: liveSelectValue,
+                onChange: (_e, val) => {
+                  if (!val) return;
+                  if (val === CUSTOM_MODEL) {
+                    setCustomMode(true);
+                    setField("model", customModel);
+                  } else {
+                    setCustomMode(false);
+                    setCustomModel("");
+                    setField("model", val);
+                  }
+                },
+                isOptionEqualToValue: (opt, val) => opt === val,
+                slotProps: {
+                  paper: { sx: { bgcolor: "hsl(var(--popover))", color: "hsl(var(--popover-foreground))", border: "1px solid hsl(var(--border))" } },
+                  popper: { sx: { zIndex: 9999 } }
+                },
+                renderInput: (params) => /* @__PURE__ */ jsx22(TextField6, { ...params, placeholder: "Select a model\u2026" })
+              }
+            ),
+            showCustom && /* @__PURE__ */ jsx22(
+              TextField6,
+              {
+                size: "small",
+                fullWidth: true,
+                placeholder: "Enter a custom model identifier",
+                value: customModel || (liveIsCustom ? liveModel : ""),
+                onChange: (e) => {
+                  setCustomModel(e.target.value);
+                  setField("model", e.target.value);
+                },
+                helperText: "Exact model name as expected by the provider's API",
+                sx: { "& .MuiFormHelperText-root": { color: "hsl(var(--muted-foreground))" } }
+              }
+            )
+          ] });
+        } : void 0,
         globalUrl,
         userdata,
         isLoaded,
@@ -12249,9 +12933,16 @@ var AgentRunDrawer = ({
         setActiveTab("localLLM");
       }
     };
+    const onClose2 = () => {
+      onClose();
+    };
     window.addEventListener("agent-drawer-open", onOpen);
-    return () => window.removeEventListener("agent-drawer-open", onOpen);
-  }, []);
+    window.addEventListener("agent-drawer-close", onClose2);
+    return () => {
+      window.removeEventListener("agent-drawer-open", onOpen);
+      window.removeEventListener("agent-drawer-close", onClose2);
+    };
+  }, [onClose]);
   const effectiveLocalLLMSlot = localLLMSlot ?? /* @__PURE__ */ jsx23(
     LocalLLMConfig_default,
     {
@@ -12444,14 +13135,16 @@ import {
   AlertCircle,
   CheckCircle,
   Clock,
+  Database,
   FileText,
   GitBranch,
   Globe,
+  Hand,
   Loader2,
-  Server as Server2,
+  Workflow as WorkflowIcon,
   XCircle,
   Zap,
-  Search as SearchIcon
+  Search as SearchIcon2
 } from "lucide-react";
 
 // agentActivity.ts
@@ -12750,7 +13443,7 @@ var STATUS_CONFIG = {
   EXECUTING: { icon: /* @__PURE__ */ jsx24(Loader2, { size: 16 }), color: "hsl(var(--severity-medium, 38 92% 50%))", label: "Running" },
   RUNNING: { icon: /* @__PURE__ */ jsx24(Loader2, { size: 16 }), color: "hsl(var(--severity-medium, 38 92% 50%))", label: "Running" },
   WAITING: { icon: /* @__PURE__ */ jsx24(Clock, { size: 16 }), color: "hsl(var(--severity-info, 217 91% 60%))", label: "Waiting" },
-  LIMIT_REACHED: { icon: /* @__PURE__ */ jsx24(AlertTriangle2, { size: 16 }), color: "hsl(var(--severity-medium, 38 92% 50%))", label: "Limit reached" }
+  LIMIT_REACHED: { icon: /* @__PURE__ */ jsx24(AlertTriangle2, { size: 16 }), color: "hsl(var(--severity-critical, 0 72% 55%))", label: "Limit reached" }
 };
 var getEffectiveStatus = (run) => {
   const raw = (run.status || "").toUpperCase();
@@ -12763,21 +13456,126 @@ var getEffectiveStatus = (run) => {
   }
   return raw;
 };
-var getRunIcon = (run) => {
-  const src = (run.execution_source || "").toLowerCase();
-  const arg = (run.execution_argument || "").toLowerCase();
-  if (src.includes("schedule") || src.includes("cron")) return /* @__PURE__ */ jsx24(Clock, { size: 18 });
-  if (src.includes("webhook") || src.includes("http")) return /* @__PURE__ */ jsx24(Globe, { size: 18 });
-  if (arg.includes("alert") || arg.includes("detect")) return /* @__PURE__ */ jsx24(Activity, { size: 18 });
-  if (arg.includes("report") || arg.includes("email")) return /* @__PURE__ */ jsx24(FileText, { size: 18 });
-  if (arg.includes("endpoint") || arg.includes("server")) return /* @__PURE__ */ jsx24(Server2, { size: 18 });
-  return /* @__PURE__ */ jsx24(Zap, { size: 18 });
+var SOURCE_ICON_SIZE = 18;
+var looksLikeExecutionId = (s) => /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(s.trim());
+var DATASTORE_KEY_RE = /\bKey:\s*(\S+)/i;
+var DATASTORE_CATEGORY_RE = /\bCategory:\s*(\S+)/i;
+var parseDatastoreTask = (arg) => {
+  if (!arg) return null;
+  const k = arg.match(DATASTORE_KEY_RE);
+  const c = arg.match(DATASTORE_CATEGORY_RE);
+  if (!k || !c) return null;
+  const key = (k[1] || "").trim();
+  const category = (c[1] || "").trim();
+  if (!key || !category) return null;
+  return { key, category };
+};
+var isAIAgentResult = (result) => String(result?.action?.app_name || "").trim().toLowerCase() === "ai agent";
+var getAIAgentResultPayload = (run) => {
+  const results = Array.isArray(run.results) ? run.results : [];
+  const agentResult = results.find(isAIAgentResult);
+  if (!agentResult || typeof agentResult !== "object" || !("result" in agentResult)) return null;
+  return tryParseJson(agentResult.result);
+};
+var getDirectAgentInput = (payload) => {
+  if (!payload || typeof payload !== "object") return null;
+  const obj = payload;
+  if (typeof obj.original_input === "string" && obj.original_input.trim()) {
+    return obj.original_input.trim();
+  }
+  if (typeof obj.input === "string" && obj.input.trim()) {
+    return obj.input.trim();
+  }
+  return null;
+};
+var findDatastoreTaskInRun = (run) => {
+  const agentInput = getDirectAgentInput(getAIAgentResultPayload(run));
+  const agentHit = parseDatastoreTask(agentInput || void 0);
+  if (agentHit) return agentHit;
+  const anyRun = run;
+  const candidates = [];
+  if (typeof anyRun.original_input === "string") candidates.push(anyRun.original_input);
+  if (typeof anyRun.input === "string") candidates.push(anyRun.input);
+  if (run.execution_argument) candidates.push(run.execution_argument);
+  if (run.result) candidates.push(run.result);
+  if (Array.isArray(anyRun.results)) {
+    try {
+      candidates.push(JSON.stringify(anyRun.results));
+    } catch {
+    }
+  }
+  for (const c of candidates) {
+    const hit = parseDatastoreTask(c);
+    if (hit) return hit;
+  }
+  return null;
+};
+var classifyRunSource = (run) => {
+  const raw = (run.execution_source || "").trim();
+  const src = raw.toLowerCase();
+  const ds = findDatastoreTaskInRun(run);
+  if (ds || src.includes("datastore") || src.includes("enrichment") || src.includes("automation")) {
+    return {
+      kind: "datastore",
+      label: "Datastore automation",
+      reason: ds ? `Started by datastore automation (category "${ds.category}", key "${ds.key}"). Click to open in Datastore.` : "Started by a datastore automation (e.g. enrichment trigger).",
+      icon: /* @__PURE__ */ jsx24(Database, { size: SOURCE_ICON_SIZE }),
+      datastoreKey: ds?.key,
+      datastoreCategory: ds?.category
+    };
+  }
+  if (src.includes("schedule") || src.includes("cron")) {
+    return {
+      kind: "schedule",
+      label: "Schedule",
+      reason: "Started by a scheduled trigger (cron).",
+      icon: /* @__PURE__ */ jsx24(Clock, { size: SOURCE_ICON_SIZE })
+    };
+  }
+  if (src.includes("webhook") || src.includes("http")) {
+    return {
+      kind: "webhook",
+      label: "Webhook",
+      reason: "Started by an incoming webhook / HTTP trigger.",
+      icon: /* @__PURE__ */ jsx24(Globe, { size: SOURCE_ICON_SIZE })
+    };
+  }
+  if (src.includes("form")) {
+    return {
+      kind: "form",
+      label: "Form",
+      reason: "Started by a form submission.",
+      icon: /* @__PURE__ */ jsx24(FileText, { size: SOURCE_ICON_SIZE })
+    };
+  }
+  if (raw && looksLikeExecutionId(raw)) {
+    return {
+      kind: "workflow",
+      label: "Workflow",
+      reason: "Started by another workflow as a subflow.",
+      icon: /* @__PURE__ */ jsx24(WorkflowIcon, { size: SOURCE_ICON_SIZE })
+    };
+  }
+  if (src === "" || src === "manual" || src === "default" || src === "demo") {
+    return {
+      kind: "manual",
+      label: "Manual",
+      reason: "Started manually from the Agents UI.",
+      icon: /* @__PURE__ */ jsx24(Hand, { size: SOURCE_ICON_SIZE })
+    };
+  }
+  return {
+    kind: "unknown",
+    label: raw || "Unknown",
+    reason: raw ? `Started by "${raw}".` : "Trigger source unknown.",
+    icon: /* @__PURE__ */ jsx24(Zap, { size: SOURCE_ICON_SIZE })
+  };
 };
 var getRunIconColor = (run) => {
   const status = getEffectiveStatus(run);
   if (status === "FINISHED" || status === "SUCCESS") return "hsl(var(--severity-low, 142 71% 45%))";
   if (status === "FAILED" || status === "ABORTED") return "hsl(var(--severity-critical, 0 72% 55%))";
-  if (status === "LIMIT_REACHED") return "hsl(var(--severity-medium, 38 92% 50%))";
+  if (status === "LIMIT_REACHED") return "hsl(var(--severity-critical, 0 72% 55%))";
   if (status === "EXECUTING" || status === "RUNNING") return "hsl(var(--severity-medium, 38 92% 50%))";
   return "hsl(var(--primary, 24 100% 50%))";
 };
@@ -12875,9 +13673,12 @@ var tryParseJson = (s) => {
   }
 };
 var getRunPrompt = (run) => {
-  const results = Array.isArray(run.results) ? run.results : null;
+  const anyRun = run;
+  const agentInput = getDirectAgentInput(getAIAgentResultPayload(run));
+  if (agentInput) return agentInput;
+  const results = Array.isArray(anyRun.results) ? anyRun.results : null;
   if (results) {
-    const agentResult = results.find((r) => r?.action?.app_name === "AI Agent");
+    const agentResult = results.find(isAIAgentResult);
     if (agentResult?.result) {
       const hit = deepFindPrompt(tryParseJson(agentResult.result));
       if (hit) return hit;
@@ -12888,6 +13689,12 @@ var getRunPrompt = (run) => {
       if (hit) return hit;
     }
   }
+  if (typeof anyRun.original_input === "string" && anyRun.original_input.trim()) {
+    return anyRun.original_input.trim();
+  }
+  if (typeof anyRun.input === "string" && anyRun.input.trim()) {
+    return anyRun.input.trim();
+  }
   if (run.result) {
     const hit = deepFindPrompt(tryParseJson(run.result));
     if (hit) return hit;
@@ -12928,7 +13735,9 @@ var getRunSubtitle = (run) => {
       if (run.result.length < 120) return run.result;
     }
   }
-  return run.execution_source || "Agent execution";
+  const status = getEffectiveStatus(run);
+  const isRunning = status === "EXECUTING" || status === "RUNNING" || status === "WAITING";
+  return run.execution_source || (isRunning ? "Agent still running\u2026" : "Agent execution");
 };
 var normalizeResultStatus = (s) => {
   const v = (s || "").toUpperCase();
@@ -13030,41 +13839,60 @@ var AgentRunRow = ({ run, onClick, sx, appIcons, onAppClick }) => {
         ...Array.isArray(sx) ? sx : sx ? [sx] : []
       ],
       children: [
-        /* @__PURE__ */ jsx24(
-          Box18,
-          {
-            sx: {
-              width: 40,
-              height: 40,
-              borderRadius: "50%",
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              bgcolor: `${iconColor}15`,
-              color: iconColor,
-              flexShrink: 0
-            },
-            children: getRunIcon(run)
-          }
-        ),
+        (() => {
+          const sourceInfo = classifyRunSource(run);
+          const dsLink = sourceInfo.kind === "datastore" && sourceInfo.datastoreKey && sourceInfo.datastoreCategory ? `https://shuffler.io/admin?tab=datastore&category=${encodeURIComponent(sourceInfo.datastoreCategory)}&key=${encodeURIComponent(sourceInfo.datastoreKey)}` : null;
+          return /* @__PURE__ */ jsx24(
+            Tooltip12,
+            {
+              title: /* @__PURE__ */ jsxs21(Box18, { sx: { lineHeight: 1.4 }, children: [
+                /* @__PURE__ */ jsx24(Box18, { sx: { fontWeight: 600 }, children: sourceInfo.label }),
+                /* @__PURE__ */ jsx24(Box18, { sx: { opacity: 0.85 }, children: sourceInfo.reason })
+              ] }),
+              placement: "top",
+              arrow: true,
+              children: /* @__PURE__ */ jsx24(
+                Box18,
+                {
+                  onClick: dsLink ? (e) => {
+                    e.stopPropagation();
+                    window.open(dsLink, "_blank", "noopener,noreferrer");
+                  } : void 0,
+                  sx: {
+                    width: 40,
+                    height: 40,
+                    borderRadius: "50%",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    bgcolor: `${iconColor}15`,
+                    color: iconColor,
+                    flexShrink: 0,
+                    cursor: dsLink ? "pointer" : "inherit",
+                    transition: "background 0.15s ease",
+                    "&:hover": dsLink ? { bgcolor: `${iconColor}30` } : void 0
+                  },
+                  children: sourceInfo.icon
+                }
+              )
+            }
+          );
+        })(),
         /* @__PURE__ */ jsxs21(Box18, { sx: { flex: 1, minWidth: 0 }, children: [
-          /* @__PURE__ */ jsxs21(Box18, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 0.25 }, children: [
-            /* @__PURE__ */ jsx24(
-              Typography17,
-              {
-                sx: {
-                  fontSize: "0.9rem",
-                  fontWeight: 500,
-                  color: "hsl(var(--foreground))",
-                  overflow: "hidden",
-                  textOverflow: "ellipsis",
-                  whiteSpace: "nowrap"
-                },
-                children: getRunTitle(run)
-              }
-            ),
-            /* @__PURE__ */ jsx24(Box18, { sx: { display: "flex", alignItems: "center", color: cfg.color, flexShrink: 0 }, children: cfg.icon })
-          ] }),
+          /* @__PURE__ */ jsx24(Box18, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 0.25 }, children: /* @__PURE__ */ jsx24(
+            Typography17,
+            {
+              sx: {
+                fontSize: "0.9rem",
+                fontWeight: 500,
+                color: "hsl(var(--foreground))",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap"
+              },
+              children: getRunTitle(run)
+            }
+          ) }),
           /* @__PURE__ */ jsx24(
             Typography17,
             {
@@ -13097,17 +13925,20 @@ var AgentRunRow = ({ run, onClick, sx, appIcons, onAppClick }) => {
             ] })
           ] })
         ] }),
-        tools.length > 0 && /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx24(
           Box18,
           {
             onClick: (e) => e.stopPropagation(),
             sx: {
               display: { xs: "none", sm: "flex" },
               alignItems: "center",
+              justifyContent: "flex-end",
               flexShrink: 0,
-              ml: 1
+              ml: 1,
+              width: 140,
+              minHeight: 28
             },
-            children: /* @__PURE__ */ jsx24(
+            children: tools.length > 0 ? /* @__PURE__ */ jsx24(
               AvatarGroup2,
               {
                 max: 5,
@@ -13156,7 +13987,7 @@ var AgentRunRow = ({ run, onClick, sx, appIcons, onAppClick }) => {
                   ) }, t.name);
                 })
               }
-            )
+            ) : null
           }
         )
       ]
@@ -13499,7 +14330,7 @@ var AgentActivityList = ({
               onChange: (e) => updateSearchQuery(e.target.value),
               slotProps: {
                 input: {
-                  startAdornment: /* @__PURE__ */ jsx24(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx24(SearchIcon, { size: 18, color: "hsl(var(--muted-foreground))" }) })
+                  startAdornment: /* @__PURE__ */ jsx24(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx24(SearchIcon2, { size: 18, color: "hsl(var(--muted-foreground))" }) })
                 }
               },
               sx: {
@@ -13979,6 +14810,15 @@ var AgentsView = ({
     open: false,
     tab: "localLLM"
   });
+  useEffect15(() => {
+    if (typeof window === "undefined") return;
+    const handler = (e) => {
+      const detail = e.detail;
+      setBuiltInDrawer({ open: true, tab: detail?.tab ?? "localLLM" });
+    };
+    window.addEventListener("agent-drawer-open", handler);
+    return () => window.removeEventListener("agent-drawer-open", handler);
+  }, []);
   const effectiveSchedule = useCallback10(
     async (info) => {
       if (onSchedule) return onSchedule(info);
@@ -14370,7 +15210,9 @@ export {
   deleteDatastoreItem,
   deleteDatastoreItems,
   diagnoseOutputWarning,
+  extractActionAppNames,
   extractValidatedIngestionApps,
+  extractWorkflowActionAppNames,
   extractWorkflowAppNames,
   fetchApps,
   fetchAppsViaApiConfig,