@shuffleio/shuffle-mcps 0.0.56 → 0.0.58

package/dist/index.js

@@ -1024,10 +1024,10 @@ var init_api = __esm({
       let orgId = overrideOrgId ?? _trackedOrgId;
       if (!orgId && typeof localStorage !== "undefined") {
         try {
-          const raw = localStorage.getItem("shuffle_user_info");
+          const raw = localStorage.getItem("shuffle_user_info") || localStorage.getItem("userinfo") || localStorage.getItem("user_info");
           if (raw) {
             const parsed = JSON.parse(raw);
-            orgId = parsed?.active_org?.id || parsed?.org_id || null;
+            orgId = parsed?.active_org?.id || parsed?.org_id || parsed?.active_org_id || parsed?.orgs && parsed.orgs[0]?.id || null;
           }
         } catch {
         }
@@ -1257,7 +1257,7 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 var import_shuffle_mcp3 = require("./shuffle-mcp-SHQXQS3F.css");
-var import_react37 = __toESM(require("react"));
+var import_react39 = __toESM(require("react"));
 
 // ShuffleMcpThemeProvider.tsx
 var import_react = __toESM(require("react"));
@@ -1470,7 +1470,7 @@ var ShuffleMcpThemeProvider = ({
 };
 
 // views/ShuffleMCP.tsx
-var import_react14 = __toESM(require("react"));
+var import_react15 = __toESM(require("react"));
 var import_algoliasearch = require("algoliasearch");
 var import_material15 = require("@mui/material");
 
@@ -2819,10 +2819,10 @@ var setRuntimeOrgId = (orgId) => {
 var getOrgId = () => {
   if (_runtimeOrgId) return _runtimeOrgId;
   try {
-    const userInfo = localStorage.getItem("shuffle_user_info");
+    const userInfo = localStorage.getItem("shuffle_user_info") || localStorage.getItem("userinfo") || localStorage.getItem("user_info");
     if (userInfo) {
       const parsed = JSON.parse(userInfo);
-      return parsed.active_org?.id || null;
+      return parsed.active_org?.id || parsed.org_id || parsed.active_org_id || parsed.orgs && parsed.orgs[0]?.id || null;
     }
   } catch {
   }
@@ -3638,6 +3638,7 @@ var deleteDatastoreItems = async (keys2, category) => {
 };
 var DATASTORE_CATEGORIES = {
   INCIDENTS: "shuffle-security_incidents",
+  EVENTS: "shuffle-security_events",
   VULNERABILITIES: "shuffle-security_vulns",
   VULNS: "shuffle-security_vulns",
   ASSETS: "shuffle-security_assets",
@@ -3920,13 +3921,22 @@ var useSyncHostBaseUrl = (globalUrl) => {
 };
 
 // auth-utils.ts
+var THIRTY_DAYS_MS = 30 * 24 * 60 * 60 * 1e3;
+function isValidationFresh(validation) {
+  if (validation?.valid !== true) return false;
+  if (!validation.last_valid) return true;
+  const cutoff = Date.now() - THIRTY_DAYS_MS;
+  const lastValidMs = validation.last_valid > 1e12 ? validation.last_valid : validation.last_valid * 1e3;
+  return lastValidMs >= cutoff;
+}
 function deduplicateAuthApps(apps) {
   const appMap = /* @__PURE__ */ new Map();
   apps.forEach((auth) => {
-    if (!auth.active && !auth.validation?.valid) return;
+    if (!auth.app?.name) return;
+    if (!auth.active && !isValidationFresh(auth.validation)) return;
     const normalizedName = auth.app.name.toLowerCase().trim().replace(/[\s_\-]+/g, "_");
     const existing = appMap.get(normalizedName);
-    const isValidated = auth.validation?.valid === true;
+    const isValidated = isValidationFresh(auth.validation);
     const entryImage = auth.app.large_image || "";
     const instance = {
       label: auth.label || auth.id || "Default",
@@ -4142,7 +4152,7 @@ function findForwardTicketsWorkflow(workflows) {
 }
 function extractValidatedIngestionApps(authApiResponse, workflowAppNames) {
   const dedupedApps = deduplicateAuthApps(
-    authApiResponse.filter((auth) => auth.active || auth.validation?.valid)
+    authApiResponse.filter((auth) => auth.active || isValidationFresh(auth.validation))
   );
   const enabledNames = workflowAppNames || /* @__PURE__ */ new Set();
   const apps = [];
@@ -4249,9 +4259,9 @@ function invalidateAuthCache() {
 var TTL_MS2 = 3e4;
 var cache3 = /* @__PURE__ */ new Map();
 var cacheKey2 = (crossOrgId) => crossOrgId || "";
-var THIRTY_DAYS_MS = 30 * 24 * 60 * 60 * 1e3;
+var THIRTY_DAYS_MS2 = 30 * 24 * 60 * 60 * 1e3;
 var applyValidationStaleness = (data) => {
-  const cutoff = Date.now() - THIRTY_DAYS_MS;
+  const cutoff = Date.now() - THIRTY_DAYS_MS2;
   return data.map((entry) => {
     const v = entry.validation;
     if (v?.valid === true && v?.last_valid) {
@@ -4264,7 +4274,7 @@ var applyValidationStaleness = (data) => {
   });
 };
 var doFetch3 = async (crossOrgId) => {
-  if (!hasShuffleAuth()) return [];
+  if (!hasShuffleAuth()) return { data: [], failed: false };
   const headers = {
     ...getAuthHeader(crossOrgId ?? void 0)
   };
@@ -4273,12 +4283,13 @@ var doFetch3 = async (crossOrgId) => {
       credentials: "include",
       headers
     });
-    if (!resp.ok) return [];
+    if (!resp.ok) return { data: [], failed: true };
     const result = await resp.json();
     const data = result?.data || result;
-    return Array.isArray(data) ? applyValidationStaleness(data) : [];
+    if (!Array.isArray(data)) return { data: [], failed: true };
+    return { data: applyValidationStaleness(data), failed: false };
   } catch {
-    return [];
+    return { data: [], failed: true };
   }
 };
 var fetchAuthenticatedApps = (crossOrgId) => {
@@ -4288,12 +4299,17 @@ var fetchAuthenticatedApps = (crossOrgId) => {
     return Promise.resolve(entry.data);
   }
   if (entry.promise) return entry.promise;
-  const promise = doFetch3(crossOrgId).then((data) => {
-    cache3.set(key, { data, fetchedAt: Date.now() });
-    return data;
-  }).catch((err) => {
+  const promise = doFetch3(crossOrgId).then((outcome) => {
+    if (outcome.failed) {
+      const previous = cache3.get(key)?.data;
+      cache3.delete(key);
+      return previous || [];
+    }
+    cache3.set(key, { data: outcome.data, fetchedAt: Date.now() });
+    return outcome.data;
+  }).catch(() => {
     cache3.delete(key);
-    throw err;
+    return [];
   });
   cache3.set(key, { ...entry, promise });
   return promise;
@@ -9645,6 +9661,238 @@ function AppDetailContent({
   ] });
 }
 
+// drawerLayer.ts
+var import_react14 = require("react");
+var STACK_KEY = "__shuffleOverlayStack";
+var COUNTER_KEY = "__shuffleDrawerLayerTop";
+var AUTO_LAYER_KEY = "__shuffleOverlayAutoLayerInstalled";
+var OVERLAY_BASE = 10010;
+var DRAWER_LAYER_BASE = OVERLAY_BASE;
+var SURFACE_STEP = 20;
+var POPUP_OFFSET = 6;
+var TOOLTIP_OFFSET = 12;
+var getStore = () => globalThis;
+var getOverlayStack = () => {
+  const store = getStore();
+  if (!Array.isArray(store[STACK_KEY])) {
+    store[STACK_KEY] = [];
+  }
+  return store[STACK_KEY];
+};
+var getTopSurfaceZIndex = (base3 = OVERLAY_BASE) => {
+  const stack = getOverlayStack();
+  const surfaces = stack.filter((r) => r.type === "surface");
+  if (surfaces.length === 0) {
+    const store = getStore();
+    store[COUNTER_KEY] = base3;
+    return base3;
+  }
+  let maxZ = base3;
+  for (const s of surfaces) {
+    if (s.zIndex > maxZ) {
+      maxZ = s.zIndex;
+    }
+  }
+  getStore()[COUNTER_KEY] = maxZ;
+  return maxZ;
+};
+var syncGlobalCounter = (base3 = OVERLAY_BASE) => {
+  getTopSurfaceZIndex(base3);
+};
+var allocateSurfaceLayer = (id, element2, base3 = OVERLAY_BASE) => {
+  const stack = getOverlayStack();
+  const existing = stack.find((r) => r.id === id || element2 && r.element === element2);
+  if (existing) {
+    return existing.zIndex;
+  }
+  const currentTop = getTopSurfaceZIndex(base3);
+  const nextZ = currentTop + SURFACE_STEP;
+  stack.push({ id, element: element2, zIndex: nextZ, type: "surface" });
+  syncGlobalCounter(base3);
+  return nextZ;
+};
+var releaseOverlayLayer = (idOrElement) => {
+  const stack = getOverlayStack();
+  const index = stack.findIndex(
+    (r) => r.id === idOrElement || typeof idOrElement !== "string" && r.element === idOrElement
+  );
+  if (index !== -1) {
+    stack.splice(index, 1);
+  }
+  syncGlobalCounter();
+};
+var bringSurfaceToFront = (idOrElement) => {
+  const stack = getOverlayStack();
+  const record = stack.find(
+    (r) => r.id === idOrElement || typeof idOrElement !== "string" && r.element === idOrElement
+  );
+  if (!record || record.type !== "surface") {
+    return typeof idOrElement === "string" ? allocateSurfaceLayer(idOrElement, null) : allocateSurfaceLayer("surface_" + Math.random().toString(36).substring(2, 9), idOrElement);
+  }
+  const currentTop = getTopSurfaceZIndex();
+  if (record.zIndex >= currentTop) {
+    return record.zIndex;
+  }
+  record.zIndex = currentTop + SURFACE_STEP;
+  syncGlobalCounter();
+  return record.zIndex;
+};
+var useOverlayLayer = (open, options) => {
+  const base3 = options?.base ?? OVERLAY_BASE;
+  const [zIndex, setZIndex] = (0, import_react14.useState)(() => open ? getTopSurfaceZIndex(base3) + SURFACE_STEP : base3);
+  (0, import_react14.useEffect)(() => {
+    if (!open) return;
+    const id = "hook_" + Math.random().toString(36).substring(2, 9);
+    const allocated = allocateSurfaceLayer(id, null, base3);
+    setZIndex(allocated);
+    return () => {
+      releaseOverlayLayer(id);
+    };
+  }, [open, base3]);
+  return zIndex;
+};
+var useDrawerLayer = (open, base3 = DRAWER_LAYER_BASE) => useOverlayLayer(open, { base: base3 });
+var isSurfaceElement = (el) => {
+  if (!(el instanceof HTMLElement)) return false;
+  return el.classList.contains("MuiDialog-root") || el.classList.contains("MuiDrawer-root") || el.classList.contains("MuiModal-root") && !el.classList.contains("MuiPopover-root") && !el.classList.contains("MuiMenu-root") || el.getAttribute("role") === "dialog" || el.getAttribute("role") === "alertdialog" || Boolean(el.closest("[data-radix-portal]"));
+};
+var isChildPopupElement = (el) => {
+  if (!(el instanceof HTMLElement)) return false;
+  return el.classList.contains("MuiPopover-root") || el.classList.contains("MuiMenu-root") || el.classList.contains("MuiAutocomplete-popper") || Boolean(el.closest("[data-radix-popper-content-wrapper]")) || el.classList.contains("MuiPopper-root") && !el.classList.contains("MuiTooltip-popper");
+};
+var isTooltipElement = (el) => {
+  if (!(el instanceof HTMLElement)) return false;
+  return el.classList.contains("MuiTooltip-popper") || el.getAttribute("role") === "tooltip";
+};
+var isElementOpen = (el) => {
+  if (el.getAttribute("aria-hidden") === "true") return false;
+  if (el.getAttribute("data-state") === "closed") return false;
+  if (el.classList.contains("MuiModal-hidden")) return false;
+  const style = el.style;
+  if (style.display === "none" || style.visibility === "hidden") return false;
+  return true;
+};
+var observerInstance = null;
+var installGlobalOverlayAutoLayer = () => {
+  if (typeof window === "undefined" || typeof document === "undefined") return;
+  const store = getStore();
+  if (store[AUTO_LAYER_KEY]) return;
+  store[AUTO_LAYER_KEY] = true;
+  const handleElementOpen = (el) => {
+    if (isSurfaceElement(el)) {
+      let layerId = el.dataset.shuffleLayerId;
+      if (!layerId) {
+        layerId = "dom_" + Math.random().toString(36).substring(2, 9);
+        el.dataset.shuffleLayerId = layerId;
+      }
+      const targetZ = allocateSurfaceLayer(layerId, el);
+      el.dataset.shuffleLayerZ = String(targetZ);
+      el.style.setProperty("z-index", String(targetZ), "important");
+      const dialogContent = el.querySelector('[role="dialog"], [role="alertdialog"]');
+      if (dialogContent && dialogContent !== el) {
+        dialogContent.style.setProperty("z-index", String(targetZ), "important");
+      }
+      return;
+    }
+    if (isChildPopupElement(el)) {
+      const topZ = getTopSurfaceZIndex();
+      const popupZ = topZ + POPUP_OFFSET;
+      el.dataset.shuffleLayerZ = String(popupZ);
+      el.style.setProperty("z-index", String(popupZ), "important");
+      return;
+    }
+    if (isTooltipElement(el)) {
+      const topZ = getTopSurfaceZIndex();
+      const tooltipZ = topZ + TOOLTIP_OFFSET;
+      el.dataset.shuffleLayerZ = String(tooltipZ);
+      el.style.setProperty("z-index", String(tooltipZ), "important");
+      return;
+    }
+  };
+  const handleElementClose = (el) => {
+    const layerId = el.dataset.shuffleLayerId;
+    if (layerId) {
+      releaseOverlayLayer(layerId);
+      delete el.dataset.shuffleLayerId;
+      delete el.dataset.shuffleLayerZ;
+    } else {
+      releaseOverlayLayer(el);
+    }
+  };
+  const scanNode = (node) => {
+    if (!(node instanceof HTMLElement)) return;
+    if (isSurfaceElement(node) || isChildPopupElement(node) || isTooltipElement(node)) {
+      if (isElementOpen(node)) {
+        handleElementOpen(node);
+      } else {
+        handleElementClose(node);
+      }
+    }
+    const children2 = node.children;
+    for (let i = 0; i < children2.length; i++) {
+      const child = children2[i];
+      if (child instanceof HTMLElement) {
+        if (isSurfaceElement(child) || isChildPopupElement(child) || isTooltipElement(child)) {
+          if (isElementOpen(child)) {
+            handleElementOpen(child);
+          } else {
+            handleElementClose(child);
+          }
+        }
+      }
+    }
+  };
+  observerInstance = new MutationObserver((mutations) => {
+    for (const m of mutations) {
+      if (m.type === "childList") {
+        m.addedNodes.forEach(scanNode);
+        m.removedNodes.forEach((node) => {
+          if (node instanceof HTMLElement) {
+            handleElementClose(node);
+          }
+        });
+      } else if (m.type === "attributes") {
+        const target = m.target;
+        if (target instanceof HTMLElement) {
+          scanNode(target);
+        }
+      }
+    }
+  });
+  const body = document.body;
+  if (body) {
+    observerInstance.observe(body, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: ["class", "style", "aria-hidden", "data-state"]
+    });
+    Array.from(body.children).forEach(scanNode);
+  }
+  document.addEventListener(
+    "pointerdown",
+    (e) => {
+      const target = e.target;
+      if (!target) return;
+      const surface = target.closest(
+        '.MuiDialog-root, .MuiDrawer-root, .MuiModal-root:not(.MuiPopover-root):not(.MuiMenu-root), [role="dialog"], [role="alertdialog"]'
+      );
+      if (!surface || !surface.dataset.shuffleLayerId) return;
+      const currentZ = Number(surface.dataset.shuffleLayerZ || 0);
+      const topZ = getTopSurfaceZIndex();
+      if (currentZ > 0 && currentZ < topZ) {
+        const newZ = bringSurfaceToFront(surface.dataset.shuffleLayerId);
+        surface.dataset.shuffleLayerZ = String(newZ);
+        surface.style.setProperty("z-index", String(newZ), "important");
+      }
+    },
+    true
+  );
+};
+if (typeof window !== "undefined") {
+  installGlobalOverlayAutoLayer();
+}
+
 // views/AppDetailDrawer.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function AppDetailDrawer({
@@ -9674,6 +9922,7 @@ function AppDetailDrawer({
   const drawerWidth = `min(${width}px, 100vw)`;
   const drawerMinWidth = `min(${minWidth}px, 100vw)`;
   const drawerMaxWidth = `min(${maxWidth}px, 100vw)`;
+  const drawerZIndex = useDrawerLayer(open);
   const handleClose = () => {
     onRefresh?.();
     onClose();
@@ -9705,7 +9954,7 @@ function AppDetailDrawer({
       },
       ...{ PaperProps: drawerPaperProps },
       sx: {
-        zIndex: 9999,
+        zIndex: drawerZIndex,
         "& .MuiDrawer-paper": {
           boxSizing: "border-box",
           width: `${drawerWidth} !important`,
@@ -10046,7 +10295,7 @@ var SearchErrorMessage = ({ rateLimited, message }) => {
     }
   );
 };
-var ShuffleMCP = import_react14.default.forwardRef(({
+var ShuffleMCP = import_react15.default.forwardRef(({
   authToken,
   orgId,
   placeholder = "Search apps...",
@@ -10091,33 +10340,38 @@ var ShuffleMCP = import_react14.default.forwardRef(({
   globalUrl
 }, ref) => {
   useSyncHostBaseUrl(globalUrl);
-  const [query, setQuery] = (0, import_react14.useState)(initialQuery);
-  const [results, setResults] = (0, import_react14.useState)([]);
-  const [privateApps, setPrivateApps] = (0, import_react14.useState)([]);
-  const [privateAppsLoading, setPrivateAppsLoading] = (0, import_react14.useState)(!disablePrivateApps);
-  const [sourceFilter, setSourceFilter] = (0, import_react14.useState)("all");
-  const [isLoading, setIsLoading] = (0, import_react14.useState)(false);
-  const [isLoadingMore, setIsLoadingMore] = (0, import_react14.useState)(false);
-  const [page, setPage] = (0, import_react14.useState)(0);
-  const [hasMore, setHasMore] = (0, import_react14.useState)(false);
-  const [searchError, setSearchError] = (0, import_react14.useState)(null);
-  const [isOpen, setIsOpen] = (0, import_react14.useState)(false);
-  const [selectedIndex, setSelectedIndex] = (0, import_react14.useState)(-1);
-  const [internalSelectedApps, setInternalSelectedApps] = (0, import_react14.useState)(selectedApps);
-  const [authenticatedApps, setAuthenticatedApps] = (0, import_react14.useState)(externalAuthenticatedApps || []);
-  const [authenticatedAppsLoading, setAuthenticatedAppsLoading] = (0, import_react14.useState)(!externalAuthenticatedApps);
-  const [drawerApp, setDrawerApp] = (0, import_react14.useState)(null);
-  const [initialSettled, setInitialSettled] = (0, import_react14.useState)(false);
-  const firstSearchDoneRef = (0, import_react14.useRef)(false);
-  const hasInitialized = (0, import_react14.useRef)(false);
-  const containerRef = (0, import_react14.useRef)(null);
-  const resultsScrollRef = (0, import_react14.useRef)(null);
-  const inputRef = (0, import_react14.useRef)(null);
-  const debounceTimer = (0, import_react14.useRef)(null);
-  const searchClient = (0, import_react14.useRef)(null);
-  const activeQueryRef = (0, import_react14.useRef)("");
-  const initialSelectedAppsRef = (0, import_react14.useRef)(selectedApps);
-  const fetchAuthenticatedApps2 = (0, import_react14.useCallback)(async () => {
+  const [query, setQuery] = (0, import_react15.useState)(initialQuery);
+  const [results, setResults] = (0, import_react15.useState)([]);
+  const [privateApps, setPrivateApps] = (0, import_react15.useState)([]);
+  const [privateAppsLoading, setPrivateAppsLoading] = (0, import_react15.useState)(!disablePrivateApps);
+  const [sourceFilter, setSourceFilter] = (0, import_react15.useState)("all");
+  const [isLoading, setIsLoading] = (0, import_react15.useState)(false);
+  const [isLoadingMore, setIsLoadingMore] = (0, import_react15.useState)(false);
+  const [page, setPage] = (0, import_react15.useState)(0);
+  const [hasMore, setHasMore] = (0, import_react15.useState)(false);
+  const [searchError, setSearchError] = (0, import_react15.useState)(null);
+  const [isOpen, setIsOpen] = (0, import_react15.useState)(false);
+  const [selectedIndex, setSelectedIndex] = (0, import_react15.useState)(-1);
+  const [internalSelectedApps, setInternalSelectedApps] = (0, import_react15.useState)(selectedApps);
+  (0, import_react15.useEffect)(() => {
+    if (selectedApps) {
+      setInternalSelectedApps(selectedApps);
+    }
+  }, [selectedApps]);
+  const [authenticatedApps, setAuthenticatedApps] = (0, import_react15.useState)(externalAuthenticatedApps || []);
+  const [authenticatedAppsLoading, setAuthenticatedAppsLoading] = (0, import_react15.useState)(!externalAuthenticatedApps);
+  const [drawerApp, setDrawerApp] = (0, import_react15.useState)(null);
+  const [initialSettled, setInitialSettled] = (0, import_react15.useState)(false);
+  const firstSearchDoneRef = (0, import_react15.useRef)(false);
+  const hasInitialized = (0, import_react15.useRef)(false);
+  const containerRef = (0, import_react15.useRef)(null);
+  const resultsScrollRef = (0, import_react15.useRef)(null);
+  const inputRef = (0, import_react15.useRef)(null);
+  const debounceTimer = (0, import_react15.useRef)(null);
+  const searchClient = (0, import_react15.useRef)(null);
+  const activeQueryRef = (0, import_react15.useRef)("");
+  const initialSelectedAppsRef = (0, import_react15.useRef)(selectedApps);
+  const fetchAuthenticatedApps2 = (0, import_react15.useCallback)(async () => {
     if (!apiKey) {
       setAuthenticatedAppsLoading(false);
       return;
@@ -10143,10 +10397,10 @@ var ShuffleMCP = import_react14.default.forwardRef(({
       setAuthenticatedAppsLoading(false);
     }
   }, [apiKey, apiBaseUrl, authPath, orgId]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     fetchAuthenticatedApps2();
   }, [fetchAuthenticatedApps2]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (disablePrivateApps) {
       setPrivateApps([]);
       setPrivateAppsLoading(false);
@@ -10190,7 +10444,7 @@ var ShuffleMCP = import_react14.default.forwardRef(({
     };
     fetchPrivateApps();
   }, [apiKey, apiBaseUrl, privateAppsPath, disablePrivateApps, orgId]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (disableAutoSelectValidatedApps) return;
     if (authenticatedApps.length > 0 && results.length > 0) {
       const validatedApps = authenticatedApps.filter((auth) => auth.validation?.valid);
@@ -10211,13 +10465,13 @@ var ShuffleMCP = import_react14.default.forwardRef(({
       }
     }
   }, [authenticatedApps, results, disableAutoSelectValidatedApps]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (externalAuthenticatedApps) {
       setAuthenticatedApps(externalAuthenticatedApps);
       setAuthenticatedAppsLoading(false);
     }
   }, [externalAuthenticatedApps]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     searchClient.current = (0, import_algoliasearch.algoliasearch)(algoliaAppId, algoliaApiKey);
     if (!hasInitialized.current) {
       hasInitialized.current = true;
@@ -10230,10 +10484,10 @@ var ShuffleMCP = import_react14.default.forwardRef(({
       }, 100);
     }
   }, []);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     setInternalSelectedApps(selectedApps);
   }, [selectedApps]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -10243,23 +10497,23 @@ var ShuffleMCP = import_react14.default.forwardRef(({
     document.addEventListener("click", handleClickOutside);
     return () => document.removeEventListener("click", handleClickOutside);
   }, []);
-  const isAppConfigured = (0, import_react14.useCallback)((app2) => {
+  const isAppConfigured = (0, import_react15.useCallback)((app2) => {
     return authenticatedApps.some(
       (auth) => auth.app.name.toLowerCase() === app2.name.toLowerCase() && auth.active === true
     );
   }, [authenticatedApps]);
-  const isAppValidated = (0, import_react14.useCallback)((app2) => {
+  const isAppValidated = (0, import_react15.useCallback)((app2) => {
     return authenticatedApps.some(
       (auth) => auth.app.name.toLowerCase() === app2.name.toLowerCase() && auth.validation?.valid === true
     );
   }, [authenticatedApps]);
-  const getAppAuthState = (0, import_react14.useCallback)((app2) => {
+  const getAppAuthState = (0, import_react15.useCallback)((app2) => {
     return {
       configured: isAppConfigured(app2),
       validated: isAppValidated(app2)
     };
   }, [isAppConfigured, isAppValidated]);
-  const performSearch = (0, import_react14.useCallback)(async (searchQuery, pageIndex = 0) => {
+  const performSearch = (0, import_react15.useCallback)(async (searchQuery, pageIndex = 0) => {
     if (!searchClient.current) {
       return;
     }
@@ -10319,29 +10573,29 @@ var ShuffleMCP = import_react14.default.forwardRef(({
       }
     }
   }, [hitsPerPage, algoliaIndexName, privateApps.length, results.length]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (initialSettled) return;
     if (!firstSearchDoneRef.current || isLoading || privateAppsLoading) return;
     initialSelectedAppsRef.current = selectedApps;
     setInitialSettled(true);
   }, [initialSettled, isLoading, privateAppsLoading, selectedApps]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const t = setTimeout(() => setInitialSettled(true), 6e3);
     return () => clearTimeout(t);
   }, []);
   const canLoadMore = hasMore && !isLoading && !isLoadingMore && results.length < MAX_RESULTS;
-  const loadMore = (0, import_react14.useCallback)(() => {
+  const loadMore = (0, import_react15.useCallback)(() => {
     if (!canLoadMore) return;
     performSearch(activeQueryRef.current, page + 1);
   }, [canLoadMore, page, performSearch]);
-  const handleResultsScroll = (0, import_react14.useCallback)((e) => {
+  const handleResultsScroll = (0, import_react15.useCallback)((e) => {
     if (!canLoadMore) return;
     const el = e.currentTarget;
     const distanceFromBottom = el.scrollHeight - el.scrollTop - el.clientHeight;
     if (distanceFromBottom < 200) loadMore();
   }, [canLoadMore, loadMore]);
-  const sentinelRef = (0, import_react14.useRef)(null);
-  (0, import_react14.useEffect)(() => {
+  const sentinelRef = (0, import_react15.useRef)(null);
+  (0, import_react15.useEffect)(() => {
     const node = sentinelRef.current;
     if (!node || !canLoadMore) return;
     const observer = new IntersectionObserver(
@@ -10354,7 +10608,7 @@ var ShuffleMCP = import_react14.default.forwardRef(({
     return () => observer.disconnect();
   }, [canLoadMore, loadMore, results.length]);
   const renderLoadMoreSentinel = () => canLoadMore ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { ref: sentinelRef, style: { height: 1, gridColumn: "1 / -1" } }) : null;
-  (0, import_react14.useImperativeHandle)(ref, () => ({
+  (0, import_react15.useImperativeHandle)(ref, () => ({
     search: (searchQuery) => {
       setQuery(searchQuery);
       onSearchChange?.(searchQuery);
@@ -10377,7 +10631,7 @@ var ShuffleMCP = import_react14.default.forwardRef(({
     },
     getQuery: () => query
   }), [performSearch, onSearchChange, query]);
-  const handleInputChange = (0, import_react14.useCallback)((event) => {
+  const handleInputChange = (0, import_react15.useCallback)((event) => {
     const value = event.target.value;
     setQuery(value);
     setSelectedIndex(-1);
@@ -10389,7 +10643,7 @@ var ShuffleMCP = import_react14.default.forwardRef(({
       performSearch(value);
     }, 300);
   }, [performSearch, onSearchChange]);
-  const selectApp = (0, import_react14.useCallback)((app2) => {
+  const selectApp = (0, import_react15.useCallback)((app2) => {
     const handoffToken = apiKey || authToken || "";
     const authUrl = `${apiBaseUrl}${appAuthPath}?app_id=${app2.objectID}&auth=${handoffToken}&source=shuffle${orgId ? `&org_id=${encodeURIComponent(orgId)}` : ""}`;
     if (multiSelect) {
@@ -10412,7 +10666,7 @@ var ShuffleMCP = import_react14.default.forwardRef(({
       setIsOpen(false);
     }
   }, [authToken, apiKey, apiBaseUrl, appAuthPath, orgId, multiSelect, internalSelectedApps, onAppSelected, onSelectionChange, preventDefault]);
-  const handleKeyDown = (0, import_react14.useCallback)((event) => {
+  const handleKeyDown = (0, import_react15.useCallback)((event) => {
     if (!isOpen) return;
     switch (event.key) {
       case "ArrowDown":
@@ -10437,14 +10691,14 @@ var ShuffleMCP = import_react14.default.forwardRef(({
         break;
     }
   }, [isOpen, results, selectedIndex, selectApp]);
-  const isAppSelected = (0, import_react14.useCallback)((app2) => {
+  const isAppSelected = (0, import_react15.useCallback)((app2) => {
     const norm4 = (s) => (s || "").toLowerCase().replace(/[\s_\-]+/g, "");
     const target = norm4(app2.name);
     return internalSelectedApps.some(
       (a) => a.objectID === app2.objectID || target && norm4(a.name) === target
     );
   }, [internalSelectedApps]);
-  const filteredPrivateApps = (0, import_react14.useMemo)(() => {
+  const filteredPrivateApps = (0, import_react15.useMemo)(() => {
     if (privateApps.length === 0) return [];
     const normalize2 = (s) => (s || "").toLowerCase().replace(/[\s_\-]+/g, "");
     const q = normalize2(query.trim());
@@ -10453,7 +10707,7 @@ var ShuffleMCP = import_react14.default.forwardRef(({
       (a) => normalize2(a.name).includes(q) || normalize2(a.description || "").includes(q) || (a.categories || []).some((c) => normalize2(c).includes(q))
     );
   }, [privateApps, query]);
-  const displayResults = (0, import_react14.useMemo)(() => {
+  const displayResults = (0, import_react15.useMemo)(() => {
     const norm4 = (n) => (n || "").toLowerCase().replace(/[\s_\-]+/g, "");
     let merged;
     if (sourceFilter === "public") {
@@ -10483,7 +10737,7 @@ var ShuffleMCP = import_react14.default.forwardRef(({
     const pinnedNames = new Set(pinnedApps.map((a) => norm4(a.name)));
     return [...pinnedApps, ...sorted.filter((a) => !pinnedNames.has(norm4(a.name)))];
   }, [pinnedApps, results, filteredPrivateApps, sourceFilter, isAppConfigured]);
-  const getGridColumnsStyle = (0, import_react14.useMemo)(() => {
+  const getGridColumnsStyle = (0, import_react15.useMemo)(() => {
     if (layout !== "grid") return {};
     const cols = typeof gridColumns === "number" ? gridColumns : gridColumns.md || 3;
     return { "--singul-grid-columns": cols };
@@ -10762,13 +11016,13 @@ var ShuffleMCP = import_react14.default.forwardRef(({
 ShuffleMCP.displayName = "ShuffleMCP";
 
 // views/AppSearchDrawer.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_lucide_react9 = require("lucide-react");
 var import_material17 = require("@mui/material");
 var import_framer_motion8 = require("framer-motion");
 
 // ../Shuffle-Core/components/AddAppDialog.tsx
-var import_react15 = require("react");
+var import_react16 = require("react");
 var import_material16 = require("@mui/material");
 var import_lucide_react8 = require("lucide-react");
 
@@ -11226,8 +11480,8 @@ var GENERATION_TIPS = [
   "Building the app with 100% fewer hand-wavy examples..."
 ];
 var DotsLoader = ({ message, tips }) => {
-  const [tipIndex, setTipIndex] = (0, import_react15.useState)(0);
-  (0, import_react15.useEffect)(() => {
+  const [tipIndex, setTipIndex] = (0, import_react16.useState)(0);
+  (0, import_react16.useEffect)(() => {
     if (!tips || tips.length === 0) return;
     const interval = setInterval(() => {
       setTipIndex((i) => (i + 1) % tips.length);
@@ -11288,19 +11542,20 @@ var AddAppDialog = ({
   maxLength = 1024,
   initialInput = ""
 }) => {
-  const [input, setInput] = (0, import_react15.useState)(initialInput);
-  const [stage, setStage] = (0, import_react15.useState)("idle");
-  const [spec, setSpec] = (0, import_react15.useState)(null);
-  const [errorMsg, setErrorMsg] = (0, import_react15.useState)("");
-  const [createdAppId, setCreatedAppId] = (0, import_react15.useState)("");
-  const [existing, setExisting] = (0, import_react15.useState)(null);
-  const [liveHits, setLiveHits] = (0, import_react15.useState)([]);
-  const [liveSearching, setLiveSearching] = (0, import_react15.useState)(false);
-  (0, import_react15.useEffect)(() => {
+  const dialogZIndex = useOverlayLayer(open);
+  const [input, setInput] = (0, import_react16.useState)(initialInput);
+  const [stage, setStage] = (0, import_react16.useState)("idle");
+  const [spec, setSpec] = (0, import_react16.useState)(null);
+  const [errorMsg, setErrorMsg] = (0, import_react16.useState)("");
+  const [createdAppId, setCreatedAppId] = (0, import_react16.useState)("");
+  const [existing, setExisting] = (0, import_react16.useState)(null);
+  const [liveHits, setLiveHits] = (0, import_react16.useState)([]);
+  const [liveSearching, setLiveSearching] = (0, import_react16.useState)(false);
+  (0, import_react16.useEffect)(() => {
     if (open) setInput(initialInput);
   }, [open, initialInput]);
   const title = spec?.info?.title || "";
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (stage !== "idle") return;
     const q = input.trim();
     if (!q || looksLikeUrl(q)) {
@@ -11331,7 +11586,7 @@ var AddAppDialog = ({
       clearTimeout(t);
     };
   }, [input, stage, algoliaAppId, algoliaApiKey, algoliaIndexName]);
-  const reset3 = (0, import_react15.useCallback)(() => {
+  const reset3 = (0, import_react16.useCallback)(() => {
     setInput("");
     setStage("idle");
     setSpec(null);
@@ -11339,14 +11594,14 @@ var AddAppDialog = ({
     setCreatedAppId("");
     setExisting(null);
   }, []);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (!open) {
       const t = setTimeout(reset3, 250);
       return () => clearTimeout(t);
     }
     return void 0;
   }, [open, reset3]);
-  const verifyAndCreate = (0, import_react15.useCallback)(
+  const verifyAndCreate = (0, import_react16.useCallback)(
     async (openapiSpec) => {
       setStage("verifying");
       setErrorMsg("");
@@ -11383,7 +11638,7 @@ var AddAppDialog = ({
     },
     [verifyOpenapiPath, onCreated, onOpenChange]
   );
-  const runGeneration = (0, import_react15.useCallback)(
+  const runGeneration = (0, import_react16.useCallback)(
     async (value) => {
       setStage("generating");
       setErrorMsg("");
@@ -11454,6 +11709,12 @@ var AddAppDialog = ({
       onClose: () => onOpenChange(false),
       fullWidth: true,
       maxWidth: "sm",
+      sx: {
+        zIndex: dialogZIndex,
+        "& .MuiBackdrop-root": {
+          zIndex: dialogZIndex
+        }
+      },
       PaperProps: {
         sx: {
           maxWidth: 640,
@@ -11462,7 +11723,8 @@ var AddAppDialog = ({
           color: "hsl(var(--foreground))",
           border: "1px solid hsl(var(--border))",
           borderRadius: 2,
-          boxSizing: "border-box"
+          boxSizing: "border-box",
+          zIndex: dialogZIndex
         }
       },
       children: [
@@ -11904,13 +12166,13 @@ function AppSearchDrawer({
 }) {
   const themeScope = useShuffleMcpTheme();
   const scopeClassName = themeScope?.scopeClassName ?? (theme === "dark" ? "shuffle-mcp-scope dark" : theme === "light" ? "shuffle-mcp-scope" : void 0);
-  const [detailAppName, setDetailAppName] = (0, import_react16.useState)(null);
-  const [detailAppId, setDetailAppId] = (0, import_react16.useState)(null);
-  const [addAppOpen, setAddAppOpen] = (0, import_react16.useState)(false);
-  const [addAppQuery, setAddAppQuery] = (0, import_react16.useState)("");
-  const [highlightActive, setHighlightActive] = (0, import_react16.useState)(false);
-  const [bodyReady, setBodyReady] = (0, import_react16.useState)(false);
-  (0, import_react16.useEffect)(() => {
+  const [detailAppName, setDetailAppName] = (0, import_react17.useState)(null);
+  const [detailAppId, setDetailAppId] = (0, import_react17.useState)(null);
+  const [addAppOpen, setAddAppOpen] = (0, import_react17.useState)(false);
+  const [addAppQuery, setAddAppQuery] = (0, import_react17.useState)("");
+  const [highlightActive, setHighlightActive] = (0, import_react17.useState)(false);
+  const [bodyReady, setBodyReady] = (0, import_react17.useState)(false);
+  (0, import_react17.useEffect)(() => {
     if (!open) {
       setBodyReady(false);
       return;
@@ -11920,7 +12182,7 @@ function AppSearchDrawer({
     });
     return () => cancelAnimationFrame(raf);
   }, [open]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     setHighlightActive(false);
     if (!open || !highlightAppName) return;
     const t = setTimeout(() => setHighlightActive(true), highlightDelayMs);
@@ -11929,6 +12191,7 @@ function AppSearchDrawer({
   const drawerWidth = `min(${width}px, 100vw)`;
   const drawerMinWidth = `min(${minWidth}px, 100vw)`;
   const drawerMaxWidth = `min(${maxWidth}px, 100vw)`;
+  const drawerZIndex = useDrawerLayer(open);
   const handleClose = () => {
     setDetailAppName(null);
     setDetailAppId(null);
@@ -12034,7 +12297,7 @@ function AppSearchDrawer({
         },
         ...{ PaperProps: drawerPaperProps },
         sx: {
-          zIndex: 9999,
+          zIndex: drawerZIndex,
           "& .MuiDrawer-paper": {
             boxSizing: "border-box",
             width: `${drawerWidth} !important`,
@@ -12510,6 +12773,8 @@ var AiAgentPromptsEditor = ({
   prompts,
   apps,
   readOnly = false,
+  skillLabel,
+  isBuiltInApp,
   onChangePrompt,
   onRemovePrompt,
   onAddPrompt,
@@ -12597,16 +12862,44 @@ var AiAgentPromptsEditor = ({
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
               /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                import_material18.Typography,
+                import_material18.Tooltip,
                 {
-                  sx: {
-                    fontSize: "0.65rem",
-                    fontWeight: 600,
-                    color: "hsl(var(--muted-foreground))",
-                    textTransform: "uppercase",
-                    letterSpacing: "0.05em"
-                  },
-                  children: "Allowed apps"
+                  title: skillLabel ? `Allowed apps are shared with ${skillLabel} permissions. Changes made here apply to all automations and agent runs.` : "Apps this AI Agent prompt is permitted to run.",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { sx: { display: "inline-flex", alignItems: "center", gap: 0.75 }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                      import_material18.Typography,
+                      {
+                        sx: {
+                          fontSize: "0.65rem",
+                          fontWeight: 600,
+                          color: "hsl(var(--muted-foreground))",
+                          textTransform: "uppercase",
+                          letterSpacing: "0.05em"
+                        },
+                        children: "Allowed apps"
+                      }
+                    ),
+                    skillLabel && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+                      import_material18.Typography,
+                      {
+                        component: "span",
+                        sx: {
+                          fontSize: "0.62rem",
+                          fontWeight: 600,
+                          color: "hsl(var(--primary))",
+                          bgcolor: "hsl(var(--primary) / 0.1)",
+                          px: 0.6,
+                          py: 0.1,
+                          borderRadius: 0.75,
+                          letterSpacing: "0.02em"
+                        },
+                        children: [
+                          skillLabel,
+                          " permissions"
+                        ]
+                      }
+                    )
+                  ] })
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5, flexWrap: "wrap", flex: 1 }, children: [
@@ -12615,8 +12908,9 @@ var AiAgentPromptsEditor = ({
                   const meta = resolveAppMeta(appKey);
                   const displayName2 = meta.name;
                   const img = meta.image || `https://shuffler.io/images/apps/${displayName2}.png`;
+                  const isBuiltIn = isBuiltInApp ? isBuiltInApp(appKey) : false;
                   const clickable = !readOnly && !!onRemoveApp;
-                  const tip = clickable ? `Remove ${displayName2.replace(/_/g, " ")}` : displayName2.replace(/_/g, " ");
+                  const tip = isBuiltIn ? `${displayName2.replace(/_/g, " ")} (Default built-in app for ${skillLabel || "skill"})` : clickable ? `Remove ${displayName2.replace(/_/g, " ")} (Assigned permission)` : displayName2.replace(/_/g, " ");
                   return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Tooltip, { title: tip, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                     import_material18.IconButton,
                     {
@@ -12626,12 +12920,12 @@ var AiAgentPromptsEditor = ({
                       sx: {
                         width: 26,
                         height: 26,
-                        border: "1px solid hsl(var(--severity-low) / 0.3)",
-                        bgcolor: "hsl(var(--severity-low) / 0.1)",
+                        border: isBuiltIn ? "1px solid hsl(var(--primary) / 0.35)" : "1px solid hsl(var(--severity-low) / 0.3)",
+                        bgcolor: isBuiltIn ? "hsl(var(--primary) / 0.08)" : "hsl(var(--severity-low) / 0.1)",
                         borderRadius: 1,
                         "&.Mui-disabled": {
                           opacity: 1,
-                          bgcolor: "hsl(var(--severity-low) / 0.1)"
+                          bgcolor: isBuiltIn ? "hsl(var(--primary) / 0.08)" : "hsl(var(--severity-low) / 0.1)"
                         },
                         "&:hover": clickable ? {
                           bgcolor: "hsl(var(--destructive) / 0.15)",
@@ -12650,7 +12944,7 @@ var AiAgentPromptsEditor = ({
                     }
                   ) }, appKey);
                 }),
-                !readOnly && onAddAppRequested && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Tooltip, { title: "Add allowed app", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                !readOnly && onAddAppRequested && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Tooltip, { title: skillLabel ? `Assign tools to ${skillLabel}` : "Add allowed app", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                   import_material18.IconButton,
                   {
                     size: "small",
@@ -12763,7 +13057,7 @@ function ShufflePipelinesBanner() {
 var ShufflePipelinesBanner_default = ShufflePipelinesBanner;
 
 // components/AgentUI.tsx
-var import_react23 = __toESM(require("react"));
+var import_react24 = __toESM(require("react"));
 var import_react_dom = require("react-dom");
 
 // agentRunSync.ts
@@ -12818,7 +13112,7 @@ var subscribeLastOpenedAgentRun = (cb) => {
 var import_lucide_react15 = require("lucide-react");
 
 // ../Shuffle-Core/components/WorkflowRunExplorer.tsx
-var import_react17 = __toESM(require("react"));
+var import_react18 = __toESM(require("react"));
 var import_material20 = require("@mui/material");
 var import_icons_material = require("@mui/icons-material");
 
@@ -13320,7 +13614,7 @@ function safeHandler(label, fn) {
 var safeHandler_default = safeHandler;
 
 // components/AgentPresets.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_material21 = require("@mui/material");
 var import_lucide_react11 = require("lucide-react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
@@ -13359,7 +13653,7 @@ var AGENT_PRESETS = [
     icon: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.ShieldAlert, { size: 16 }),
     enabled: true,
     tag: "Beta",
-    defaultApps: [{ name: "shuffle_incidents" }, { name: "shuffle_datastore" }]
+    defaultApps: [{ name: "shuffle_incidents" }]
   },
   {
     id: "host-monitor-control",
@@ -13436,15 +13730,15 @@ var filterAgentPresets = (list, support) => {
   return list.map((p) => SUPPORT_ONLY_PRESET_IDS.includes(p.id) ? { ...p, enabled: false } : p);
 };
 var AgentPresets = ({ variant = "default", onSelectPreset, selectedPreset, onRemoveSelected, presets, chipRef, isSupport, sx, placement }) => {
-  const [anchorEl, setAnchorEl] = (0, import_react18.useState)(null);
+  const [anchorEl, setAnchorEl] = (0, import_react19.useState)(null);
   const open = Boolean(anchorEl);
-  const [supportTick, setSupportTick] = (0, import_react18.useState)(0);
-  (0, import_react18.useEffect)(() => {
+  const [supportTick, setSupportTick] = (0, import_react19.useState)(0);
+  (0, import_react19.useEffect)(() => {
     const bump = () => setSupportTick((t) => t + 1);
     window.addEventListener("storage", bump);
     return () => window.removeEventListener("storage", bump);
   }, []);
-  const list = (0, import_react18.useMemo)(
+  const list = (0, import_react19.useMemo)(
     () => filterAgentPresets(presets && presets.length > 0 ? presets : AGENT_PRESETS, isSupport),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [presets, supportTick, open, isSupport]
@@ -13552,8 +13846,8 @@ var AgentPresets = ({ variant = "default", onSelectPreset, selectedPreset, onRem
       ]
     }
   );
-  const [query, setQuery] = (0, import_react18.useState)("");
-  const filtered = (0, import_react18.useMemo)(() => {
+  const [query, setQuery] = (0, import_react19.useState)("");
+  const filtered = (0, import_react19.useMemo)(() => {
     const q = query.trim().toLowerCase();
     if (!q) return list;
     return list.filter(
@@ -13820,8 +14114,152 @@ var AgentPresets = ({ variant = "default", onSelectPreset, selectedPreset, onRem
 };
 var AgentPresets_default = AgentPresets;
 
+// ../lib/agentTools.ts
+var STORAGE_KEY3 = "agent_tools_config";
+var AGENT_TOOLS_CHANGED_EVENT = "agent-tools-changed";
+var DEFAULT_AGENT = "default";
+var DEFAULT_ACTION_TYPE = "timeline_reply";
+var getActiveOrgId = () => {
+  if (typeof window === "undefined") return null;
+  try {
+    const raw = localStorage.getItem("shuffle_user_info") || localStorage.getItem("userinfo") || localStorage.getItem("user_info");
+    if (!raw) return null;
+    const parsed = JSON.parse(raw);
+    return parsed?.active_org?.id || parsed?.org_id || parsed?.active_org_id || Array.isArray(parsed?.orgs) && parsed.orgs[0]?.id || parsed?.id || null;
+  } catch {
+    return null;
+  }
+};
+var getStorageKey = (orgId) => {
+  const resolved = orgId || getActiveOrgId();
+  return resolved ? `${STORAGE_KEY3}_${resolved}` : STORAGE_KEY3;
+};
+var coerceTool = (raw) => {
+  if (typeof raw === "string") {
+    const trimmed = raw.trim();
+    if (!trimmed) return null;
+    return { name: trimmed, id: trimmed };
+  }
+  if (raw && typeof raw === "object") {
+    const obj = raw;
+    const name = typeof obj.name === "string" ? obj.name.trim() : "";
+    const id = typeof obj.id === "string" && obj.id.trim() ? obj.id.trim() : name;
+    if (!name) return null;
+    return { name, id };
+  }
+  return null;
+};
+var sanitize2 = (parsed) => {
+  let target = parsed;
+  if (target && typeof target === "object" && !Array.isArray(target)) {
+    const obj = target;
+    if (Array.isArray(obj.entries)) {
+      target = obj.entries;
+    }
+  }
+  if (!Array.isArray(target)) return [];
+  return target.filter((e) => e && typeof e.agent === "string" && typeof e.actionType === "string" && Array.isArray(e.tools)).map((e) => ({
+    agent: e.agent,
+    actionType: e.actionType,
+    tools: e.tools.map(coerceTool).filter((t) => !!t),
+    updatedAt: typeof e.updatedAt === "number" ? e.updatedAt : void 0
+  }));
+};
+var extractUpdatedAt = (parsed) => {
+  if (parsed && typeof parsed === "object") {
+    const obj = parsed;
+    if (typeof obj.updatedAt === "number") return obj.updatedAt;
+  }
+  return 0;
+};
+var readCacheRecord = () => {
+  if (typeof window === "undefined") return { entries: [], updatedAt: 0 };
+  try {
+    const key = getStorageKey();
+    let raw = localStorage.getItem(key);
+    let parsed = null;
+    let entries = [];
+    let updatedAt = 0;
+    if (raw) {
+      try {
+        parsed = JSON.parse(raw);
+        entries = sanitize2(parsed);
+        updatedAt = extractUpdatedAt(parsed) || entries.reduce((max, e) => Math.max(max, e.updatedAt || 0), 0);
+      } catch {
+      }
+    }
+    if (entries.length === 0 || entries.every((e) => e.tools.length === 0)) {
+      if (key !== STORAGE_KEY3) {
+        const fallbackRaw = localStorage.getItem(STORAGE_KEY3);
+        if (fallbackRaw) {
+          try {
+            const fallbackParsed = JSON.parse(fallbackRaw);
+            const fallbackEntries = sanitize2(fallbackParsed);
+            if (fallbackEntries.some((e) => e.tools.length > 0)) {
+              entries = fallbackEntries;
+              updatedAt = extractUpdatedAt(fallbackParsed) || fallbackEntries.reduce((max, e) => Math.max(max, e.updatedAt || 0), 0) || Date.now();
+              writeCache(entries, updatedAt);
+            }
+          } catch {
+          }
+        }
+      }
+    }
+    return { entries, updatedAt };
+  } catch {
+    return { entries: [], updatedAt: 0 };
+  }
+};
+var readAll = () => readCacheRecord().entries;
+var writeCache = (entries, explicitUpdatedAt) => {
+  if (typeof window === "undefined") return;
+  try {
+    const updatedAt = explicitUpdatedAt ?? Date.now();
+    const payload = {
+      version: 1,
+      updatedAt,
+      entries
+    };
+    const serialized = JSON.stringify(payload);
+    const orgKey = getStorageKey();
+    localStorage.setItem(orgKey, serialized);
+    if (orgKey !== STORAGE_KEY3) {
+      localStorage.setItem(STORAGE_KEY3, serialized);
+    }
+    window.dispatchEvent(
+      new CustomEvent(AGENT_TOOLS_CHANGED_EVENT, { detail: { updatedAt, entries } })
+    );
+  } catch {
+  }
+};
+var getAgentTools = (agent = DEFAULT_AGENT, actionType = DEFAULT_ACTION_TYPE) => {
+  const all = readAll();
+  const entry = all.find((e) => e.agent === agent && e.actionType === actionType);
+  if (entry && entry.tools && entry.tools.length > 0) {
+    return entry.tools;
+  }
+  if (agent === "incident-handler" || agent === "incident-response" || agent === DEFAULT_AGENT) {
+    const found = all.find(
+      (e) => (e.agent === "incident-handler" || e.agent === "incident-response" || e.agent === DEFAULT_AGENT) && e.actionType === actionType && e.tools && e.tools.length > 0
+    );
+    if (found?.tools && found.tools.length > 0) return found.tools;
+  }
+  return [];
+};
+var getToolsForSkill = (skillOrPresetId) => {
+  const normalized = (skillOrPresetId || "").toLowerCase().trim();
+  if (normalized === "incident-handler" || normalized === "incident-response" || normalized === "default") {
+    const ih = getAgentTools("incident-handler");
+    if (ih.length > 0) return ih;
+    const ir = getAgentTools("incident-response");
+    if (ir.length > 0) return ir;
+    return getAgentTools(DEFAULT_AGENT);
+  }
+  return getAgentTools(normalized);
+};
+
 // useAgentPromptPrefix.ts
-var import_react19 = require("react");
+var import_react20 = require("react");
 var AGENT_PROMPT_PREFIX_CATEGORY = "agent-prompt-prefix";
 var DEFAULT_AGENT_PROMPT_PREFIX = "";
 var decodePrompt = (raw) => {
@@ -13853,11 +14291,11 @@ var decodePrompt = (raw) => {
 var useAgentPromptPrefix = (options = {}) => {
   const { userId, defaultPrompt = DEFAULT_AGENT_PROMPT_PREFIX, persist = true } = options;
   const key = userId || "default";
-  const [prompt, setPrompt] = (0, import_react19.useState)(defaultPrompt);
-  const [hasFetched, setHasFetched] = (0, import_react19.useState)(false);
-  const [isSaving, setIsSaving] = (0, import_react19.useState)(false);
-  const fetchedForKey = (0, import_react19.useRef)(null);
-  (0, import_react19.useEffect)(() => {
+  const [prompt, setPrompt] = (0, import_react20.useState)(defaultPrompt);
+  const [hasFetched, setHasFetched] = (0, import_react20.useState)(false);
+  const [isSaving, setIsSaving] = (0, import_react20.useState)(false);
+  const fetchedForKey = (0, import_react20.useRef)(null);
+  (0, import_react20.useEffect)(() => {
     if (!persist) {
       setHasFetched(true);
       return;
@@ -13884,7 +14322,7 @@ var useAgentPromptPrefix = (options = {}) => {
       cancelled = true;
     };
   }, [key, persist]);
-  const savePrompt = (0, import_react19.useCallback)(async (next) => {
+  const savePrompt = (0, import_react20.useCallback)(async (next) => {
     const prev = prompt;
     setPrompt(next);
     if (!persist) return true;
@@ -14040,6 +14478,9 @@ var runAgent = async (request) => {
   if (request.incidentId) {
     input.incident_id = request.incidentId;
   }
+  if (request.incidentContext) {
+    input.incident_context = request.incidentContext;
+  }
   if (request.vulnerabilityId) {
     input.vulnerability_id = request.vulnerabilityId;
   }
@@ -14318,16 +14759,143 @@ var getCachedGroupDocs = (groupId, folder) => {
   }));
 };
 
+// ../lib/incidentPromptContext.ts
+var GLOBAL_INCIDENT_KEY = "__shuffleActiveIncidentContext";
+var getGlobalScope = () => {
+  if (typeof globalThis !== "undefined") return globalThis;
+  if (typeof window !== "undefined") return window;
+  if (typeof global !== "undefined") return global;
+  return null;
+};
+var getActiveIncidentPromptContext = () => {
+  const scope = getGlobalScope();
+  if (!scope) return null;
+  const info = scope[GLOBAL_INCIDENT_KEY];
+  if (info && typeof info === "object") {
+    return info;
+  }
+  return null;
+};
+var INCIDENT_PROMPT_DELIMITER_START = "=== INCIDENT CONTEXT ===";
+var INCIDENT_PROMPT_DELIMITER_END = "=== END INCIDENT CONTEXT ===";
+var formatObservableType = (type) => {
+  if (!type) return "Indicator";
+  const clean = type.toLowerCase().trim();
+  switch (clean) {
+    case "ip":
+    case "ipv4":
+    case "ip_address":
+      return "IPv4";
+    case "ipv6":
+      return "IPv6";
+    case "hash":
+    case "sha256":
+    case "file_hash":
+      return "SHA256";
+    case "md5":
+      return "MD5";
+    case "sha1":
+      return "SHA1";
+    case "hostname":
+    case "host":
+    case "endpoint":
+      return "Hostname";
+    case "domain":
+      return "Domain";
+    case "url":
+      return "URL";
+    case "user":
+    case "username":
+    case "account":
+      return "User";
+    case "email":
+      return "Email";
+    case "process":
+    case "process_name":
+      return "Process";
+    case "file":
+    case "filename":
+      return "File";
+    default:
+      return type.charAt(0).toUpperCase() + type.slice(1);
+  }
+};
+var isIncidentInjectedPrompt = (prompt) => {
+  if (!prompt || typeof prompt !== "string") return false;
+  return prompt.includes(INCIDENT_PROMPT_DELIMITER_START) || prompt.includes("OPERATIONAL DIRECTIVES:") || prompt.includes("INCIDENT OBSERVABLES / IOCs:");
+};
+var extractCleanIncidentPrompt = (prompt) => {
+  if (!prompt || typeof prompt !== "string") return "";
+  const trimmed = prompt.trim();
+  const taskMatch = trimmed.match(/TASK TO EXECUTE:\s*\n\s*-\s*Task:\s*([^\n]+)/i);
+  if (taskMatch && taskMatch[1]?.trim()) {
+    return `Task: ${taskMatch[1].trim()}`;
+  }
+  const legacyMatch = trimmed.match(/\n\s*Task:\s*([^\n]+)/i);
+  if (legacyMatch && legacyMatch[1]?.trim()) {
+    return `Task: ${legacyMatch[1].trim()}`;
+  }
+  if (trimmed.includes(INCIDENT_PROMPT_DELIMITER_START)) {
+    const before = trimmed.split(INCIDENT_PROMPT_DELIMITER_START)[0]?.trim();
+    if (before) return before;
+  }
+  return trimmed;
+};
+var composeIncidentPromptInput = (rawInput, context) => {
+  if (!rawInput || typeof rawInput !== "string") return "";
+  const trimmed = rawInput.trim();
+  if (isIncidentInjectedPrompt(trimmed)) {
+    return trimmed;
+  }
+  const ctx = context || getActiveIncidentPromptContext();
+  if (!ctx || !ctx.id) {
+    return trimmed;
+  }
+  const incidentRef = ctx.id ? `#${ctx.id}` : "";
+  const incidentTitle = ctx.title?.trim() || "Incident";
+  const severity = ctx.severity || "Medium";
+  const status = ctx.status || "In Progress";
+  const description = ctx.description?.trim() || "No description provided.";
+  const seenObservables = /* @__PURE__ */ new Set();
+  const formattedObservables = [];
+  if (Array.isArray(ctx.observables)) {
+    for (const obs of ctx.observables) {
+      if (!obs || obs.archived || !obs.value?.trim()) continue;
+      const val = obs.value.trim();
+      const typeLabel = formatObservableType(obs.type);
+      const key = `${typeLabel.toLowerCase()}:${val.toLowerCase()}`;
+      if (seenObservables.has(key)) continue;
+      seenObservables.add(key);
+      formattedObservables.push(`- ${typeLabel}: ${val}`);
+    }
+  }
+  const observablesBlock = formattedObservables.length > 0 ? formattedObservables.slice(0, 50).join("\n") : "- None recorded yet";
+  return `${trimmed}
+
+${INCIDENT_PROMPT_DELIMITER_START}
+INCIDENT CONTEXT:
+- Incident: ${incidentRef} ("${incidentTitle}")
+- Severity: ${severity} | Status: ${status}
+- Summary: ${description}
+
+INCIDENT OBSERVABLES / IOCs:
+${observablesBlock}
+${INCIDENT_PROMPT_DELIMITER_END}
+
+DIRECTIVES:
+- Relevant incident details and observables are provided above. Do not call "get_incident" unless raw external logs are required.`;
+};
+
 // ../lib/docsPromptContext.ts
 var GLOBAL_DOC_KEY = "__shuffleActiveDocInfo";
-var getGlobalScope = () => {
+var getGlobalScope2 = () => {
   if (typeof globalThis !== "undefined") return globalThis;
   if (typeof window !== "undefined") return window;
   if (typeof global !== "undefined") return global;
   return null;
 };
 var getActiveDocPromptContext = () => {
-  const scope = getGlobalScope();
+  const scope = getGlobalScope2();
   if (!scope) return null;
   const info = scope[GLOBAL_DOC_KEY];
   if (info && typeof info === "object") {
@@ -14368,6 +14936,9 @@ var isDocInjectedPrompt = (prompt) => {
 var extractCleanDisplayPrompt = (prompt) => {
   if (!prompt || typeof prompt !== "string") return "";
   const trimmed = prompt.trim();
+  if (isIncidentInjectedPrompt(trimmed)) {
+    return extractCleanIncidentPrompt(trimmed);
+  }
   if (!isDocInjectedPrompt(trimmed)) return trimmed;
   if (trimmed.includes(DOC_PROMPT_DELIMITER_END)) {
     const parts = trimmed.split(DOC_PROMPT_DELIMITER_END);
@@ -14407,7 +14978,7 @@ var composeDocPromptInput = (userQuestion, pathname, fallbackTitle, overrideDocI
     return trimmedQuestion;
   }
   const activeDoc = overrideDocInfo ?? getActiveDocPromptContext();
-  const rawTitle = (activeDoc?.title || fallbackTitle || getGlobalScope()?.__shuffleActiveEntityTitle || "Shuffle documentation").trim();
+  const rawTitle = (activeDoc?.title || fallbackTitle || getGlobalScope2()?.__shuffleActiveEntityTitle || "Shuffle documentation").trim();
   const title = normalizeDocPromptTitle(rawTitle);
   const groupLabel = activeDoc?.groupLabel;
   const groupId = activeDoc?.groupId;
@@ -14473,7 +15044,7 @@ ${trimmedQuestion}`;
 };
 
 // ../Shuffle-Core/views/monitors/ActionOutputView.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var IMAGE_SIGNATURES = [
   { prefix: "iVBORw0KGgo", mime: "image/png" },
@@ -14559,10 +15130,10 @@ var detectImage = (raw) => {
 };
 var MAX_TEXT_CHARS = 4e3;
 var ActionOutputView = ({ output, className }) => {
-  const detected = (0, import_react20.useMemo)(() => detectImage(output), [output]);
-  const [zoomed, setZoomed] = (0, import_react20.useState)(false);
-  const [showFull, setShowFull] = (0, import_react20.useState)(false);
-  (0, import_react20.useEffect)(() => {
+  const detected = (0, import_react21.useMemo)(() => detectImage(output), [output]);
+  const [zoomed, setZoomed] = (0, import_react21.useState)(false);
+  const [showFull, setShowFull] = (0, import_react21.useState)(false);
+  (0, import_react21.useEffect)(() => {
     if (!zoomed) return;
     const onKey = (e) => {
       if (e.key === "Escape") {
@@ -15573,17 +16144,25 @@ var extractDecisionIndex = (path) => {
 };
 var isAiAuthText = (text2) => {
   if (!text2 || typeof text2 !== "string") return false;
-  const lower = text2.toLowerCase();
-  const hasAuthSignal = /\b(401|unauthori[sz]ed|invalid[_\s-]*(api[_\s-]*key|credentials?|token|auth|key)|incorrect\s+api\s+key|missing[_\s-]*(api[_\s-]*key|authorization|credentials?)|authentication[_\s-]*(failed|required|error)|ai\s+credentials)\b/.test(
-    lower
-  ) || /check\s+your\s+ai\s+credentials/.test(lower);
-  if (!hasAuthSignal) return false;
-  const hasAiSignal = /\b(failed\s+to\s+start\s+ai\s+agent|failed\s+to\s+run\s+ai(\s+(agent|query))?|failed\s+to\s+run\s+ai|ai\s+agent\s+(failed|error|crash|aborted)|ai\s+query|ai\s+credentials|shuffler\.io\/agents|runactionai|llm\s+request|failed\s+to\s+run\s+llm|no\s+llm|openai|anthropic|mistral|groq|deepseek|together\.ai|together\.xyz|openrouter|gemini|googleapis\.com|ollama|lm\s*studio|platform\.openai\.com|api\.openai\.com|local\s*llm)\b/.test(
-    lower
-  ) || /error\s+from\s+['"][^'"]*(openai|anthropic|mistral|groq|deepseek|together|openrouter|googleapis|ollama|lmstudio)/.test(
-    lower
-  ) || /incorrect\s+api\s+key\s+provided/.test(lower);
-  return Boolean(hasAiSignal);
+  const trimmed = text2.trim();
+  if (!trimmed) return false;
+  const checkChunk = (chunk) => {
+    const lower = chunk.toLowerCase();
+    const hasAuthSignal = /\b(401|unauthori[sz]ed|invalid[_\s-]*(api[_\s-]*key|credentials?|token|auth|key)|incorrect\s+api\s+key|missing[_\s-]*(api[_\s-]*key|authorization|credentials?)|authentication[_\s-]*(failed|required|error)|ai\s+credentials)\b/.test(
+      lower
+    ) || /check\s+your\s+ai\s+credentials/.test(lower);
+    if (!hasAuthSignal) return false;
+    const hasAiSignal = /\b(failed\s+to\s+start\s+ai\s+agent|failed\s+to\s+run\s+ai(\s+(agent|query))?|failed\s+to\s+run\s+ai|ai\s+agent\s+(failed|error|crash|aborted)|ai\s+query|ai\s+credentials|shuffler\.io\/agents|runactionai|llm\s+request|failed\s+to\s+run\s+llm|no\s+llm|openai|anthropic|mistral|groq|deepseek|together\.ai|together\.xyz|openrouter|gemini|generativelanguage\.googleapis\.com|aiplatform\.googleapis\.com|ollama|lm\s*studio|platform\.openai\.com|api\.openai\.com|local\s*llm)\b/.test(
+      lower
+    ) || /error\s+from\s+['"][^'"]*(openai|anthropic|mistral|groq|deepseek|together|openrouter|generativelanguage|aiplatform|gemini|ollama|lmstudio)/.test(
+      lower
+    ) || /incorrect\s+api\s+key\s+provided/.test(lower);
+    return Boolean(hasAiSignal);
+  };
+  if (trimmed.includes("\n")) {
+    return trimmed.split(/\r?\n/).some((line) => checkChunk(line));
+  }
+  return checkChunk(trimmed);
 };
 var hasOutputWarning = (run) => {
   return diagnoseOutputWarning(run) !== null;
@@ -15617,8 +16196,15 @@ var trimEvidenceValue = (v, max = 180) => {
 };
 var TOKEN_LIMIT_PATTERN = /\b(ai[\s-]*token[\s-]*limit[\s-]*(is[\s-]*)?reach(ed)?|token[\s-]*limit[\s-]*(is[\s-]*)?reach(ed)?|context[\s-]*(window|length|limit)[\s-]*(is[\s-]*)?(reached|exceeded)|maximum[\s-]*context[\s-]*(window|length)?[\s-]*(is[\s-]*)?(reached|exceeded)|too[\s-]*many[\s-]*tokens|exceeds?[\s-]*(the[\s-]*)?(maximum[\s-]*)?(token|context))\b/;
 var isSentenceLike = (v) => /[a-z]/i.test(v) && v.trim().split(/\s+/).length > 1;
+var hasProducedDecisions = (run, parsed) => {
+  const parsedDecisions = parsed && typeof parsed === "object" ? parsed.decisions : null;
+  if (Array.isArray(parsedDecisions) && parsedDecisions.length > 0) return true;
+  const directDecisions = run?.decisions;
+  return Array.isArray(directDecisions) && directDecisions.length > 0;
+};
 var diagnoseOutputWarning = (run) => {
   const { parsed, raw } = parseRunResult(run);
+  const producedDecisions = hasProducedDecisions(run, parsed);
   const tokenLimitMatch = (() => {
     const candidates = [];
     if (parsed && typeof parsed === "object") {
@@ -15653,7 +16239,7 @@ var diagnoseOutputWarning = (run) => {
         const category = String(last.category || "").toLowerCase();
         if (["finish", "finalise"].includes(action) || ["finish", "finalise"].includes(category)) {
           if (last.success === false || last.status === "FAILED") return false;
-          if (isAiAuthText(last.reason) || isAiAuthText(last.output) || isAiAuthText(last.details?.output)) return false;
+          if (isAiAuthText(last.reason)) return false;
           const reasonStr = String(last.reason || "").toLowerCase();
           if (reasonStr.startsWith("failed to") || reasonStr.includes("error,")) return false;
           return true;
@@ -15663,28 +16249,22 @@ var diagnoseOutputWarning = (run) => {
     return false;
   })();
   const aiAuthMatch = (() => {
+    if (producedDecisions) return null;
+    if (isFinished && (!parsed?.error && parsed?.success !== false)) return null;
     if (isFinished && hasSuccessfulFinish) return null;
     const candidates = [];
     if (parsed && typeof parsed === "object") {
       if (typeof parsed.error === "string") candidates.push(parsed.error);
-      if (typeof parsed.reason === "string") candidates.push(parsed.reason);
-      if (typeof parsed.message === "string") candidates.push(parsed.message);
-      if (typeof parsed.output === "string") candidates.push(parsed.output);
-      if (Array.isArray(parsed.decisions)) {
+      if (!isFinished && typeof parsed.reason === "string") candidates.push(parsed.reason);
+      if (!isFinished && typeof parsed.message === "string") candidates.push(parsed.message);
+      if (Array.isArray(parsed.decisions) && !isFinished) {
         for (const d of parsed.decisions) {
           if (typeof d?.run_details?.error === "string") candidates.push(d.run_details.error);
-          if (typeof d?.reason === "string") candidates.push(d.reason);
-          if (typeof d?.run_details?.result === "string") candidates.push(d.run_details.result);
-          if (typeof d?.output === "string") candidates.push(d.output);
-          if (Array.isArray(d?.fields)) {
-            for (const f of d.fields) {
-              if (typeof f?.value === "string") candidates.push(f.value);
-            }
-          }
+          if (d?.status === "FAILED" && typeof d?.reason === "string") candidates.push(d.reason);
         }
       }
     }
-    if (raw) {
+    if (raw && !isFinished) {
       candidates.push(raw);
     }
     return candidates.find((v) => isAiAuthText(v)) || null;
@@ -15799,7 +16379,7 @@ var diagnoseOutputWarning = (run) => {
     const dedup = ev.filter((e) => e.path !== statusEvidence.path);
     return [statusEvidence, ...dedup].slice(0, 3);
   };
-  if (isAiAuthText(errorHaystackLower) || isAiAuthText(raw)) {
+  if (!producedDecisions && !isFinished && (isAiAuthText(errorHaystackLower) || isAiAuthText(raw))) {
     const ev = findEvidenceByRegex(
       /unauthori[sz]ed|invalid[_\s-]*(api[_\s-]*key|token|credentials?)|authentication[_\s-]*(failed|required)|missing[_\s-]*(api[_\s-]*key|token|authorization)|bearer[_\s-]*token|expired[_\s-]*token|failed\s+to\s+start\s+ai\s+agent|incorrect\s+api\s+key\s+provided|\b401\b/
     );
@@ -15938,39 +16518,35 @@ var diagnoseOutputWarning = (run) => {
   return null;
 };
 var isAiAuthFailure = (run, extraText) => {
+  if (!run) return isAiAuthText(extraText);
+  const { parsed } = parseRunResult(run);
+  if (hasProducedDecisions(run, parsed)) return false;
   if (isAiAuthText(extraText)) return true;
-  if (!run) return false;
+  const status = (run.status || "").toUpperCase();
+  const isFinished = status === "FINISHED" || status === "SUCCESS";
+  if (isFinished) {
+    const anyRun2 = run;
+    if (typeof anyRun2.error === "string" && isAiAuthText(anyRun2.error)) return true;
+    return false;
+  }
   const diagnosis = diagnoseOutputWarning(run);
   if (diagnosis?.kind === "ai_auth" || diagnosis?.isAiAuth) return true;
   const fail = getFailureInfo(run);
   if (fail && isAiAuthText(fail.reason)) return true;
   const anyRun = run;
-  if (typeof anyRun.result === "string" && isAiAuthText(anyRun.result)) return true;
-  if (typeof anyRun.output === "string" && isAiAuthText(anyRun.output)) return true;
   if (typeof anyRun.error === "string" && isAiAuthText(anyRun.error)) return true;
   if (Array.isArray(run.results)) {
     for (const r of run.results) {
-      if (typeof r?.result === "string" && isAiAuthText(r.result)) return true;
       if (typeof r?.error === "string" && isAiAuthText(r.error)) return true;
     }
   }
   const decisions = anyRun?.decisions;
   if (Array.isArray(decisions)) {
     for (const d of decisions) {
-      if (isAiAuthText(d?.reason)) return true;
-      if (typeof d?.output === "string" && isAiAuthText(d.output)) return true;
       if (typeof d?.run_details?.error === "string" && isAiAuthText(d.run_details.error)) return true;
-      if (typeof d?.run_details?.result === "string" && isAiAuthText(d.run_details.result)) return true;
-      if (Array.isArray(d?.fields)) {
-        for (const f of d.fields) {
-          if (isAiAuthText(f?.value)) return true;
-        }
-      }
+      if (d?.status === "FAILED" && typeof d?.reason === "string" && isAiAuthText(d.reason)) return true;
     }
   }
-  const status = (run.status || "").toUpperCase();
-  const isFinished = status === "FINISHED";
-  if (isFinished) return false;
   return false;
 };
 
@@ -16064,7 +16640,7 @@ var AgentDiagnosisCtas = ({ diagnosis, compact = false, tone = "medium" }) => {
 var AgentDiagnosisCtas_default = AgentDiagnosisCtas;
 
 // components/AgentRunDiagnosisBanner.tsx
-var import_react21 = require("react");
+var import_react22 = require("react");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var DISMISS_PREFIX = "agent-diagnosis-dismissed::";
 var readDismissed = (key) => {
@@ -16083,13 +16659,13 @@ var writeDismissed = (key) => {
   }
 };
 var AgentRunDiagnosisBanner = ({ run, sx, onJumpToEvidence, onFocusContinue, executionId }) => {
-  const dismissKey = (0, import_react21.useMemo)(() => {
+  const dismissKey = (0, import_react22.useMemo)(() => {
     if (executionId) return executionId;
     const fromRun = run?.execution_id;
     return typeof fromRun === "string" && fromRun ? fromRun : null;
   }, [executionId, run]);
-  const [dismissed, setDismissed] = (0, import_react21.useState)(() => readDismissed(dismissKey));
-  (0, import_react21.useEffect)(() => {
+  const [dismissed, setDismissed] = (0, import_react22.useState)(() => readDismissed(dismissKey));
+  (0, import_react22.useEffect)(() => {
     setDismissed(readDismissed(dismissKey));
   }, [dismissKey]);
   if (!run || dismissed) return null;
@@ -16386,7 +16962,7 @@ var AiAuthSuggestion = ({
 var AiAuthSuggestion_default = AiAuthSuggestion;
 
 // components/AgentAttachmentsButton.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 var import_material25 = require("@mui/material");
 var import_lucide_react14 = require("lucide-react");
 var import_jsx_runtime30 = require("react/jsx-runtime");
@@ -16397,9 +16973,9 @@ var toSrc = (url) => {
   return `data:image/png;base64,${s.replace(/\s+/g, "")}`;
 };
 var AgentAttachmentsButton = ({ attachments }) => {
-  const [anchorEl, setAnchorEl] = (0, import_react22.useState)(null);
-  const [zoomed, setZoomed] = (0, import_react22.useState)(null);
-  (0, import_react22.useEffect)(() => {
+  const [anchorEl, setAnchorEl] = (0, import_react23.useState)(null);
+  const [zoomed, setZoomed] = (0, import_react23.useState)(null);
+  (0, import_react23.useEffect)(() => {
     if (!zoomed) return;
     const onKey = (e) => {
       if (e.key === "Escape") {
@@ -17059,6 +17635,7 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
       const cleanId = formatEntityDisplayId(params.id);
       return `Investigate incident ${cleanId} and recommend next steps: `;
     },
+    composeInput: (raw) => composeIncidentPromptInput(raw),
     placeholder: "Ask about this incident, triage observables, or correlate...",
     getStorageKey: (params) => `incident_${params.id}`,
     description: "Focused on the currently viewed incident with Shuffle Incidents MCP"
@@ -17083,6 +17660,7 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
       const cleanId = formatEntityDisplayId(params.id);
       return `Investigate incident ${cleanId} and recommend next steps: `;
     },
+    composeInput: (raw) => composeIncidentPromptInput(raw),
     placeholder: "Ask about this incident, triage observables, or correlate...",
     getStorageKey: (params) => `incident_${params.id}`,
     description: "Focused on the currently viewed incident with Shuffle Incidents MCP"
@@ -17094,6 +17672,7 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     defaultApps: [{ name: "shuffle_incidents" }],
     defaultPresetId: "incident-response",
     sourceCategory: "incidents",
+    isBeta: true,
     title: (params, _, entityOverride) => {
       const cleanId = formatEntityDisplayId(params.id);
       const entity = entityOverride || getActivePageEntityName();
@@ -17104,6 +17683,7 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
       const cleanId = formatEntityDisplayId(params.id);
       return `Investigate case ${cleanId} and recommend next steps: `;
     },
+    composeInput: (raw) => composeIncidentPromptInput(raw),
     placeholder: "Review case evidence, correlate events, or recommend response actions...",
     getStorageKey: (params) => `case_${params.id}`,
     description: "Focused on the currently viewed case with Shuffle Incidents MCP"
@@ -17115,6 +17695,7 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     defaultApps: [{ name: "shuffle_incidents" }],
     defaultPresetId: "incident-response",
     sourceCategory: "incidents",
+    isBeta: true,
     title: (params, _, entityOverride) => {
       const cleanId = formatEntityDisplayId(params.id);
       const entity = entityOverride || getActivePageEntityName();
@@ -17136,6 +17717,7 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     defaultApps: [{ name: "shuffle_incidents" }],
     defaultPresetId: "incident-response",
     sourceCategory: "incidents",
+    isBeta: true,
     title: (params, _, entityOverride) => {
       const cleanId = formatEntityDisplayId(params.id);
       const entity = entityOverride || getActivePageEntityName();
@@ -17157,6 +17739,7 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     defaultApps: [{ name: "shuffle_incidents" }],
     defaultPresetId: "incident-response",
     sourceCategory: "incidents",
+    isBeta: true,
     title: "How can we help handle incidents?",
     subtitle: "Shuffle Incidents MCP",
     defaultPrompt: "Investigate this incident and recommend next steps: ",
@@ -17171,6 +17754,7 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     defaultApps: [{ name: "shuffle_incidents" }],
     defaultPresetId: "incident-response",
     sourceCategory: "incidents",
+    isBeta: true,
     title: "How can we help handle cases?",
     subtitle: "Shuffle Incidents MCP",
     defaultPrompt: "Investigate this case and recommend next steps: ",
@@ -17185,6 +17769,7 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     defaultApps: [{ name: "shuffle_incidents" }],
     defaultPresetId: "incident-response",
     sourceCategory: "incidents",
+    isBeta: true,
     title: "How can we help handle tickets?",
     subtitle: "Shuffle Incidents MCP",
     defaultPrompt: "Investigate this ticket and recommend next steps: ",
@@ -17199,6 +17784,7 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     defaultApps: [{ name: "shuffle_incidents" }],
     defaultPresetId: "incident-response",
     sourceCategory: "incidents",
+    isBeta: true,
     title: "How can we help handle alerts?",
     subtitle: "Shuffle Incidents MCP",
     defaultPrompt: "Investigate this alert and recommend next steps: ",
@@ -17828,6 +18414,18 @@ var readPresetAppsOverride = (presetId) => {
     return null;
   }
 };
+var resolvePresetApps = (preset) => {
+  const baseApps = (preset.defaultApps || []).map((app2) => ({ name: app2.name, id: app2.id, icon: app2.icon }));
+  const assigned = getToolsForSkill(preset.id);
+  const merged = [...baseApps];
+  for (const t of assigned) {
+    const key = (t.id || t.name).toLowerCase();
+    if (!merged.some((m) => (m.id || m.name).toLowerCase() === key)) {
+      merged.push({ name: t.name, id: t.id, icon: t.icon || void 0 });
+    }
+  }
+  return merged;
+};
 var writePresetAppsOverride = (presetId, apps) => {
   try {
     const raw = localStorage.getItem(PRESET_APPS_STORAGE_KEY);
@@ -17966,7 +18564,7 @@ var truncateReason = (reason, maxLength = 280) => {
   return reason.slice(0, maxLength).replace(/\s+\S*$/, "") + "\u2026";
 };
 var FinishAnswerMarkdown = ({ text: text2 }) => {
-  const wholeJson = (0, import_react23.useMemo)(() => tryParseJsonObject(stripSingleCodeFence(text2)), [text2]);
+  const wholeJson = (0, import_react24.useMemo)(() => tryParseJsonObject(stripSingleCodeFence(text2)), [text2]);
   if (wholeJson !== null) {
     return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Box, { sx: { "& .json-view": { backgroundColor: "transparent !important", fontSize: "0.82rem" } }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react18_json_view4.default, { src: wholeJson, collapsed: defaultCollapsed, enableClipboard: true, displaySize: true, theme: "default" }) });
   }
@@ -18108,7 +18706,7 @@ var RunFinishedSummary = ({
         children: finishNote
       }
     ),
-    bottomContent
+    status !== "FINISHED" && status !== "SUCCESS" && bottomContent
   ] });
 };
 var VERIFIED_BUILTIN_APPS = /* @__PURE__ */ new Set([
@@ -18206,8 +18804,12 @@ var extractAuthRequest = (decision) => {
   } else if (raw && typeof raw === "object") {
     parsed = raw;
   }
-  const needsAuth = parsed && (parsed.action === "app_authentication" || parsed.app_authentication === true);
-  if (!needsAuth) return null;
+  const candidateObjects = [
+    parsed,
+    decision?.result,
+    decision?.run_details,
+    decision
+  ].filter(Boolean);
   let toolAppName;
   let appId = null;
   if (typeof decision?.tool === "string") {
@@ -18220,12 +18822,40 @@ var extractAuthRequest = (decision) => {
       toolAppName = t;
     }
   }
-  let appName = parsed.app || parsed.app_name || parsed.appname;
-  if (!appName) appName = toolAppName;
-  if (!appName) {
-    const f = (decision?.fields || []).find((x) => x?.key === "app" || x?.key === "app_name");
-    if (f?.value) appName = f.value;
-  }
+  let needsAuth = false;
+  let candidateAppName;
+  for (const obj of candidateObjects) {
+    if (obj.action === "app_authentication" || obj.app_authentication === true || obj.action === "authenticate" || obj.needs_auth === true || obj.auth_required === true) {
+      needsAuth = true;
+    }
+    const candidate = obj.app || obj.app_name || obj.appname;
+    if (typeof candidate === "string" && candidate.trim()) {
+      candidateAppName = candidate.trim();
+    }
+  }
+  const textSources = [
+    decision?.error,
+    decision?.reason,
+    decision?.status_message,
+    decision?.message,
+    decision?.run_details?.error,
+    typeof raw === "string" ? raw : ""
+  ];
+  const combinedText = textSources.filter(Boolean).join(" ").toLowerCase();
+  if (combinedText.includes("app_authentication") || combinedText.includes("requires authentication") || combinedText.includes("missing authentication") || combinedText.includes("unauthorized") || combinedText.includes("not authenticated") || combinedText.includes("invalid credentials") || combinedText.includes("missing api key")) {
+    needsAuth = true;
+  }
+  if (!needsAuth && (decision?.status === "WAITING" || decision?.status === "PENDING" || decision?.run_details?.status === "WAITING" || decision?.run_details?.status === "PENDING")) {
+    if (toolAppName && appRequiresAuthentication(toolAppName)) {
+      needsAuth = true;
+    }
+  }
+  if (!needsAuth) return null;
+  let appName = candidateAppName || toolAppName;
+  if (!appName) {
+    const f = (decision?.fields || []).find((x) => x?.key === "app" || x?.key === "app_name");
+    if (f?.value) appName = f.value;
+  }
   if (!appName) return null;
   return { appName, appId };
 };
@@ -18236,12 +18866,17 @@ var STATUS_COLORS = {
   running: "hsl(var(--primary))"
 };
 var TERMINAL_RUN_STATUSES = ["FINISHED", "FAILURE", "ABORTED", "CANCELLED", "CANCELED"];
-var resolveRunStatus = (executionStatus, agentStatus) => {
-  const exec = String(executionStatus || "").toUpperCase();
-  const agent = String(agentStatus || "").toUpperCase();
-  if (TERMINAL_RUN_STATUSES.includes(exec)) return exec;
-  if (TERMINAL_RUN_STATUSES.includes(agent)) return agent;
-  return exec || agent || "";
+var resolveRunStatus = (execStatus, agentStatus) => {
+  const e = (execStatus || "").toUpperCase();
+  const a = (agentStatus || "").toUpperCase();
+  if (e === "FINISHED" || a === "FINISHED") return "FINISHED";
+  if (e === "FAILURE" || a === "FAILURE") return "FAILURE";
+  if (e === "ABORTED" || a === "ABORTED") return "ABORTED";
+  if (e === "CANCELLED" || a === "CANCELLED" || e === "CANCELED" || a === "CANCELED") return "CANCELLED";
+  if (e === "WAITING" || a === "WAITING") return "WAITING";
+  if (e === "PENDING" || a === "PENDING") return "PENDING";
+  if (e === "RUNNING" || a === "RUNNING" || e === "EXECUTING" || a === "EXECUTING") return "RUNNING";
+  return e || a || "FINISHED";
 };
 var buildToolName = (apps) => {
   if (!apps.length) return "API";
@@ -18257,26 +18892,33 @@ var isBuiltinDefaultApps = (apps) => {
   );
 };
 var DurationCountdown = ({ resumeAtMs }) => {
-  const [nowMs, setNowMs] = (0, import_react23.useState)(() => Date.now());
-  (0, import_react23.useEffect)(() => {
+  const [nowMs, setNowMs] = (0, import_react24.useState)(() => Date.now());
+  (0, import_react24.useEffect)(() => {
     const t = setInterval(() => setNowMs(Date.now()), 1e3);
     return () => clearInterval(t);
   }, []);
   const remaining = resumeAtMs - nowMs;
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Tooltip, { title: `Scheduled to continue at ${new Date(resumeAtMs).toLocaleString()}`, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Box, { component: "span", sx: { whiteSpace: "nowrap", cursor: "default" }, children: remaining > 0 ? `in ${formatTimeLeft(remaining)}` : "due now" }) });
 };
-var StatusIcon = ({ status, resumeAtMs }) => {
+var StatusIcon = ({
+  status,
+  resumeAtMs,
+  authBlockedApp
+}) => {
   const s = (status || "").toUpperCase();
   const isScheduledWait = s === "WAITING" && !!resumeAtMs;
-  const [nowMs, setNowMs] = (0, import_react23.useState)(() => Date.now());
-  (0, import_react23.useEffect)(() => {
+  const [nowMs, setNowMs] = (0, import_react24.useState)(() => Date.now());
+  (0, import_react24.useEffect)(() => {
     if (!isScheduledWait) return;
     const t = setInterval(() => setNowMs(Date.now()), 1e3);
     return () => clearInterval(t);
   }, [isScheduledWait]);
   let node;
   let label;
-  if (s === "RUNNING" || s === "EXECUTING" || s === "") {
+  if (authBlockedApp) {
+    node = /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react15.Lock, { size: 20, color: "hsl(var(--destructive))" });
+    label = `Authentication required for ${formatAppDisplayName(authBlockedApp)} \u2014 step cannot proceed until connected`;
+  } else if (s === "RUNNING" || s === "EXECUTING" || s === "") {
     node = /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.CircularProgress, { size: 18, sx: { color: STATUS_COLORS.running } });
     label = "Running";
   } else if (s === "WAITING") {
@@ -18312,8 +18954,8 @@ var formatAgo = (sec) => {
   return `${Math.floor(diff / 86400)}d ago`;
 };
 var ScheduledLiveBar = ({ startSec, originalStartTime, totalDuration, maxWidth }) => {
-  const [nowSec, setNowSec] = (0, import_react23.useState)(() => Date.now() / 1e3);
-  (0, import_react23.useEffect)(() => {
+  const [nowSec, setNowSec] = (0, import_react24.useState)(() => Date.now() / 1e3);
+  (0, import_react24.useEffect)(() => {
     const t = setInterval(() => setNowSec(Date.now() / 1e3), 1e3);
     return () => clearInterval(t);
   }, []);
@@ -18360,9 +19002,9 @@ var TimelineRow = ({
   dimmedByRerun = false,
   optimisticContinueText
 }) => {
-  const [submitAttempted, setSubmitAttempted] = (0, import_react23.useState)(false);
+  const [submitAttempted, setSubmitAttempted] = (0, import_react24.useState)(false);
   const validate = validateJson(item.details);
-  const screenshotPayloads = (0, import_react23.useMemo)(
+  const screenshotPayloads = (0, import_react24.useMemo)(
     () => extractScreenshotPayloads(validate.valid ? validate.result : item.details),
     [validate.valid, validate.result, item.details]
   );
@@ -18475,8 +19117,10 @@ var TimelineRow = ({
     const s = (effectiveStatus || "").toUpperCase();
     return s === "WAITING" || s === "RUNNING" || s === "EXECUTING" || s === "";
   })();
-  const barColor = isProcessing ? "hsl(var(--muted-foreground) / 0.45)" : isFailed ? STATUS_COLORS.error : "hsl(var(--muted-foreground) / 0.35)";
-  const hoverBarColor = isProcessing ? "hsl(var(--muted-foreground) / 0.45)" : effectiveStatus === "FINISHED" || effectiveStatus === "IGNORED" ? STATUS_COLORS.finished : isFailed ? STATUS_COLORS.error : STATUS_COLORS.running;
+  const rowAuthReq = extractAuthRequest(details);
+  const isRowAuthBlocked = !!rowAuthReq && !isAppAuthenticated?.(rowAuthReq.appName, rowAuthReq.appId) && (effectiveStatus === "WAITING" || effectiveStatus === "PENDING" || effectiveStatus === "FAILURE" || effectiveStatus === "ABORTED");
+  const barColor = isProcessing ? "hsl(var(--muted-foreground) / 0.45)" : isFailed || isRowAuthBlocked ? STATUS_COLORS.error : "hsl(var(--muted-foreground) / 0.35)";
+  const hoverBarColor = isProcessing ? "hsl(var(--muted-foreground) / 0.45)" : effectiveStatus === "FINISHED" || effectiveStatus === "IGNORED" ? STATUS_COLORS.finished : isFailed || isRowAuthBlocked ? STATUS_COLORS.error : STATUS_COLORS.running;
   const isRerunTarget = !!rerunningDecisionId && item.type === "decision" && details?.run_details?.id === rerunningDecisionId;
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     import_material26.Box,
@@ -18485,9 +19129,25 @@ var TimelineRow = ({
       sx: {
         borderTop: index === 0 ? "none" : "1px solid hsl(var(--border))",
         bgcolor: highlight ? "hsla(var(--severity-medium) / 0.12)" : isRerunTarget ? "hsla(var(--primary) / 0.08)" : open ? "hsl(var(--muted) / 0.3)" : "transparent",
-        transition: "background 0.6s ease, box-shadow 0.6s ease, opacity 0.2s ease",
-        scrollMarginTop: 96,
+        transition: "background-color 0.2s ease",
+        "&:hover": {
+          bgcolor: "hsl(var(--muted) / 0.4)"
+        },
         position: "relative",
+        "&::before": {
+          content: '""',
+          position: "absolute",
+          left: 0,
+          top: 0,
+          bottom: 0,
+          width: 3,
+          bgcolor: barColor,
+          transition: "background-color 0.15s ease"
+        },
+        "&:hover::before": {
+          bgcolor: hoverBarColor
+        },
+        scrollMarginTop: 96,
         boxShadow: highlight ? "inset 0 0 0 2px hsla(var(--severity-medium) / 0.55)" : isRerunTarget ? "inset 0 0 0 1px hsla(var(--primary) / 0.5)" : "none",
         opacity: dimmedByRerun ? 0.35 : 1,
         pointerEvents: dimmedByRerun ? "none" : "auto"
@@ -18496,22 +19156,17 @@ var TimelineRow = ({
         /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
           import_material26.Box,
           {
-            onClick: isProcessing ? void 0 : onToggle,
+            onClick: onToggle,
             sx: {
               display: "flex",
               alignItems: "center",
               gap: 1.5,
-              px: 2,
-              py: 1.25,
-              cursor: isProcessing ? "default" : "pointer",
-              "--timeline-bar-color": barColor,
-              "&:hover": isProcessing ? {} : {
-                bgcolor: "hsl(var(--muted) / 0.4)",
-                "--timeline-bar-color": hoverBarColor
-              }
+              p: 1.5,
+              cursor: "pointer",
+              userSelect: "none"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Box, { sx: { width: 24, display: "flex", justifyContent: "center" }, children: isRerunTarget ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.CircularProgress, { size: 14, sx: { color: "hsl(var(--primary))" } }) : isProcessing ? isLikelyTimedOut ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Tooltip, { title: "No new activity for over a minute \u2014 this run has most likely timed out.", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Box, { sx: { display: "flex" }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react15.AlertTriangle, { size: 14, color: STATUS_COLORS.warning }) }) }) : isLiveProcessing ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.CircularProgress, { size: 12, sx: { color: "hsl(var(--muted-foreground))" } }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Box, { sx: { width: 6, height: 6, borderRadius: "50%", bgcolor: "hsl(var(--muted-foreground) / 0.5)" } }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(StatusIcon, { status: effectiveStatus, resumeAtMs: scheduledResumeMs }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Box, { sx: { width: 24, display: "flex", justifyContent: "center" }, children: isRerunTarget ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.CircularProgress, { size: 14, sx: { color: "hsl(var(--primary))" } }) : isProcessing ? isLikelyTimedOut ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Tooltip, { title: "No new activity for over a minute \u2014 this run has most likely timed out.", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Box, { sx: { display: "flex" }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react15.AlertTriangle, { size: 14, color: STATUS_COLORS.warning }) }) }) : isLiveProcessing ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.CircularProgress, { size: 12, sx: { color: "hsl(var(--muted-foreground))" } }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Box, { sx: { width: 6, height: 6, borderRadius: "50%", bgcolor: "hsl(var(--muted-foreground) / 0.5)" } }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(StatusIcon, { status: effectiveStatus, resumeAtMs: scheduledResumeMs, authBlockedApp: isRowAuthBlocked ? rowAuthReq.appName : null }) }),
               /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Box, { sx: { width: 24, display: "flex", justifyContent: "center" }, children: isProcessing ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Box, { sx: { width: 22 } }) : toolApp?.icon ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Tooltip, { title: (toolApp.name || "").replace(/_/g, " "), arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Avatar, { src: toolApp.icon, sx: { width: 22, height: 22, bgcolor: "transparent" }, variant: "rounded" }) }) : item.category === "finalise" || details?.action === "finish" ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Tooltip, { title: "Final answer", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react15.Check, { size: 18 }) }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Box, { sx: { width: 22 } }) }),
               /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 import_material26.Tooltip,
@@ -19030,23 +19685,28 @@ var AgentUI = ({
   composeSubmitInput: propComposeSubmitInput,
   contextParams,
   incidentId: propIncidentId,
+  incidentContext: propIncidentContext,
   vulnerabilityId: propVulnerabilityId,
   workflowId: propWorkflowId
 }) => {
   const isEffectiveSupport = isSupport !== void 0 ? isSupport : isSupportUser();
-  const resolveUrl2 = (0, import_react23.useCallback)(
+  const resolveUrl2 = (0, import_react24.useCallback)(
     (path) => apiBaseUrl ? `${apiBaseUrl.replace(/\/+$/, "")}${path}` : getApiUrl(path),
     [apiBaseUrl]
   );
-  const resolveHeaders2 = (0, import_react23.useCallback)(() => {
+  const resolveHeaders2 = (0, import_react24.useCallback)(() => {
     const h = apiKey ? { Authorization: `Bearer ${apiKey}` } : { ...getAuthHeader() };
     if (orgId) h["Org-Id"] = orgId;
     return h;
   }, [apiKey, orgId]);
   const hasApiKey = !!apiKey || !!API_CONFIG.apiKey;
+  const resolvedIncidentId = propIncidentId || (contextCategory === "incidents" ? contextParams?.id : void 0) || (typeof window !== "undefined" ? window.__shuffleActiveIncidentId : void 0);
+  const resolvedIncidentContext = propIncidentContext || (typeof window !== "undefined" ? window.__shuffleActiveIncidentContext : void 0);
+  const resolvedVulnerabilityId = propVulnerabilityId || (contextCategory === "vulnerabilities" ? contextParams?.id : void 0) || (typeof window !== "undefined" ? window.__shuffleActiveVulnerabilityId : void 0);
+  const resolvedWorkflowId = propWorkflowId || (contextCategory === "workflows" ? contextParams?.id : void 0) || (typeof window !== "undefined" ? window.__shuffleActiveWorkflowId : void 0);
   const isPhoneScreen = (0, import_material26.useMediaQuery)("(max-width:600px)", { noSsr: true });
   const isPhone = mobileView !== void 0 ? mobileView : isPhoneScreen;
-  const [actionInput, setActionInput] = (0, import_react23.useState)(() => {
+  const [actionInput, setActionInput] = (0, import_react24.useState)(() => {
     if (contextStorageKey) {
       const saved = getPageContextChoice(contextStorageKey);
       if (saved?.draftPrompt !== void 0 && saved.draftPrompt !== "") {
@@ -19055,8 +19715,8 @@ var AgentUI = ({
     }
     return defaultInput || "";
   });
-  const lastStorageKeyRef = (0, import_react23.useRef)(contextStorageKey);
-  (0, import_react23.useEffect)(() => {
+  const lastStorageKeyRef = (0, import_react24.useRef)(contextStorageKey);
+  (0, import_react24.useEffect)(() => {
     if (lastStorageKeyRef.current !== contextStorageKey) {
       lastStorageKeyRef.current = contextStorageKey;
       if (contextStorageKey) {
@@ -19069,21 +19729,21 @@ var AgentUI = ({
       }
     }
   }, [contextStorageKey, defaultInput]);
-  const prevDefaultInputRef = (0, import_react23.useRef)(defaultInput);
-  (0, import_react23.useEffect)(() => {
+  const prevDefaultInputRef = (0, import_react24.useRef)(defaultInput);
+  (0, import_react24.useEffect)(() => {
     if (defaultInput && defaultInput !== prevDefaultInputRef.current) {
       prevDefaultInputRef.current = defaultInput;
       setActionInput(defaultInput);
     }
   }, [defaultInput]);
   const { prompt: savedPromptPrefix } = useAgentPromptPrefix({ userId, persist: !disableStartTab });
-  const [selectedPreset, setSelectedPreset] = (0, import_react23.useState)(null);
-  const presetsChipNodeRef = (0, import_react23.useRef)(null);
-  const [presetsChipWidth, setPresetsChipWidth] = (0, import_react23.useState)(0);
-  const [inputScrolled, setInputScrolled] = (0, import_react23.useState)(false);
-  const [inputScrollTop, setInputScrollTop] = (0, import_react23.useState)(0);
-  const chipOverlayRef = (0, import_react23.useRef)(null);
-  const applyChipScroll = (0, import_react23.useCallback)((st) => {
+  const [selectedPreset, setSelectedPreset] = (0, import_react24.useState)(null);
+  const presetsChipNodeRef = (0, import_react24.useRef)(null);
+  const [presetsChipWidth, setPresetsChipWidth] = (0, import_react24.useState)(0);
+  const [inputScrolled, setInputScrolled] = (0, import_react24.useState)(false);
+  const [inputScrollTop, setInputScrollTop] = (0, import_react24.useState)(0);
+  const chipOverlayRef = (0, import_react24.useRef)(null);
+  const applyChipScroll = (0, import_react24.useCallback)((st) => {
     const el = chipOverlayRef.current;
     if (!el) return;
     if (el.dataset.static === "1") {
@@ -19096,19 +19756,19 @@ var AgentUI = ({
     el.style.opacity = st > 24 ? "0" : "1";
     el.style.pointerEvents = st > 4 ? "none" : "auto";
   }, []);
-  const [promptSingleLine, setPromptSingleLine] = (0, import_react23.useState)(true);
+  const [promptSingleLine, setPromptSingleLine] = (0, import_react24.useState)(true);
   const promptMultilineBase = !promptSingleLine;
-  const [attachmentsRowHeight, setAttachmentsRowHeight] = (0, import_react23.useState)(0);
-  const attachmentsRowRef = (0, import_react23.useCallback)((node) => {
+  const [attachmentsRowHeight, setAttachmentsRowHeight] = (0, import_react24.useState)(0);
+  const attachmentsRowRef = (0, import_react24.useCallback)((node) => {
     setAttachmentsRowHeight(node ? node.getBoundingClientRect().height : 0);
   }, []);
-  const presetsChipRef = (0, import_react23.useCallback)((node) => {
+  const presetsChipRef = (0, import_react24.useCallback)((node) => {
     presetsChipNodeRef.current = node;
     if (node) setPresetsChipWidth(node.getBoundingClientRect().width);
   }, []);
-  const inputRef = (0, import_react23.useRef)(null);
-  const seededPresetIdRef = (0, import_react23.useRef)(null);
-  (0, import_react23.useEffect)(() => {
+  const inputRef = (0, import_react24.useRef)(null);
+  const seededPresetIdRef = (0, import_react24.useRef)(null);
+  (0, import_react24.useEffect)(() => {
     if (!initialPresetId && defaultInput && defaultInput.trim().length > 0) {
       setSelectedPreset(null);
       return;
@@ -19124,18 +19784,38 @@ var AgentUI = ({
       if (!match || match.enabled === false) return;
       setSelectedPreset(match);
       if (defaultApps === void 0 && !apps) {
+        const resolved = resolvePresetApps(match);
         const override = readPresetAppsOverride(match.id);
-        if (override) {
-          setChosenApps(override);
-        } else if (match.defaultApps && match.defaultApps.length > 0) {
-          setChosenApps(match.defaultApps.map((app2) => ({ name: app2.name, id: app2.id, icon: app2.icon })));
+        if (override && override.length > 0) {
+          const merged = [...override];
+          for (const app2 of resolved) {
+            const key = (app2.id || app2.name).toLowerCase();
+            if (!merged.some((m) => (m.id || m.name).toLowerCase() === key)) {
+              merged.push(app2);
+            }
+          }
+          setChosenApps(merged);
+        } else {
+          setChosenApps(resolved);
         }
       }
       seededPresetIdRef.current = match.id;
     } catch {
     }
   }, [presets, defaultInput, isEffectiveSupport, initialPresetId, defaultApps, apps]);
-  (0, import_react23.useLayoutEffect)(() => {
+  (0, import_react24.useEffect)(() => {
+    const handleToolsChanged = () => {
+      const targetPreset = selectedPreset || AGENT_PRESETS.find((p) => p.id === "incident-response") || AGENT_PRESETS[0];
+      if (targetPreset) {
+        const next = resolvePresetApps(targetPreset);
+        setChosenApps(next);
+        writePresetAppsOverride(targetPreset.id, next);
+      }
+    };
+    window.addEventListener(AGENT_TOOLS_CHANGED_EVENT, handleToolsChanged);
+    return () => window.removeEventListener(AGENT_TOOLS_CHANGED_EVENT, handleToolsChanged);
+  }, [selectedPreset]);
+  (0, import_react24.useLayoutEffect)(() => {
     if (hidePresets) {
       setPresetsChipWidth(0);
       return;
@@ -19163,14 +19843,14 @@ var AgentUI = ({
       ro?.disconnect();
     };
   }, [selectedPreset, hidePresets, presets, actionInput]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     const el = inputRef.current;
     if (!el) return;
     if (el.scrollTop <= 1 && inputScrolled) setInputScrolled(false);
     setInputScrollTop(el.scrollTop || 0);
     applyChipScroll(el.scrollTop || 0);
   }, [actionInput, inputScrolled, applyChipScroll]);
-  (0, import_react23.useLayoutEffect)(() => {
+  (0, import_react24.useLayoutEffect)(() => {
     const el = inputRef.current;
     if (!el) {
       setPromptSingleLine(true);
@@ -19228,11 +19908,11 @@ var AgentUI = ({
     };
   }, [actionInput, presetsChipWidth, selectedPreset, hidePresets]);
   const shouldTypewrite = placeholder === void 0;
-  const [fullPlaceholder, setFullPlaceholder] = (0, import_react23.useState)(
+  const [fullPlaceholder, setFullPlaceholder] = (0, import_react24.useState)(
     () => placeholder ?? getRandomAgentPromptPlaceholder()
   );
-  const pickedPlaceholderRef = (0, import_react23.useRef)(null);
-  (0, import_react23.useLayoutEffect)(() => {
+  const pickedPlaceholderRef = (0, import_react24.useRef)(null);
+  (0, import_react24.useLayoutEffect)(() => {
     if (!shouldTypewrite) return;
     const el = inputRef.current;
     if (!el) return;
@@ -19259,10 +19939,10 @@ var AgentUI = ({
     pickedPlaceholderRef.current = picked;
     setFullPlaceholder(picked);
   }, [shouldTypewrite, presetsChipWidth, hidePresets]);
-  const [typedPlaceholder, setTypedPlaceholder] = (0, import_react23.useState)(
+  const [typedPlaceholder, setTypedPlaceholder] = (0, import_react24.useState)(
     shouldTypewrite ? "" : fullPlaceholder
   );
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (!shouldTypewrite) {
       setTypedPlaceholder(fullPlaceholder);
       return;
@@ -19286,7 +19966,7 @@ var AgentUI = ({
     return () => window.clearInterval(id);
   }, [fullPlaceholder, shouldTypewrite]);
   const activePromptPrefix = savedPromptPrefix;
-  const composeSubmitInput = (0, import_react23.useCallback)(
+  const composeSubmitInput = (0, import_react24.useCallback)(
     (raw) => {
       if (typeof propComposeSubmitInput === "function") {
         return propComposeSubmitInput(raw);
@@ -19295,15 +19975,15 @@ var AgentUI = ({
     },
     [propComposeSubmitInput]
   );
-  const promptAnchorRef = import_react23.default.useRef(null);
-  const [suggestionsDismissed, setSuggestionsDismissed] = (0, import_react23.useState)(false);
-  const [suggestionIndex, setSuggestionIndex] = (0, import_react23.useState)(-1);
-  const promptSuggestions = (0, import_react23.useMemo)(
+  const promptAnchorRef = import_react24.default.useRef(null);
+  const [suggestionsDismissed, setSuggestionsDismissed] = (0, import_react24.useState)(false);
+  const [suggestionIndex, setSuggestionIndex] = (0, import_react24.useState)(-1);
+  const promptSuggestions = (0, import_react24.useMemo)(
     () => matchAgentPromptSuggestions(actionInput, 8),
     [actionInput]
   );
-  const programmaticInputRef = (0, import_react23.useRef)(false);
-  (0, import_react23.useEffect)(() => {
+  const programmaticInputRef = (0, import_react24.useRef)(false);
+  (0, import_react24.useEffect)(() => {
     if (programmaticInputRef.current) {
       programmaticInputRef.current = false;
       return;
@@ -19312,8 +19992,8 @@ var AgentUI = ({
     setSuggestionsDismissed(false);
   }, [actionInput]);
   const suggestionsOpen = promptSuggestions.length > 0 && !suggestionsDismissed;
-  const [pendingCategories, setPendingCategories] = (0, import_react23.useState)([]);
-  const acceptSuggestion = (0, import_react23.useCallback)((s) => {
+  const [pendingCategories, setPendingCategories] = (0, import_react24.useState)([]);
+  const acceptSuggestion = (0, import_react24.useCallback)((s) => {
     programmaticInputRef.current = true;
     setActionInput(s);
     if (contextStorageKey) {
@@ -19345,32 +20025,32 @@ var AgentUI = ({
     { name: "http" },
     { name: "shuffle_tools" }
   ];
-  const [chosenApps, setChosenApps] = (0, import_react23.useState)(() => {
+  const [chosenApps, setChosenApps] = (0, import_react24.useState)(() => {
     if (apps) return apps;
     if (defaultApps !== void 0) return defaultApps.slice(0, MAX_AUTO_ASSIGNED_TOOLS);
     const saved = readPresetAppsOverride(NO_PRESET_KEY);
     if (saved) return saved;
     return BUILTIN_DEFAULT_APPS;
   });
-  const isInitialMountChosenAppsRef = (0, import_react23.useRef)(true);
-  const isInitialMountPresetOverrideRef = (0, import_react23.useRef)(true);
-  const [availableApps, setAvailableApps] = (0, import_react23.useState)([]);
-  const [authAppsLoading, setAuthAppsLoading] = (0, import_react23.useState)(autoLoadApps && hasApiKey);
-  const [detectedLLM, setDetectedLLM] = (0, import_react23.useState)(null);
-  const [configuredLLMOptions, setConfiguredLLMOptions] = (0, import_react23.useState)([]);
-  const [llmMenuAnchor, setLlmMenuAnchor] = (0, import_react23.useState)(null);
-  const [executionApps, setExecutionApps] = (0, import_react23.useState)([]);
-  const [resolvedToolApps, setResolvedToolApps] = (0, import_react23.useState)({});
-  const [appSearchOpen, setAppSearchOpen] = (0, import_react23.useState)(false);
-  const [appSearchQuery, setAppSearchQuery] = (0, import_react23.useState)("");
-  const [categoryTarget, setCategoryTarget] = (0, import_react23.useState)(null);
-  const [authDrawerApp, setAuthDrawerApp] = (0, import_react23.useState)(null);
-  const [agentRequestLoading, setAgentRequestLoading] = (0, import_react23.useState)(false);
-  const [rerunningDecisionId, setRerunningDecisionId] = (0, import_react23.useState)(null);
-  const rerunDecisionsSigRef = (0, import_react23.useRef)("");
-  const [rerunAgentPending, setRerunAgentPending] = (0, import_react23.useState)(false);
-  const [abortLoading, setAbortLoading] = (0, import_react23.useState)(false);
-  const [execution, setExecution] = (0, import_react23.useState)(() => {
+  const isInitialMountChosenAppsRef = (0, import_react24.useRef)(true);
+  const isInitialMountPresetOverrideRef = (0, import_react24.useRef)(true);
+  const [availableApps, setAvailableApps] = (0, import_react24.useState)([]);
+  const [authAppsLoading, setAuthAppsLoading] = (0, import_react24.useState)(autoLoadApps && hasApiKey);
+  const [detectedLLM, setDetectedLLM] = (0, import_react24.useState)(null);
+  const [configuredLLMOptions, setConfiguredLLMOptions] = (0, import_react24.useState)([]);
+  const [llmMenuAnchor, setLlmMenuAnchor] = (0, import_react24.useState)(null);
+  const [executionApps, setExecutionApps] = (0, import_react24.useState)([]);
+  const [resolvedToolApps, setResolvedToolApps] = (0, import_react24.useState)({});
+  const [appSearchOpen, setAppSearchOpen] = (0, import_react24.useState)(false);
+  const [appSearchQuery, setAppSearchQuery] = (0, import_react24.useState)("");
+  const [categoryTarget, setCategoryTarget] = (0, import_react24.useState)(null);
+  const [authDrawerApp, setAuthDrawerApp] = (0, import_react24.useState)(null);
+  const [agentRequestLoading, setAgentRequestLoading] = (0, import_react24.useState)(false);
+  const [rerunningDecisionId, setRerunningDecisionId] = (0, import_react24.useState)(null);
+  const rerunDecisionsSigRef = (0, import_react24.useRef)("");
+  const [rerunAgentPending, setRerunAgentPending] = (0, import_react24.useState)(false);
+  const [abortLoading, setAbortLoading] = (0, import_react24.useState)(false);
+  const [execution, setExecution] = (0, import_react24.useState)(() => {
     if (initialExecution) return initialExecution;
     if (contextStorageKey) {
       const saved = getPageContextChoice(contextStorageKey);
@@ -19384,13 +20064,13 @@ var AgentUI = ({
     }
     return null;
   });
-  const [agentData, setAgentData] = (0, import_react23.useState)({});
-  const [agentActionResult, setAgentActionResult] = (0, import_react23.useState)(null);
-  const llmImageAttachments = (0, import_react23.useMemo)(
+  const [agentData, setAgentData] = (0, import_react24.useState)({});
+  const [agentActionResult, setAgentActionResult] = (0, import_react24.useState)(null);
+  const llmImageAttachments = (0, import_react24.useMemo)(
     () => collectLlmImageAttachments(agentData),
     [agentData]
   );
-  const [showStarter, setShowStarter] = (0, import_react23.useState)(() => {
+  const [showStarter, setShowStarter] = (0, import_react24.useState)(() => {
     if (initialExecution?.execution_id) return false;
     if (contextStorageKey) {
       const saved = getPageContextChoice(contextStorageKey);
@@ -19400,25 +20080,31 @@ var AgentUI = ({
     }
     return true;
   });
-  const handleRemovePreset = (0, import_react23.useCallback)(() => {
+  const handleRemovePreset = (0, import_react24.useCallback)(() => {
     try {
       localStorage.removeItem(LAST_PRESET_STORAGE_KEY);
     } catch {
     }
     setSelectedPreset(null);
   }, []);
-  const handleSelectPresetInternal = (0, import_react23.useCallback)((preset) => {
+  const handleSelectPresetInternal = (0, import_react24.useCallback)((preset) => {
     try {
       localStorage.setItem(LAST_PRESET_STORAGE_KEY, preset.id);
     } catch {
     }
+    const resolved = resolvePresetApps(preset);
     const override = readPresetAppsOverride(preset.id);
     if (override && override.length > 0) {
-      setChosenApps(override);
-    } else if (preset.defaultApps && preset.defaultApps.length > 0) {
-      setChosenApps(preset.defaultApps.map((app2) => ({ name: app2.name, id: app2.id, icon: app2.icon })));
+      const merged = [...override];
+      for (const app2 of resolved) {
+        const key = (app2.id || app2.name).toLowerCase();
+        if (!merged.some((m) => (m.id || m.name).toLowerCase() === key)) {
+          merged.push(app2);
+        }
+      }
+      setChosenApps(merged);
     } else {
-      setChosenApps([]);
+      setChosenApps(resolved);
     }
     seededPresetIdRef.current = preset.id;
     if (onSelectPreset) {
@@ -19434,40 +20120,40 @@ var AgentUI = ({
       }
     }, 0);
   }, [onSelectPreset]);
-  const [scheduleAnchor, setScheduleAnchor] = (0, import_react23.useState)(null);
-  const [mobilePlusAnchor, setMobilePlusAnchor] = (0, import_react23.useState)(null);
-  const [scheduleCron, setScheduleCron] = (0, import_react23.useState)("0 * * * *");
-  const [scheduleSaving, setScheduleSaving] = (0, import_react23.useState)(false);
-  const [scheduleSteps, setScheduleSteps] = (0, import_react23.useState)([
+  const [scheduleAnchor, setScheduleAnchor] = (0, import_react24.useState)(null);
+  const [mobilePlusAnchor, setMobilePlusAnchor] = (0, import_react24.useState)(null);
+  const [scheduleCron, setScheduleCron] = (0, import_react24.useState)("0 * * * *");
+  const [scheduleSaving, setScheduleSaving] = (0, import_react24.useState)(false);
+  const [scheduleSteps, setScheduleSteps] = (0, import_react24.useState)([
     { id: "name", state: "pending" },
     { id: "workflow", state: "pending" },
     { id: "schedule", state: "pending" }
   ]);
-  const [schedFreq, setSchedFreq] = (0, import_react23.useState)("hours");
-  const [schedInterval, setSchedInterval] = (0, import_react23.useState)(1);
-  const [schedHour, setSchedHour] = (0, import_react23.useState)(9);
-  const [schedMinute, setSchedMinute] = (0, import_react23.useState)(0);
-  const [schedWeekdays, setSchedWeekdays] = (0, import_react23.useState)(() => /* @__PURE__ */ new Set([1]));
-  const [schedDayOfMonth, setSchedDayOfMonth] = (0, import_react23.useState)(1);
-  const [schedAdvancedOpen, setSchedAdvancedOpen] = (0, import_react23.useState)(false);
-  const cronManualOverrideRef = (0, import_react23.useRef)(false);
-  const [openIndexes, setOpenIndexes] = (0, import_react23.useState)(/* @__PURE__ */ new Set());
-  const [highlightedIndex, setHighlightedIndex] = (0, import_react23.useState)(null);
-  const [continueHighlighted, setContinueHighlighted] = (0, import_react23.useState)(false);
-  const [questionAnswers, setQuestionAnswers] = (0, import_react23.useState)({});
-  const [simpleSubmitAttempted, setSimpleSubmitAttempted] = (0, import_react23.useState)(false);
-  const [finishAnswerRaw, setFinishAnswerRaw] = (0, import_react23.useState)(false);
-  const [continuationText, setContinuationText] = (0, import_react23.useState)("");
-  const [runComplete, setRunComplete] = (0, import_react23.useState)(false);
-  const [optimisticContinue, setOptimisticContinue] = (0, import_react23.useState)(null);
-  const continuationInputRef = (0, import_react23.useRef)(null);
-  const continuationFocusedForRef = (0, import_react23.useRef)(null);
-  const [error, setError] = (0, import_react23.useState)(null);
-  const [pollWarning, setPollWarning] = (0, import_react23.useState)(null);
-  const hasExecutionDataRef = (0, import_react23.useRef)(false);
-  const loadedExecutionIdRef = (0, import_react23.useRef)(null);
-  const keepPollingUntilRef = (0, import_react23.useRef)(0);
-  const [runExplorerAvailable, setRunExplorerAvailable] = (0, import_react23.useState)("checking");
+  const [schedFreq, setSchedFreq] = (0, import_react24.useState)("hours");
+  const [schedInterval, setSchedInterval] = (0, import_react24.useState)(1);
+  const [schedHour, setSchedHour] = (0, import_react24.useState)(9);
+  const [schedMinute, setSchedMinute] = (0, import_react24.useState)(0);
+  const [schedWeekdays, setSchedWeekdays] = (0, import_react24.useState)(() => /* @__PURE__ */ new Set([1]));
+  const [schedDayOfMonth, setSchedDayOfMonth] = (0, import_react24.useState)(1);
+  const [schedAdvancedOpen, setSchedAdvancedOpen] = (0, import_react24.useState)(false);
+  const cronManualOverrideRef = (0, import_react24.useRef)(false);
+  const [openIndexes, setOpenIndexes] = (0, import_react24.useState)(/* @__PURE__ */ new Set());
+  const [highlightedIndex, setHighlightedIndex] = (0, import_react24.useState)(null);
+  const [continueHighlighted, setContinueHighlighted] = (0, import_react24.useState)(false);
+  const [questionAnswers, setQuestionAnswers] = (0, import_react24.useState)({});
+  const [simpleSubmitAttempted, setSimpleSubmitAttempted] = (0, import_react24.useState)(false);
+  const [finishAnswerRaw, setFinishAnswerRaw] = (0, import_react24.useState)(false);
+  const [continuationText, setContinuationText] = (0, import_react24.useState)("");
+  const [runComplete, setRunComplete] = (0, import_react24.useState)(false);
+  const [optimisticContinue, setOptimisticContinue] = (0, import_react24.useState)(null);
+  const continuationInputRef = (0, import_react24.useRef)(null);
+  const continuationFocusedForRef = (0, import_react24.useRef)(null);
+  const [error, setError] = (0, import_react24.useState)(null);
+  const [pollWarning, setPollWarning] = (0, import_react24.useState)(null);
+  const hasExecutionDataRef = (0, import_react24.useRef)(false);
+  const loadedExecutionIdRef = (0, import_react24.useRef)(null);
+  const keepPollingUntilRef = (0, import_react24.useRef)(0);
+  const [runExplorerAvailable, setRunExplorerAvailable] = (0, import_react24.useState)("checking");
   const [searchParams, setSearchParams] = (0, import_router_compat3.useSearchParams)();
   const initialViewParam = searchParams.get("agentView");
   const readStoredViewMode = () => {
@@ -19486,8 +20172,8 @@ var AgentUI = ({
     }
     return "simple";
   };
-  const [viewMode, setViewMode] = (0, import_react23.useState)(readStoredViewMode);
-  (0, import_react23.useEffect)(() => {
+  const [viewMode, setViewMode] = (0, import_react24.useState)(readStoredViewMode);
+  (0, import_react24.useEffect)(() => {
     try {
       if (typeof window !== "undefined") {
         window.localStorage.setItem("shuffle-agents-view-mode", viewMode);
@@ -19495,17 +20181,17 @@ var AgentUI = ({
     } catch {
     }
   }, [viewMode]);
-  const [attachedImages, setAttachedImages] = (0, import_react23.useState)([]);
-  const [previewImage, setPreviewImage] = (0, import_react23.useState)(null);
+  const [attachedImages, setAttachedImages] = (0, import_react24.useState)([]);
+  const [previewImage, setPreviewImage] = (0, import_react24.useState)(null);
   const promptMultiline = promptMultilineBase || attachedImages.length > 0 || isPhone && Boolean(selectedPreset);
   const promptSingleLineLocked = !promptMultiline;
-  const [nowTick, setNowTick] = (0, import_react23.useState)(() => Math.floor(Date.now() / 1e3));
-  const [localRunStart, setLocalRunStart] = (0, import_react23.useState)(null);
-  const chipBarRef = (0, import_react23.useRef)(null);
-  const chipBarResizeObserverRef = (0, import_react23.useRef)(null);
-  const [chipBarMultiline, setChipBarMultiline] = (0, import_react23.useState)(false);
-  const fileInputRef = (0, import_react23.useRef)(null);
-  const chipBarCallbackRef = (0, import_react23.useCallback)((node) => {
+  const [nowTick, setNowTick] = (0, import_react24.useState)(() => Math.floor(Date.now() / 1e3));
+  const [localRunStart, setLocalRunStart] = (0, import_react24.useState)(null);
+  const chipBarRef = (0, import_react24.useRef)(null);
+  const chipBarResizeObserverRef = (0, import_react24.useRef)(null);
+  const [chipBarMultiline, setChipBarMultiline] = (0, import_react24.useState)(false);
+  const fileInputRef = (0, import_react24.useRef)(null);
+  const chipBarCallbackRef = (0, import_react24.useCallback)((node) => {
     chipBarRef.current = node;
     chipBarResizeObserverRef.current?.disconnect();
     if (!node) return;
@@ -19522,14 +20208,14 @@ var AgentUI = ({
       chipBarResizeObserverRef.current = ro;
     }
   }, []);
-  const activeExecutionIdRef = (0, import_react23.useRef)(
-    initialExecution?.execution_id || (contextStorageKey ? getPageContextChoice(contextStorageKey)?.executionId || null : null)
+  const activeExecutionIdRef = (0, import_react24.useRef)(
+    executionId || initialExecution?.execution_id || (contextStorageKey ? getPageContextChoice(contextStorageKey)?.executionId || null : null)
   );
-  const executionPollGenerationRef = (0, import_react23.useRef)(0);
-  const runAbortRef = (0, import_react23.useRef)(null);
-  const runGenerationRef = (0, import_react23.useRef)(0);
-  const userPickedStartRef = (0, import_react23.useRef)(false);
-  const stateRef = (0, import_react23.useRef)({
+  const executionPollGenerationRef = (0, import_react24.useRef)(0);
+  const runAbortRef = (0, import_react24.useRef)(null);
+  const runGenerationRef = (0, import_react24.useRef)(0);
+  const userPickedStartRef = (0, import_react24.useRef)(false);
+  const stateRef = (0, import_react24.useRef)({
     execution: null,
     agentData: {},
     agentActionResult: null,
@@ -19547,25 +20233,25 @@ var AgentUI = ({
   stateRef.current.continuationText = continuationText;
   stateRef.current.localRunStart = localRunStart;
   stateRef.current.showStarter = showStarter;
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     const el = chipBarRef.current;
     if (el) {
       setChipBarMultiline(el.clientHeight > 42 || el.scrollHeight > 42);
     }
   }, [chosenApps, availableApps, selectedPreset]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     return () => {
       chipBarResizeObserverRef.current?.disconnect();
     };
   }, []);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (execution?.execution_id || agentRequestLoading) {
       setLocalRunStart((prev) => prev ?? Math.floor(Date.now() / 1e3));
     } else {
       setLocalRunStart(null);
     }
   }, [execution?.execution_id, agentRequestLoading]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (!execution?.execution_id && !agentRequestLoading) return;
     const status = (execution?.status || agentData?.status || "").toUpperCase();
     const TERMINAL = ["FINISHED", "FAILURE", "ABORTED", "CANCELLED", "CANCELED"];
@@ -19607,7 +20293,7 @@ var AgentUI = ({
       setError(null);
     }
   };
-  const appsById = (0, import_react23.useMemo)(() => {
+  const appsById = (0, import_react24.useMemo)(() => {
     const m = {};
     const add = (a) => {
       if (!a?.name) return;
@@ -19625,7 +20311,7 @@ var AgentUI = ({
     }
     return m;
   }, [chosenApps, executionApps, resolvedToolApps]);
-  const isAppAuthenticated = (0, import_react23.useCallback)((appName, appId) => {
+  const isAppAuthenticated = (0, import_react24.useCallback)((appName, appId) => {
     if (!appName && !appId) return false;
     const target = normalizeAgentAppName(appName);
     if (isNoAuthApp(target)) return true;
@@ -19634,11 +20320,11 @@ var AgentUI = ({
       return !!appName && normalizeAgentAppName(a.name || "") === target;
     });
   }, [availableApps]);
-  const pendingAuthApps = (0, import_react23.useMemo)(() => {
+  const pendingAuthApps = (0, import_react24.useMemo)(() => {
     if (authAppsLoading) return [];
-    const decisions = agentData?.decisions || [];
     const seen = /* @__PURE__ */ new Set();
     const out = [];
+    const decisions = agentData?.decisions || [];
     for (const d of decisions) {
       const req = extractAuthRequest(d);
       if (!req) continue;
@@ -19650,12 +20336,25 @@ var AgentUI = ({
       const icon = appsById[req.appName]?.icon || appsById[slug]?.icon || (appId ? appsById[appId]?.icon : "") || "";
       out.push({ appName: req.appName, appId, icon });
     }
+    const hasAllowed = Array.isArray(agentData?.allowed_actions) && agentData.allowed_actions.length > 0;
+    const activeAppList = hasAllowed ? executionApps : chosenApps;
+    for (const app2 of activeAppList) {
+      if (!app2?.name) continue;
+      const slug = normalizeAgentAppName(app2.name);
+      if (seen.has(slug)) continue;
+      if (appRequiresAuthentication(slug) && !isAppAuthenticated(app2.name, app2.id || null)) {
+        seen.add(slug);
+        const appId = app2.id || appsById[app2.name]?.id || appsById[slug]?.id || null;
+        const icon = app2.icon || appsById[app2.name]?.icon || appsById[slug]?.icon || (appId ? appsById[appId]?.icon : "") || "";
+        out.push({ appName: app2.name, appId, icon });
+      }
+    }
     return out;
-  }, [agentData, appsById, authAppsLoading, isAppAuthenticated]);
-  (0, import_react23.useEffect)(() => {
+  }, [agentData, executionApps, chosenApps, appsById, authAppsLoading, isAppAuthenticated]);
+  (0, import_react24.useEffect)(() => {
     if (apps) setChosenApps(apps);
   }, [apps]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     const required = selectedPreset?.requiredApps;
     if (!required || required.length === 0) return;
     setChosenApps((prev) => {
@@ -19664,7 +20363,7 @@ var AgentUI = ({
       return [...prev, ...missing.map((name) => ({ name }))];
     });
   }, [selectedPreset]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     const decisions = agentData?.decisions || [];
     if (!Array.isArray(decisions) || decisions.length === 0) return;
     const norm4 = (s) => s.toLowerCase().replace(/[\s-]+/g, "_");
@@ -19712,7 +20411,7 @@ var AgentUI = ({
       cancelled = true;
     };
   }, [JSON.stringify(agentData?.decisions?.map((d) => [d?.details?.tool || d?.tool, extractAuthRequest(d)?.appName]) || []), appsById]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     const missing = chosenApps.filter((a) => !a.icon && a.name);
     if (missing.length === 0) return;
     let cancelled = false;
@@ -19770,7 +20469,7 @@ var AgentUI = ({
       cancelled = true;
     };
   }, [chosenApps, availableApps, resolveUrl2, resolveHeaders2]);
-  const loadAuthenticatedApps = (0, import_react23.useCallback)(async (signal) => {
+  const loadAuthenticatedApps = (0, import_react24.useCallback)(async (signal) => {
     setAuthAppsLoading(true);
     try {
       const [authRes, wfRes] = await Promise.allSettled([
@@ -19871,7 +20570,7 @@ var AgentUI = ({
       if (!signal?.cancelled) setAuthAppsLoading(false);
     }
   }, [resolveUrl2, resolveHeaders2, contextCategory, contextStorageKey, defaultApps, onAppsChange]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (!autoLoadApps) return;
     if (!hasApiKey) return;
     const signal = { cancelled: false };
@@ -19880,7 +20579,7 @@ var AgentUI = ({
       signal.cancelled = true;
     };
   }, [autoLoadApps, hasApiKey, loadAuthenticatedApps]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (!hasApiKey) return;
     const handler = (event) => {
       const customEvent = event;
@@ -19895,7 +20594,7 @@ var AgentUI = ({
     window.addEventListener("integrations-changed", handler);
     return () => window.removeEventListener("integrations-changed", handler);
   }, [hasApiKey, loadAuthenticatedApps]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     const raw = agentData?.allowed_actions;
     if (!Array.isArray(raw) || raw.length === 0) {
       setExecutionApps([]);
@@ -20008,7 +20707,7 @@ var AgentUI = ({
       cancelled = true;
     };
   }, [JSON.stringify(agentData?.allowed_actions || []), availableApps]);
-  const getExecution = (0, import_react23.useCallback)(async (executionId2, authorization2) => {
+  const getExecution = (0, import_react24.useCallback)(async (executionId2, authorization2) => {
     const pollGeneration = executionPollGenerationRef.current;
     if (loadedExecutionIdRef.current !== executionId2) hasExecutionDataRef.current = false;
     if (!executionId2 || executionId2.startsWith("demo-") || executionId2.startsWith("dummy-")) return;
@@ -20085,7 +20784,7 @@ var AgentUI = ({
       else setPollWarning(`Live updates are failing (${err instanceof Error ? err.message : "network error"}). Showing the last known state.`);
     }
   }, []);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     const eid = execution?.execution_id;
     const auth = execution?.authorization;
     if (!eid) {
@@ -20112,19 +20811,19 @@ var AgentUI = ({
       cancelled = true;
     };
   }, [execution?.execution_id, execution?.authorization]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (execution?.authorization && (execution?.results?.length || 0) > 0) {
       setRunExplorerAvailable("yes");
     }
   }, [execution?.authorization, execution?.results?.length]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     let eid = null;
     let auth = null;
     let initialStatus = "EXECUTING";
     let savedViewMode = null;
-    if (executionId && authorization) {
+    if (executionId) {
       eid = executionId;
-      auth = authorization;
+      auth = authorization || null;
     } else if (readUrlParams) {
       const params = new URLSearchParams(window.location.search);
       eid = params.get("execution_id");
@@ -20153,7 +20852,7 @@ var AgentUI = ({
       getExecution(eid, auth || void 0);
     }
   }, [readUrlParams, executionId, authorization, getExecution, contextStorageKey]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (!initialExecution || !initialExecution.execution_id) return;
     if (!userPickedStartRef.current) setShowStarter(false);
     activeExecutionIdRef.current = initialExecution.execution_id;
@@ -20188,7 +20887,7 @@ var AgentUI = ({
       getExecution(initialExecution.execution_id, initialExecution.authorization);
     }
   }, [initialExecution?.execution_id]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (!execution?.execution_id) return;
     const status = (execution.status || "").toUpperCase();
     const TERMINAL = ["FINISHED", "FAILURE", "ABORTED", "CANCELLED", "CANCELED"];
@@ -20205,7 +20904,7 @@ var AgentUI = ({
     }, intervalMs);
     return () => clearInterval(id);
   }, [execution?.execution_id, execution?.authorization, execution?.status, agentData?.decisions, runComplete, getExecution]);
-  const submitInput = (0, import_react23.useCallback)(async (text2, presetOverride, appsOverride) => {
+  const submitInput = (0, import_react24.useCallback)(async (text2, presetOverride, appsOverride) => {
     if (!text2.trim()) return;
     if (isLoggedIn === false) {
       setError("Authentication required. Please log in to run AI agents.");
@@ -20266,9 +20965,6 @@ var AgentUI = ({
         return next;
       }, { replace: true });
     }
-    const resolvedIncidentId = propIncidentId || (contextCategory === "incidents" ? contextParams?.id : void 0) || (typeof window !== "undefined" ? window.__shuffleActiveIncidentId : void 0);
-    const resolvedVulnerabilityId = propVulnerabilityId || (contextCategory === "vulnerabilities" ? contextParams?.id : void 0) || (typeof window !== "undefined" ? window.__shuffleActiveVulnerabilityId : void 0);
-    const resolvedWorkflowId = propWorkflowId || (contextCategory === "workflows" ? contextParams?.id : void 0) || (typeof window !== "undefined" ? window.__shuffleActiveWorkflowId : void 0);
     const result = await runAgent({
       input: composed.trim(),
       skipPolling: true,
@@ -20277,6 +20973,7 @@ var AgentUI = ({
       ...apiBaseUrl ? { apiBaseUrl } : {},
       ...orgId ? { orgId } : {},
       ...resolvedIncidentId ? { incidentId: resolvedIncidentId } : {},
+      ...resolvedIncidentContext ? { incidentContext: resolvedIncidentContext } : {},
       ...resolvedVulnerabilityId ? { vulnerabilityId: resolvedVulnerabilityId } : {},
       ...resolvedWorkflowId ? { workflowId: resolvedWorkflowId } : {},
       // Send a single comma-separated `tool_name` in the format
@@ -20347,6 +21044,13 @@ var AgentUI = ({
     const auth = raw?.authorization;
     if (eid && auth) {
       activeExecutionIdRef.current = eid;
+      if (typeof window !== "undefined") {
+        window.dispatchEvent(
+          new CustomEvent("shuffle:agent_execution_status", {
+            detail: { executionId: eid, status: "running", incidentId: resolvedIncidentId }
+          })
+        );
+      }
       if (contextStorageKey) {
         setPageContextChoice(contextStorageKey, {
           draftPrompt: "",
@@ -20392,14 +21096,14 @@ var AgentUI = ({
       onRun?.({ input: text2, success: true, executionId: eid });
     }
   }, [chosenApps, executionApps, getExecution, onRun, attachedImages, readUrlParams, setSearchParams, viewMode, selectedPreset, isLoggedIn]);
-  const autoSubmittedRef = (0, import_react23.useRef)(false);
-  (0, import_react23.useEffect)(() => {
-    if (autoSubmit && defaultInput && !autoSubmittedRef.current && !executionId) {
-      autoSubmittedRef.current = true;
+  const lastSubmittedInputRef = (0, import_react24.useRef)(null);
+  (0, import_react24.useEffect)(() => {
+    if (autoSubmit && defaultInput && defaultInput !== lastSubmittedInputRef.current) {
+      lastSubmittedInputRef.current = defaultInput;
       submitInput(defaultInput);
     }
-  }, [autoSubmit, defaultInput, executionId, submitInput]);
-  const submitQuestions = (0, import_react23.useCallback)(async (decisionId, answers, isContinuation) => {
+  }, [autoSubmit, defaultInput, submitInput]);
+  const submitQuestions = (0, import_react24.useCallback)(async (decisionId, answers, isContinuation) => {
     if (!execution?.execution_id || !execution?.authorization) return;
     let newArgument = {};
     if (isContinuation) {
@@ -20457,7 +21161,7 @@ var AgentUI = ({
       setAgentRequestLoading(false);
     }
   }, [execution, getExecution, agentData?.decisions]);
-  const resolveRunInput = (0, import_react23.useCallback)(() => {
+  const resolveRunInput = (0, import_react24.useCallback)(() => {
     const fromData = agentData?.original_input;
     if (fromData && typeof fromData === "string") return fromData;
     if (actionInput && typeof actionInput === "string" && actionInput.trim()) return actionInput;
@@ -20525,7 +21229,7 @@ var AgentUI = ({
     };
     return deepFind(agentData) || deepFind(agentActionResult) || deepFind(execution) || "";
   }, [agentData, actionInput, agentActionResult, execution]);
-  const resolveRunTemplate = (0, import_react23.useCallback)(() => {
+  const resolveRunTemplate = (0, import_react24.useCallback)(() => {
     const candidates = [
       agentData?.template,
       agentData?.input?.template,
@@ -20546,7 +21250,7 @@ var AgentUI = ({
       (p) => p.id === slug || PRESET_TEMPLATE_SLUGS[p.id] === slug || TEMPLATE_SLUG_TO_PRESET_ID[slug] === p.id
     ) ?? null;
   }, [agentData, agentActionResult, execution, presets]);
-  const rerunAgent = (0, import_react23.useCallback)(() => {
+  const rerunAgent = (0, import_react24.useCallback)(() => {
     const resolved = resolveRunInput();
     const input = (typeof resolved === "string" && resolved.trim() ? resolved : actionInput) || "";
     const template = resolveRunTemplate();
@@ -20574,12 +21278,12 @@ var AgentUI = ({
     }
     setTimeout(() => setRerunAgentPending(false), 8e3);
   }, [resolveRunInput, resolveRunTemplate, actionInput, executionApps, disableStartTab, submitInput]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (rerunAgentPending && (agentRequestLoading || execution?.execution_id)) {
       setRerunAgentPending(false);
     }
   }, [rerunAgentPending, agentRequestLoading, execution?.execution_id]);
-  const abortAgent = (0, import_react23.useCallback)(async () => {
+  const abortAgent = (0, import_react24.useCallback)(async () => {
     (0, import_react_dom.flushSync)(() => setAbortLoading(true));
     const execId = execution?.execution_id;
     const auth = execution?.authorization;
@@ -20645,10 +21349,10 @@ var AgentUI = ({
       setAbortLoading(false);
     }
   }, [execution, resolveUrl2, resolveHeaders2, getExecution, setSearchParams]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (execution?.execution_id) setLastOpenedAgentRun(execution.execution_id);
   }, [execution?.execution_id]);
-  const getFormUrl = (0, import_react23.useCallback)((decisionId) => {
+  const getFormUrl = (0, import_react24.useCallback)((decisionId) => {
     const wfId = execution?.workflow?.id;
     const auth = execution?.authorization;
     const execId = execution?.execution_id;
@@ -20664,7 +21368,7 @@ var AgentUI = ({
     });
     return `/forms/${wfId}?${params.toString()}`;
   }, [execution, agentActionResult, apiBaseUrl]);
-  const rerunDecision = (0, import_react23.useCallback)(async (decision) => {
+  const rerunDecision = (0, import_react24.useCallback)(async (decision) => {
     if (!execution?.execution_id) {
       toast({ title: "No execution loaded", description: "Cannot rerun this decision.", variant: "destructive" });
       return;
@@ -20710,7 +21414,7 @@ var AgentUI = ({
       setAgentRequestLoading(false);
     }
   }, [execution, agentActionResult, agentData, getExecution, resolveUrl2, resolveHeaders2]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (!rerunningDecisionId) return;
     const sig = JSON.stringify(
       (agentData?.decisions || []).map((d) => d?.run_details?.id || "")
@@ -20725,14 +21429,14 @@ var AgentUI = ({
   const runStillExecuting = Boolean(execution?.execution_id || agentRequestLoading) && !TERMINAL_RUN_STATUSES.includes(
     resolveRunStatus(execution?.status, agentData?.status)
   );
-  const [liveNowSec, setLiveNowSec] = (0, import_react23.useState)(() => Date.now() / 1e3);
-  (0, import_react23.useEffect)(() => {
+  const [liveNowSec, setLiveNowSec] = (0, import_react24.useState)(() => Date.now() / 1e3);
+  (0, import_react24.useEffect)(() => {
     if (!runStillExecuting) return;
     setLiveNowSec(Date.now() / 1e3);
     const t = setInterval(() => setLiveNowSec(Date.now() / 1e3), 1e3);
     return () => clearInterval(t);
   }, [runStillExecuting]);
-  const { timeline, originalStartTime, totalDuration, finishDecisionId, finishAnswer, finishNote } = (0, import_react23.useMemo)(() => {
+  const { timeline, originalStartTime, totalDuration, finishDecisionId, finishAnswer, finishNote } = (0, import_react24.useMemo)(() => {
     const toSec = (t) => {
       const n = Number(t) || 0;
       return n > 1e12 ? n / 1e3 : n;
@@ -20918,7 +21622,7 @@ var AgentUI = ({
     const total = Math.max(1, end - startSafe);
     return { timeline: items, originalStartTime: startSafe, totalDuration: total, finishDecisionId: finishId, finishAnswer: finishAns, finishNote: finishNote2 };
   }, [agentData, execution?.status, execution?.started_at, execution?.completed_at, runStillExecuting, liveNowSec]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     const status = (execution?.status || "").toUpperCase();
     const isTerminal = ["FINISHED", "FAILURE", "ABORTED", "CANCELLED", "CANCELED"].includes(status);
     const hasPendingDecision = (agentData?.decisions || []).some((d) => {
@@ -20927,7 +21631,38 @@ var AgentUI = ({
     });
     setRunComplete(Boolean(isTerminal && !hasPendingDecision && (finishAnswer || finishDecisionId)));
   }, [execution?.status, agentData?.decisions, finishAnswer, finishDecisionId]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
+    const eid = execution?.execution_id || activeExecutionIdRef.current;
+    const status = (execution?.status || agentData?.status || "").toUpperCase();
+    if (!eid || !status || typeof window === "undefined") return;
+    if (status === "FINISHED" || status === "SUCCESS") {
+      window.dispatchEvent(
+        new CustomEvent("shuffle:agent_execution_status", {
+          detail: { executionId: eid, status: "completed", incidentId: resolvedIncidentId }
+        })
+      );
+      if (resolvedIncidentId) {
+        window.dispatchEvent(
+          new CustomEvent("incident:refresh", {
+            detail: { id: resolvedIncidentId, incidentId: resolvedIncidentId, executionId: eid }
+          })
+        );
+      }
+    } else if (["FAILURE", "ABORTED", "CANCELLED", "CANCELED"].includes(status)) {
+      window.dispatchEvent(
+        new CustomEvent("shuffle:agent_execution_status", {
+          detail: { executionId: eid, status: "failed", incidentId: resolvedIncidentId }
+        })
+      );
+    } else if (["RUNNING", "EXECUTING", "IN_PROGRESS", "WAITING"].includes(status)) {
+      window.dispatchEvent(
+        new CustomEvent("shuffle:agent_execution_status", {
+          detail: { executionId: eid, status: "running", incidentId: resolvedIncidentId }
+        })
+      );
+    }
+  }, [execution?.execution_id, execution?.status, agentData?.status, resolvedIncidentId]);
+  (0, import_react24.useEffect)(() => {
     if (!finishDecisionId || agentRequestLoading) return;
     if (continuationFocusedForRef.current === finishDecisionId) return;
     continuationFocusedForRef.current = finishDecisionId;
@@ -20937,7 +21672,7 @@ var AgentUI = ({
     }, 150);
     return () => clearTimeout(t);
   }, [finishDecisionId, agentRequestLoading]);
-  const openLocalLlmArea = (0, import_react23.useCallback)(() => {
+  const openLocalLlmArea = (0, import_react24.useCallback)(() => {
     if (onChooseLLM) {
       onChooseLLM();
       return;
@@ -20954,16 +21689,20 @@ var AgentUI = ({
       );
     }
   }, [onChooseLLM]);
-  const isAiAuthIssue = (0, import_react23.useMemo)(() => {
+  const isAiAuthIssue = (0, import_react24.useMemo)(() => {
+    const status = (execution?.status || agentData?.status || "").toUpperCase();
+    const isFinished = status === "FINISHED" || status === "SUCCESS";
+    if (isFinished && !isAiAuthText(error)) {
+      return false;
+    }
     if (finishAnswer && finishAnswer.trim().length > 0 && !isAiAuthText(finishAnswer)) {
-      const diagnosable2 = execution?.results?.length ? execution : agentData;
-      if (!isAiAuthFailure(diagnosable2, error || "")) return false;
+      return false;
     }
     const diagnosable = execution?.results?.length ? execution : agentData;
-    return isAiAuthFailure(diagnosable, error || finishAnswer || "");
+    return isAiAuthFailure(diagnosable, error || "");
   }, [execution, agentData, finishAnswer, error]);
   const aiAuthSuggestionNode = isAiAuthIssue ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Box, { sx: { mt: 1.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(AiAuthSuggestion_default, { onOpenLocalLlm: openLocalLlmArea }) }) : null;
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (!optimisticContinue) return;
     const count = (agentData?.decisions || []).length;
     if (count > optimisticContinue.decisions) {
@@ -20975,7 +21714,7 @@ var AgentUI = ({
   }, [optimisticContinue, agentData?.decisions]);
   const optimisticRunning = Boolean(optimisticContinue);
   const optimisticContinueText = optimisticContinue?.text || void 0;
-  const stuckDecision = (0, import_react23.useMemo)(() => {
+  const stuckDecision = (0, import_react24.useMemo)(() => {
     const list = (agentData?.decisions || []).filter((d) => {
       if (!d?.run_details?.id) return false;
       const s = String(d?.run_details?.status || "").toUpperCase();
@@ -21012,9 +21751,9 @@ var AgentUI = ({
     requestAnimationFrame(() => requestAnimationFrame(scrollRowIntoView));
     window.setTimeout(scrollRowIntoView, 260);
   };
-  const timelineEndRef = (0, import_react23.useRef)(null);
-  const followTimelineRef = (0, import_react23.useRef)(true);
-  (0, import_react23.useEffect)(() => {
+  const timelineEndRef = (0, import_react24.useRef)(null);
+  const followTimelineRef = (0, import_react24.useRef)(true);
+  (0, import_react24.useEffect)(() => {
     if (typeof window === "undefined") return;
     const getScrollParent = (node) => {
       let el = node?.parentElement || null;
@@ -21054,7 +21793,7 @@ var AgentUI = ({
   const runIsLive = optimisticRunning || !["FINISHED", "FAILURE", "ABORTED", "CANCELLED", "CANCELED"].includes(
     (resolveRunStatus(execution?.status, agentData?.status) || "EXECUTING").toUpperCase()
   );
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (typeof window === "undefined") return;
     if (viewMode !== "detailed") return;
     if (!runIsLive) return;
@@ -21072,10 +21811,10 @@ var AgentUI = ({
       window.clearTimeout(t);
     };
   }, [timelineCount, viewMode, runIsLive]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     followTimelineRef.current = true;
   }, [execution?.execution_id]);
-  const handlePrimarySubmit = (0, import_react23.useCallback)(() => {
+  const handlePrimarySubmit = (0, import_react24.useCallback)(() => {
     const composed = composeSubmitInput(actionInput);
     if (submitOverride) {
       submitOverride({ input: composed, apps: chosenApps });
@@ -21120,17 +21859,17 @@ var AgentUI = ({
   const activeTab = showStarter ? "start" : viewMode;
   const hasExecution = !!execution?.execution_id;
   const showRunSwitcher = hasExecution || agentRequestLoading;
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     onViewChange?.(activeTab);
   }, [activeTab, onViewChange]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (isInitialMountChosenAppsRef.current) {
       isInitialMountChosenAppsRef.current = false;
       return;
     }
     onAppsChange?.(chosenApps);
   }, [chosenApps, onAppsChange]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (isInitialMountPresetOverrideRef.current) {
       isInitialMountPresetOverrideRef.current = false;
       return;
@@ -21189,7 +21928,7 @@ var AgentUI = ({
       }
     }
   };
-  const { scheduleDisabledReasons, scheduleWarnings } = (0, import_react23.useMemo)(() => {
+  const { scheduleDisabledReasons, scheduleWarnings } = (0, import_react24.useMemo)(() => {
     const decisions = agentData?.decisions || [];
     const runStatus = resolveRunStatus(execution?.status, agentData?.status);
     const isNotFinished = runStatus !== "" && !["FINISHED", "FAILURE", "ABORTED", "CANCELLED", "CANCELED"].includes(runStatus);
@@ -21258,24 +21997,24 @@ var AgentUI = ({
     }
     return { scheduleDisabledReasons: reasons, scheduleWarnings: warnings };
   }, [agentData, execution?.status]);
-  const scheduleHint = (0, import_react23.useMemo)(() => {
+  const scheduleHint = (0, import_react24.useMemo)(() => {
     const parsed = parseScheduleHint(actionInput);
     return parsed && parsed.once ? null : parsed;
   }, [actionInput]);
-  const lastAppliedHintRef = (0, import_react23.useRef)(null);
-  (0, import_react23.useEffect)(() => {
+  const lastAppliedHintRef = (0, import_react24.useRef)(null);
+  (0, import_react24.useEffect)(() => {
     if (!scheduleHint) return;
     if (scheduleAnchor) return;
     if (lastAppliedHintRef.current === scheduleHint.cron) return;
     setScheduleCron(scheduleHint.cron);
     lastAppliedHintRef.current = scheduleHint.cron;
   }, [scheduleHint, scheduleAnchor]);
-  const finishedRunInput = (0, import_react23.useMemo)(() => extractCleanDisplayPrompt(resolveRunInput()), [resolveRunInput]);
-  const postRunScheduleHint = (0, import_react23.useMemo)(() => {
+  const finishedRunInput = (0, import_react24.useMemo)(() => extractCleanDisplayPrompt(resolveRunInput()), [resolveRunInput]);
+  const postRunScheduleHint = (0, import_react24.useMemo)(() => {
     const parsed = parseScheduleHint(finishedRunInput);
     return parsed && parsed.once ? null : parsed;
   }, [finishedRunInput]);
-  const postRunAppReqs = (0, import_react23.useMemo)(() => {
+  const postRunAppReqs = (0, import_react24.useMemo)(() => {
     const text2 = (finishedRunInput || "").trim();
     if (text2.length < 4) return [];
     const reqs = getSuggestionAppRequirements(text2, 4);
@@ -21286,14 +22025,14 @@ var AgentUI = ({
       return !chosen.some((c) => c && (c === target || c.includes(target) || target.includes(c)));
     });
   }, [finishedRunInput, chosenApps]);
-  const postRunUnauthedApps = (0, import_react23.useMemo)(() => {
+  const postRunUnauthedApps = (0, import_react24.useMemo)(() => {
     if (authAppsLoading) return [];
     return chosenApps.filter((a) => {
       const slug = normalizeAgentAppName(a.name || "");
       return appRequiresAuthentication(slug) && !isAppAuthenticated(a.name || "", a.id || null);
     });
   }, [authAppsLoading, chosenApps, isAppAuthenticated]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (cronManualOverrideRef.current) return;
     const m = Math.max(0, Math.min(59, schedMinute));
     const h = Math.max(0, Math.min(23, schedHour));
@@ -21335,7 +22074,7 @@ var AgentUI = ({
       /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Box, { component: "span", children: r })
     ] }, i)) })
   ] }) : "";
-  const tabBarRef = (0, import_react23.useRef)(null);
+  const tabBarRef = (0, import_react24.useRef)(null);
   const runStatusUpper = resolveRunStatus(execution?.status, agentData?.status);
   const runIsActive = hasExecution && !["FINISHED", "FAILURE", "ABORTED", "CANCELLED", "CANCELED"].includes(runStatusUpper);
   const tabBar = /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
@@ -23120,7 +23859,47 @@ var AgentUI = ({
                                           children: formatAppDisplayName(app2.name || "")
                                         }
                                       ),
-                                      (needsAuth || isUnavailable) && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react15.AlertTriangle, { size: 14, color: "hsl(var(--severity-medium))", style: { marginRight: 2 } }),
+                                      needsAuth ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                                        import_material26.Box,
+                                        {
+                                          component: "span",
+                                          sx: {
+                                            fontSize: "0.65rem",
+                                            fontWeight: 600,
+                                            color: "hsl(var(--destructive))",
+                                            bgcolor: "hsl(var(--destructive) / 0.12)",
+                                            border: "1px solid hsl(var(--destructive) / 0.3)",
+                                            borderRadius: 1,
+                                            px: 0.6,
+                                            py: 0.1,
+                                            letterSpacing: "0.02em",
+                                            textTransform: "uppercase",
+                                            ml: 0.5,
+                                            mr: 0.25
+                                          },
+                                          children: "Missing auth"
+                                        }
+                                      ) : isUnavailable ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                                        import_material26.Box,
+                                        {
+                                          component: "span",
+                                          sx: {
+                                            fontSize: "0.65rem",
+                                            fontWeight: 600,
+                                            color: "hsl(var(--severity-medium))",
+                                            bgcolor: "hsl(var(--severity-medium) / 0.12)",
+                                            border: "1px solid hsl(var(--severity-medium) / 0.3)",
+                                            borderRadius: 1,
+                                            px: 0.6,
+                                            py: 0.1,
+                                            letterSpacing: "0.02em",
+                                            textTransform: "uppercase",
+                                            ml: 0.5,
+                                            mr: 0.25
+                                          },
+                                          children: "Unavailable"
+                                        }
+                                      ) : null,
                                       isRequired ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                                         import_lucide_react15.Lock,
                                         {
@@ -23322,43 +24101,83 @@ var AgentUI = ({
                     return list;
                   })().map((app2, i) => {
                     const slug = normalizeAgentAppName(app2.name || "");
+                    const appNeedsAuth = !authAppsLoading && appRequiresAuthentication(slug) && !isAppAuthenticated(app2.name || "", app2.id || null);
                     const appIcon = app2.icon || availableApps.find((a) => normalizeAgentAppName(a.name || "") === slug)?.icon || resolvedToolApps[slug]?.icon;
-                    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Tooltip, { title: formatAppDisplayName(app2.name || ""), children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-                      import_material26.Box,
+                    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                      import_material26.Tooltip,
                       {
-                        onClick: () => setAuthDrawerApp({ name: app2.name, id: app2.id || null }),
-                        sx: {
-                          display: "inline-flex",
-                          alignItems: "center",
-                          justifyContent: "center",
-                          width: 24,
-                          height: 24,
-                          borderRadius: "6px",
-                          overflow: "hidden",
-                          bgcolor: "hsl(var(--muted))",
-                          cursor: "pointer",
-                          transition: "transform 0.15s ease, border-color 0.15s ease",
-                          "&:hover": { transform: "scale(1.08)", borderColor: "hsl(var(--primary)) !important" }
-                        },
+                        title: appNeedsAuth ? `${formatAppDisplayName(app2.name || "")} \u2014 Missing authentication (Click to connect)` : formatAppDisplayName(app2.name || ""),
                         children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-                          AppFallbackIcon,
+                          import_material26.Box,
                           {
-                            name: app2.name,
-                            imageUrl: appIcon,
-                            size: 24,
-                            style: { borderRadius: 6, objectFit: "contain" }
+                            onClick: () => setAuthDrawerApp({ name: app2.name, id: app2.id || null }),
+                            sx: {
+                              display: "inline-flex",
+                              alignItems: "center",
+                              justifyContent: "center",
+                              width: 24,
+                              height: 24,
+                              borderRadius: "6px",
+                              overflow: "hidden",
+                              bgcolor: "hsl(var(--muted))",
+                              cursor: "pointer",
+                              transition: "transform 0.15s ease, border-color 0.15s ease",
+                              border: appNeedsAuth ? "2px solid hsl(var(--destructive)) !important" : "none",
+                              boxShadow: appNeedsAuth ? "0 0 0 1px hsl(var(--destructive) / 0.4)" : "none",
+                              "&:hover": { transform: "scale(1.08)", borderColor: "hsl(var(--primary)) !important" }
+                            },
+                            children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                              AppFallbackIcon,
+                              {
+                                name: app2.name,
+                                imageUrl: appIcon,
+                                size: 24,
+                                style: { borderRadius: 6, objectFit: "contain" }
+                              }
+                            )
                           }
                         )
-                      }
-                    ) }, i);
+                      },
+                      i
+                    );
                   }) }),
                   /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material26.Box, { sx: { flex: 1, minWidth: 0 }, children: [
                     /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Typography, { sx: { fontSize: "0.85rem", color: "hsl(var(--foreground))", fontWeight: 600, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: extractCleanDisplayPrompt(agentData?.original_input) || actionInput || "Agent run" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material26.Typography, { sx: { fontSize: "0.7rem", color: "hsl(var(--muted-foreground))" }, children: [
-                      "Status: ",
-                      execution?.status || agentData?.status || "\u2014",
-                      " \xB7 ",
-                      execution?.execution_id?.slice(0, 8) || ""
+                    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material26.Typography, { sx: { fontSize: "0.7rem", color: "hsl(var(--muted-foreground))", display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap", mt: 0.25 }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { children: [
+                        "Status: ",
+                        execution?.status || agentData?.status || "\u2014",
+                        " \xB7 ",
+                        execution?.execution_id?.slice(0, 8) || ""
+                      ] }),
+                      pendingAuthApps.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+                        import_material26.Box,
+                        {
+                          component: "span",
+                          onClick: () => setAuthDrawerApp({ name: pendingAuthApps[0].appName, id: pendingAuthApps[0].appId }),
+                          sx: {
+                            display: "inline-flex",
+                            alignItems: "center",
+                            gap: 0.5,
+                            px: 0.75,
+                            py: 0.15,
+                            borderRadius: 1,
+                            bgcolor: "hsl(var(--destructive) / 0.12)",
+                            border: "1px solid hsl(var(--destructive) / 0.35)",
+                            color: "hsl(var(--destructive))",
+                            fontSize: "0.68rem",
+                            fontWeight: 600,
+                            cursor: "pointer",
+                            textTransform: "none",
+                            "&:hover": { bgcolor: "hsl(var(--destructive) / 0.2)" }
+                          },
+                          children: [
+                            "Missing Auth: ",
+                            pendingAuthApps.map((a) => formatAppDisplayName(a.appName)).join(", "),
+                            " \u2014 Connect"
+                          ]
+                        }
+                      )
                     ] })
                   ] }),
                   /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(AgentAttachmentsButton_default, { attachments: llmImageAttachments }),
@@ -23538,6 +24357,57 @@ var AgentUI = ({
                     }
                   }
                 ),
+                pendingAuthApps.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+                  import_material26.Box,
+                  {
+                    sx: {
+                      mb: 2,
+                      p: 2,
+                      borderRadius: 2,
+                      border: "1px solid hsla(var(--severity-medium) / 0.35)",
+                      bgcolor: "hsla(var(--severity-medium) / 0.08)",
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "space-between",
+                      gap: 2,
+                      flexWrap: "wrap"
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material26.Box, { sx: { display: "flex", alignItems: "center", gap: 1.5, flex: 1, minWidth: 260 }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react15.Lock, { size: 22, color: "hsl(var(--severity-medium))" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material26.Box, { sx: { flex: 1, minWidth: 0 }, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Typography, { sx: { fontSize: "0.875rem", fontWeight: 600, color: "hsl(var(--foreground))" }, children: pendingAuthApps.length === 1 ? `${formatAppDisplayName(pendingAuthApps[0].appName)} requires authentication` : `${pendingAuthApps.map((a) => formatAppDisplayName(a.appName)).join(", ")} require authentication` }),
+                          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Typography, { sx: { fontSize: "0.78rem", color: "hsl(var(--muted-foreground))" }, children: pendingAuthApps.length === 1 ? `The agent cannot complete steps using ${formatAppDisplayName(pendingAuthApps[0].appName)} and may remain pending until connected.` : `The agent cannot complete steps using these tools and may remain pending until connected.` })
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Box, { sx: { display: "flex", gap: 1, flexWrap: "wrap" }, children: pendingAuthApps.map(({ appName, appId }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+                        import_material26.Button,
+                        {
+                          variant: "outlined",
+                          size: "small",
+                          onClick: () => setAuthDrawerApp({ name: appName, id: appId }),
+                          sx: {
+                            borderColor: "hsla(var(--severity-medium) / 0.6)",
+                            color: "hsl(var(--foreground))",
+                            textTransform: "none",
+                            fontSize: "0.75rem",
+                            fontWeight: 600,
+                            height: 32,
+                            "&:hover": {
+                              bgcolor: "hsla(var(--severity-medium) / 0.15)",
+                              borderColor: "hsl(var(--severity-medium))"
+                            }
+                          },
+                          children: [
+                            "Authenticate ",
+                            formatAppDisplayName(appName)
+                          ]
+                        },
+                        appName
+                      )) })
+                    ]
+                  }
+                ),
                 viewMode === "simple" && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Box, { sx: {
                   borderRadius: 2,
                   border: "1px solid hsl(var(--border))",
@@ -23579,7 +24449,7 @@ var AgentUI = ({
                   }
                   const pendingAnswered = pendingQuestions.every((q) => questionAnswers[q.question]?.value);
                   return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                       RunFinishedSummary,
                       {
                         status,
@@ -23592,77 +24462,7 @@ var AgentUI = ({
                         durationSec,
                         showMeta: true,
                         bottomContent: aiAuthSuggestionNode,
-                        children: [
-                          pendingAuthApps.map(({ appName, appId, icon }) => {
-                            const pretty = appName.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
-                            return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
-                              import_material26.Box,
-                              {
-                                sx: {
-                                  display: "flex",
-                                  alignItems: "center",
-                                  gap: 1.5,
-                                  p: 1.5,
-                                  borderRadius: 1.5,
-                                  border: "1px solid hsla(var(--severity-medium) / 0.3)",
-                                  bgcolor: "hsla(var(--severity-medium) / 0.08)"
-                                },
-                                children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react15.Lock, { size: 22, color: "hsl(var(--severity-medium))" }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material26.Box, { sx: { flex: 1, minWidth: 0 }, children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material26.Typography, { sx: { fontSize: "0.85rem", fontWeight: 600, color: "hsl(var(--foreground))" }, children: [
-                                      pretty,
-                                      " requires authentication"
-                                    ] }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material26.Typography, { sx: { fontSize: "0.75rem", color: "hsl(var(--muted-foreground))" }, children: [
-                                      "Connect your ",
-                                      pretty,
-                                      " account so the agent can complete this step, then rerun."
-                                    ] })
-                                  ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
-                                    import_material26.Button,
-                                    {
-                                      variant: "outlined",
-                                      size: "small",
-                                      startIcon: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-                                        import_material26.Avatar,
-                                        {
-                                          src: icon || void 0,
-                                          alt: "",
-                                          variant: "rounded",
-                                          sx: {
-                                            width: 18,
-                                            height: 18,
-                                            borderRadius: 0.5,
-                                            bgcolor: "hsl(var(--background) / 0.4)",
-                                            color: "hsl(var(--background))",
-                                            fontSize: "0.7rem",
-                                            fontWeight: 700,
-                                            "& img": { objectFit: "contain" }
-                                          },
-                                          children: pretty.charAt(0)
-                                        }
-                                      ),
-                                      onClick: () => setAuthDrawerApp({ name: appName, id: appId }),
-                                      sx: {
-                                        height: 36,
-                                        textTransform: "none",
-                                        fontWeight: 600
-                                      },
-                                      children: [
-                                        "Authenticate ",
-                                        pretty
-                                      ]
-                                    }
-                                  )
-                                ]
-                              },
-                              `auth-${appName}`
-                            );
-                          }),
-                          !isRunning && postRunDiscovery
-                        ]
+                        children: !isRunning && postRunDiscovery
                       }
                     ),
                     !finishAnswer && pendingAsk && pendingQuestions.length > 0 ? (() => {
@@ -24050,12 +24850,12 @@ var AgentUI = ({
 var AgentUI_default = AgentUI;
 
 // components/AgentRunDrawer.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 var import_material29 = require("@mui/material");
 var import_lucide_react17 = require("lucide-react");
 
 // components/LocalLLMConfig.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 var import_lucide_react16 = require("lucide-react");
 var import_material28 = require("@mui/material");
 init_api();
@@ -24148,7 +24948,7 @@ var UsageBar = ({
 
 // components/LocalLLMConfig.tsx
 var import_jsx_runtime33 = require("react/jsx-runtime");
-var import_react25 = require("react");
+var import_react26 = require("react");
 var OPENAI_APP_NAME = "OpenAI";
 var OPENAI_APP_ID = "5d19dd82517870c68d40cacad9b5ca91";
 var OPENAI_ALGOLIA_APP = {
@@ -24218,7 +25018,7 @@ var PROVIDER_MODELS = {
   "LM Studio (localhost)": ["qwen-3.6-27b", "llama-4-16x17b-instruct", "deepseek-v4-flash", "qwen3-32b", "llama-3.3-70b-instruct", "deepseek-r1-distill-qwen-32b", "mistral-small-4", "phi-4", "gemma-3-27b"]
 };
 var ProviderLogo = ({ label, url }) => {
-  const [errored, setErrored] = (0, import_react24.useState)(false);
+  const [errored, setErrored] = (0, import_react25.useState)(false);
   let domain = PROVIDER_DOMAINS[label];
   if (!domain && url) {
     try {
@@ -24234,8 +25034,8 @@ var LLM_PRESET_STORAGE_KEY = "shuffle-llm-provider";
 var LocalLLMConfig = ({ compact, globalUrl, userdata, isLoaded, isLoggedIn, serverside, theme, colorMode, open }) => {
   useSyncHostBaseUrl(globalUrl);
   const { authStates, authenticatedApps, handleAuthChange, handleSaveAuth, refreshAuth, loading: authLoading } = useAppAuth();
-  const [expanded, setExpanded] = (0, import_react24.useState)(true);
-  const [selectedPreset, setSelectedPreset] = (0, import_react24.useState)(() => {
+  const [expanded, setExpanded] = (0, import_react25.useState)(true);
+  const [selectedPreset, setSelectedPreset] = (0, import_react25.useState)(() => {
     try {
       const stored = localStorage.getItem(LLM_PRESET_STORAGE_KEY) || "";
       return ENDPOINT_PRESETS.some((p) => p.label === stored) ? stored : "";
@@ -24243,9 +25043,9 @@ var LocalLLMConfig = ({ compact, globalUrl, userdata, isLoaded, isLoggedIn, serv
       return "";
     }
   });
-  const [customUrl, setCustomUrl] = (0, import_react24.useState)("");
-  const activeSwitchSeqRef = (0, import_react24.useRef)(0);
-  const [llmTest, setLlmTest] = (0, import_react24.useState)(null);
+  const [customUrl, setCustomUrl] = (0, import_react25.useState)("");
+  const activeSwitchSeqRef = (0, import_react25.useRef)(0);
+  const [llmTest, setLlmTest] = (0, import_react25.useState)(null);
   const openaiEntries = authenticatedApps.filter(
     (a) => a.app?.name?.toLowerCase() === "openai" || a.app?.id === OPENAI_APP_ID
   );
@@ -24262,8 +25062,8 @@ var LocalLLMConfig = ({ compact, globalUrl, userdata, isLoaded, isLoggedIn, serv
   } : baseAuthState;
   const savedUrlFromEntry = (openaiEntries[0]?.fields || []).find((f) => (f?.key || "").toLowerCase() === "url")?.value || "";
   const currentUrl = (authState.credentials?.url || savedUrlFromEntry || "").trim();
-  const [customModel, setCustomModel] = (0, import_react24.useState)("");
-  const [customMode, setCustomMode] = (0, import_react24.useState)(false);
+  const [customModel, setCustomModel] = (0, import_react25.useState)("");
+  const [customMode, setCustomMode] = (0, import_react25.useState)(false);
   const hasOpenAIEntries = openaiEntries.length > 0;
   const providerOfEntry = (entry) => providerLabelOfAuthEntry(entry);
   const displayLabelOfEntry = (entry) => {
@@ -24271,20 +25071,20 @@ var LocalLLMConfig = ({ compact, globalUrl, userdata, isLoaded, isLoggedIn, serv
     const stripped = raw.replace(new RegExp(`^\\s*${OPENAI_APP_NAME}\\s*-\\s*`, "i"), "").trim();
     return stripped || raw;
   };
-  const [optimisticActiveProvider, setOptimisticActiveProvider] = (0, import_react24.useState)(null);
-  const activeEntryRaw = (0, import_react24.useMemo)(
+  const [optimisticActiveProvider, setOptimisticActiveProvider] = (0, import_react25.useState)(null);
+  const activeEntryRaw = (0, import_react25.useMemo)(
     () => openaiEntries.find((e) => e?.active === true),
     [openaiEntries]
   );
   const activeEntry = activeEntryRaw || null;
-  const activeProviderLabel = (0, import_react24.useMemo)(() => {
+  const activeProviderLabel = (0, import_react25.useMemo)(() => {
     if (optimisticActiveProvider !== null) {
       return optimisticActiveProvider === SHUFFLE_AI_PRESET ? null : optimisticActiveProvider;
     }
     if (!activeEntryRaw) return null;
     return providerOfEntry(activeEntryRaw);
   }, [optimisticActiveProvider, activeEntryRaw, providerOfEntry]);
-  const effectivePreset = (0, import_react24.useMemo)(() => {
+  const effectivePreset = (0, import_react25.useMemo)(() => {
     if (selectedPreset) return selectedPreset;
     if (optimisticActiveProvider !== null) return optimisticActiveProvider;
     if (activeEntryRaw) return providerOfEntry(activeEntryRaw);
@@ -24292,12 +25092,12 @@ var LocalLLMConfig = ({ compact, globalUrl, userdata, isLoaded, isLoggedIn, serv
     if (currentUrl) return detectLLMProvider(currentUrl)?.label || CUSTOM_PRESET;
     return SHUFFLE_AI_PRESET;
   }, [selectedPreset, optimisticActiveProvider, currentUrl, hasOpenAIEntries, activeEntryRaw]);
-  const providerEntries = (0, import_react24.useMemo)(
+  const providerEntries = (0, import_react25.useMemo)(
     () => openaiEntries.filter((e) => providerOfEntry(e) === effectivePreset).map((e) => ({ ...e, label: displayLabelOfEntry(e) })),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [openaiEntries, effectivePreset]
   );
-  const validatedProviderLabels = (0, import_react24.useMemo)(() => {
+  const validatedProviderLabels = (0, import_react25.useMemo)(() => {
     const set = /* @__PURE__ */ new Set();
     const remembered = getValidatedAuthIds();
     for (const entry of openaiEntries) {
@@ -24460,9 +25260,9 @@ var LocalLLMConfig = ({ compact, globalUrl, userdata, isLoaded, isLoggedIn, serv
     } catch {
     }
   };
-  const prevOpenRef = (0, import_react24.useRef)(open);
-  const hasInitializedPresetRef = (0, import_react24.useRef)(false);
-  (0, import_react24.useEffect)(() => {
+  const prevOpenRef = (0, import_react25.useRef)(open);
+  const hasInitializedPresetRef = (0, import_react25.useRef)(false);
+  (0, import_react25.useEffect)(() => {
     const justOpened = Boolean(open && !prevOpenRef.current);
     prevOpenRef.current = open;
     if (authLoading) return;
@@ -24534,14 +25334,14 @@ var LocalLLMConfig = ({ compact, globalUrl, userdata, isLoaded, isLoggedIn, serv
     setCustomUrl(value);
     handleAuthChange(OPENAI_APP_ID, { ...authState.credentials, url: value });
   };
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     const preset = ENDPOINT_PRESETS.find((p) => p.label === effectivePreset);
     const presetUrl = effectivePreset === CUSTOM_PRESET ? customUrl : preset?.url || "";
     if (!presetUrl) return;
     if ((authState.credentials?.url || "").trim()) return;
     handleAuthChange(OPENAI_APP_ID, { ...authState.credentials, url: presetUrl });
   }, [effectivePreset, customUrl, authState.credentials?.url]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     const models = PROVIDER_MODELS[effectivePreset];
     if (!models?.length) return;
     if ((authState.credentials?.model || "").trim()) return;
@@ -24564,8 +25364,8 @@ var LocalLLMConfig = ({ compact, globalUrl, userdata, isLoaded, isLoggedIn, serv
     return isLocal;
   })();
   const orgId = userdata?.active_org?.id;
-  const [orgData, setOrgData] = (0, import_react24.useState)(null);
-  (0, import_react24.useEffect)(() => {
+  const [orgData, setOrgData] = (0, import_react25.useState)(null);
+  (0, import_react25.useEffect)(() => {
     if (!orgId) return;
     let cancelled = false;
     (async () => {
@@ -24652,7 +25452,7 @@ var LocalLLMConfig = ({ compact, globalUrl, userdata, isLoaded, isLoggedIn, serv
             const activeProvider = optimisticActiveProvider ?? (activeEntryRaw ? providerOfEntry(activeEntryRaw) : SHUFFLE_AI_PRESET);
             const isSelected = option === activeProvider;
             const isValidated = option !== SHUFFLE_AI_PRESET && validatedProviderLabels.has(option);
-            return /* @__PURE__ */ (0, import_react25.createElement)("li", { ...props, key: option }, /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_material28.Box, { sx: { display: "flex", alignItems: "center", gap: 1.25, width: "100%", minWidth: 0 }, children: [
+            return /* @__PURE__ */ (0, import_react26.createElement)("li", { ...props, key: option }, /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_material28.Box, { sx: { display: "flex", alignItems: "center", gap: 1.25, width: "100%", minWidth: 0 }, children: [
               /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ProviderLogo, { label: option, url: preset?.url }),
               /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material28.Typography, { sx: { fontSize: "0.85rem", color: "hsl(var(--popover-foreground))", flexShrink: 0 }, children: option }),
               /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material28.Box, { sx: { flex: 1, minWidth: 0 } }),
@@ -24848,20 +25648,20 @@ var AgentRunDrawer = ({
 }) => {
   useSyncHostBaseUrl(globalUrl);
   const themeScope = useShuffleMcpTheme();
-  const [activeTab, setActiveTab] = (0, import_react26.useState)(initialTab);
-  const prevOpenRef = (0, import_react26.useRef)(open);
-  (0, import_react26.useEffect)(() => {
+  const [activeTab, setActiveTab] = (0, import_react27.useState)(initialTab);
+  const prevOpenRef = (0, import_react27.useRef)(open);
+  (0, import_react27.useEffect)(() => {
     if (open && !prevOpenRef.current) setActiveTab(initialTab);
     prevOpenRef.current = open;
   }, [open, initialTab]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     if (typeof window === "undefined") return;
     window.__shuffleAgentDrawerMounted = (window.__shuffleAgentDrawerMounted || 0) + 1;
     return () => {
       window.__shuffleAgentDrawerMounted = Math.max(0, (window.__shuffleAgentDrawerMounted || 1) - 1);
     };
   }, []);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     if (typeof window === "undefined") return;
     const onOpen = (event) => {
       const tab = event.detail?.tab;
@@ -24901,8 +25701,8 @@ var AgentRunDrawer = ({
   });
   const showTabs = visibleTabs.length > 1;
   const safeActiveTab = visibleTabs.includes(activeTab) ? activeTab : "run";
-  const paperRef = (0, import_react26.useRef)(null);
-  (0, import_react26.useEffect)(() => {
+  const paperRef = (0, import_react27.useRef)(null);
+  (0, import_react27.useEffect)(() => {
     if (!open || safeActiveTab !== "run") return;
     const focusInput = () => {
       if (!paperRef.current) return false;
@@ -24928,6 +25728,7 @@ var AgentRunDrawer = ({
   const drawerWidth = `min(${width}px, 100vw)`;
   const drawerMinWidth = `min(${minWidth}px, 100vw)`;
   const drawerMaxWidth = `min(${maxWidth}px, 100vw)`;
+  const drawerZIndex = useDrawerLayer(open);
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     import_material29.Drawer,
     {
@@ -24935,6 +25736,7 @@ var AgentRunDrawer = ({
       open,
       onClose,
       sx: {
+        zIndex: drawerZIndex,
         "& .MuiDrawer-paper": {
           boxSizing: "border-box",
           width: { xs: "100vw", sm: drawerWidth },
@@ -25090,7 +25892,7 @@ var AgentRunDrawer = ({
 var AgentRunDrawer_default = AgentRunDrawer;
 
 // components/AgentActivityList.tsx
-var import_react27 = require("react");
+var import_react28 = require("react");
 var import_router_compat4 = require("react-router-dom");
 var import_material30 = require("@mui/material");
 var import_lucide_react18 = require("lucide-react");
@@ -26054,31 +26856,31 @@ var AgentActivityList = ({
   initialRuns,
   disableFetch = false
 }) => {
-  const [appDrawer, setAppDrawer] = (0, import_react27.useState)(null);
-  const [runs, setRuns] = (0, import_react27.useState)(initialRuns || []);
-  const [cursor, setCursor] = (0, import_react27.useState)("");
-  const [hasMore, setHasMore] = (0, import_react27.useState)(false);
-  const [isLoading, setIsLoading] = (0, import_react27.useState)(false);
-  const [error, setError] = (0, import_react27.useState)(null);
-  const [statusFilter, setStatusFilter] = (0, import_react27.useState)("");
-  const [searchQuery, setSearchQuery] = (0, import_react27.useState)("");
-  const [debouncedQuery, setDebouncedQuery] = (0, import_react27.useState)("");
-  const [agentWorkflows, setAgentWorkflows] = (0, import_react27.useState)([]);
-  const [workflowFilter, setWorkflowFilter] = (0, import_react27.useState)("");
-  const [usecaseFilter, setUsecaseFilter] = (0, import_react27.useState)("");
-  const [stopOpen, setStopOpen] = (0, import_react27.useState)(false);
-  const [stopLoading, setStopLoading] = (0, import_react27.useState)(false);
-  const [appIcons, setAppIcons] = (0, import_react27.useState)({});
-  const [enrichedRuns, setEnrichedRuns] = (0, import_react27.useState)({});
-  const enrichedRunsRef = (0, import_react27.useRef)({});
-  const processedRunIdsRef = (0, import_react27.useRef)(/* @__PURE__ */ new Set());
-  (0, import_react27.useEffect)(() => {
+  const [appDrawer, setAppDrawer] = (0, import_react28.useState)(null);
+  const [runs, setRuns] = (0, import_react28.useState)(initialRuns || []);
+  const [cursor, setCursor] = (0, import_react28.useState)("");
+  const [hasMore, setHasMore] = (0, import_react28.useState)(false);
+  const [isLoading, setIsLoading] = (0, import_react28.useState)(false);
+  const [error, setError] = (0, import_react28.useState)(null);
+  const [statusFilter, setStatusFilter] = (0, import_react28.useState)("");
+  const [searchQuery, setSearchQuery] = (0, import_react28.useState)("");
+  const [debouncedQuery, setDebouncedQuery] = (0, import_react28.useState)("");
+  const [agentWorkflows, setAgentWorkflows] = (0, import_react28.useState)([]);
+  const [workflowFilter, setWorkflowFilter] = (0, import_react28.useState)("");
+  const [usecaseFilter, setUsecaseFilter] = (0, import_react28.useState)("");
+  const [stopOpen, setStopOpen] = (0, import_react28.useState)(false);
+  const [stopLoading, setStopLoading] = (0, import_react28.useState)(false);
+  const [appIcons, setAppIcons] = (0, import_react28.useState)({});
+  const [enrichedRuns, setEnrichedRuns] = (0, import_react28.useState)({});
+  const enrichedRunsRef = (0, import_react28.useRef)({});
+  const processedRunIdsRef = (0, import_react28.useRef)(/* @__PURE__ */ new Set());
+  (0, import_react28.useEffect)(() => {
     enrichedRunsRef.current = enrichedRuns;
   }, [enrichedRuns]);
-  const [abortingIds, setAbortingIds] = (0, import_react27.useState)(/* @__PURE__ */ new Set());
-  const [abortedIds, setAbortedIds] = (0, import_react27.useState)(/* @__PURE__ */ new Set());
-  const [lastOpenedRunId, setLastOpenedRunId] = (0, import_react27.useState)(() => getLastOpenedAgentRun());
-  (0, import_react27.useEffect)(() => {
+  const [abortingIds, setAbortingIds] = (0, import_react28.useState)(/* @__PURE__ */ new Set());
+  const [abortedIds, setAbortedIds] = (0, import_react28.useState)(/* @__PURE__ */ new Set());
+  const [lastOpenedRunId, setLastOpenedRunId] = (0, import_react28.useState)(() => getLastOpenedAgentRun());
+  (0, import_react28.useEffect)(() => {
     const unsubAbort = subscribeAgentAborted((eid) => {
       setAbortedIds((prev) => prev.has(eid) ? prev : /* @__PURE__ */ new Set([...Array.from(prev), eid]));
       setRuns((prev) => prev.map((r) => r.execution_id === eid ? { ...r, status: "ABORTED" } : r));
@@ -26089,9 +26891,9 @@ var AgentActivityList = ({
       unsubOpened();
     };
   }, []);
-  const debounceRef = (0, import_react27.useRef)(void 0);
+  const debounceRef = (0, import_react28.useRef)(void 0);
   const selectedAgentWorkflow = agentWorkflows.find((w) => w.id === workflowFilter) || null;
-  const openEditPrompt = (0, import_react27.useCallback)(async () => {
+  const openEditPrompt = (0, import_react28.useCallback)(async () => {
     if (!workflowFilter) return;
     try {
       const { prompt, apps } = await getAgentScheduleConfig(workflowFilter, { apiKey, apiBaseUrl, orgId });
@@ -26105,7 +26907,7 @@ var AgentActivityList = ({
       setError(e instanceof Error ? e.message : "Failed to load workflow");
     }
   }, [workflowFilter, selectedAgentWorkflow, apiKey, apiBaseUrl, orgId, onEditWorkflow]);
-  const confirmStop = (0, import_react27.useCallback)(async () => {
+  const confirmStop = (0, import_react28.useCallback)(async () => {
     if (!workflowFilter) return;
     setStopLoading(true);
     try {
@@ -26120,7 +26922,7 @@ var AgentActivityList = ({
       setStopLoading(false);
     }
   }, [workflowFilter, apiKey, apiBaseUrl, orgId]);
-  const handleAbort = (0, import_react27.useCallback)(
+  const handleAbort = (0, import_react28.useCallback)(
     async (run) => {
       const eid = run.execution_id;
       const wfId = run.workflow_id || run?.workflow?.id;
@@ -26165,15 +26967,15 @@ var AgentActivityList = ({
     },
     [apiKey, apiBaseUrl, orgId]
   );
-  const updateSearchQuery = (0, import_react27.useCallback)((q) => {
+  const updateSearchQuery = (0, import_react28.useCallback)((q) => {
     setSearchQuery(q);
     if (debounceRef.current) clearTimeout(debounceRef.current);
     debounceRef.current = setTimeout(() => setDebouncedQuery(q), 350);
   }, []);
-  (0, import_react27.useEffect)(() => () => {
+  (0, import_react28.useEffect)(() => () => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
   }, []);
-  const fetchRuns = (0, import_react27.useCallback)(
+  const fetchRuns = (0, import_react28.useCallback)(
     async (append = false, cursorParam = "") => {
       if (disableFetch) {
         if (initialRuns && !append) {
@@ -26221,10 +27023,10 @@ var AgentActivityList = ({
     },
     [disableFetch, initialRuns, statusFilter, limit, top, apiKey, apiBaseUrl, orgId, workflowFilter]
   );
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     fetchRuns(false, "");
   }, [statusFilter, apiKey, apiBaseUrl, orgId, workflowFilter]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     let cancelled = false;
     listAgentScheduleWorkflows({ apiKey, apiBaseUrl, orgId }).then((items) => {
       if (!cancelled) setAgentWorkflows(items);
@@ -26234,7 +27036,7 @@ var AgentActivityList = ({
       cancelled = true;
     };
   }, [apiKey, apiBaseUrl, orgId]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     let cancelled = false;
     fetchAppsViaApiConfig().then((apps) => {
       if (cancelled || !Array.isArray(apps)) return;
@@ -26252,7 +27054,7 @@ var AgentActivityList = ({
       cancelled = true;
     };
   }, []);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (!runs.length) return;
     let cancelled = false;
     const buildPatchFromRun = (r) => {
@@ -26391,7 +27193,7 @@ var AgentActivityList = ({
     const merged = patch2 ? { ...r, ...patch2 } : r;
     return r.execution_id && abortedIds.has(r.execution_id) ? { ...merged, status: "ABORTED" } : merged;
   });
-  const loadMore = (0, import_react27.useCallback)(() => {
+  const loadMore = (0, import_react28.useCallback)(() => {
     if (cursor && !isLoading) fetchRuns(true, cursor);
   }, [cursor, isLoading, fetchRuns]);
   const activeUsecase = usecaseFilters.find((u) => u.id === usecaseFilter) || null;
@@ -26737,7 +27539,7 @@ var AgentActivityList = ({
 var AgentActivityList_default = AgentActivityList;
 
 // components/AgentExecutionDrawer.tsx
-var import_react28 = require("react");
+var import_react29 = require("react");
 var import_material31 = require("@mui/material");
 var import_lucide_react20 = require("lucide-react");
 var import_jsx_runtime36 = require("react/jsx-runtime");
@@ -26767,8 +27569,8 @@ var AgentExecutionDrawer = ({
   colorMode
 }) => {
   const themeScope = useShuffleMcpTheme();
-  const [bodyReady, setBodyReady] = (0, import_react28.useState)(false);
-  (0, import_react28.useEffect)(() => {
+  const [bodyReady, setBodyReady] = (0, import_react29.useState)(false);
+  (0, import_react29.useEffect)(() => {
     if (!open || !run?.execution_id) {
       setBodyReady(false);
       return;
@@ -26782,6 +27584,7 @@ var AgentExecutionDrawer = ({
   const drawerWidth = `min(${width}px, 100vw)`;
   const drawerMinWidth = `min(${minWidth}px, 100vw)`;
   const drawerMaxWidth = `min(${maxWidth}px, 100vw)`;
+  const drawerZIndex = useDrawerLayer(open);
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     import_material31.Drawer,
     {
@@ -26791,7 +27594,7 @@ var AgentExecutionDrawer = ({
       keepMounted: true,
       transitionDuration: { enter: 120, exit: 100 },
       sx: {
-        zIndex: 10011,
+        zIndex: drawerZIndex,
         "& .MuiDrawer-paper": {
           boxSizing: "border-box",
           width: { xs: "100vw", sm: drawerWidth },
@@ -26966,7 +27769,7 @@ var AgentExecutionDrawer = ({
 var AgentExecutionDrawer_default = AgentExecutionDrawer;
 
 // views/AgentsView.tsx
-var import_react29 = require("react");
+var import_react30 = require("react");
 var import_material32 = require("@mui/material");
 init_api();
 var import_jsx_runtime37 = require("react/jsx-runtime");
@@ -27021,21 +27824,21 @@ var AgentsView = ({
   orgId
 }) => {
   useSyncHostBaseUrl(globalUrl);
-  const resolvedTheme = (0, import_react29.useMemo)(() => resolveTheme(theme), [theme]);
-  const hydratedInitialApps = (0, import_react29.useMemo)(() => {
+  const resolvedTheme = (0, import_react30.useMemo)(() => resolveTheme(theme), [theme]);
+  const hydratedInitialApps = (0, import_react30.useMemo)(() => {
     if (initialApps && initialApps.length > 0) return initialApps;
     if (disableAppsPersistence) return [];
     return readPersistedApps(appsStorageKey) ?? [];
   }, []);
-  const [selectedRun, setSelectedRun] = (0, import_react29.useState)(null);
-  const [agentView, setAgentView] = (0, import_react29.useState)("start");
-  const [prefill, setPrefill] = (0, import_react29.useState)({
+  const [selectedRun, setSelectedRun] = (0, import_react30.useState)(null);
+  const [agentView, setAgentView] = (0, import_react30.useState)("start");
+  const [prefill, setPrefill] = (0, import_react30.useState)({
     input: "",
     apps: hydratedInitialApps,
     key: 0
   });
-  const [editing, setEditing] = (0, import_react29.useState)(null);
-  const handleAppsChange = (0, import_react29.useCallback)((apps) => {
+  const [editing, setEditing] = (0, import_react30.useState)(null);
+  const handleAppsChange = (0, import_react30.useCallback)((apps) => {
     if (onAppsChange) {
       try {
         onAppsChange(apps);
@@ -27057,13 +27860,13 @@ var AgentsView = ({
     } catch {
     }
   }, [onAppsChange, disableAppsPersistence, appsStorageKey]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
   }, [handleAppsChange]);
-  const [builtInDrawer, setBuiltInDrawer] = (0, import_react29.useState)({
+  const [builtInDrawer, setBuiltInDrawer] = (0, import_react30.useState)({
     open: false,
     tab: "localLLM"
   });
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (typeof window === "undefined") return;
     const handler = (e) => {
       const detail = e.detail;
@@ -27072,14 +27875,14 @@ var AgentsView = ({
     window.addEventListener("agent-drawer-open", handler);
     return () => window.removeEventListener("agent-drawer-open", handler);
   }, []);
-  const effectiveSchedule = (0, import_react29.useCallback)(
+  const effectiveSchedule = (0, import_react30.useCallback)(
     async (info) => {
       if (onSchedule) return onSchedule(info);
       await scheduleAgentRun({ ...info, apiKey, apiBaseUrl: globalUrl, orgId });
     },
     [onSchedule, apiKey, globalUrl, orgId]
   );
-  const effectiveLocalLLMSlot = (0, import_react29.useMemo)(
+  const effectiveLocalLLMSlot = (0, import_react30.useMemo)(
     () => localLLMSlot ?? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       LocalLLMConfig_default,
       {
@@ -27095,14 +27898,14 @@ var AgentsView = ({
     ),
     [localLLMSlot, builtInDrawer.open, globalUrl, userdata, isLoaded, isLoggedIn, serverside, resolvedTheme, colorMode]
   );
-  const handleChooseLLM = (0, import_react29.useCallback)(() => {
+  const handleChooseLLM = (0, import_react30.useCallback)(() => {
     if (onChooseLLM) {
       onChooseLLM();
       return;
     }
     setBuiltInDrawer({ open: true, tab: "localLLM" });
   }, [onChooseLLM]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (typeof window === "undefined") return;
     if (window.location.hash !== "#agent-activity") return;
     const tryScroll = () => {
@@ -27112,7 +27915,7 @@ var AgentsView = ({
     const t = window.setTimeout(tryScroll, 150);
     return () => window.clearTimeout(t);
   }, []);
-  const handleEditWorkflow = (0, import_react29.useCallback)(
+  const handleEditWorkflow = (0, import_react30.useCallback)(
     ({ workflowId, name, prompt, apps }) => {
       setEditing({ workflowId, name });
       setPrefill((prev) => ({
@@ -27124,7 +27927,7 @@ var AgentsView = ({
     },
     []
   );
-  const handleSaveEdit = (0, import_react29.useCallback)(
+  const handleSaveEdit = (0, import_react30.useCallback)(
     async ({ input, apps }) => {
       if (!editing) return;
       try {
@@ -27261,24 +28064,24 @@ var AgentsView_default = AgentsView;
 
 // components/AddAppModal.tsx
 var import_lucide_react21 = require("lucide-react");
-var import_react31 = require("react");
+var import_react32 = require("react");
 var import_material33 = require("@mui/material");
 var import_framer_motion9 = require("framer-motion");
 init_api();
 
 // useAppAuthFlow.ts
-var import_react30 = require("react");
+var import_react31 = require("react");
 init_api();
 function useAppAuthFlow() {
-  const [selectedApp, setSelectedApp] = (0, import_react30.useState)(null);
-  const [authState, setAuthState] = (0, import_react30.useState)({
+  const [selectedApp, setSelectedApp] = (0, import_react31.useState)(null);
+  const [authState, setAuthState] = (0, import_react31.useState)({
     systemId: "",
     status: "pending",
     credentials: {}
   });
-  const [authenticatedApps, setAuthenticatedApps] = (0, import_react30.useState)([]);
-  const [authLoading, setAuthLoading] = (0, import_react30.useState)(false);
-  const fetchAuthForApp = (0, import_react30.useCallback)(async (appName, appImageUrl) => {
+  const [authenticatedApps, setAuthenticatedApps] = (0, import_react31.useState)([]);
+  const [authLoading, setAuthLoading] = (0, import_react31.useState)(false);
+  const fetchAuthForApp = (0, import_react31.useCallback)(async (appName, appImageUrl) => {
     setAuthLoading(true);
     try {
       const authData = await fetchAuthenticatedApps();
@@ -27299,20 +28102,20 @@ function useAppAuthFlow() {
       setAuthLoading(false);
     }
   }, []);
-  const selectApp = (0, import_react30.useCallback)((app2) => {
+  const selectApp = (0, import_react31.useCallback)((app2) => {
     setSelectedApp(app2);
     setAuthState({ systemId: app2.objectID, status: "pending", credentials: {} });
     fetchAuthForApp(app2.name, app2.image_url);
   }, [fetchAuthForApp]);
-  const clearSelection = (0, import_react30.useCallback)(() => {
+  const clearSelection = (0, import_react31.useCallback)(() => {
     setSelectedApp(null);
     setAuthState({ systemId: "", status: "pending", credentials: {} });
     setAuthenticatedApps([]);
   }, []);
-  const handleAuthChange = (0, import_react30.useCallback)((_appId, credentials) => {
+  const handleAuthChange = (0, import_react31.useCallback)((_appId, credentials) => {
     setAuthState((prev) => ({ ...prev, credentials }));
   }, []);
-  const handleTestConnection = (0, import_react30.useCallback)(async (systemId, authenticationId) => {
+  const handleTestConnection = (0, import_react31.useCallback)(async (systemId, authenticationId) => {
     if (!selectedApp) return;
     setAuthState((prev) => ({ ...prev, status: "testing" }));
     try {
@@ -27353,7 +28156,7 @@ function useAppAuthFlow() {
       }));
     }
   }, [selectedApp, fetchAuthForApp]);
-  const handleSaveAuth = (0, import_react30.useCallback)(async (appId, credentials) => {
+  const handleSaveAuth = (0, import_react31.useCallback)(async (appId, credentials) => {
     if (!selectedApp) return false;
     const fields = Object.entries(credentials).filter(([key, value]) => key?.trim() && value?.trim()).map(([key, value]) => ({ key, value }));
     const payload = {
@@ -27388,7 +28191,7 @@ function useAppAuthFlow() {
       return false;
     }
   }, [selectedApp, fetchAuthForApp]);
-  const refreshAuth = (0, import_react30.useCallback)(async () => {
+  const refreshAuth = (0, import_react31.useCallback)(async () => {
     if (selectedApp) {
       await fetchAuthForApp(selectedApp.name, selectedApp.image_url);
     }
@@ -27487,7 +28290,7 @@ var singulStyles2 = {
   }
 };
 var AddAppModal = ({ open, onClose, initialQuery, categoryLabel }) => {
-  const [phase, setPhase] = (0, import_react31.useState)("search");
+  const [phase, setPhase] = (0, import_react32.useState)("search");
   const {
     selectedApp,
     authState,
@@ -27500,7 +28303,7 @@ var AddAppModal = ({ open, onClose, initialQuery, categoryLabel }) => {
     handleSaveAuth,
     refreshAuth
   } = useAppAuthFlow();
-  (0, import_react31.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (!open) {
       setPhase("search");
       clearSelection();
@@ -27656,14 +28459,16 @@ var AskAiButton = ({
     return null;
   }
   const isEffectiveSupport = isSupport !== void 0 ? isSupport : isSupportUser();
-  const effectiveRequireSupport = isBeta ? false : requireSupport;
+  const isIncidentOrDocs = currentPath.startsWith("/incidents") || currentPath.startsWith("/incidents-simple") || currentPath.startsWith("/cases") || currentPath.startsWith("/alerts") || currentPath.startsWith("/tickets") || currentPath.startsWith("/docs");
+  const effectiveIsBeta = isBeta || isIncidentOrDocs;
+  const effectiveRequireSupport = effectiveIsBeta ? false : requireSupport;
   if (effectiveRequireSupport && !isEffectiveSupport) {
     return null;
   }
   if (hideWhenOpen && isOpen) {
     return null;
   }
-  const effectiveTagLabel = tagLabel !== void 0 ? tagLabel : isBeta ? "Beta" : "Support";
+  const effectiveTagLabel = tagLabel !== void 0 && !(tagLabel === "Support" && isIncidentOrDocs) ? tagLabel : effectiveIsBeta ? "Beta" : "Support";
   const effectiveTooltip = tooltipTitle !== void 0 ? tooltipTitle : label !== "Ask AI" ? label : contextHint ? `Ask AI (${contextHint})` : "Ask AI \u2022 Context-aware assistant";
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     import_material34.Box,
@@ -27754,9 +28559,9 @@ var AskAiButton = ({
                   fontWeight: 700,
                   textTransform: "uppercase",
                   letterSpacing: "0.04em",
-                  color: isBeta ? "hsl(var(--primary))" : "hsl(var(--muted-foreground))",
-                  bgcolor: isBeta ? "hsla(var(--primary) / 0.12)" : "hsla(var(--muted-foreground) / 0.12)",
-                  border: isBeta ? "1px solid hsla(var(--primary) / 0.26)" : "1px solid hsla(var(--muted-foreground) / 0.24)",
+                  color: effectiveIsBeta ? "hsl(var(--primary))" : "hsl(var(--muted-foreground))",
+                  bgcolor: effectiveIsBeta ? "hsla(var(--primary) / 0.12)" : "hsla(var(--muted-foreground) / 0.12)",
+                  border: effectiveIsBeta ? "1px solid hsla(var(--primary) / 0.26)" : "1px solid hsla(var(--muted-foreground) / 0.24)",
                   px: 0.9,
                   py: 0.25,
                   borderRadius: "9999px",
@@ -27775,7 +28580,7 @@ var AskAiButton = ({
 var AskAiButton_default = AskAiButton;
 
 // components/AskAiDrawer.tsx
-var import_react32 = require("react");
+var import_react33 = require("react");
 var import_material35 = require("@mui/material");
 var import_jsx_runtime40 = require("react/jsx-runtime");
 var AskAiDrawer = ({
@@ -27791,13 +28596,13 @@ var AskAiDrawer = ({
   agentUIProps,
   ...drawerProps
 }) => {
-  const [internalPathname, setInternalPathname] = (0, import_react32.useState)(
+  const [internalPathname, setInternalPathname] = (0, import_react33.useState)(
     () => typeof window !== "undefined" ? window.location.pathname : "/"
   );
-  const [internalSearch, setInternalSearch] = (0, import_react32.useState)(
+  const [internalSearch, setInternalSearch] = (0, import_react33.useState)(
     () => typeof window !== "undefined" ? window.location.search : ""
   );
-  (0, import_react32.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (propPathname !== void 0) return;
     const updateLoc = () => {
       setInternalPathname(window.location.pathname);
@@ -27808,20 +28613,20 @@ var AskAiDrawer = ({
   }, [propPathname]);
   const activePathname = propPathname !== void 0 ? propPathname : internalPathname;
   const activeSearch = propSearch !== void 0 ? propSearch : internalSearch;
-  const [resetKey, setResetKey] = (0, import_react32.useState)(0);
-  const resolvedContext = (0, import_react32.useMemo)(
+  const [resetKey, setResetKey] = (0, import_react33.useState)(0);
+  const resolvedContext = (0, import_react33.useMemo)(
     () => resolveAgentContext(activePathname, activeSearch, rules),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [activePathname, activeSearch, rules, resetKey]
   );
-  (0, import_react32.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     onContextResolved?.(resolvedContext);
   }, [resolvedContext, onContextResolved]);
-  const [isOverridden, setIsOverridden] = (0, import_react32.useState)(resolvedContext.isOverridden);
-  (0, import_react32.useEffect)(() => {
+  const [isOverridden, setIsOverridden] = (0, import_react33.useState)(resolvedContext.isOverridden);
+  (0, import_react33.useEffect)(() => {
     setIsOverridden(resolvedContext.isOverridden);
   }, [resolvedContext.isOverridden, resolvedContext.storageKey]);
-  const handleAppsChange = (0, import_react32.useCallback)(
+  const handleAppsChange = (0, import_react33.useCallback)(
     (apps) => {
       setPageContextChoice(resolvedContext.storageKey, {
         apps: apps.map((a) => ({ name: a.name, id: a.id, icon: a.icon }))
@@ -27830,7 +28635,7 @@ var AskAiDrawer = ({
     },
     [resolvedContext.storageKey]
   );
-  const handleSelectPreset = (0, import_react32.useCallback)(
+  const handleSelectPreset = (0, import_react33.useCallback)(
     (preset) => {
       setPageContextChoice(resolvedContext.storageKey, {
         presetId: preset.id
@@ -27839,7 +28644,7 @@ var AskAiDrawer = ({
     },
     [resolvedContext.storageKey]
   );
-  const handleResetToDefaults = (0, import_react32.useCallback)(() => {
+  const handleResetToDefaults = (0, import_react33.useCallback)(() => {
     clearPageContextChoice(resolvedContext.storageKey);
     setIsOverridden(false);
     setResetKey((k) => k + 1);
@@ -27901,10 +28706,11 @@ var AskAiDrawer = ({
 var AskAiDrawer_default = AskAiDrawer;
 
 // components/AskAiSidePanel.tsx
-var import_react33 = __toESM(require("react"));
+var import_react34 = __toESM(require("react"));
 var import_material36 = require("@mui/material");
 var import_lucide_react22 = require("lucide-react");
 var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_react35 = require("react");
 var AGENT_DRAWER_OPEN_EVENT = "agent-drawer-open";
 var ASK_AI_PANEL_WIDTH_STORAGE_KEY = "shuffle:ask_ai_panel_width";
 var MIN_ASK_AI_PANEL_WIDTH = 340;
@@ -27936,13 +28742,15 @@ var AskAiSidePanel = ({
   defaultInput,
   serverside,
   colorMode,
+  incidentId: propIncidentId,
+  incidentContext: propIncidentContext,
   sx
 }) => {
   const themeScope = useShuffleMcpTheme();
   const effectiveTheme = theme || (themeScope?.isDark ? "dark" : "light");
-  const [currentPathname, setCurrentPathname] = (0, import_react33.useState)(pathname ?? "/");
-  const [currentSearch, setCurrentSearch] = (0, import_react33.useState)(search ?? "");
-  (0, import_react33.useEffect)(() => {
+  const [currentPathname, setCurrentPathname] = (0, import_react34.useState)(pathname ?? "/");
+  const [currentSearch, setCurrentSearch] = (0, import_react34.useState)(search ?? "");
+  (0, import_react34.useEffect)(() => {
     if (pathname !== void 0) {
       setCurrentPathname(pathname);
       return;
@@ -27958,24 +28766,24 @@ var AskAiSidePanel = ({
     }
     return;
   }, [pathname]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (search !== void 0) {
       setCurrentSearch(search);
     }
   }, [search]);
   const isAgentDisabled = isAgentRoute(currentPathname);
   const isVisible = open && !isAgentDisabled;
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (isAgentDisabled && open) {
       onClose();
     }
   }, [isAgentDisabled, open, onClose]);
-  const context = import_react33.default.useMemo(
+  const context = import_react34.default.useMemo(
     () => resolveAgentContext(currentPathname, currentSearch, rules),
     [currentPathname, currentSearch, rules]
   );
-  const [entityTitle, setEntityTitle] = (0, import_react33.useState)(() => getActivePageEntityName());
-  (0, import_react33.useEffect)(() => {
+  const [entityTitle, setEntityTitle] = (0, import_react34.useState)(() => getActivePageEntityName());
+  (0, import_react34.useEffect)(() => {
     if (!open) return;
     const current = getActivePageEntityName();
     if (current) setEntityTitle(current);
@@ -28014,46 +28822,62 @@ var AskAiSidePanel = ({
       observer?.disconnect();
     };
   }, [open, currentPathname]);
-  const displayTitle = import_react33.default.useMemo(() => {
+  const displayTitle = import_react34.default.useMemo(() => {
     if (context.titleFn) {
       return context.titleFn(entityTitle);
     }
     return context.title || "How can we help on this page?";
   }, [context, entityTitle]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     onContextResolved?.(context);
   }, [context, onContextResolved]);
   useSyncHostBaseUrl(globalUrl);
-  const [internalTab, setInternalTab] = (0, import_react33.useState)(initialTab);
+  const [internalTab, setInternalTab] = (0, import_react34.useState)(initialTab);
   const currentTab = propActiveTab !== void 0 ? propActiveTab : internalTab;
-  const [controlledDefaultInput, setControlledDefaultInput] = (0, import_react33.useState)(defaultInput);
-  (0, import_react33.useEffect)(() => {
+  const [controlledDefaultInput, setControlledDefaultInput] = (0, import_react34.useState)(defaultInput);
+  const [controlledAutoSubmit, setControlledAutoSubmit] = (0, import_react34.useState)(void 0);
+  (0, import_react34.useEffect)(() => {
     if (defaultInput !== void 0) {
       setControlledDefaultInput(defaultInput);
     }
   }, [defaultInput]);
   const effectiveDefaultInput = controlledDefaultInput ?? defaultInput ?? agentUIProps?.defaultInput;
-  const handleTabChange = (0, import_react33.useCallback)(
+  const effectiveAutoSubmit = controlledAutoSubmit ?? agentUIProps?.autoSubmit;
+  const isBetaRoute = context.isBeta === true || currentPathname.startsWith("/incidents") || currentPathname.startsWith("/incidents-simple") || currentPathname.startsWith("/cases") || currentPathname.startsWith("/alerts") || currentPathname.startsWith("/tickets") || currentPathname.startsWith("/docs");
+  const handleTabChange = (0, import_react34.useCallback)(
     (nextTab) => {
       setInternalTab(nextTab);
       onTabChange?.(nextTab);
     },
     [onTabChange]
   );
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (initialTab) {
       setInternalTab(initialTab);
     }
   }, [initialTab]);
-  const prevOpenRef = (0, import_react33.useRef)(open);
-  (0, import_react33.useEffect)(() => {
+  const prevOpenRef = (0, import_react34.useRef)(open);
+  (0, import_react34.useEffect)(() => {
     if (open && !prevOpenRef.current && initialTab) {
       setInternalTab(initialTab);
       onTabChange?.(initialTab);
     }
     prevOpenRef.current = open;
   }, [open, initialTab, onTabChange]);
-  (0, import_react33.useEffect)(() => {
+  const [activeTaskId, setActiveTaskId] = (0, import_react34.useState)(null);
+  const [activeExecutionId, setActiveExecutionId] = (0, import_react34.useState)(null);
+  const [activeIncidentId, setActiveIncidentId] = (0, import_react34.useState)(null);
+  const [activeIncidentContext, setActiveIncidentContext] = (0, import_react34.useState)(null);
+  const [runResetKey, setRunResetKey] = (0, import_react34.useState)(0);
+  (0, import_react34.useEffect)(() => {
+    if (!open) {
+      setActiveTaskId(null);
+      setActiveExecutionId(null);
+      setActiveIncidentId(null);
+      setActiveIncidentContext(null);
+    }
+  }, [open]);
+  (0, import_react34.useEffect)(() => {
     if (typeof window === "undefined") return;
     window.__shuffleAgentDrawerMounted = (window.__shuffleAgentDrawerMounted || 0) + 1;
     return () => {
@@ -28063,7 +28887,7 @@ var AskAiSidePanel = ({
       );
     };
   }, []);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (typeof window === "undefined") return;
     const onOpen = (event) => {
       const detail = event.detail;
@@ -28074,12 +28898,55 @@ var AskAiSidePanel = ({
       if (detail?.defaultInput !== void 0) {
         setControlledDefaultInput(detail.defaultInput);
       }
+      if (detail?.autoSubmit !== void 0) {
+        setControlledAutoSubmit(detail.autoSubmit);
+      }
+      if (detail?.taskId !== void 0) {
+        setActiveTaskId(detail.taskId || null);
+      } else if (!detail?.tab) {
+        setActiveTaskId(null);
+      }
+      if (detail?.incidentId !== void 0) {
+        setActiveIncidentId(detail.incidentId || null);
+      }
+      if (detail?.incidentContext !== void 0) {
+        setActiveIncidentContext(detail.incidentContext || null);
+      }
+      if (detail?.resetExecution) {
+        setActiveExecutionId(null);
+        setRunResetKey((k) => k + 1);
+      } else if (detail?.executionId !== void 0) {
+        setActiveExecutionId(detail.executionId || null);
+      } else if (detail?.taskId) {
+        setActiveExecutionId(null);
+      }
     };
     window.addEventListener(AGENT_DRAWER_OPEN_EVENT, onOpen);
     return () => {
       window.removeEventListener(AGENT_DRAWER_OPEN_EVENT, onOpen);
     };
   }, [handleTabChange]);
+  const handleAgentRun = (0, import_react34.useCallback)(
+    (event) => {
+      if (event.executionId && activeTaskId) {
+        setActiveExecutionId(event.executionId);
+        if (typeof window !== "undefined") {
+          window.dispatchEvent(
+            new CustomEvent("shuffle:task_ai_execution", {
+              detail: {
+                taskId: activeTaskId,
+                executionId: event.executionId,
+                status: event.success ? "running" : "failed"
+              }
+            })
+          );
+        }
+      }
+    },
+    [activeTaskId]
+  );
+  const effectiveStorageKey = activeTaskId ? `${context.storageKey}:task:${activeTaskId}` : context.storageKey;
+  const agentUiKey = activeTaskId ? `${context.storageKey}:task:${activeTaskId}:${activeExecutionId || "fresh"}:${runResetKey}` : `${context.storageKey}:${runResetKey}`;
   const effectiveLocalLLMSlot = localLLMSlot ?? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     LocalLLMConfig_default,
     {
@@ -28100,8 +28967,8 @@ var AskAiSidePanel = ({
     return false;
   });
   const safeActiveTab = visibleTabs.includes(currentTab) ? currentTab : "run";
-  const panelRef = (0, import_react33.useRef)(null);
-  (0, import_react33.useEffect)(() => {
+  const panelRef = (0, import_react34.useRef)(null);
+  (0, import_react34.useEffect)(() => {
     if (!isVisible || safeActiveTab !== "run") return;
     const focusInput = () => {
       if (!panelRef.current) return false;
@@ -28124,7 +28991,7 @@ var AskAiSidePanel = ({
       clearTimeout(t3);
     };
   }, [isVisible, safeActiveTab]);
-  const [panelWidth, setPanelWidth] = (0, import_react33.useState)(() => {
+  const [panelWidth, setPanelWidth] = (0, import_react34.useState)(() => {
     if (typeof window === "undefined") return width || 380;
     try {
       const stored = localStorage.getItem(ASK_AI_PANEL_WIDTH_STORAGE_KEY);
@@ -28138,15 +29005,15 @@ var AskAiSidePanel = ({
     }
     return width || 380;
   });
-  const [isResizing, setIsResizing] = (0, import_react33.useState)(false);
-  const prevWidthPropRef = (0, import_react33.useRef)(width);
-  (0, import_react33.useEffect)(() => {
+  const [isResizing, setIsResizing] = (0, import_react34.useState)(false);
+  const prevWidthPropRef = (0, import_react34.useRef)(width);
+  (0, import_react34.useEffect)(() => {
     if (width !== prevWidthPropRef.current) {
       prevWidthPropRef.current = width;
       setPanelWidth(width);
     }
   }, [width]);
-  const handleResizeStart = (0, import_react33.useCallback)((e) => {
+  const handleResizeStart = (0, import_react34.useCallback)((e) => {
     e.preventDefault();
     e.stopPropagation();
     setIsResizing(true);
@@ -28180,7 +29047,7 @@ var AskAiSidePanel = ({
     window.addEventListener("mousemove", handleMouseMove);
     window.addEventListener("mouseup", handleMouseUp);
   }, [panelWidth]);
-  const handleTouchResizeStart = (0, import_react33.useCallback)((e) => {
+  const handleTouchResizeStart = (0, import_react34.useCallback)((e) => {
     if (e.touches.length !== 1) return;
     setIsResizing(true);
     const startX = e.touches[0].clientX;
@@ -28217,7 +29084,7 @@ var AskAiSidePanel = ({
   }, [panelWidth]);
   const effectiveWidth = safeActiveTab === "localLLM" ? Math.max(panelWidth, 520) : panelWidth;
   const effectiveSideshift = sideshift !== void 0 ? sideshift : context.sideshift ?? true;
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (typeof document === "undefined") return;
     if (open && !isAgentDisabled && effectiveSideshift) {
       document.documentElement.style.setProperty(
@@ -28231,7 +29098,7 @@ var AskAiSidePanel = ({
       document.documentElement.style.setProperty("--ask-ai-panel-width", "0px");
     };
   }, [open, isAgentDisabled, effectiveWidth, effectiveSideshift]);
-  const handleAppsChange = (0, import_react33.useCallback)(
+  const handleAppsChange = (0, import_react34.useCallback)(
     (nextApps) => {
       setPageContextChoice(context.storageKey, {
         apps: nextApps.map((a) => ({ name: a.name, id: a.id, icon: a.icon }))
@@ -28240,7 +29107,7 @@ var AskAiSidePanel = ({
     },
     [context.storageKey, agentUIProps]
   );
-  const handleSelectPreset = (0, import_react33.useCallback)(
+  const handleSelectPreset = (0, import_react34.useCallback)(
     (preset) => {
       setPageContextChoice(context.storageKey, {
         presetId: preset?.id ?? null
@@ -28385,11 +29252,11 @@ var AskAiSidePanel = ({
                         px: 0.75,
                         py: 0.2,
                         borderRadius: "4px",
-                        bgcolor: context.isBeta ? "hsla(var(--primary) / 0.12)" : "hsl(var(--muted))",
-                        color: context.isBeta ? "hsl(var(--primary))" : "hsl(var(--muted-foreground))",
-                        border: context.isBeta ? "1px solid hsla(var(--primary) / 0.26)" : "1px solid hsl(var(--border))"
+                        bgcolor: isBetaRoute ? "hsla(var(--primary) / 0.12)" : "hsl(var(--muted))",
+                        color: isBetaRoute ? "hsl(var(--primary))" : "hsl(var(--muted-foreground))",
+                        border: isBetaRoute ? "1px solid hsla(var(--primary) / 0.26)" : "1px solid hsl(var(--border))"
                       },
-                      children: context.isBeta ? "Beta" : isLoggedIn ? isSupport ? "Support" : "Agent" : "Guest"
+                      children: isBetaRoute ? "Beta" : isLoggedIn ? isSupport ? "Support" : "Agent" : "Guest"
                     }
                   )
                 ] }),
@@ -28647,14 +29514,16 @@ var AskAiSidePanel = ({
                   display: "flex",
                   flexDirection: "column"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                children: /* @__PURE__ */ (0, import_react35.createElement)(
                   AgentUI_default,
                   {
+                    ...agentUIProps,
+                    key: agentUiKey,
                     sidebarLayout: true,
                     compact: true,
                     mobileView: true,
                     hideHeroIcon: true,
-                    title: displayTitle,
+                    title: activeTaskId ? "Task AI Agent" : displayTitle,
                     subtitle: null,
                     hideChooseLLM: !isLoggedIn,
                     isLoggedIn,
@@ -28665,16 +29534,21 @@ var AskAiSidePanel = ({
                     initialPresetId: context.presetId,
                     placeholder: context.placeholder,
                     contextCategory: context.sourceCategory,
-                    contextStorageKey: context.storageKey,
+                    contextStorageKey: effectiveStorageKey,
                     contextParams: context.params,
                     composeSubmitInput: context.composeInput,
                     defaultInput: effectiveDefaultInput,
+                    autoSubmit: effectiveAutoSubmit,
+                    executionId: activeExecutionId || void 0,
+                    initialExecution: activeExecutionId ? { execution_id: activeExecutionId } : void 0,
+                    onRun: handleAgentRun,
                     onAppsChange: handleAppsChange,
                     onSelectPreset: handleSelectPreset,
                     onChooseLLM: () => handleTabChange("localLLM"),
+                    incidentId: activeIncidentId || propIncidentId || agentUIProps?.incidentId,
+                    incidentContext: activeIncidentContext || propIncidentContext || agentUIProps?.incidentContext,
                     apiBaseUrl: globalUrl || agentUIProps?.apiBaseUrl,
                     theme: effectiveTheme,
-                    ...agentUIProps,
                     sx: {
                       flex: 1,
                       height: "100%",
@@ -28685,8 +29559,7 @@ var AskAiSidePanel = ({
                       pb: 0,
                       ...agentUIProps?.sx ? Array.isArray(agentUIProps.sx) ? {} : agentUIProps.sx : {}
                     }
-                  },
-                  context.storageKey
+                  }
                 )
               }
             )
@@ -28699,7 +29572,7 @@ var AskAiSidePanel = ({
 var AskAiSidePanel_default = AskAiSidePanel;
 
 // components/AskAiWidget.tsx
-var import_react34 = require("react");
+var import_react36 = require("react");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var AGENT_DRAWER_OPEN_EVENT2 = "agent-drawer-open";
 var AskAiWidget = ({
@@ -28719,11 +29592,11 @@ var AskAiWidget = ({
   localLLMSlot,
   ...panelProps
 }) => {
-  const [internalOpen, setInternalOpen] = (0, import_react34.useState)(false);
-  const [activeTab, setActiveTab] = (0, import_react34.useState)(propInitialTab);
+  const [internalOpen, setInternalOpen] = (0, import_react36.useState)(false);
+  const [activeTab, setActiveTab] = (0, import_react36.useState)(propInitialTab);
   const isDrawerOpen = controlledOpen !== void 0 ? controlledOpen : internalOpen;
-  const [browserLocation, setBrowserLocation] = (0, import_react34.useState)({ path: "", search: "" });
-  (0, import_react34.useEffect)(() => {
+  const [browserLocation, setBrowserLocation] = (0, import_react36.useState)({ path: "", search: "" });
+  (0, import_react36.useEffect)(() => {
     if (pathname !== void 0 && search !== void 0) return;
     const syncLocation = () => setBrowserLocation({
       path: window.location.pathname,
@@ -28735,7 +29608,7 @@ var AskAiWidget = ({
   }, [pathname, search]);
   const currentPath = pathname ?? browserLocation.path;
   const isAgentDisabled = isAgentRoute(currentPath);
-  const setDrawerOpen = (0, import_react34.useCallback)(
+  const setDrawerOpen = (0, import_react36.useCallback)(
     (nextOpen) => {
       if (isAgentDisabled && nextOpen) return;
       if (controlledOpen === void 0) {
@@ -28745,25 +29618,25 @@ var AskAiWidget = ({
     },
     [controlledOpen, isAgentDisabled, onOpenChange]
   );
-  (0, import_react34.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (isAgentDisabled && isDrawerOpen) {
       setDrawerOpen(false);
     }
   }, [isAgentDisabled, isDrawerOpen, setDrawerOpen]);
   const currentSearch = search ?? browserLocation.search;
-  const resolvedContext = (0, import_react34.useMemo)(() => {
+  const resolvedContext = (0, import_react36.useMemo)(() => {
     return resolveAgentContext(currentPath, currentSearch, rules);
   }, [currentPath, currentSearch, rules]);
-  const [reportedContext, setReportedContext] = (0, import_react34.useState)(null);
+  const [reportedContext, setReportedContext] = (0, import_react36.useState)(null);
   const activeContext = reportedContext && reportedContext.path === currentPath && reportedContext.search === currentSearch ? reportedContext.ctx : resolvedContext;
-  const handleContextResolved = (0, import_react34.useCallback)(
+  const handleContextResolved = (0, import_react36.useCallback)(
     (ctx) => {
       setReportedContext({ path: currentPath, search: currentSearch, ctx });
       onContextResolved?.(ctx);
     },
     [currentPath, currentSearch, onContextResolved]
   );
-  (0, import_react34.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     const handleDrawerOpenEvent = (e) => {
       if (isAgentDisabled) return;
       const detail = e.detail;
@@ -28775,17 +29648,18 @@ var AskAiWidget = ({
     window.addEventListener(AGENT_DRAWER_OPEN_EVENT2, handleDrawerOpenEvent);
     return () => window.removeEventListener(AGENT_DRAWER_OPEN_EVENT2, handleDrawerOpenEvent);
   }, [isAgentDisabled, setDrawerOpen]);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (propInitialTab) {
       setActiveTab(propInitialTab);
     }
   }, [propInitialTab]);
   const effectiveButtonLabel = buttonProps?.label || (activeContext.buttonLabelFn ? activeContext.buttonLabelFn() : activeContext.buttonLabel) || "Ask AI";
-  const isBeta = activeContext.isBeta === true;
+  const isIncidentOrDocsRoute = currentPath.startsWith("/incidents") || currentPath.startsWith("/incidents-simple") || currentPath.startsWith("/cases") || currentPath.startsWith("/alerts") || currentPath.startsWith("/tickets") || currentPath.startsWith("/docs");
+  const isBeta = activeContext.isBeta === true || isIncidentOrDocsRoute;
   const effectiveRequireSupport = isBeta ? false : requireSupport;
   const defaultTag = isBeta ? "Beta" : "Support";
   const effectiveTagLabel = buttonProps?.tagLabel !== void 0 ? buttonProps.tagLabel : defaultTag;
-  (0, import_react34.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (effectiveRequireSupport && !isSupport && isDrawerOpen) {
       setDrawerOpen(false);
     }
@@ -28845,10 +29719,10 @@ var AskAiWidget = ({
   ] });
 };
 var useContextAwareAgent = (pathname, search) => {
-  const [activeContext, setActiveContext] = (0, import_react34.useState)(
+  const [activeContext, setActiveContext] = (0, import_react36.useState)(
     () => resolveAgentContext(pathname ?? "/", search ?? "")
   );
-  (0, import_react34.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     const p = pathname ?? (typeof window !== "undefined" ? window.location.pathname : "/");
     const s = search ?? (typeof window !== "undefined" ? window.location.search : "");
     setActiveContext(resolveAgentContext(p, s));
@@ -28858,7 +29732,7 @@ var useContextAwareAgent = (pathname, search) => {
 var AskAiWidget_default = AskAiWidget;
 
 // components/AgentPromptPrefixChip.tsx
-var import_react35 = require("react");
+var import_react37 = require("react");
 var import_material37 = require("@mui/material");
 var import_lucide_react23 = require("lucide-react");
 var import_jsx_runtime43 = require("react/jsx-runtime");
@@ -28876,9 +29750,9 @@ var AgentPromptPrefixChip = ({
   const managed = useAgentPromptPrefix({ userId, defaultPrompt, persist: !controlled });
   const prompt = controlled ? value : managed.prompt;
   const isSaving = controlled ? false : managed.isSaving;
-  const [open, setOpen] = (0, import_react35.useState)(false);
-  const [draft, setDraft] = (0, import_react35.useState)(prompt);
-  (0, import_react35.useEffect)(() => {
+  const [open, setOpen] = (0, import_react37.useState)(false);
+  const [draft, setDraft] = (0, import_react37.useState)(prompt);
+  (0, import_react37.useEffect)(() => {
     if (!open) setDraft(prompt);
   }, [prompt, open]);
   const handleOpen = () => {
@@ -29886,14 +30760,14 @@ var DEMO_AGENT_RUNS = [
 ];
 
 // useAppLookup.ts
-var import_react36 = require("react");
+var import_react38 = require("react");
 init_api();
 init_appsCache();
 var norm3 = (s) => s.toLowerCase().replace(/[\s_\-]+/g, "_");
 function useAppLookup(appName) {
-  const [loading, setLoading] = (0, import_react36.useState)(false);
-  const [info, setInfo] = (0, import_react36.useState)(null);
-  const [algoliaId, setAlgoliaId] = (0, import_react36.useState)(null);
+  const [loading, setLoading] = (0, import_react38.useState)(false);
+  const [info, setInfo] = (0, import_react38.useState)(null);
+  const [algoliaId, setAlgoliaId] = (0, import_react38.useState)(null);
   const {
     authStates,
     authenticatedApps,
@@ -29902,7 +30776,7 @@ function useAppLookup(appName) {
     handleSaveAuth,
     refreshAuth
   } = useAppAuth();
-  (0, import_react36.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (!appName) {
       setInfo(null);
       setAlgoliaId(null);
@@ -29973,13 +30847,13 @@ function useAppLookup(appName) {
       setLoading(false);
     })();
   }, [appName]);
-  const matchingEntries = (0, import_react36.useMemo)(() => {
+  const matchingEntries = (0, import_react38.useMemo)(() => {
     if (!appName) return [];
     return authenticatedApps.filter(
       (auth) => auth.app?.name && norm3(auth.app.name) === norm3(appName)
     );
   }, [appName, authenticatedApps]);
-  const image = (0, import_react36.useMemo)(() => {
+  const image = (0, import_react38.useMemo)(() => {
     if (info?.image) return info.image;
     for (const entry of matchingEntries) {
       const img = entry.app?.large_image || entry.large_image;
@@ -29987,7 +30861,7 @@ function useAppLookup(appName) {
     }
     return "";
   }, [info, matchingEntries]);
-  const algoliaApp = (0, import_react36.useMemo)(() => {
+  const algoliaApp = (0, import_react38.useMemo)(() => {
     if (!appName) return null;
     return {
       objectID: algoliaId || appName,
@@ -30029,20 +30903,20 @@ var resolveMode = (theme, colorMode) => {
   return "auto";
 };
 var withMcpTheme = (Inner, displayName2) => {
-  const Wrapped = ({ theme, colorMode, ...rest }) => import_react37.default.createElement(
+  const Wrapped = ({ theme, colorMode, ...rest }) => import_react39.default.createElement(
     ShuffleMcpThemeProvider,
     { mode: resolveMode(theme, colorMode) },
-    import_react37.default.createElement(Inner, { ...rest, theme, colorMode })
+    import_react39.default.createElement(Inner, { ...rest, theme, colorMode })
   );
   Wrapped.displayName = `ShuffleMCPs(${displayName2})`;
   return Wrapped;
 };
 var withMcpThemeRef = (Inner, displayName2) => {
-  const Wrapped = import_react37.default.forwardRef(
-    ({ theme, colorMode, ...rest }, ref) => import_react37.default.createElement(
+  const Wrapped = import_react39.default.forwardRef(
+    ({ theme, colorMode, ...rest }, ref) => import_react39.default.createElement(
       ShuffleMcpThemeProvider,
       { mode: resolveMode(theme, colorMode) },
-      import_react37.default.createElement(Inner, { ...rest, theme, colorMode, ref })
+      import_react39.default.createElement(Inner, { ...rest, theme, colorMode, ref })
     )
   );
   Wrapped.displayName = `ShuffleMCPs(${displayName2})`;