@shuffleio/shuffle-mcps 0.0.56 → 0.0.58

package/dist/index.mjs

@@ -23,7 +23,7 @@ import {
   setHostBaseUrl,
   setRegionUrl,
   shuffleFetch
-} from "./chunk-45B7UK6Q.mjs";
+} from "./chunk-7HRNENGV.mjs";
 
 // index.ts
 import "./shuffle-mcp-SHQXQS3F.css";
@@ -240,7 +240,7 @@ var ShuffleMcpThemeProvider = ({
 };
 
 // views/ShuffleMCP.tsx
-import React4, { useState as useState10, useEffect as useEffect8, useRef as useRef8, useCallback as useCallback7, useMemo as useMemo6, useImperativeHandle } from "react";
+import React4, { useState as useState11, useEffect as useEffect9, useRef as useRef8, useCallback as useCallback7, useMemo as useMemo6, useImperativeHandle } from "react";
 import { algoliasearch } from "algoliasearch";
 import { Tooltip as Tooltip6 } from "@mui/material";
 
@@ -1592,10 +1592,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 {
   }
@@ -2411,6 +2411,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",
@@ -2731,13 +2732,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",
@@ -2778,7 +2788,7 @@ async function backfillAppImages(dedupedApps) {
   let missing = dedupedApps.filter((d) => !d.bestImage && !d.app.large_image);
   if (missing.length === 0) return dedupedApps;
   try {
-    const { fetchAppsViaApiConfig: fetchAppsViaApiConfig2 } = await import("./appsCache-ITT5ZZQS.mjs");
+    const { fetchAppsViaApiConfig: fetchAppsViaApiConfig2 } = await import("./appsCache-VD3DQH53.mjs");
     const apps = await fetchAppsViaApiConfig2().catch(() => []);
     if (Array.isArray(apps) && apps.length > 0) {
       const byName = /* @__PURE__ */ new Map();
@@ -2953,7 +2963,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 = [];
@@ -3056,9 +3066,9 @@ function invalidateAuthCache() {
 var TTL_MS = 3e4;
 var cache2 = /* @__PURE__ */ new Map();
 var cacheKey = (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) {
@@ -3071,7 +3081,7 @@ var applyValidationStaleness = (data) => {
   });
 };
 var doFetch2 = async (crossOrgId) => {
-  if (!hasShuffleAuth()) return [];
+  if (!hasShuffleAuth()) return { data: [], failed: false };
   const headers = {
     ...getAuthHeader(crossOrgId ?? void 0)
   };
@@ -3080,12 +3090,13 @@ var doFetch2 = 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) => {
@@ -3095,12 +3106,17 @@ var fetchAuthenticatedApps = (crossOrgId) => {
     return Promise.resolve(entry.data);
   }
   if (entry.promise) return entry.promise;
-  const promise = doFetch2(crossOrgId).then((data) => {
-    cache2.set(key, { data, fetchedAt: Date.now() });
-    return data;
-  }).catch((err) => {
+  const promise = doFetch2(crossOrgId).then((outcome) => {
+    if (outcome.failed) {
+      const previous = cache2.get(key)?.data;
+      cache2.delete(key);
+      return previous || [];
+    }
+    cache2.set(key, { data: outcome.data, fetchedAt: Date.now() });
+    return outcome.data;
+  }).catch(() => {
     cache2.delete(key);
-    throw err;
+    return [];
   });
   cache2.set(key, { ...entry, promise });
   return promise;
@@ -8491,6 +8507,238 @@ function AppDetailContent({
   ] });
 }
 
+// drawerLayer.ts
+import { useEffect as useEffect8, useState as useState10 } from "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] = useState10(() => open ? getTopSurfaceZIndex(base3) + SURFACE_STEP : base3);
+  useEffect8(() => {
+    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
 import { jsx as jsx17 } from "react/jsx-runtime";
 function AppDetailDrawer({
@@ -8520,6 +8768,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();
@@ -8551,7 +8800,7 @@ function AppDetailDrawer({
       },
       ...{ PaperProps: drawerPaperProps },
       sx: {
-        zIndex: 9999,
+        zIndex: drawerZIndex,
         "& .MuiDrawer-paper": {
           boxSizing: "border-box",
           width: `${drawerWidth} !important`,
@@ -8936,23 +9185,28 @@ var ShuffleMCP = React4.forwardRef(({
   globalUrl
 }, ref) => {
   useSyncHostBaseUrl(globalUrl);
-  const [query, setQuery] = useState10(initialQuery);
-  const [results, setResults] = useState10([]);
-  const [privateApps, setPrivateApps] = useState10([]);
-  const [privateAppsLoading, setPrivateAppsLoading] = useState10(!disablePrivateApps);
-  const [sourceFilter, setSourceFilter] = useState10("all");
-  const [isLoading, setIsLoading] = useState10(false);
-  const [isLoadingMore, setIsLoadingMore] = useState10(false);
-  const [page, setPage] = useState10(0);
-  const [hasMore, setHasMore] = useState10(false);
-  const [searchError, setSearchError] = useState10(null);
-  const [isOpen, setIsOpen] = useState10(false);
-  const [selectedIndex, setSelectedIndex] = useState10(-1);
-  const [internalSelectedApps, setInternalSelectedApps] = useState10(selectedApps);
-  const [authenticatedApps, setAuthenticatedApps] = useState10(externalAuthenticatedApps || []);
-  const [authenticatedAppsLoading, setAuthenticatedAppsLoading] = useState10(!externalAuthenticatedApps);
-  const [drawerApp, setDrawerApp] = useState10(null);
-  const [initialSettled, setInitialSettled] = useState10(false);
+  const [query, setQuery] = useState11(initialQuery);
+  const [results, setResults] = useState11([]);
+  const [privateApps, setPrivateApps] = useState11([]);
+  const [privateAppsLoading, setPrivateAppsLoading] = useState11(!disablePrivateApps);
+  const [sourceFilter, setSourceFilter] = useState11("all");
+  const [isLoading, setIsLoading] = useState11(false);
+  const [isLoadingMore, setIsLoadingMore] = useState11(false);
+  const [page, setPage] = useState11(0);
+  const [hasMore, setHasMore] = useState11(false);
+  const [searchError, setSearchError] = useState11(null);
+  const [isOpen, setIsOpen] = useState11(false);
+  const [selectedIndex, setSelectedIndex] = useState11(-1);
+  const [internalSelectedApps, setInternalSelectedApps] = useState11(selectedApps);
+  useEffect9(() => {
+    if (selectedApps) {
+      setInternalSelectedApps(selectedApps);
+    }
+  }, [selectedApps]);
+  const [authenticatedApps, setAuthenticatedApps] = useState11(externalAuthenticatedApps || []);
+  const [authenticatedAppsLoading, setAuthenticatedAppsLoading] = useState11(!externalAuthenticatedApps);
+  const [drawerApp, setDrawerApp] = useState11(null);
+  const [initialSettled, setInitialSettled] = useState11(false);
   const firstSearchDoneRef = useRef8(false);
   const hasInitialized = useRef8(false);
   const containerRef = useRef8(null);
@@ -8988,10 +9242,10 @@ var ShuffleMCP = React4.forwardRef(({
       setAuthenticatedAppsLoading(false);
     }
   }, [apiKey, apiBaseUrl, authPath, orgId]);
-  useEffect8(() => {
+  useEffect9(() => {
     fetchAuthenticatedApps2();
   }, [fetchAuthenticatedApps2]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (disablePrivateApps) {
       setPrivateApps([]);
       setPrivateAppsLoading(false);
@@ -9035,7 +9289,7 @@ var ShuffleMCP = React4.forwardRef(({
     };
     fetchPrivateApps();
   }, [apiKey, apiBaseUrl, privateAppsPath, disablePrivateApps, orgId]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (disableAutoSelectValidatedApps) return;
     if (authenticatedApps.length > 0 && results.length > 0) {
       const validatedApps = authenticatedApps.filter((auth) => auth.validation?.valid);
@@ -9056,13 +9310,13 @@ var ShuffleMCP = React4.forwardRef(({
       }
     }
   }, [authenticatedApps, results, disableAutoSelectValidatedApps]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (externalAuthenticatedApps) {
       setAuthenticatedApps(externalAuthenticatedApps);
       setAuthenticatedAppsLoading(false);
     }
   }, [externalAuthenticatedApps]);
-  useEffect8(() => {
+  useEffect9(() => {
     searchClient.current = algoliasearch(algoliaAppId, algoliaApiKey);
     if (!hasInitialized.current) {
       hasInitialized.current = true;
@@ -9075,10 +9329,10 @@ var ShuffleMCP = React4.forwardRef(({
       }, 100);
     }
   }, []);
-  useEffect8(() => {
+  useEffect9(() => {
     setInternalSelectedApps(selectedApps);
   }, [selectedApps]);
-  useEffect8(() => {
+  useEffect9(() => {
     const handleClickOutside = (event) => {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -9164,13 +9418,13 @@ var ShuffleMCP = React4.forwardRef(({
       }
     }
   }, [hitsPerPage, algoliaIndexName, privateApps.length, results.length]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (initialSettled) return;
     if (!firstSearchDoneRef.current || isLoading || privateAppsLoading) return;
     initialSelectedAppsRef.current = selectedApps;
     setInitialSettled(true);
   }, [initialSettled, isLoading, privateAppsLoading, selectedApps]);
-  useEffect8(() => {
+  useEffect9(() => {
     const t = setTimeout(() => setInitialSettled(true), 6e3);
     return () => clearTimeout(t);
   }, []);
@@ -9186,7 +9440,7 @@ var ShuffleMCP = React4.forwardRef(({
     if (distanceFromBottom < 200) loadMore();
   }, [canLoadMore, loadMore]);
   const sentinelRef = useRef8(null);
-  useEffect8(() => {
+  useEffect9(() => {
     const node = sentinelRef.current;
     if (!node || !canLoadMore) return;
     const observer = new IntersectionObserver(
@@ -9607,7 +9861,7 @@ var ShuffleMCP = React4.forwardRef(({
 ShuffleMCP.displayName = "ShuffleMCP";
 
 // views/AppSearchDrawer.tsx
-import { useState as useState12, useEffect as useEffect10 } from "react";
+import { useState as useState13, useEffect as useEffect11 } from "react";
 import {
   X as CloseIcon3,
   Plus as PlusIcon
@@ -9616,7 +9870,7 @@ import { Box as Box13, Typography as Typography11, IconButton as IconButton6, Dr
 import { motion as motion8, AnimatePresence as AnimatePresence2 } from "framer-motion";
 
 // ../Shuffle-Core/components/AddAppDialog.tsx
-import { useState as useState11, useCallback as useCallback8, useEffect as useEffect9 } from "react";
+import { useState as useState12, useCallback as useCallback8, useEffect as useEffect10 } from "react";
 import {
   Dialog as Dialog2,
   DialogTitle as DialogTitle2,
@@ -10082,8 +10336,8 @@ var GENERATION_TIPS = [
   "Building the app with 100% fewer hand-wavy examples..."
 ];
 var DotsLoader = ({ message, tips }) => {
-  const [tipIndex, setTipIndex] = useState11(0);
-  useEffect9(() => {
+  const [tipIndex, setTipIndex] = useState12(0);
+  useEffect10(() => {
     if (!tips || tips.length === 0) return;
     const interval = setInterval(() => {
       setTipIndex((i) => (i + 1) % tips.length);
@@ -10144,19 +10398,20 @@ var AddAppDialog = ({
   maxLength = 1024,
   initialInput = ""
 }) => {
-  const [input, setInput] = useState11(initialInput);
-  const [stage, setStage] = useState11("idle");
-  const [spec, setSpec] = useState11(null);
-  const [errorMsg, setErrorMsg] = useState11("");
-  const [createdAppId, setCreatedAppId] = useState11("");
-  const [existing, setExisting] = useState11(null);
-  const [liveHits, setLiveHits] = useState11([]);
-  const [liveSearching, setLiveSearching] = useState11(false);
-  useEffect9(() => {
+  const dialogZIndex = useOverlayLayer(open);
+  const [input, setInput] = useState12(initialInput);
+  const [stage, setStage] = useState12("idle");
+  const [spec, setSpec] = useState12(null);
+  const [errorMsg, setErrorMsg] = useState12("");
+  const [createdAppId, setCreatedAppId] = useState12("");
+  const [existing, setExisting] = useState12(null);
+  const [liveHits, setLiveHits] = useState12([]);
+  const [liveSearching, setLiveSearching] = useState12(false);
+  useEffect10(() => {
     if (open) setInput(initialInput);
   }, [open, initialInput]);
   const title = spec?.info?.title || "";
-  useEffect9(() => {
+  useEffect10(() => {
     if (stage !== "idle") return;
     const q = input.trim();
     if (!q || looksLikeUrl(q)) {
@@ -10195,7 +10450,7 @@ var AddAppDialog = ({
     setCreatedAppId("");
     setExisting(null);
   }, []);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!open) {
       const t = setTimeout(reset2, 250);
       return () => clearTimeout(t);
@@ -10310,6 +10565,12 @@ var AddAppDialog = ({
       onClose: () => onOpenChange(false),
       fullWidth: true,
       maxWidth: "sm",
+      sx: {
+        zIndex: dialogZIndex,
+        "& .MuiBackdrop-root": {
+          zIndex: dialogZIndex
+        }
+      },
       PaperProps: {
         sx: {
           maxWidth: 640,
@@ -10318,7 +10579,8 @@ var AddAppDialog = ({
           color: "hsl(var(--foreground))",
           border: "1px solid hsl(var(--border))",
           borderRadius: 2,
-          boxSizing: "border-box"
+          boxSizing: "border-box",
+          zIndex: dialogZIndex
         }
       },
       children: [
@@ -10759,13 +11021,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] = useState12(null);
-  const [detailAppId, setDetailAppId] = useState12(null);
-  const [addAppOpen, setAddAppOpen] = useState12(false);
-  const [addAppQuery, setAddAppQuery] = useState12("");
-  const [highlightActive, setHighlightActive] = useState12(false);
-  const [bodyReady, setBodyReady] = useState12(false);
-  useEffect10(() => {
+  const [detailAppName, setDetailAppName] = useState13(null);
+  const [detailAppId, setDetailAppId] = useState13(null);
+  const [addAppOpen, setAddAppOpen] = useState13(false);
+  const [addAppQuery, setAddAppQuery] = useState13("");
+  const [highlightActive, setHighlightActive] = useState13(false);
+  const [bodyReady, setBodyReady] = useState13(false);
+  useEffect11(() => {
     if (!open) {
       setBodyReady(false);
       return;
@@ -10775,7 +11037,7 @@ function AppSearchDrawer({
     });
     return () => cancelAnimationFrame(raf);
   }, [open]);
-  useEffect10(() => {
+  useEffect11(() => {
     setHighlightActive(false);
     if (!open || !highlightAppName) return;
     const t = setTimeout(() => setHighlightActive(true), highlightDelayMs);
@@ -10784,6 +11046,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);
@@ -10889,7 +11152,7 @@ function AppSearchDrawer({
         },
         ...{ PaperProps: drawerPaperProps },
         sx: {
-          zIndex: 9999,
+          zIndex: drawerZIndex,
           "& .MuiDrawer-paper": {
             boxSizing: "border-box",
             width: `${drawerWidth} !important`,
@@ -11365,6 +11628,8 @@ var AiAgentPromptsEditor = ({
   prompts,
   apps,
   readOnly = false,
+  skillLabel,
+  isBuiltInApp,
   onChangePrompt,
   onRemovePrompt,
   onAddPrompt,
@@ -11452,16 +11717,44 @@ var AiAgentPromptsEditor = ({
             ] }),
             /* @__PURE__ */ jsxs15(Box14, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
               /* @__PURE__ */ jsx22(
-                Typography12,
+                Tooltip8,
                 {
-                  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__ */ jsxs15(Box14, { sx: { display: "inline-flex", alignItems: "center", gap: 0.75 }, children: [
+                    /* @__PURE__ */ jsx22(
+                      Typography12,
+                      {
+                        sx: {
+                          fontSize: "0.65rem",
+                          fontWeight: 600,
+                          color: "hsl(var(--muted-foreground))",
+                          textTransform: "uppercase",
+                          letterSpacing: "0.05em"
+                        },
+                        children: "Allowed apps"
+                      }
+                    ),
+                    skillLabel && /* @__PURE__ */ jsxs15(
+                      Typography12,
+                      {
+                        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__ */ jsxs15(Box14, { sx: { display: "flex", alignItems: "center", gap: 0.5, flexWrap: "wrap", flex: 1 }, children: [
@@ -11470,8 +11763,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__ */ jsx22(Tooltip8, { title: tip, children: /* @__PURE__ */ jsx22(
                     IconButton7,
                     {
@@ -11481,12 +11775,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)",
@@ -11505,7 +11799,7 @@ var AiAgentPromptsEditor = ({
                     }
                   ) }, appKey);
                 }),
-                !readOnly && onAddAppRequested && /* @__PURE__ */ jsx22(Tooltip8, { title: "Add allowed app", children: /* @__PURE__ */ jsx22(
+                !readOnly && onAddAppRequested && /* @__PURE__ */ jsx22(Tooltip8, { title: skillLabel ? `Assign tools to ${skillLabel}` : "Add allowed app", children: /* @__PURE__ */ jsx22(
                   IconButton7,
                   {
                     size: "small",
@@ -11618,7 +11912,7 @@ function ShufflePipelinesBanner() {
 var ShufflePipelinesBanner_default = ShufflePipelinesBanner;
 
 // components/AgentUI.tsx
-import React6, { useCallback as useCallback10, useEffect as useEffect17, useLayoutEffect, useMemo as useMemo10, useRef as useRef11, useState as useState19 } from "react";
+import React6, { useCallback as useCallback10, useEffect as useEffect18, useLayoutEffect, useMemo as useMemo10, useRef as useRef11, useState as useState20 } from "react";
 import { flushSync } from "react-dom";
 
 // agentRunSync.ts
@@ -11698,7 +11992,7 @@ import {
 } from "lucide-react";
 
 // ../Shuffle-Core/components/WorkflowRunExplorer.tsx
-import React5, { useEffect as useEffect11, useRef as useRef9, useState as useState13 } from "react";
+import React5, { useEffect as useEffect12, useRef as useRef9, useState as useState14 } from "react";
 import {
   Badge,
   Drawer as Drawer3,
@@ -12248,7 +12542,7 @@ function safeHandler(label, fn) {
 var safeHandler_default = safeHandler;
 
 // components/AgentPresets.tsx
-import { useEffect as useEffect12, useMemo as useMemo7, useState as useState14 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo7, useState as useState15 } from "react";
 import { Box as Box17, ButtonBase, ClickAwayListener, Paper, Popper, TextField as TextField5, Tooltip as Tooltip10, Typography as Typography15 } from "@mui/material";
 import { Workflow, ShieldAlert, LifeBuoy, Bug, Radar, Monitor, Plus as Plus2, X as CloseIcon6, BellRing } from "lucide-react";
 import { Fragment as Fragment9, jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
@@ -12287,7 +12581,7 @@ var AGENT_PRESETS = [
     icon: /* @__PURE__ */ jsx25(ShieldAlert, { size: 16 }),
     enabled: true,
     tag: "Beta",
-    defaultApps: [{ name: "shuffle_incidents" }, { name: "shuffle_datastore" }]
+    defaultApps: [{ name: "shuffle_incidents" }]
   },
   {
     id: "host-monitor-control",
@@ -12364,10 +12658,10 @@ 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] = useState14(null);
+  const [anchorEl, setAnchorEl] = useState15(null);
   const open = Boolean(anchorEl);
-  const [supportTick, setSupportTick] = useState14(0);
-  useEffect12(() => {
+  const [supportTick, setSupportTick] = useState15(0);
+  useEffect13(() => {
     const bump = () => setSupportTick((t) => t + 1);
     window.addEventListener("storage", bump);
     return () => window.removeEventListener("storage", bump);
@@ -12480,7 +12774,7 @@ var AgentPresets = ({ variant = "default", onSelectPreset, selectedPreset, onRem
       ]
     }
   );
-  const [query, setQuery] = useState14("");
+  const [query, setQuery] = useState15("");
   const filtered = useMemo7(() => {
     const q = query.trim().toLowerCase();
     if (!q) return list;
@@ -12748,8 +13042,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
-import { useCallback as useCallback9, useEffect as useEffect13, useRef as useRef10, useState as useState15 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect14, useRef as useRef10, useState as useState16 } from "react";
 var AGENT_PROMPT_PREFIX_CATEGORY = "agent-prompt-prefix";
 var DEFAULT_AGENT_PROMPT_PREFIX = "";
 var decodePrompt = (raw) => {
@@ -12781,11 +13219,11 @@ var decodePrompt = (raw) => {
 var useAgentPromptPrefix = (options = {}) => {
   const { userId, defaultPrompt = DEFAULT_AGENT_PROMPT_PREFIX, persist = true } = options;
   const key = userId || "default";
-  const [prompt, setPrompt] = useState15(defaultPrompt);
-  const [hasFetched, setHasFetched] = useState15(false);
-  const [isSaving, setIsSaving] = useState15(false);
+  const [prompt, setPrompt] = useState16(defaultPrompt);
+  const [hasFetched, setHasFetched] = useState16(false);
+  const [isSaving, setIsSaving] = useState16(false);
   const fetchedForKey = useRef10(null);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!persist) {
       setHasFetched(true);
       return;
@@ -12967,6 +13405,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;
   }
@@ -13245,16 +13686,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") {
@@ -13295,6 +13863,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);
@@ -13334,7 +13905,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;
@@ -13400,7 +13971,7 @@ ${trimmedQuestion}`;
 };
 
 // ../Shuffle-Core/views/monitors/ActionOutputView.tsx
-import { useMemo as useMemo8, useState as useState16, useEffect as useEffect14 } from "react";
+import { useMemo as useMemo8, useState as useState17, useEffect as useEffect15 } from "react";
 import { Fragment as Fragment10, jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
 var IMAGE_SIGNATURES = [
   { prefix: "iVBORw0KGgo", mime: "image/png" },
@@ -13487,9 +14058,9 @@ var detectImage = (raw) => {
 var MAX_TEXT_CHARS = 4e3;
 var ActionOutputView = ({ output, className }) => {
   const detected = useMemo8(() => detectImage(output), [output]);
-  const [zoomed, setZoomed] = useState16(false);
-  const [showFull, setShowFull] = useState16(false);
-  useEffect14(() => {
+  const [zoomed, setZoomed] = useState17(false);
+  const [showFull, setShowFull] = useState17(false);
+  useEffect15(() => {
     if (!zoomed) return;
     const onKey = (e) => {
       if (e.key === "Escape") {
@@ -14494,17 +15065,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;
@@ -14538,8 +15117,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") {
@@ -14574,7 +15160,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;
@@ -14584,28 +15170,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;
@@ -14720,7 +15300,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/
     );
@@ -14859,39 +15439,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;
 };
 
@@ -14985,7 +15561,7 @@ var AgentDiagnosisCtas = ({ diagnosis, compact = false, tone = "medium" }) => {
 var AgentDiagnosisCtas_default = AgentDiagnosisCtas;
 
 // components/AgentRunDiagnosisBanner.tsx
-import { useEffect as useEffect15, useMemo as useMemo9, useState as useState17 } from "react";
+import { useEffect as useEffect16, useMemo as useMemo9, useState as useState18 } from "react";
 import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
 var DISMISS_PREFIX = "agent-diagnosis-dismissed::";
 var readDismissed = (key) => {
@@ -15009,8 +15585,8 @@ var AgentRunDiagnosisBanner = ({ run, sx, onJumpToEvidence, onFocusContinue, exe
     const fromRun = run?.execution_id;
     return typeof fromRun === "string" && fromRun ? fromRun : null;
   }, [executionId, run]);
-  const [dismissed, setDismissed] = useState17(() => readDismissed(dismissKey));
-  useEffect15(() => {
+  const [dismissed, setDismissed] = useState18(() => readDismissed(dismissKey));
+  useEffect16(() => {
     setDismissed(readDismissed(dismissKey));
   }, [dismissKey]);
   if (!run || dismissed) return null;
@@ -15307,7 +15883,7 @@ var AiAuthSuggestion = ({
 var AiAuthSuggestion_default = AiAuthSuggestion;
 
 // components/AgentAttachmentsButton.tsx
-import { useEffect as useEffect16, useState as useState18 } from "react";
+import { useEffect as useEffect17, useState as useState19 } from "react";
 import { Badge as Badge2, Box as Box21, IconButton as IconButton10, Popover, Tooltip as Tooltip13, Typography as Typography18 } from "@mui/material";
 import { Image as ImageIcon } from "lucide-react";
 import { Fragment as Fragment11, jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
@@ -15318,9 +15894,9 @@ var toSrc = (url) => {
   return `data:image/png;base64,${s.replace(/\s+/g, "")}`;
 };
 var AgentAttachmentsButton = ({ attachments }) => {
-  const [anchorEl, setAnchorEl] = useState18(null);
-  const [zoomed, setZoomed] = useState18(null);
-  useEffect16(() => {
+  const [anchorEl, setAnchorEl] = useState19(null);
+  const [zoomed, setZoomed] = useState19(null);
+  useEffect17(() => {
     if (!zoomed) return;
     const onKey = (e) => {
       if (e.key === "Escape") {
@@ -15980,6 +16556,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"
@@ -16004,6 +16581,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"
@@ -16015,6 +16593,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();
@@ -16025,6 +16604,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"
@@ -16036,6 +16616,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();
@@ -16057,6 +16638,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();
@@ -16078,6 +16660,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: ",
@@ -16092,6 +16675,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: ",
@@ -16106,6 +16690,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: ",
@@ -16120,6 +16705,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: ",
@@ -16749,6 +17335,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);
@@ -17029,7 +17627,7 @@ var RunFinishedSummary = ({
         children: finishNote
       }
     ),
-    bottomContent
+    status !== "FINISHED" && status !== "SUCCESS" && bottomContent
   ] });
 };
 var VERIFIED_BUILTIN_APPS = /* @__PURE__ */ new Set([
@@ -17127,8 +17725,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") {
@@ -17141,8 +17743,36 @@ var extractAuthRequest = (decision) => {
       toolAppName = t;
     }
   }
-  let appName = parsed.app || parsed.app_name || parsed.appname;
-  if (!appName) appName = toolAppName;
+  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;
@@ -17157,12 +17787,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";
@@ -17178,26 +17813,33 @@ var isBuiltinDefaultApps = (apps) => {
   );
 };
 var DurationCountdown = ({ resumeAtMs }) => {
-  const [nowMs, setNowMs] = useState19(() => Date.now());
-  useEffect17(() => {
+  const [nowMs, setNowMs] = useState20(() => Date.now());
+  useEffect18(() => {
     const t = setInterval(() => setNowMs(Date.now()), 1e3);
     return () => clearInterval(t);
   }, []);
   const remaining = resumeAtMs - nowMs;
   return /* @__PURE__ */ jsx31(Tooltip14, { title: `Scheduled to continue at ${new Date(resumeAtMs).toLocaleString()}`, arrow: true, children: /* @__PURE__ */ jsx31(Box22, { 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] = useState19(() => Date.now());
-  useEffect17(() => {
+  const [nowMs, setNowMs] = useState20(() => Date.now());
+  useEffect18(() => {
     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__ */ jsx31(LockIcon3, { 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__ */ jsx31(CircularProgress5, { size: 18, sx: { color: STATUS_COLORS.running } });
     label = "Running";
   } else if (s === "WAITING") {
@@ -17233,8 +17875,8 @@ var formatAgo = (sec) => {
   return `${Math.floor(diff / 86400)}d ago`;
 };
 var ScheduledLiveBar = ({ startSec, originalStartTime, totalDuration, maxWidth }) => {
-  const [nowSec, setNowSec] = useState19(() => Date.now() / 1e3);
-  useEffect17(() => {
+  const [nowSec, setNowSec] = useState20(() => Date.now() / 1e3);
+  useEffect18(() => {
     const t = setInterval(() => setNowSec(Date.now() / 1e3), 1e3);
     return () => clearInterval(t);
   }, []);
@@ -17281,7 +17923,7 @@ var TimelineRow = ({
   dimmedByRerun = false,
   optimisticContinueText
 }) => {
-  const [submitAttempted, setSubmitAttempted] = useState19(false);
+  const [submitAttempted, setSubmitAttempted] = useState20(false);
   const validate = validateJson(item.details);
   const screenshotPayloads = useMemo10(
     () => extractScreenshotPayloads(validate.valid ? validate.result : item.details),
@@ -17396,8 +18038,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__ */ jsxs24(
     Box22,
@@ -17406,9 +18050,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"
@@ -17417,22 +18077,17 @@ var TimelineRow = ({
         /* @__PURE__ */ jsxs24(
           Box22,
           {
-            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__ */ jsx31(Box22, { sx: { width: 24, display: "flex", justifyContent: "center" }, children: isRerunTarget ? /* @__PURE__ */ jsx31(CircularProgress5, { size: 14, sx: { color: "hsl(var(--primary))" } }) : isProcessing ? isLikelyTimedOut ? /* @__PURE__ */ jsx31(Tooltip14, { title: "No new activity for over a minute \u2014 this run has most likely timed out.", arrow: true, children: /* @__PURE__ */ jsx31(Box22, { sx: { display: "flex" }, children: /* @__PURE__ */ jsx31(WarningIcon, { size: 14, color: STATUS_COLORS.warning }) }) }) : isLiveProcessing ? /* @__PURE__ */ jsx31(CircularProgress5, { size: 12, sx: { color: "hsl(var(--muted-foreground))" } }) : /* @__PURE__ */ jsx31(Box22, { sx: { width: 6, height: 6, borderRadius: "50%", bgcolor: "hsl(var(--muted-foreground) / 0.5)" } }) : /* @__PURE__ */ jsx31(StatusIcon, { status: effectiveStatus, resumeAtMs: scheduledResumeMs }) }),
+              /* @__PURE__ */ jsx31(Box22, { sx: { width: 24, display: "flex", justifyContent: "center" }, children: isRerunTarget ? /* @__PURE__ */ jsx31(CircularProgress5, { size: 14, sx: { color: "hsl(var(--primary))" } }) : isProcessing ? isLikelyTimedOut ? /* @__PURE__ */ jsx31(Tooltip14, { title: "No new activity for over a minute \u2014 this run has most likely timed out.", arrow: true, children: /* @__PURE__ */ jsx31(Box22, { sx: { display: "flex" }, children: /* @__PURE__ */ jsx31(WarningIcon, { size: 14, color: STATUS_COLORS.warning }) }) }) : isLiveProcessing ? /* @__PURE__ */ jsx31(CircularProgress5, { size: 12, sx: { color: "hsl(var(--muted-foreground))" } }) : /* @__PURE__ */ jsx31(Box22, { sx: { width: 6, height: 6, borderRadius: "50%", bgcolor: "hsl(var(--muted-foreground) / 0.5)" } }) : /* @__PURE__ */ jsx31(StatusIcon, { status: effectiveStatus, resumeAtMs: scheduledResumeMs, authBlockedApp: isRowAuthBlocked ? rowAuthReq.appName : null }) }),
               /* @__PURE__ */ jsx31(Box22, { sx: { width: 24, display: "flex", justifyContent: "center" }, children: isProcessing ? /* @__PURE__ */ jsx31(Box22, { sx: { width: 22 } }) : toolApp?.icon ? /* @__PURE__ */ jsx31(Tooltip14, { title: (toolApp.name || "").replace(/_/g, " "), arrow: true, children: /* @__PURE__ */ jsx31(Avatar6, { src: toolApp.icon, sx: { width: 22, height: 22, bgcolor: "transparent" }, variant: "rounded" }) }) : item.category === "finalise" || details?.action === "finish" ? /* @__PURE__ */ jsx31(Tooltip14, { title: "Final answer", arrow: true, children: /* @__PURE__ */ jsx31(CheckIcon3, { size: 18 }) }) : /* @__PURE__ */ jsx31(Box22, { sx: { width: 22 } }) }),
               /* @__PURE__ */ jsx31(
                 Tooltip14,
@@ -17951,6 +18606,7 @@ var AgentUI = ({
   composeSubmitInput: propComposeSubmitInput,
   contextParams,
   incidentId: propIncidentId,
+  incidentContext: propIncidentContext,
   vulnerabilityId: propVulnerabilityId,
   workflowId: propWorkflowId
 }) => {
@@ -17965,9 +18621,13 @@ var AgentUI = ({
     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 = useMediaQuery("(max-width:600px)", { noSsr: true });
   const isPhone = mobileView !== void 0 ? mobileView : isPhoneScreen;
-  const [actionInput, setActionInput] = useState19(() => {
+  const [actionInput, setActionInput] = useState20(() => {
     if (contextStorageKey) {
       const saved = getPageContextChoice(contextStorageKey);
       if (saved?.draftPrompt !== void 0 && saved.draftPrompt !== "") {
@@ -17977,7 +18637,7 @@ var AgentUI = ({
     return defaultInput || "";
   });
   const lastStorageKeyRef = useRef11(contextStorageKey);
-  useEffect17(() => {
+  useEffect18(() => {
     if (lastStorageKeyRef.current !== contextStorageKey) {
       lastStorageKeyRef.current = contextStorageKey;
       if (contextStorageKey) {
@@ -17991,18 +18651,18 @@ var AgentUI = ({
     }
   }, [contextStorageKey, defaultInput]);
   const prevDefaultInputRef = useRef11(defaultInput);
-  useEffect17(() => {
+  useEffect18(() => {
     if (defaultInput && defaultInput !== prevDefaultInputRef.current) {
       prevDefaultInputRef.current = defaultInput;
       setActionInput(defaultInput);
     }
   }, [defaultInput]);
   const { prompt: savedPromptPrefix } = useAgentPromptPrefix({ userId, persist: !disableStartTab });
-  const [selectedPreset, setSelectedPreset] = useState19(null);
+  const [selectedPreset, setSelectedPreset] = useState20(null);
   const presetsChipNodeRef = useRef11(null);
-  const [presetsChipWidth, setPresetsChipWidth] = useState19(0);
-  const [inputScrolled, setInputScrolled] = useState19(false);
-  const [inputScrollTop, setInputScrollTop] = useState19(0);
+  const [presetsChipWidth, setPresetsChipWidth] = useState20(0);
+  const [inputScrolled, setInputScrolled] = useState20(false);
+  const [inputScrollTop, setInputScrollTop] = useState20(0);
   const chipOverlayRef = useRef11(null);
   const applyChipScroll = useCallback10((st) => {
     const el = chipOverlayRef.current;
@@ -18017,9 +18677,9 @@ var AgentUI = ({
     el.style.opacity = st > 24 ? "0" : "1";
     el.style.pointerEvents = st > 4 ? "none" : "auto";
   }, []);
-  const [promptSingleLine, setPromptSingleLine] = useState19(true);
+  const [promptSingleLine, setPromptSingleLine] = useState20(true);
   const promptMultilineBase = !promptSingleLine;
-  const [attachmentsRowHeight, setAttachmentsRowHeight] = useState19(0);
+  const [attachmentsRowHeight, setAttachmentsRowHeight] = useState20(0);
   const attachmentsRowRef = useCallback10((node) => {
     setAttachmentsRowHeight(node ? node.getBoundingClientRect().height : 0);
   }, []);
@@ -18029,7 +18689,7 @@ var AgentUI = ({
   }, []);
   const inputRef = useRef11(null);
   const seededPresetIdRef = useRef11(null);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!initialPresetId && defaultInput && defaultInput.trim().length > 0) {
       setSelectedPreset(null);
       return;
@@ -18045,17 +18705,37 @@ 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]);
+  useEffect18(() => {
+    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]);
   useLayoutEffect(() => {
     if (hidePresets) {
       setPresetsChipWidth(0);
@@ -18084,7 +18764,7 @@ var AgentUI = ({
       ro?.disconnect();
     };
   }, [selectedPreset, hidePresets, presets, actionInput]);
-  useEffect17(() => {
+  useEffect18(() => {
     const el = inputRef.current;
     if (!el) return;
     if (el.scrollTop <= 1 && inputScrolled) setInputScrolled(false);
@@ -18149,7 +18829,7 @@ var AgentUI = ({
     };
   }, [actionInput, presetsChipWidth, selectedPreset, hidePresets]);
   const shouldTypewrite = placeholder === void 0;
-  const [fullPlaceholder, setFullPlaceholder] = useState19(
+  const [fullPlaceholder, setFullPlaceholder] = useState20(
     () => placeholder ?? getRandomAgentPromptPlaceholder()
   );
   const pickedPlaceholderRef = useRef11(null);
@@ -18180,10 +18860,10 @@ var AgentUI = ({
     pickedPlaceholderRef.current = picked;
     setFullPlaceholder(picked);
   }, [shouldTypewrite, presetsChipWidth, hidePresets]);
-  const [typedPlaceholder, setTypedPlaceholder] = useState19(
+  const [typedPlaceholder, setTypedPlaceholder] = useState20(
     shouldTypewrite ? "" : fullPlaceholder
   );
-  useEffect17(() => {
+  useEffect18(() => {
     if (!shouldTypewrite) {
       setTypedPlaceholder(fullPlaceholder);
       return;
@@ -18217,14 +18897,14 @@ var AgentUI = ({
     [propComposeSubmitInput]
   );
   const promptAnchorRef = React6.useRef(null);
-  const [suggestionsDismissed, setSuggestionsDismissed] = useState19(false);
-  const [suggestionIndex, setSuggestionIndex] = useState19(-1);
+  const [suggestionsDismissed, setSuggestionsDismissed] = useState20(false);
+  const [suggestionIndex, setSuggestionIndex] = useState20(-1);
   const promptSuggestions = useMemo10(
     () => matchAgentPromptSuggestions(actionInput, 8),
     [actionInput]
   );
   const programmaticInputRef = useRef11(false);
-  useEffect17(() => {
+  useEffect18(() => {
     if (programmaticInputRef.current) {
       programmaticInputRef.current = false;
       return;
@@ -18233,7 +18913,7 @@ var AgentUI = ({
     setSuggestionsDismissed(false);
   }, [actionInput]);
   const suggestionsOpen = promptSuggestions.length > 0 && !suggestionsDismissed;
-  const [pendingCategories, setPendingCategories] = useState19([]);
+  const [pendingCategories, setPendingCategories] = useState20([]);
   const acceptSuggestion = useCallback10((s) => {
     programmaticInputRef.current = true;
     setActionInput(s);
@@ -18266,7 +18946,7 @@ var AgentUI = ({
     { name: "http" },
     { name: "shuffle_tools" }
   ];
-  const [chosenApps, setChosenApps] = useState19(() => {
+  const [chosenApps, setChosenApps] = useState20(() => {
     if (apps) return apps;
     if (defaultApps !== void 0) return defaultApps.slice(0, MAX_AUTO_ASSIGNED_TOOLS);
     const saved = readPresetAppsOverride(NO_PRESET_KEY);
@@ -18275,23 +18955,23 @@ var AgentUI = ({
   });
   const isInitialMountChosenAppsRef = useRef11(true);
   const isInitialMountPresetOverrideRef = useRef11(true);
-  const [availableApps, setAvailableApps] = useState19([]);
-  const [authAppsLoading, setAuthAppsLoading] = useState19(autoLoadApps && hasApiKey);
-  const [detectedLLM, setDetectedLLM] = useState19(null);
-  const [configuredLLMOptions, setConfiguredLLMOptions] = useState19([]);
-  const [llmMenuAnchor, setLlmMenuAnchor] = useState19(null);
-  const [executionApps, setExecutionApps] = useState19([]);
-  const [resolvedToolApps, setResolvedToolApps] = useState19({});
-  const [appSearchOpen, setAppSearchOpen] = useState19(false);
-  const [appSearchQuery, setAppSearchQuery] = useState19("");
-  const [categoryTarget, setCategoryTarget] = useState19(null);
-  const [authDrawerApp, setAuthDrawerApp] = useState19(null);
-  const [agentRequestLoading, setAgentRequestLoading] = useState19(false);
-  const [rerunningDecisionId, setRerunningDecisionId] = useState19(null);
+  const [availableApps, setAvailableApps] = useState20([]);
+  const [authAppsLoading, setAuthAppsLoading] = useState20(autoLoadApps && hasApiKey);
+  const [detectedLLM, setDetectedLLM] = useState20(null);
+  const [configuredLLMOptions, setConfiguredLLMOptions] = useState20([]);
+  const [llmMenuAnchor, setLlmMenuAnchor] = useState20(null);
+  const [executionApps, setExecutionApps] = useState20([]);
+  const [resolvedToolApps, setResolvedToolApps] = useState20({});
+  const [appSearchOpen, setAppSearchOpen] = useState20(false);
+  const [appSearchQuery, setAppSearchQuery] = useState20("");
+  const [categoryTarget, setCategoryTarget] = useState20(null);
+  const [authDrawerApp, setAuthDrawerApp] = useState20(null);
+  const [agentRequestLoading, setAgentRequestLoading] = useState20(false);
+  const [rerunningDecisionId, setRerunningDecisionId] = useState20(null);
   const rerunDecisionsSigRef = useRef11("");
-  const [rerunAgentPending, setRerunAgentPending] = useState19(false);
-  const [abortLoading, setAbortLoading] = useState19(false);
-  const [execution, setExecution] = useState19(() => {
+  const [rerunAgentPending, setRerunAgentPending] = useState20(false);
+  const [abortLoading, setAbortLoading] = useState20(false);
+  const [execution, setExecution] = useState20(() => {
     if (initialExecution) return initialExecution;
     if (contextStorageKey) {
       const saved = getPageContextChoice(contextStorageKey);
@@ -18305,13 +18985,13 @@ var AgentUI = ({
     }
     return null;
   });
-  const [agentData, setAgentData] = useState19({});
-  const [agentActionResult, setAgentActionResult] = useState19(null);
+  const [agentData, setAgentData] = useState20({});
+  const [agentActionResult, setAgentActionResult] = useState20(null);
   const llmImageAttachments = useMemo10(
     () => collectLlmImageAttachments(agentData),
     [agentData]
   );
-  const [showStarter, setShowStarter] = useState19(() => {
+  const [showStarter, setShowStarter] = useState20(() => {
     if (initialExecution?.execution_id) return false;
     if (contextStorageKey) {
       const saved = getPageContextChoice(contextStorageKey);
@@ -18333,13 +19013,19 @@ var AgentUI = ({
       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) {
@@ -18355,40 +19041,40 @@ var AgentUI = ({
       }
     }, 0);
   }, [onSelectPreset]);
-  const [scheduleAnchor, setScheduleAnchor] = useState19(null);
-  const [mobilePlusAnchor, setMobilePlusAnchor] = useState19(null);
-  const [scheduleCron, setScheduleCron] = useState19("0 * * * *");
-  const [scheduleSaving, setScheduleSaving] = useState19(false);
-  const [scheduleSteps, setScheduleSteps] = useState19([
+  const [scheduleAnchor, setScheduleAnchor] = useState20(null);
+  const [mobilePlusAnchor, setMobilePlusAnchor] = useState20(null);
+  const [scheduleCron, setScheduleCron] = useState20("0 * * * *");
+  const [scheduleSaving, setScheduleSaving] = useState20(false);
+  const [scheduleSteps, setScheduleSteps] = useState20([
     { id: "name", state: "pending" },
     { id: "workflow", state: "pending" },
     { id: "schedule", state: "pending" }
   ]);
-  const [schedFreq, setSchedFreq] = useState19("hours");
-  const [schedInterval, setSchedInterval] = useState19(1);
-  const [schedHour, setSchedHour] = useState19(9);
-  const [schedMinute, setSchedMinute] = useState19(0);
-  const [schedWeekdays, setSchedWeekdays] = useState19(() => /* @__PURE__ */ new Set([1]));
-  const [schedDayOfMonth, setSchedDayOfMonth] = useState19(1);
-  const [schedAdvancedOpen, setSchedAdvancedOpen] = useState19(false);
+  const [schedFreq, setSchedFreq] = useState20("hours");
+  const [schedInterval, setSchedInterval] = useState20(1);
+  const [schedHour, setSchedHour] = useState20(9);
+  const [schedMinute, setSchedMinute] = useState20(0);
+  const [schedWeekdays, setSchedWeekdays] = useState20(() => /* @__PURE__ */ new Set([1]));
+  const [schedDayOfMonth, setSchedDayOfMonth] = useState20(1);
+  const [schedAdvancedOpen, setSchedAdvancedOpen] = useState20(false);
   const cronManualOverrideRef = useRef11(false);
-  const [openIndexes, setOpenIndexes] = useState19(/* @__PURE__ */ new Set());
-  const [highlightedIndex, setHighlightedIndex] = useState19(null);
-  const [continueHighlighted, setContinueHighlighted] = useState19(false);
-  const [questionAnswers, setQuestionAnswers] = useState19({});
-  const [simpleSubmitAttempted, setSimpleSubmitAttempted] = useState19(false);
-  const [finishAnswerRaw, setFinishAnswerRaw] = useState19(false);
-  const [continuationText, setContinuationText] = useState19("");
-  const [runComplete, setRunComplete] = useState19(false);
-  const [optimisticContinue, setOptimisticContinue] = useState19(null);
+  const [openIndexes, setOpenIndexes] = useState20(/* @__PURE__ */ new Set());
+  const [highlightedIndex, setHighlightedIndex] = useState20(null);
+  const [continueHighlighted, setContinueHighlighted] = useState20(false);
+  const [questionAnswers, setQuestionAnswers] = useState20({});
+  const [simpleSubmitAttempted, setSimpleSubmitAttempted] = useState20(false);
+  const [finishAnswerRaw, setFinishAnswerRaw] = useState20(false);
+  const [continuationText, setContinuationText] = useState20("");
+  const [runComplete, setRunComplete] = useState20(false);
+  const [optimisticContinue, setOptimisticContinue] = useState20(null);
   const continuationInputRef = useRef11(null);
   const continuationFocusedForRef = useRef11(null);
-  const [error, setError] = useState19(null);
-  const [pollWarning, setPollWarning] = useState19(null);
+  const [error, setError] = useState20(null);
+  const [pollWarning, setPollWarning] = useState20(null);
   const hasExecutionDataRef = useRef11(false);
   const loadedExecutionIdRef = useRef11(null);
   const keepPollingUntilRef = useRef11(0);
-  const [runExplorerAvailable, setRunExplorerAvailable] = useState19("checking");
+  const [runExplorerAvailable, setRunExplorerAvailable] = useState20("checking");
   const [searchParams, setSearchParams] = useSearchParams();
   const initialViewParam = searchParams.get("agentView");
   const readStoredViewMode = () => {
@@ -18407,8 +19093,8 @@ var AgentUI = ({
     }
     return "simple";
   };
-  const [viewMode, setViewMode] = useState19(readStoredViewMode);
-  useEffect17(() => {
+  const [viewMode, setViewMode] = useState20(readStoredViewMode);
+  useEffect18(() => {
     try {
       if (typeof window !== "undefined") {
         window.localStorage.setItem("shuffle-agents-view-mode", viewMode);
@@ -18416,15 +19102,15 @@ var AgentUI = ({
     } catch {
     }
   }, [viewMode]);
-  const [attachedImages, setAttachedImages] = useState19([]);
-  const [previewImage, setPreviewImage] = useState19(null);
+  const [attachedImages, setAttachedImages] = useState20([]);
+  const [previewImage, setPreviewImage] = useState20(null);
   const promptMultiline = promptMultilineBase || attachedImages.length > 0 || isPhone && Boolean(selectedPreset);
   const promptSingleLineLocked = !promptMultiline;
-  const [nowTick, setNowTick] = useState19(() => Math.floor(Date.now() / 1e3));
-  const [localRunStart, setLocalRunStart] = useState19(null);
+  const [nowTick, setNowTick] = useState20(() => Math.floor(Date.now() / 1e3));
+  const [localRunStart, setLocalRunStart] = useState20(null);
   const chipBarRef = useRef11(null);
   const chipBarResizeObserverRef = useRef11(null);
-  const [chipBarMultiline, setChipBarMultiline] = useState19(false);
+  const [chipBarMultiline, setChipBarMultiline] = useState20(false);
   const fileInputRef = useRef11(null);
   const chipBarCallbackRef = useCallback10((node) => {
     chipBarRef.current = node;
@@ -18444,7 +19130,7 @@ var AgentUI = ({
     }
   }, []);
   const activeExecutionIdRef = useRef11(
-    initialExecution?.execution_id || (contextStorageKey ? getPageContextChoice(contextStorageKey)?.executionId || null : null)
+    executionId || initialExecution?.execution_id || (contextStorageKey ? getPageContextChoice(contextStorageKey)?.executionId || null : null)
   );
   const executionPollGenerationRef = useRef11(0);
   const runAbortRef = useRef11(null);
@@ -18468,25 +19154,25 @@ var AgentUI = ({
   stateRef.current.continuationText = continuationText;
   stateRef.current.localRunStart = localRunStart;
   stateRef.current.showStarter = showStarter;
-  useEffect17(() => {
+  useEffect18(() => {
     const el = chipBarRef.current;
     if (el) {
       setChipBarMultiline(el.clientHeight > 42 || el.scrollHeight > 42);
     }
   }, [chosenApps, availableApps, selectedPreset]);
-  useEffect17(() => {
+  useEffect18(() => {
     return () => {
       chipBarResizeObserverRef.current?.disconnect();
     };
   }, []);
-  useEffect17(() => {
+  useEffect18(() => {
     if (execution?.execution_id || agentRequestLoading) {
       setLocalRunStart((prev) => prev ?? Math.floor(Date.now() / 1e3));
     } else {
       setLocalRunStart(null);
     }
   }, [execution?.execution_id, agentRequestLoading]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!execution?.execution_id && !agentRequestLoading) return;
     const status = (execution?.status || agentData?.status || "").toUpperCase();
     const TERMINAL = ["FINISHED", "FAILURE", "ABORTED", "CANCELLED", "CANCELED"];
@@ -18557,9 +19243,9 @@ var AgentUI = ({
   }, [availableApps]);
   const pendingAuthApps = useMemo10(() => {
     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;
@@ -18571,12 +19257,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]);
-  useEffect17(() => {
+  }, [agentData, executionApps, chosenApps, appsById, authAppsLoading, isAppAuthenticated]);
+  useEffect18(() => {
     if (apps) setChosenApps(apps);
   }, [apps]);
-  useEffect17(() => {
+  useEffect18(() => {
     const required = selectedPreset?.requiredApps;
     if (!required || required.length === 0) return;
     setChosenApps((prev) => {
@@ -18585,7 +19284,7 @@ var AgentUI = ({
       return [...prev, ...missing.map((name) => ({ name }))];
     });
   }, [selectedPreset]);
-  useEffect17(() => {
+  useEffect18(() => {
     const decisions = agentData?.decisions || [];
     if (!Array.isArray(decisions) || decisions.length === 0) return;
     const norm4 = (s) => s.toLowerCase().replace(/[\s-]+/g, "_");
@@ -18633,7 +19332,7 @@ var AgentUI = ({
       cancelled = true;
     };
   }, [JSON.stringify(agentData?.decisions?.map((d) => [d?.details?.tool || d?.tool, extractAuthRequest(d)?.appName]) || []), appsById]);
-  useEffect17(() => {
+  useEffect18(() => {
     const missing = chosenApps.filter((a) => !a.icon && a.name);
     if (missing.length === 0) return;
     let cancelled = false;
@@ -18792,7 +19491,7 @@ var AgentUI = ({
       if (!signal?.cancelled) setAuthAppsLoading(false);
     }
   }, [resolveUrl2, resolveHeaders2, contextCategory, contextStorageKey, defaultApps, onAppsChange]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!autoLoadApps) return;
     if (!hasApiKey) return;
     const signal = { cancelled: false };
@@ -18801,7 +19500,7 @@ var AgentUI = ({
       signal.cancelled = true;
     };
   }, [autoLoadApps, hasApiKey, loadAuthenticatedApps]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!hasApiKey) return;
     const handler = (event) => {
       const customEvent = event;
@@ -18816,7 +19515,7 @@ var AgentUI = ({
     window.addEventListener("integrations-changed", handler);
     return () => window.removeEventListener("integrations-changed", handler);
   }, [hasApiKey, loadAuthenticatedApps]);
-  useEffect17(() => {
+  useEffect18(() => {
     const raw = agentData?.allowed_actions;
     if (!Array.isArray(raw) || raw.length === 0) {
       setExecutionApps([]);
@@ -19006,7 +19705,7 @@ var AgentUI = ({
       else setPollWarning(`Live updates are failing (${err instanceof Error ? err.message : "network error"}). Showing the last known state.`);
     }
   }, []);
-  useEffect17(() => {
+  useEffect18(() => {
     const eid = execution?.execution_id;
     const auth = execution?.authorization;
     if (!eid) {
@@ -19033,19 +19732,19 @@ var AgentUI = ({
       cancelled = true;
     };
   }, [execution?.execution_id, execution?.authorization]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (execution?.authorization && (execution?.results?.length || 0) > 0) {
       setRunExplorerAvailable("yes");
     }
   }, [execution?.authorization, execution?.results?.length]);
-  useEffect17(() => {
+  useEffect18(() => {
     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");
@@ -19074,7 +19773,7 @@ var AgentUI = ({
       getExecution(eid, auth || void 0);
     }
   }, [readUrlParams, executionId, authorization, getExecution, contextStorageKey]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!initialExecution || !initialExecution.execution_id) return;
     if (!userPickedStartRef.current) setShowStarter(false);
     activeExecutionIdRef.current = initialExecution.execution_id;
@@ -19109,7 +19808,7 @@ var AgentUI = ({
       getExecution(initialExecution.execution_id, initialExecution.authorization);
     }
   }, [initialExecution?.execution_id]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!execution?.execution_id) return;
     const status = (execution.status || "").toUpperCase();
     const TERMINAL = ["FINISHED", "FAILURE", "ABORTED", "CANCELLED", "CANCELED"];
@@ -19187,9 +19886,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,
@@ -19198,6 +19894,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
@@ -19268,6 +19965,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: "",
@@ -19313,13 +20017,13 @@ var AgentUI = ({
       onRun?.({ input: text2, success: true, executionId: eid });
     }
   }, [chosenApps, executionApps, getExecution, onRun, attachedImages, readUrlParams, setSearchParams, viewMode, selectedPreset, isLoggedIn]);
-  const autoSubmittedRef = useRef11(false);
-  useEffect17(() => {
-    if (autoSubmit && defaultInput && !autoSubmittedRef.current && !executionId) {
-      autoSubmittedRef.current = true;
+  const lastSubmittedInputRef = useRef11(null);
+  useEffect18(() => {
+    if (autoSubmit && defaultInput && defaultInput !== lastSubmittedInputRef.current) {
+      lastSubmittedInputRef.current = defaultInput;
       submitInput(defaultInput);
     }
-  }, [autoSubmit, defaultInput, executionId, submitInput]);
+  }, [autoSubmit, defaultInput, submitInput]);
   const submitQuestions = useCallback10(async (decisionId, answers, isContinuation) => {
     if (!execution?.execution_id || !execution?.authorization) return;
     let newArgument = {};
@@ -19495,7 +20199,7 @@ var AgentUI = ({
     }
     setTimeout(() => setRerunAgentPending(false), 8e3);
   }, [resolveRunInput, resolveRunTemplate, actionInput, executionApps, disableStartTab, submitInput]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (rerunAgentPending && (agentRequestLoading || execution?.execution_id)) {
       setRerunAgentPending(false);
     }
@@ -19566,7 +20270,7 @@ var AgentUI = ({
       setAbortLoading(false);
     }
   }, [execution, resolveUrl2, resolveHeaders2, getExecution, setSearchParams]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (execution?.execution_id) setLastOpenedAgentRun(execution.execution_id);
   }, [execution?.execution_id]);
   const getFormUrl = useCallback10((decisionId) => {
@@ -19631,7 +20335,7 @@ var AgentUI = ({
       setAgentRequestLoading(false);
     }
   }, [execution, agentActionResult, agentData, getExecution, resolveUrl2, resolveHeaders2]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!rerunningDecisionId) return;
     const sig = JSON.stringify(
       (agentData?.decisions || []).map((d) => d?.run_details?.id || "")
@@ -19646,8 +20350,8 @@ var AgentUI = ({
   const runStillExecuting = Boolean(execution?.execution_id || agentRequestLoading) && !TERMINAL_RUN_STATUSES.includes(
     resolveRunStatus(execution?.status, agentData?.status)
   );
-  const [liveNowSec, setLiveNowSec] = useState19(() => Date.now() / 1e3);
-  useEffect17(() => {
+  const [liveNowSec, setLiveNowSec] = useState20(() => Date.now() / 1e3);
+  useEffect18(() => {
     if (!runStillExecuting) return;
     setLiveNowSec(Date.now() / 1e3);
     const t = setInterval(() => setLiveNowSec(Date.now() / 1e3), 1e3);
@@ -19839,7 +20543,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]);
-  useEffect17(() => {
+  useEffect18(() => {
     const status = (execution?.status || "").toUpperCase();
     const isTerminal = ["FINISHED", "FAILURE", "ABORTED", "CANCELLED", "CANCELED"].includes(status);
     const hasPendingDecision = (agentData?.decisions || []).some((d) => {
@@ -19848,7 +20552,38 @@ var AgentUI = ({
     });
     setRunComplete(Boolean(isTerminal && !hasPendingDecision && (finishAnswer || finishDecisionId)));
   }, [execution?.status, agentData?.decisions, finishAnswer, finishDecisionId]);
-  useEffect17(() => {
+  useEffect18(() => {
+    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]);
+  useEffect18(() => {
     if (!finishDecisionId || agentRequestLoading) return;
     if (continuationFocusedForRef.current === finishDecisionId) return;
     continuationFocusedForRef.current = finishDecisionId;
@@ -19876,15 +20611,19 @@ var AgentUI = ({
     }
   }, [onChooseLLM]);
   const isAiAuthIssue = useMemo10(() => {
+    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__ */ jsx31(Box22, { sx: { mt: 1.5 }, children: /* @__PURE__ */ jsx31(AiAuthSuggestion_default, { onOpenLocalLlm: openLocalLlmArea }) }) : null;
-  useEffect17(() => {
+  useEffect18(() => {
     if (!optimisticContinue) return;
     const count = (agentData?.decisions || []).length;
     if (count > optimisticContinue.decisions) {
@@ -19935,7 +20674,7 @@ var AgentUI = ({
   };
   const timelineEndRef = useRef11(null);
   const followTimelineRef = useRef11(true);
-  useEffect17(() => {
+  useEffect18(() => {
     if (typeof window === "undefined") return;
     const getScrollParent = (node) => {
       let el = node?.parentElement || null;
@@ -19975,7 +20714,7 @@ var AgentUI = ({
   const runIsLive = optimisticRunning || !["FINISHED", "FAILURE", "ABORTED", "CANCELLED", "CANCELED"].includes(
     (resolveRunStatus(execution?.status, agentData?.status) || "EXECUTING").toUpperCase()
   );
-  useEffect17(() => {
+  useEffect18(() => {
     if (typeof window === "undefined") return;
     if (viewMode !== "detailed") return;
     if (!runIsLive) return;
@@ -19993,7 +20732,7 @@ var AgentUI = ({
       window.clearTimeout(t);
     };
   }, [timelineCount, viewMode, runIsLive]);
-  useEffect17(() => {
+  useEffect18(() => {
     followTimelineRef.current = true;
   }, [execution?.execution_id]);
   const handlePrimarySubmit = useCallback10(() => {
@@ -20041,17 +20780,17 @@ var AgentUI = ({
   const activeTab = showStarter ? "start" : viewMode;
   const hasExecution = !!execution?.execution_id;
   const showRunSwitcher = hasExecution || agentRequestLoading;
-  useEffect17(() => {
+  useEffect18(() => {
     onViewChange?.(activeTab);
   }, [activeTab, onViewChange]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (isInitialMountChosenAppsRef.current) {
       isInitialMountChosenAppsRef.current = false;
       return;
     }
     onAppsChange?.(chosenApps);
   }, [chosenApps, onAppsChange]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (isInitialMountPresetOverrideRef.current) {
       isInitialMountPresetOverrideRef.current = false;
       return;
@@ -20184,7 +20923,7 @@ var AgentUI = ({
     return parsed && parsed.once ? null : parsed;
   }, [actionInput]);
   const lastAppliedHintRef = useRef11(null);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!scheduleHint) return;
     if (scheduleAnchor) return;
     if (lastAppliedHintRef.current === scheduleHint.cron) return;
@@ -20214,7 +20953,7 @@ var AgentUI = ({
       return appRequiresAuthentication(slug) && !isAppAuthenticated(a.name || "", a.id || null);
     });
   }, [authAppsLoading, chosenApps, isAppAuthenticated]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (cronManualOverrideRef.current) return;
     const m = Math.max(0, Math.min(59, schedMinute));
     const h = Math.max(0, Math.min(23, schedHour));
@@ -22041,7 +22780,47 @@ var AgentUI = ({
                                           children: formatAppDisplayName(app2.name || "")
                                         }
                                       ),
-                                      (needsAuth || isUnavailable) && /* @__PURE__ */ jsx31(WarningIcon, { size: 14, color: "hsl(var(--severity-medium))", style: { marginRight: 2 } }),
+                                      needsAuth ? /* @__PURE__ */ jsx31(
+                                        Box22,
+                                        {
+                                          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__ */ jsx31(
+                                        Box22,
+                                        {
+                                          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__ */ jsx31(
                                         LockIcon3,
                                         {
@@ -22243,43 +23022,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__ */ jsx31(Tooltip14, { title: formatAppDisplayName(app2.name || ""), children: /* @__PURE__ */ jsx31(
-                      Box22,
+                    return /* @__PURE__ */ jsx31(
+                      Tooltip14,
                       {
-                        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__ */ jsx31(
-                          AppFallbackIcon,
+                          Box22,
                           {
-                            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__ */ jsx31(
+                              AppFallbackIcon,
+                              {
+                                name: app2.name,
+                                imageUrl: appIcon,
+                                size: 24,
+                                style: { borderRadius: 6, objectFit: "contain" }
+                              }
+                            )
                           }
                         )
-                      }
-                    ) }, i);
+                      },
+                      i
+                    );
                   }) }),
                   /* @__PURE__ */ jsxs24(Box22, { sx: { flex: 1, minWidth: 0 }, children: [
                     /* @__PURE__ */ jsx31(Typography19, { 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__ */ jsxs24(Typography19, { sx: { fontSize: "0.7rem", color: "hsl(var(--muted-foreground))" }, children: [
-                      "Status: ",
-                      execution?.status || agentData?.status || "\u2014",
-                      " \xB7 ",
-                      execution?.execution_id?.slice(0, 8) || ""
+                    /* @__PURE__ */ jsxs24(Typography19, { sx: { fontSize: "0.7rem", color: "hsl(var(--muted-foreground))", display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap", mt: 0.25 }, children: [
+                      /* @__PURE__ */ jsxs24("span", { children: [
+                        "Status: ",
+                        execution?.status || agentData?.status || "\u2014",
+                        " \xB7 ",
+                        execution?.execution_id?.slice(0, 8) || ""
+                      ] }),
+                      pendingAuthApps.length > 0 && /* @__PURE__ */ jsxs24(
+                        Box22,
+                        {
+                          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__ */ jsx31(AgentAttachmentsButton_default, { attachments: llmImageAttachments }),
@@ -22459,6 +23278,57 @@ var AgentUI = ({
                     }
                   }
                 ),
+                pendingAuthApps.length > 0 && /* @__PURE__ */ jsxs24(
+                  Box22,
+                  {
+                    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__ */ jsxs24(Box22, { sx: { display: "flex", alignItems: "center", gap: 1.5, flex: 1, minWidth: 260 }, children: [
+                        /* @__PURE__ */ jsx31(LockIcon3, { size: 22, color: "hsl(var(--severity-medium))" }),
+                        /* @__PURE__ */ jsxs24(Box22, { sx: { flex: 1, minWidth: 0 }, children: [
+                          /* @__PURE__ */ jsx31(Typography19, { 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__ */ jsx31(Typography19, { 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__ */ jsx31(Box22, { sx: { display: "flex", gap: 1, flexWrap: "wrap" }, children: pendingAuthApps.map(({ appName, appId }) => /* @__PURE__ */ jsxs24(
+                        Button13,
+                        {
+                          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__ */ jsx31(Box22, { sx: {
                   borderRadius: 2,
                   border: "1px solid hsl(var(--border))",
@@ -22500,7 +23370,7 @@ var AgentUI = ({
                   }
                   const pendingAnswered = pendingQuestions.every((q) => questionAnswers[q.question]?.value);
                   return /* @__PURE__ */ jsxs24(Fragment12, { children: [
-                    /* @__PURE__ */ jsxs24(
+                    /* @__PURE__ */ jsx31(
                       RunFinishedSummary,
                       {
                         status,
@@ -22513,77 +23383,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__ */ jsxs24(
-                              Box22,
-                              {
-                                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__ */ jsx31(LockIcon3, { size: 22, color: "hsl(var(--severity-medium))" }),
-                                  /* @__PURE__ */ jsxs24(Box22, { sx: { flex: 1, minWidth: 0 }, children: [
-                                    /* @__PURE__ */ jsxs24(Typography19, { sx: { fontSize: "0.85rem", fontWeight: 600, color: "hsl(var(--foreground))" }, children: [
-                                      pretty,
-                                      " requires authentication"
-                                    ] }),
-                                    /* @__PURE__ */ jsxs24(Typography19, { sx: { fontSize: "0.75rem", color: "hsl(var(--muted-foreground))" }, children: [
-                                      "Connect your ",
-                                      pretty,
-                                      " account so the agent can complete this step, then rerun."
-                                    ] })
-                                  ] }),
-                                  /* @__PURE__ */ jsxs24(
-                                    Button13,
-                                    {
-                                      variant: "outlined",
-                                      size: "small",
-                                      startIcon: /* @__PURE__ */ jsx31(
-                                        Avatar6,
-                                        {
-                                          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 ? (() => {
@@ -22971,7 +23771,7 @@ var AgentUI = ({
 var AgentUI_default = AgentUI;
 
 // components/AgentRunDrawer.tsx
-import { useEffect as useEffect19, useRef as useRef13, useState as useState21 } from "react";
+import { useEffect as useEffect20, useRef as useRef13, useState as useState22 } from "react";
 import {
   Box as Box25,
   Drawer as Drawer4,
@@ -22989,7 +23789,7 @@ import {
 } from "lucide-react";
 
 // components/LocalLLMConfig.tsx
-import { useEffect as useEffect18, useMemo as useMemo11, useRef as useRef12, useState as useState20 } from "react";
+import { useEffect as useEffect19, useMemo as useMemo11, useRef as useRef12, useState as useState21 } from "react";
 import { Check } from "lucide-react";
 import {
   Autocomplete as Autocomplete2,
@@ -23158,7 +23958,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] = useState20(false);
+  const [errored, setErrored] = useState21(false);
   let domain = PROVIDER_DOMAINS[label];
   if (!domain && url) {
     try {
@@ -23174,8 +23974,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] = useState20(true);
-  const [selectedPreset, setSelectedPreset] = useState20(() => {
+  const [expanded, setExpanded] = useState21(true);
+  const [selectedPreset, setSelectedPreset] = useState21(() => {
     try {
       const stored = localStorage.getItem(LLM_PRESET_STORAGE_KEY) || "";
       return ENDPOINT_PRESETS.some((p) => p.label === stored) ? stored : "";
@@ -23183,9 +23983,9 @@ var LocalLLMConfig = ({ compact, globalUrl, userdata, isLoaded, isLoggedIn, serv
       return "";
     }
   });
-  const [customUrl, setCustomUrl] = useState20("");
+  const [customUrl, setCustomUrl] = useState21("");
   const activeSwitchSeqRef = useRef12(0);
-  const [llmTest, setLlmTest] = useState20(null);
+  const [llmTest, setLlmTest] = useState21(null);
   const openaiEntries = authenticatedApps.filter(
     (a) => a.app?.name?.toLowerCase() === "openai" || a.app?.id === OPENAI_APP_ID
   );
@@ -23202,8 +24002,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] = useState20("");
-  const [customMode, setCustomMode] = useState20(false);
+  const [customModel, setCustomModel] = useState21("");
+  const [customMode, setCustomMode] = useState21(false);
   const hasOpenAIEntries = openaiEntries.length > 0;
   const providerOfEntry = (entry) => providerLabelOfAuthEntry(entry);
   const displayLabelOfEntry = (entry) => {
@@ -23211,7 +24011,7 @@ 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] = useState20(null);
+  const [optimisticActiveProvider, setOptimisticActiveProvider] = useState21(null);
   const activeEntryRaw = useMemo11(
     () => openaiEntries.find((e) => e?.active === true),
     [openaiEntries]
@@ -23402,7 +24202,7 @@ var LocalLLMConfig = ({ compact, globalUrl, userdata, isLoaded, isLoggedIn, serv
   };
   const prevOpenRef = useRef12(open);
   const hasInitializedPresetRef = useRef12(false);
-  useEffect18(() => {
+  useEffect19(() => {
     const justOpened = Boolean(open && !prevOpenRef.current);
     prevOpenRef.current = open;
     if (authLoading) return;
@@ -23474,14 +24274,14 @@ var LocalLLMConfig = ({ compact, globalUrl, userdata, isLoaded, isLoggedIn, serv
     setCustomUrl(value);
     handleAuthChange(OPENAI_APP_ID, { ...authState.credentials, url: value });
   };
-  useEffect18(() => {
+  useEffect19(() => {
     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]);
-  useEffect18(() => {
+  useEffect19(() => {
     const models = PROVIDER_MODELS[effectivePreset];
     if (!models?.length) return;
     if ((authState.credentials?.model || "").trim()) return;
@@ -23504,8 +24304,8 @@ var LocalLLMConfig = ({ compact, globalUrl, userdata, isLoaded, isLoggedIn, serv
     return isLocal;
   })();
   const orgId = userdata?.active_org?.id;
-  const [orgData, setOrgData] = useState20(null);
-  useEffect18(() => {
+  const [orgData, setOrgData] = useState21(null);
+  useEffect19(() => {
     if (!orgId) return;
     let cancelled = false;
     (async () => {
@@ -23788,20 +24588,20 @@ var AgentRunDrawer = ({
 }) => {
   useSyncHostBaseUrl(globalUrl);
   const themeScope = useShuffleMcpTheme();
-  const [activeTab, setActiveTab] = useState21(initialTab);
+  const [activeTab, setActiveTab] = useState22(initialTab);
   const prevOpenRef = useRef13(open);
-  useEffect19(() => {
+  useEffect20(() => {
     if (open && !prevOpenRef.current) setActiveTab(initialTab);
     prevOpenRef.current = open;
   }, [open, initialTab]);
-  useEffect19(() => {
+  useEffect20(() => {
     if (typeof window === "undefined") return;
     window.__shuffleAgentDrawerMounted = (window.__shuffleAgentDrawerMounted || 0) + 1;
     return () => {
       window.__shuffleAgentDrawerMounted = Math.max(0, (window.__shuffleAgentDrawerMounted || 1) - 1);
     };
   }, []);
-  useEffect19(() => {
+  useEffect20(() => {
     if (typeof window === "undefined") return;
     const onOpen = (event) => {
       const tab = event.detail?.tab;
@@ -23842,7 +24642,7 @@ var AgentRunDrawer = ({
   const showTabs = visibleTabs.length > 1;
   const safeActiveTab = visibleTabs.includes(activeTab) ? activeTab : "run";
   const paperRef = useRef13(null);
-  useEffect19(() => {
+  useEffect20(() => {
     if (!open || safeActiveTab !== "run") return;
     const focusInput = () => {
       if (!paperRef.current) return false;
@@ -23868,6 +24668,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__ */ jsxs27(
     Drawer4,
     {
@@ -23875,6 +24676,7 @@ var AgentRunDrawer = ({
       open,
       onClose,
       sx: {
+        zIndex: drawerZIndex,
         "& .MuiDrawer-paper": {
           boxSizing: "border-box",
           width: { xs: "100vw", sm: drawerWidth },
@@ -24030,7 +24832,7 @@ var AgentRunDrawer = ({
 var AgentRunDrawer_default = AgentRunDrawer;
 
 // components/AgentActivityList.tsx
-import { useCallback as useCallback11, useEffect as useEffect20, useRef as useRef14, useState as useState22 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect21, useRef as useRef14, useState as useState23 } from "react";
 import { useNavigate as useNavigate2 } from "react-router-dom";
 import {
   Avatar as Avatar7,
@@ -25025,31 +25827,31 @@ var AgentActivityList = ({
   initialRuns,
   disableFetch = false
 }) => {
-  const [appDrawer, setAppDrawer] = useState22(null);
-  const [runs, setRuns] = useState22(initialRuns || []);
-  const [cursor, setCursor] = useState22("");
-  const [hasMore, setHasMore] = useState22(false);
-  const [isLoading, setIsLoading] = useState22(false);
-  const [error, setError] = useState22(null);
-  const [statusFilter, setStatusFilter] = useState22("");
-  const [searchQuery, setSearchQuery] = useState22("");
-  const [debouncedQuery, setDebouncedQuery] = useState22("");
-  const [agentWorkflows, setAgentWorkflows] = useState22([]);
-  const [workflowFilter, setWorkflowFilter] = useState22("");
-  const [usecaseFilter, setUsecaseFilter] = useState22("");
-  const [stopOpen, setStopOpen] = useState22(false);
-  const [stopLoading, setStopLoading] = useState22(false);
-  const [appIcons, setAppIcons] = useState22({});
-  const [enrichedRuns, setEnrichedRuns] = useState22({});
+  const [appDrawer, setAppDrawer] = useState23(null);
+  const [runs, setRuns] = useState23(initialRuns || []);
+  const [cursor, setCursor] = useState23("");
+  const [hasMore, setHasMore] = useState23(false);
+  const [isLoading, setIsLoading] = useState23(false);
+  const [error, setError] = useState23(null);
+  const [statusFilter, setStatusFilter] = useState23("");
+  const [searchQuery, setSearchQuery] = useState23("");
+  const [debouncedQuery, setDebouncedQuery] = useState23("");
+  const [agentWorkflows, setAgentWorkflows] = useState23([]);
+  const [workflowFilter, setWorkflowFilter] = useState23("");
+  const [usecaseFilter, setUsecaseFilter] = useState23("");
+  const [stopOpen, setStopOpen] = useState23(false);
+  const [stopLoading, setStopLoading] = useState23(false);
+  const [appIcons, setAppIcons] = useState23({});
+  const [enrichedRuns, setEnrichedRuns] = useState23({});
   const enrichedRunsRef = useRef14({});
   const processedRunIdsRef = useRef14(/* @__PURE__ */ new Set());
-  useEffect20(() => {
+  useEffect21(() => {
     enrichedRunsRef.current = enrichedRuns;
   }, [enrichedRuns]);
-  const [abortingIds, setAbortingIds] = useState22(/* @__PURE__ */ new Set());
-  const [abortedIds, setAbortedIds] = useState22(/* @__PURE__ */ new Set());
-  const [lastOpenedRunId, setLastOpenedRunId] = useState22(() => getLastOpenedAgentRun());
-  useEffect20(() => {
+  const [abortingIds, setAbortingIds] = useState23(/* @__PURE__ */ new Set());
+  const [abortedIds, setAbortedIds] = useState23(/* @__PURE__ */ new Set());
+  const [lastOpenedRunId, setLastOpenedRunId] = useState23(() => getLastOpenedAgentRun());
+  useEffect21(() => {
     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));
@@ -25141,7 +25943,7 @@ var AgentActivityList = ({
     if (debounceRef.current) clearTimeout(debounceRef.current);
     debounceRef.current = setTimeout(() => setDebouncedQuery(q), 350);
   }, []);
-  useEffect20(() => () => {
+  useEffect21(() => () => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
   }, []);
   const fetchRuns = useCallback11(
@@ -25192,10 +25994,10 @@ var AgentActivityList = ({
     },
     [disableFetch, initialRuns, statusFilter, limit, top, apiKey, apiBaseUrl, orgId, workflowFilter]
   );
-  useEffect20(() => {
+  useEffect21(() => {
     fetchRuns(false, "");
   }, [statusFilter, apiKey, apiBaseUrl, orgId, workflowFilter]);
-  useEffect20(() => {
+  useEffect21(() => {
     let cancelled = false;
     listAgentScheduleWorkflows({ apiKey, apiBaseUrl, orgId }).then((items) => {
       if (!cancelled) setAgentWorkflows(items);
@@ -25205,7 +26007,7 @@ var AgentActivityList = ({
       cancelled = true;
     };
   }, [apiKey, apiBaseUrl, orgId]);
-  useEffect20(() => {
+  useEffect21(() => {
     let cancelled = false;
     fetchAppsViaApiConfig().then((apps) => {
       if (cancelled || !Array.isArray(apps)) return;
@@ -25223,7 +26025,7 @@ var AgentActivityList = ({
       cancelled = true;
     };
   }, []);
-  useEffect20(() => {
+  useEffect21(() => {
     if (!runs.length) return;
     let cancelled = false;
     const buildPatchFromRun = (r) => {
@@ -25708,7 +26510,7 @@ var AgentActivityList = ({
 var AgentActivityList_default = AgentActivityList;
 
 // components/AgentExecutionDrawer.tsx
-import { useEffect as useEffect21, useState as useState23 } from "react";
+import { useEffect as useEffect22, useState as useState24 } from "react";
 import { Box as Box27, Drawer as Drawer5, IconButton as IconButton14, Tooltip as Tooltip19, Typography as Typography24 } from "@mui/material";
 import {
   X as CloseIcon9,
@@ -25741,8 +26543,8 @@ var AgentExecutionDrawer = ({
   colorMode
 }) => {
   const themeScope = useShuffleMcpTheme();
-  const [bodyReady, setBodyReady] = useState23(false);
-  useEffect21(() => {
+  const [bodyReady, setBodyReady] = useState24(false);
+  useEffect22(() => {
     if (!open || !run?.execution_id) {
       setBodyReady(false);
       return;
@@ -25756,6 +26558,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__ */ jsxs29(
     Drawer5,
     {
@@ -25765,7 +26568,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 },
@@ -25940,7 +26743,7 @@ var AgentExecutionDrawer = ({
 var AgentExecutionDrawer_default = AgentExecutionDrawer;
 
 // views/AgentsView.tsx
-import { useCallback as useCallback12, useEffect as useEffect22, useMemo as useMemo12, useState as useState24 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect23, useMemo as useMemo12, useState as useState25 } from "react";
 import { Box as Box28, Stack, Typography as Typography25 } from "@mui/material";
 import { jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
 var APPS_TTL_MS = 24 * 60 * 60 * 1e3;
@@ -26000,14 +26803,14 @@ var AgentsView = ({
     if (disableAppsPersistence) return [];
     return readPersistedApps(appsStorageKey) ?? [];
   }, []);
-  const [selectedRun, setSelectedRun] = useState24(null);
-  const [agentView, setAgentView] = useState24("start");
-  const [prefill, setPrefill] = useState24({
+  const [selectedRun, setSelectedRun] = useState25(null);
+  const [agentView, setAgentView] = useState25("start");
+  const [prefill, setPrefill] = useState25({
     input: "",
     apps: hydratedInitialApps,
     key: 0
   });
-  const [editing, setEditing] = useState24(null);
+  const [editing, setEditing] = useState25(null);
   const handleAppsChange = useCallback12((apps) => {
     if (onAppsChange) {
       try {
@@ -26030,13 +26833,13 @@ var AgentsView = ({
     } catch {
     }
   }, [onAppsChange, disableAppsPersistence, appsStorageKey]);
-  useEffect22(() => {
+  useEffect23(() => {
   }, [handleAppsChange]);
-  const [builtInDrawer, setBuiltInDrawer] = useState24({
+  const [builtInDrawer, setBuiltInDrawer] = useState25({
     open: false,
     tab: "localLLM"
   });
-  useEffect22(() => {
+  useEffect23(() => {
     if (typeof window === "undefined") return;
     const handler = (e) => {
       const detail = e.detail;
@@ -26075,7 +26878,7 @@ var AgentsView = ({
     }
     setBuiltInDrawer({ open: true, tab: "localLLM" });
   }, [onChooseLLM]);
-  useEffect22(() => {
+  useEffect23(() => {
     if (typeof window === "undefined") return;
     if (window.location.hash !== "#agent-activity") return;
     const tryScroll = () => {
@@ -26234,7 +27037,7 @@ var AgentsView_default = AgentsView;
 
 // components/AddAppModal.tsx
 import { X as CloseIcon10, ArrowLeft as ArrowBackIcon2 } from "lucide-react";
-import { useState as useState26, useEffect as useEffect23 } from "react";
+import { useState as useState27, useEffect as useEffect24 } from "react";
 import {
   Box as Box29,
   Typography as Typography26,
@@ -26247,16 +27050,16 @@ import {
 import { motion as motion9, AnimatePresence as AnimatePresence3 } from "framer-motion";
 
 // useAppAuthFlow.ts
-import { useState as useState25, useCallback as useCallback13 } from "react";
+import { useState as useState26, useCallback as useCallback13 } from "react";
 function useAppAuthFlow() {
-  const [selectedApp, setSelectedApp] = useState25(null);
-  const [authState, setAuthState] = useState25({
+  const [selectedApp, setSelectedApp] = useState26(null);
+  const [authState, setAuthState] = useState26({
     systemId: "",
     status: "pending",
     credentials: {}
   });
-  const [authenticatedApps, setAuthenticatedApps] = useState25([]);
-  const [authLoading, setAuthLoading] = useState25(false);
+  const [authenticatedApps, setAuthenticatedApps] = useState26([]);
+  const [authLoading, setAuthLoading] = useState26(false);
   const fetchAuthForApp = useCallback13(async (appName, appImageUrl) => {
     setAuthLoading(true);
     try {
@@ -26466,7 +27269,7 @@ var singulStyles2 = {
   }
 };
 var AddAppModal = ({ open, onClose, initialQuery, categoryLabel }) => {
-  const [phase, setPhase] = useState26("search");
+  const [phase, setPhase] = useState27("search");
   const {
     selectedApp,
     authState,
@@ -26479,7 +27282,7 @@ var AddAppModal = ({ open, onClose, initialQuery, categoryLabel }) => {
     handleSaveAuth,
     refreshAuth
   } = useAppAuthFlow();
-  useEffect23(() => {
+  useEffect24(() => {
     if (!open) {
       setPhase("search");
       clearSelection();
@@ -26635,14 +27438,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__ */ jsx39(
     Box30,
@@ -26733,9 +27538,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",
@@ -26754,7 +27559,7 @@ var AskAiButton = ({
 var AskAiButton_default = AskAiButton;
 
 // components/AskAiDrawer.tsx
-import { useCallback as useCallback14, useEffect as useEffect24, useMemo as useMemo13, useState as useState27 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect25, useMemo as useMemo13, useState as useState28 } from "react";
 import { Box as Box31, ButtonBase as ButtonBase3, Typography as Typography28 } from "@mui/material";
 import { jsx as jsx40, jsxs as jsxs33 } from "react/jsx-runtime";
 var AskAiDrawer = ({
@@ -26770,13 +27575,13 @@ var AskAiDrawer = ({
   agentUIProps,
   ...drawerProps
 }) => {
-  const [internalPathname, setInternalPathname] = useState27(
+  const [internalPathname, setInternalPathname] = useState28(
     () => typeof window !== "undefined" ? window.location.pathname : "/"
   );
-  const [internalSearch, setInternalSearch] = useState27(
+  const [internalSearch, setInternalSearch] = useState28(
     () => typeof window !== "undefined" ? window.location.search : ""
   );
-  useEffect24(() => {
+  useEffect25(() => {
     if (propPathname !== void 0) return;
     const updateLoc = () => {
       setInternalPathname(window.location.pathname);
@@ -26787,17 +27592,17 @@ var AskAiDrawer = ({
   }, [propPathname]);
   const activePathname = propPathname !== void 0 ? propPathname : internalPathname;
   const activeSearch = propSearch !== void 0 ? propSearch : internalSearch;
-  const [resetKey, setResetKey] = useState27(0);
+  const [resetKey, setResetKey] = useState28(0);
   const resolvedContext = useMemo13(
     () => resolveAgentContext(activePathname, activeSearch, rules),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [activePathname, activeSearch, rules, resetKey]
   );
-  useEffect24(() => {
+  useEffect25(() => {
     onContextResolved?.(resolvedContext);
   }, [resolvedContext, onContextResolved]);
-  const [isOverridden, setIsOverridden] = useState27(resolvedContext.isOverridden);
-  useEffect24(() => {
+  const [isOverridden, setIsOverridden] = useState28(resolvedContext.isOverridden);
+  useEffect25(() => {
     setIsOverridden(resolvedContext.isOverridden);
   }, [resolvedContext.isOverridden, resolvedContext.storageKey]);
   const handleAppsChange = useCallback14(
@@ -26880,7 +27685,7 @@ var AskAiDrawer = ({
 var AskAiDrawer_default = AskAiDrawer;
 
 // components/AskAiSidePanel.tsx
-import React8, { useCallback as useCallback15, useEffect as useEffect25, useRef as useRef15, useState as useState28 } from "react";
+import React8, { useCallback as useCallback15, useEffect as useEffect26, useRef as useRef15, useState as useState29 } from "react";
 import {
   Box as Box32,
   Button as Button16,
@@ -26896,6 +27701,7 @@ import {
   X as CloseIcon11
 } from "lucide-react";
 import { Fragment as Fragment16, jsx as jsx41, jsxs as jsxs34 } from "react/jsx-runtime";
+import { createElement as createElement3 } from "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;
@@ -26927,13 +27733,15 @@ var AskAiSidePanel = ({
   defaultInput,
   serverside,
   colorMode,
+  incidentId: propIncidentId,
+  incidentContext: propIncidentContext,
   sx
 }) => {
   const themeScope = useShuffleMcpTheme();
   const effectiveTheme = theme || (themeScope?.isDark ? "dark" : "light");
-  const [currentPathname, setCurrentPathname] = useState28(pathname ?? "/");
-  const [currentSearch, setCurrentSearch] = useState28(search ?? "");
-  useEffect25(() => {
+  const [currentPathname, setCurrentPathname] = useState29(pathname ?? "/");
+  const [currentSearch, setCurrentSearch] = useState29(search ?? "");
+  useEffect26(() => {
     if (pathname !== void 0) {
       setCurrentPathname(pathname);
       return;
@@ -26949,14 +27757,14 @@ var AskAiSidePanel = ({
     }
     return;
   }, [pathname]);
-  useEffect25(() => {
+  useEffect26(() => {
     if (search !== void 0) {
       setCurrentSearch(search);
     }
   }, [search]);
   const isAgentDisabled = isAgentRoute(currentPathname);
   const isVisible = open && !isAgentDisabled;
-  useEffect25(() => {
+  useEffect26(() => {
     if (isAgentDisabled && open) {
       onClose();
     }
@@ -26965,8 +27773,8 @@ var AskAiSidePanel = ({
     () => resolveAgentContext(currentPathname, currentSearch, rules),
     [currentPathname, currentSearch, rules]
   );
-  const [entityTitle, setEntityTitle] = useState28(() => getActivePageEntityName());
-  useEffect25(() => {
+  const [entityTitle, setEntityTitle] = useState29(() => getActivePageEntityName());
+  useEffect26(() => {
     if (!open) return;
     const current = getActivePageEntityName();
     if (current) setEntityTitle(current);
@@ -27011,19 +27819,22 @@ var AskAiSidePanel = ({
     }
     return context.title || "How can we help on this page?";
   }, [context, entityTitle]);
-  useEffect25(() => {
+  useEffect26(() => {
     onContextResolved?.(context);
   }, [context, onContextResolved]);
   useSyncHostBaseUrl(globalUrl);
-  const [internalTab, setInternalTab] = useState28(initialTab);
+  const [internalTab, setInternalTab] = useState29(initialTab);
   const currentTab = propActiveTab !== void 0 ? propActiveTab : internalTab;
-  const [controlledDefaultInput, setControlledDefaultInput] = useState28(defaultInput);
-  useEffect25(() => {
+  const [controlledDefaultInput, setControlledDefaultInput] = useState29(defaultInput);
+  const [controlledAutoSubmit, setControlledAutoSubmit] = useState29(void 0);
+  useEffect26(() => {
     if (defaultInput !== void 0) {
       setControlledDefaultInput(defaultInput);
     }
   }, [defaultInput]);
   const effectiveDefaultInput = controlledDefaultInput ?? defaultInput ?? agentUIProps?.defaultInput;
+  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 = useCallback15(
     (nextTab) => {
       setInternalTab(nextTab);
@@ -27031,20 +27842,33 @@ var AskAiSidePanel = ({
     },
     [onTabChange]
   );
-  useEffect25(() => {
+  useEffect26(() => {
     if (initialTab) {
       setInternalTab(initialTab);
     }
   }, [initialTab]);
   const prevOpenRef = useRef15(open);
-  useEffect25(() => {
+  useEffect26(() => {
     if (open && !prevOpenRef.current && initialTab) {
       setInternalTab(initialTab);
       onTabChange?.(initialTab);
     }
     prevOpenRef.current = open;
   }, [open, initialTab, onTabChange]);
-  useEffect25(() => {
+  const [activeTaskId, setActiveTaskId] = useState29(null);
+  const [activeExecutionId, setActiveExecutionId] = useState29(null);
+  const [activeIncidentId, setActiveIncidentId] = useState29(null);
+  const [activeIncidentContext, setActiveIncidentContext] = useState29(null);
+  const [runResetKey, setRunResetKey] = useState29(0);
+  useEffect26(() => {
+    if (!open) {
+      setActiveTaskId(null);
+      setActiveExecutionId(null);
+      setActiveIncidentId(null);
+      setActiveIncidentContext(null);
+    }
+  }, [open]);
+  useEffect26(() => {
     if (typeof window === "undefined") return;
     window.__shuffleAgentDrawerMounted = (window.__shuffleAgentDrawerMounted || 0) + 1;
     return () => {
@@ -27054,7 +27878,7 @@ var AskAiSidePanel = ({
       );
     };
   }, []);
-  useEffect25(() => {
+  useEffect26(() => {
     if (typeof window === "undefined") return;
     const onOpen = (event) => {
       const detail = event.detail;
@@ -27065,12 +27889,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 = useCallback15(
+    (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__ */ jsx41(
     LocalLLMConfig_default,
     {
@@ -27092,7 +27959,7 @@ var AskAiSidePanel = ({
   });
   const safeActiveTab = visibleTabs.includes(currentTab) ? currentTab : "run";
   const panelRef = useRef15(null);
-  useEffect25(() => {
+  useEffect26(() => {
     if (!isVisible || safeActiveTab !== "run") return;
     const focusInput = () => {
       if (!panelRef.current) return false;
@@ -27115,7 +27982,7 @@ var AskAiSidePanel = ({
       clearTimeout(t3);
     };
   }, [isVisible, safeActiveTab]);
-  const [panelWidth, setPanelWidth] = useState28(() => {
+  const [panelWidth, setPanelWidth] = useState29(() => {
     if (typeof window === "undefined") return width || 380;
     try {
       const stored = localStorage.getItem(ASK_AI_PANEL_WIDTH_STORAGE_KEY);
@@ -27129,9 +27996,9 @@ var AskAiSidePanel = ({
     }
     return width || 380;
   });
-  const [isResizing, setIsResizing] = useState28(false);
+  const [isResizing, setIsResizing] = useState29(false);
   const prevWidthPropRef = useRef15(width);
-  useEffect25(() => {
+  useEffect26(() => {
     if (width !== prevWidthPropRef.current) {
       prevWidthPropRef.current = width;
       setPanelWidth(width);
@@ -27208,7 +28075,7 @@ var AskAiSidePanel = ({
   }, [panelWidth]);
   const effectiveWidth = safeActiveTab === "localLLM" ? Math.max(panelWidth, 520) : panelWidth;
   const effectiveSideshift = sideshift !== void 0 ? sideshift : context.sideshift ?? true;
-  useEffect25(() => {
+  useEffect26(() => {
     if (typeof document === "undefined") return;
     if (open && !isAgentDisabled && effectiveSideshift) {
       document.documentElement.style.setProperty(
@@ -27376,11 +28243,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"
                     }
                   )
                 ] }),
@@ -27638,14 +28505,16 @@ var AskAiSidePanel = ({
                   display: "flex",
                   flexDirection: "column"
                 },
-                children: /* @__PURE__ */ jsx41(
+                children: /* @__PURE__ */ createElement3(
                   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,
@@ -27656,16 +28525,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%",
@@ -27676,8 +28550,7 @@ var AskAiSidePanel = ({
                       pb: 0,
                       ...agentUIProps?.sx ? Array.isArray(agentUIProps.sx) ? {} : agentUIProps.sx : {}
                     }
-                  },
-                  context.storageKey
+                  }
                 )
               }
             )
@@ -27690,7 +28563,7 @@ var AskAiSidePanel = ({
 var AskAiSidePanel_default = AskAiSidePanel;
 
 // components/AskAiWidget.tsx
-import { useCallback as useCallback16, useEffect as useEffect26, useMemo as useMemo15, useState as useState29 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect27, useMemo as useMemo15, useState as useState30 } from "react";
 import { Fragment as Fragment17, jsx as jsx42, jsxs as jsxs35 } from "react/jsx-runtime";
 var AGENT_DRAWER_OPEN_EVENT2 = "agent-drawer-open";
 var AskAiWidget = ({
@@ -27710,11 +28583,11 @@ var AskAiWidget = ({
   localLLMSlot,
   ...panelProps
 }) => {
-  const [internalOpen, setInternalOpen] = useState29(false);
-  const [activeTab, setActiveTab] = useState29(propInitialTab);
+  const [internalOpen, setInternalOpen] = useState30(false);
+  const [activeTab, setActiveTab] = useState30(propInitialTab);
   const isDrawerOpen = controlledOpen !== void 0 ? controlledOpen : internalOpen;
-  const [browserLocation, setBrowserLocation] = useState29({ path: "", search: "" });
-  useEffect26(() => {
+  const [browserLocation, setBrowserLocation] = useState30({ path: "", search: "" });
+  useEffect27(() => {
     if (pathname !== void 0 && search !== void 0) return;
     const syncLocation = () => setBrowserLocation({
       path: window.location.pathname,
@@ -27736,7 +28609,7 @@ var AskAiWidget = ({
     },
     [controlledOpen, isAgentDisabled, onOpenChange]
   );
-  useEffect26(() => {
+  useEffect27(() => {
     if (isAgentDisabled && isDrawerOpen) {
       setDrawerOpen(false);
     }
@@ -27745,7 +28618,7 @@ var AskAiWidget = ({
   const resolvedContext = useMemo15(() => {
     return resolveAgentContext(currentPath, currentSearch, rules);
   }, [currentPath, currentSearch, rules]);
-  const [reportedContext, setReportedContext] = useState29(null);
+  const [reportedContext, setReportedContext] = useState30(null);
   const activeContext = reportedContext && reportedContext.path === currentPath && reportedContext.search === currentSearch ? reportedContext.ctx : resolvedContext;
   const handleContextResolved = useCallback16(
     (ctx) => {
@@ -27754,7 +28627,7 @@ var AskAiWidget = ({
     },
     [currentPath, currentSearch, onContextResolved]
   );
-  useEffect26(() => {
+  useEffect27(() => {
     const handleDrawerOpenEvent = (e) => {
       if (isAgentDisabled) return;
       const detail = e.detail;
@@ -27766,17 +28639,18 @@ var AskAiWidget = ({
     window.addEventListener(AGENT_DRAWER_OPEN_EVENT2, handleDrawerOpenEvent);
     return () => window.removeEventListener(AGENT_DRAWER_OPEN_EVENT2, handleDrawerOpenEvent);
   }, [isAgentDisabled, setDrawerOpen]);
-  useEffect26(() => {
+  useEffect27(() => {
     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;
-  useEffect26(() => {
+  useEffect27(() => {
     if (effectiveRequireSupport && !isSupport && isDrawerOpen) {
       setDrawerOpen(false);
     }
@@ -27836,10 +28710,10 @@ var AskAiWidget = ({
   ] });
 };
 var useContextAwareAgent = (pathname, search) => {
-  const [activeContext, setActiveContext] = useState29(
+  const [activeContext, setActiveContext] = useState30(
     () => resolveAgentContext(pathname ?? "/", search ?? "")
   );
-  useEffect26(() => {
+  useEffect27(() => {
     const p = pathname ?? (typeof window !== "undefined" ? window.location.pathname : "/");
     const s = search ?? (typeof window !== "undefined" ? window.location.search : "");
     setActiveContext(resolveAgentContext(p, s));
@@ -27849,7 +28723,7 @@ var useContextAwareAgent = (pathname, search) => {
 var AskAiWidget_default = AskAiWidget;
 
 // components/AgentPromptPrefixChip.tsx
-import { useEffect as useEffect27, useState as useState30 } from "react";
+import { useEffect as useEffect28, useState as useState31 } from "react";
 import {
   Box as Box33,
   Button as Button17,
@@ -27878,9 +28752,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] = useState30(false);
-  const [draft, setDraft] = useState30(prompt);
-  useEffect27(() => {
+  const [open, setOpen] = useState31(false);
+  const [draft, setDraft] = useState31(prompt);
+  useEffect28(() => {
     if (!open) setDraft(prompt);
   }, [prompt, open]);
   const handleOpen = () => {
@@ -28888,12 +29762,12 @@ var DEMO_AGENT_RUNS = [
 ];
 
 // useAppLookup.ts
-import { useEffect as useEffect28, useMemo as useMemo16, useState as useState31 } from "react";
+import { useEffect as useEffect29, useMemo as useMemo16, useState as useState32 } from "react";
 var norm3 = (s) => s.toLowerCase().replace(/[\s_\-]+/g, "_");
 function useAppLookup(appName) {
-  const [loading, setLoading] = useState31(false);
-  const [info, setInfo] = useState31(null);
-  const [algoliaId, setAlgoliaId] = useState31(null);
+  const [loading, setLoading] = useState32(false);
+  const [info, setInfo] = useState32(null);
+  const [algoliaId, setAlgoliaId] = useState32(null);
   const {
     authStates,
     authenticatedApps,
@@ -28902,7 +29776,7 @@ function useAppLookup(appName) {
     handleSaveAuth,
     refreshAuth
   } = useAppAuth();
-  useEffect28(() => {
+  useEffect29(() => {
     if (!appName) {
       setInfo(null);
       setAlgoliaId(null);