@shuffleio/shuffle-mcps 0.0.39 → 0.0.40

package/dist/index.js

@@ -30,7 +30,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // fetchBreaker.ts
-var FAIL_THRESHOLD, ROLLING_WINDOW_MS, COOLDOWN_MS, PROBE_AFTER_MS, MAX_PROBE_BACKOFF_MS, HARD_BURST_THRESHOLD, HARD_BURST_WINDOW_MS, state, installed, allowedOrigins, getEntry, trip, reset, prune, keyFor, withStoredApiKey, synthetic503, registerProtectedOrigin, installFetchBreaker;
+var FAIL_THRESHOLD, ROLLING_WINDOW_MS, COOLDOWN_MS, PROBE_AFTER_MS, MAX_PROBE_BACKOFF_MS, HARD_BURST_THRESHOLD, HARD_BURST_WINDOW_MS, state, installed, allowedOrigins, getEntry, trip, reset, prune, keyFor, withStoredAuth, synthetic503, registerProtectedOrigin, installFetchBreaker;
 var init_fetchBreaker = __esm({
   "fetchBreaker.ts"() {
     FAIL_THRESHOLD = 12;
@@ -84,7 +84,7 @@ var init_fetchBreaker = __esm({
         return null;
       }
     };
-    withStoredApiKey = (input, init) => {
+    withStoredAuth = (input, init) => {
       if (typeof window === "undefined") return init;
       let urlStr;
       if (typeof input === "string") urlStr = input;
@@ -93,17 +93,35 @@ var init_fetchBreaker = __esm({
       else return init;
       try {
         const url = new URL(urlStr, window.location.href);
-        const isKnownShuffleOrigin = allowedOrigins.has(url.origin) || url.origin === window.location.origin || url.hostname === "shuffler.io" || url.hostname.endsWith(".shuffler.io") || url.hostname === "tunnel.schemaless.org";
+        const isKnownShuffleOrigin = allowedOrigins.has(url.origin) || url.origin === window.location.origin || url.hostname === "shuffler.io" || url.hostname.endsWith(".shuffler.io") || url.hostname === "tunnel.schemaless.org" || url.hostname === "shuffle.security" || url.hostname.endsWith(".shuffle.security");
         if (!url.pathname.startsWith("/api/") || !isKnownShuffleOrigin) return init;
-        const apiKey = window.localStorage.getItem("shuffle_api_key");
-        if (!apiKey) return init;
+        if (url.pathname === "/api/v1/login" || url.pathname === "/api/v1/users/register") return init;
+        const sessionToken = window.localStorage.getItem("session_token");
+        const token = sessionToken && sessionToken.trim().length > 0 ? sessionToken.trim() : null;
         const requestHeaders = typeof Request !== "undefined" && input instanceof Request ? input.headers : void 0;
         const headers = new Headers(requestHeaders);
         if (init?.headers) {
           new Headers(init.headers).forEach((value, name) => headers.set(name, value));
         }
-        if (!headers.has("Authorization")) headers.set("Authorization", `Bearer ${apiKey}`);
-        return { ...init, headers };
+        if (token && !headers.has("Authorization")) {
+          headers.set("Authorization", `Bearer ${token}`);
+        }
+        if (!headers.has("Org-Id")) {
+          try {
+            const raw = window.localStorage.getItem("shuffle_user_info");
+            if (raw) {
+              const parsed = JSON.parse(raw);
+              const orgId = parsed?.active_org?.id;
+              if (orgId) headers.set("Org-Id", orgId);
+            }
+          } catch {
+          }
+        }
+        return {
+          ...init,
+          credentials: init?.credentials || "include",
+          headers
+        };
       } catch {
         return init;
       }
@@ -133,7 +151,7 @@ var init_fetchBreaker = __esm({
       installed = true;
       const original = window.fetch.bind(window);
       window.fetch = (async (input, init) => {
-        const authenticatedInit = withStoredApiKey(input, init);
+        const authenticatedInit = withStoredAuth(input, init);
         const key = keyFor(input, authenticatedInit);
         if (!key) return original(input, authenticatedInit);
         const entry = getEntry(key);
@@ -211,6 +229,89 @@ var init_fetchBreaker = __esm({
   }
 });
 
+// ../lib/shuffleUrls.ts
+var readEnv, isManagedDomain, getShuffleCoreBaseUrl, getShuffleCoreUrl;
+var init_shuffleUrls = __esm({
+  "../lib/shuffleUrls.ts"() {
+    readEnv = (key) => {
+      try {
+        const meta = new Function("try { return import.meta } catch { return undefined }")();
+        const val = meta?.env?.[key];
+        if (val && typeof val === "string" && val.trim().length > 0) {
+          return val.trim();
+        }
+      } catch {
+      }
+      if (typeof window !== "undefined") {
+        const win = window;
+        const runtimeConfig = win.__SHUFFLE_CONFIG__ || win._env_ || win.__ENV__;
+        if (runtimeConfig && typeof runtimeConfig === "object") {
+          const val = runtimeConfig[key] || runtimeConfig[key.replace(/^VITE_/, "")];
+          if (val && typeof val === "string" && val.trim().length > 0) {
+            return val.trim();
+          }
+        }
+      }
+      try {
+        if (typeof process !== "undefined" && process.env) {
+          const val = process.env[key] || process.env[key.replace(/^VITE_/, "")];
+          if (val && typeof val === "string" && val.trim().length > 0) {
+            return val.trim();
+          }
+        }
+      } catch {
+      }
+      return void 0;
+    };
+    isManagedDomain = () => {
+      if (typeof window === "undefined") return false;
+      const hostname = window.location.hostname.toLowerCase();
+      return hostname.includes("lovable") || hostname.includes("shuffler.io") || hostname.includes("shutdown.no") || hostname.includes("shuffle.security");
+    };
+    getShuffleCoreBaseUrl = () => {
+      const envUrl = readEnv("VITE_SHUFFLE_CORE_URL") || readEnv("SHUFFLE_CORE_URL") || readEnv("VITE_SHUFFLE_AUTOMATION_URL") || readEnv("VITE_SHUFFLE_URL");
+      if (envUrl) {
+        return envUrl.replace(/\/+$/, "");
+      }
+      if (typeof window !== "undefined") {
+        try {
+          const savedCore = localStorage.getItem("shuffle_core_url");
+          if (savedCore && savedCore.trim().length > 0) {
+            return savedCore.trim().replace(/\/+$/, "");
+          }
+          const customHost = localStorage.getItem("shuffle_custom_host_url");
+          if (customHost && customHost.trim().length > 0) {
+            const cleaned = customHost.trim().replace(/\/+$/, "");
+            if (cleaned.includes(":5001")) {
+              return cleaned.replace(":5001", ":3001");
+            }
+            return cleaned;
+          }
+        } catch {
+        }
+      }
+      if (typeof window !== "undefined") {
+        const hostname = window.location.hostname;
+        const isManaged = isManagedDomain();
+        if (isManaged) {
+          return "https://shuffler.io";
+        }
+        if (window.location.port === "3001") {
+          return window.location.origin;
+        }
+        return `${window.location.protocol}//${hostname}:3001`;
+      }
+      return "https://shuffler.io";
+    };
+    getShuffleCoreUrl = (path) => {
+      const base3 = getShuffleCoreBaseUrl();
+      if (!path) return base3;
+      const cleanPath = path.startsWith("/") ? path : `/${path}`;
+      return `${base3}${cleanPath}`;
+    };
+  }
+});
+
 // ../lib/platform.ts
 var getPlatform, isCapacitorNative, isIosWebView, isAndroidWebView;
 var init_platform = __esm({
@@ -271,14 +372,16 @@ var init_platform = __esm({
 });
 
 // api.ts
-var DEV_BACKEND, PROD_BACKEND, CLOUD_DOMAINS, getEnvVar, isDevEnvironment, isCloudDomain, isCloud, isOnprem, getDefaultBaseUrl, REGION_STORAGE_KEY, readCachedRegion, cached, _regionUrl, readCachedCustomHost, _trackedOrgId, _hostBaseUrl, REGION_EVENT, _lastBroadcastUrl, persistRegion, isShufflerSubdomain, setRegionUrl, applyRegionFromPayload, resetRegionUrl, SHUFFLE_HOST_BASE_URL_EVENT, setHostBaseUrl, getHostBaseUrl, getTrackedOrgId, API_CONFIG, getApiUrl, shuffleFetch, getAuthHeader, hasShuffleAuth;
+var DEV_BACKEND, PROD_BACKEND, SHUFFLE_AUTOMATION_URL, CLOUD_DOMAINS, getEnvVar, isDevEnvironment, isCloudDomain, isCloud, isOnprem, getDefaultBaseUrl, REGION_STORAGE_KEY, readCachedRegion, cached, _regionUrl, readCachedCustomHost, _trackedOrgId, _hostBaseUrl, REGION_EVENT, _lastBroadcastUrl, persistRegion, isShufflerSubdomain, setRegionUrl, applyRegionFromPayload, resetRegionUrl, SHUFFLE_HOST_BASE_URL_EVENT, setHostBaseUrl, getHostBaseUrl, getTrackedOrgId, LEGACY_API_KEY_STORAGE_KEY, clearAuthTokens, getSessionToken, setSessionToken, API_CONFIG, getApiUrl, shuffleFetch, getAuthHeader, hasShuffleAuth;
 var init_api = __esm({
   "api.ts"() {
     init_fetchBreaker();
+    init_shuffleUrls();
     init_platform();
     installFetchBreaker();
     DEV_BACKEND = "https://tunnel.schemaless.org";
-    PROD_BACKEND = "https://shuffler.io";
+    PROD_BACKEND = "https://uk.shuffler.io";
+    SHUFFLE_AUTOMATION_URL = getShuffleCoreUrl("/new-dashboard");
     CLOUD_DOMAINS = ["shuffle.security", "www.shuffle.security", "security.shuffler.io", "shutdown.no", "www.shutdown.no"];
     getEnvVar = (key) => {
       try {
@@ -320,7 +423,11 @@ var init_api = __esm({
         const raw = localStorage.getItem(REGION_STORAGE_KEY);
         if (!raw) return { url: null, orgId: null };
         const parsed = JSON.parse(raw);
-        return { url: parsed?.url || null, orgId: parsed?.orgId || null };
+        const url = parsed?.url ? parsed.url.replace(/\/+$/, "") : null;
+        if (url === "https://shuffler.io" || url === PROD_BACKEND) {
+          return { url: null, orgId: parsed?.orgId || null };
+        }
+        return { url, orgId: parsed?.orgId || null };
       } catch {
         return { url: null, orgId: null };
       }
@@ -330,8 +437,20 @@ var init_api = __esm({
     readCachedCustomHost = () => {
       if (typeof window === "undefined") return null;
       try {
+        const mode = localStorage.getItem("shuffle_selected_server_mode");
+        if (mode && mode !== "self-hosted") return null;
         const raw = localStorage.getItem("shuffle_custom_host_url");
-        return raw ? raw.trim().replace(/\/+$/, "") : null;
+        const cleaned = raw ? raw.trim().replace(/\/+$/, "") : null;
+        if (!cleaned) return null;
+        if (cleaned === DEV_BACKEND && !isDevEnvironment() && mode !== "self-hosted") {
+          try {
+            localStorage.removeItem("shuffle_custom_host_url");
+            localStorage.removeItem("shuffle_selected_server_mode");
+          } catch {
+          }
+          return null;
+        }
+        return cleaned;
       } catch {
         return null;
       }
@@ -382,7 +501,8 @@ var init_api = __esm({
       _trackedOrgId = orgId || null;
       if (regionUrl && isShufflerSubdomain(regionUrl)) {
         const normalized = regionUrl.replace(/\/+$/, "");
-        if (normalized !== PROD_BACKEND) {
+        const isDefaultCloud = normalized === PROD_BACKEND || normalized === "https://shuffler.io";
+        if (!isDefaultCloud) {
           _regionUrl = normalized;
           persistRegion(_regionUrl, _trackedOrgId);
           console.log(`[API] Region URL set to: ${_regionUrl}`);
@@ -435,6 +555,38 @@ var init_api = __esm({
     }
     getHostBaseUrl = () => _hostBaseUrl;
     getTrackedOrgId = () => _trackedOrgId;
+    LEGACY_API_KEY_STORAGE_KEY = "shuffle_api_key";
+    clearAuthTokens = () => {
+      try {
+        localStorage.removeItem("session_token");
+        localStorage.removeItem(LEGACY_API_KEY_STORAGE_KEY);
+      } catch {
+      }
+    };
+    getSessionToken = () => {
+      try {
+        if (typeof localStorage === "undefined") return null;
+        if (localStorage.getItem(LEGACY_API_KEY_STORAGE_KEY) !== null) {
+          localStorage.removeItem(LEGACY_API_KEY_STORAGE_KEY);
+        }
+        const stored = localStorage.getItem("session_token");
+        if (stored && stored.trim().length > 0 && stored !== "null" && stored !== "undefined") {
+          return stored.trim();
+        }
+        return null;
+      } catch {
+        return null;
+      }
+    };
+    setSessionToken = (token) => {
+      clearAuthTokens();
+      if (token && token.trim().length > 0) {
+        try {
+          localStorage.setItem("session_token", token.trim());
+        } catch {
+        }
+      }
+    };
     API_CONFIG = {
       // Shuffle backend URL — host override beats region URL beats default.
       get baseUrl() {
@@ -447,17 +599,16 @@ var init_api = __esm({
       },
       // API version
       version: "v1",
-      // Get API key from localStorage (for local development)
+      /**
+       * DEPRECATED alias for the single session token. There is no separate
+       * API-key auth any more: exactly one session token may exist at a time.
+       */
       get apiKey() {
-        return localStorage.getItem("shuffle_api_key");
+        return getSessionToken();
       },
-      // Set API key in localStorage
+      /** DEPRECATED: writes/clears the single session token. */
       setApiKey(key) {
-        if (key) {
-          localStorage.setItem("shuffle_api_key", key);
-        } else {
-          localStorage.removeItem("shuffle_api_key");
-        }
+        setSessionToken(key);
       }
     };
     getApiUrl = (endpoint) => {
@@ -476,11 +627,21 @@ var init_api = __esm({
     };
     getAuthHeader = (overrideOrgId) => {
       const headers = {};
-      const apiKey = API_CONFIG.apiKey;
-      if (apiKey) {
-        headers["Authorization"] = `Bearer ${apiKey}`;
+      const token = getSessionToken();
+      if (token) {
+        headers["Authorization"] = `Bearer ${token}`;
+      }
+      let orgId = overrideOrgId ?? _trackedOrgId;
+      if (!orgId && typeof localStorage !== "undefined") {
+        try {
+          const raw = localStorage.getItem("shuffle_user_info");
+          if (raw) {
+            const parsed = JSON.parse(raw);
+            orgId = parsed?.active_org?.id || parsed?.org_id || null;
+          }
+        } catch {
+        }
       }
-      const orgId = overrideOrgId ?? _trackedOrgId;
       if (orgId) {
         headers["Org-Id"] = orgId;
       }
@@ -488,8 +649,10 @@ var init_api = __esm({
     };
     hasShuffleAuth = () => {
       try {
-        if (API_CONFIG.apiKey) return true;
-        return !!(localStorage.getItem("session_token") || localStorage.getItem("shuffle_user_info"));
+        if (getSessionToken()) return true;
+        const info = localStorage.getItem("shuffle_user_info");
+        if (info && info.trim().length > 0 && info !== "null" && info !== "undefined") return true;
+        return false;
       } catch {
         return false;
       }
@@ -513,7 +676,9 @@ var init_appsCache = __esm({
     cache = /* @__PURE__ */ new Map();
     cacheKey = (o) => `${o.baseUrl}|${o.path || "/api/v1/apps"}|${o.apiKey || ""}|${o.orgId || ""}`;
     doFetch = async (o) => {
-      const headers = {};
+      const headers = {
+        ...getAuthHeader(o.orgId || void 0)
+      };
       if (o.apiKey) headers["Authorization"] = `Bearer ${o.apiKey}`;
       if (o.orgId) headers["Org-Id"] = o.orgId;
       const response = await fetch(`${o.baseUrl}${o.path || "/api/v1/apps"}`, {
@@ -585,9 +750,14 @@ __export(index_exports, {
   AppDetailProvider: () => AppDetailProvider,
   AppSearchDrawer: () => AppSearchDrawer2,
   AppTitleHeader: () => AppTitleHeader2,
+  AskAiButton: () => AskAiButton2,
+  AskAiDrawer: () => AskAiDrawer2,
+  AskAiSidePanel: () => AskAiSidePanel2,
+  AskAiWidget: () => AskAiWidget2,
   CASES_PATTERNS: () => CASES_PATTERNS,
   COMMUNICATION_PATTERNS_NAMES: () => COMMUNICATION_PATTERNS_NAMES,
   DATASTORE_CATEGORIES: () => DATASTORE_CATEGORIES,
+  DEFAULT_AGENT_CONTEXT_RULES: () => DEFAULT_AGENT_CONTEXT_RULES,
   DEFAULT_AGENT_PROMPT_PREFIX: () => DEFAULT_AGENT_PROMPT_PREFIX,
   EDR_PATTERNS: () => EDR_PATTERNS,
   EMAIL_APP_PATTERNS: () => EMAIL_APP_PATTERNS,
@@ -609,6 +779,7 @@ __export(index_exports, {
   VULN_SCANNER_PATTERNS: () => VULN_SCANNER_PATTERNS,
   VideoEmbed: () => VideoEmbed,
   applyRegionFromPayload: () => applyRegionFromPayload,
+  clearPageContextChoice: () => clearPageContextChoice,
   default: () => index_default,
   deleteDatastoreItem: () => deleteDatastoreItem,
   deleteDatastoreItems: () => deleteDatastoreItems,
@@ -621,6 +792,8 @@ __export(index_exports, {
   fetchAppsViaApiConfig: () => fetchAppsViaApiConfig,
   findForwardTicketsWorkflow: () => findForwardTicketsWorkflow,
   findIngestTicketsWorkflow: () => findIngestTicketsWorkflow,
+  getActivePageEntityName: () => getActivePageEntityName,
+  getAgentContextRules: () => getAgentContextRules,
   getApiUrl: () => getApiUrl,
   getAuthHeader: () => getAuthHeader,
   getDatastoreByCategory: () => getDatastoreByCategory,
@@ -630,10 +803,12 @@ __export(index_exports, {
   getFailureInfo: () => getFailureInfo,
   getHostBaseUrl: () => getHostBaseUrl,
   getIngestionCategory: () => getIngestionCategory,
+  getPageContextChoice: () => getPageContextChoice,
   hasOutputWarning: () => hasOutputWarning,
   installFetchBreaker: () => installFetchBreaker,
   invalidateAppsCache: () => invalidateAppsCache,
   invalidateResolvedApps: () => invalidateResolvedApps,
+  isAgentRoute: () => isAgentRoute,
   isCloud: () => isCloud,
   isCloudDomain: () => isCloudDomain,
   isEmailApp: () => isEmailApp,
@@ -642,11 +817,14 @@ __export(index_exports, {
   isThreatIntelApp: () => isThreatIntelApp,
   isVulnScannerApp: () => isVulnScannerApp,
   isWorkflowScheduleStopped: () => isWorkflowScheduleStopped,
+  matchRoutePattern: () => matchRoutePattern,
   normalizeAppName: () => normalizeAppName,
   parseRunResult: () => parseRunResult,
   refreshAllIntegrationStatus: () => refreshAllIntegrationStatus,
+  registerAgentContextRule: () => registerAgentContextRule,
   registerProtectedOrigin: () => registerProtectedOrigin,
   resetRegionUrl: () => resetRegionUrl,
+  resolveAgentContext: () => resolveAgentContext,
   resolveApp: () => resolveApp,
   resolveApps: () => resolveApps,
   resolveVideoUrl: () => resolveVideoUrl,
@@ -656,6 +834,7 @@ __export(index_exports, {
   setDatastoreItem: () => setDatastoreItem,
   setDatastoreItems: () => setDatastoreItems,
   setHostBaseUrl: () => setHostBaseUrl,
+  setPageContextChoice: () => setPageContextChoice,
   setRegionUrl: () => setRegionUrl,
   setRuntimeOrgId: () => setRuntimeOrgId,
   setToastImpl: () => setToastImpl,
@@ -667,24 +846,26 @@ __export(index_exports, {
   useAppDetail: () => useAppDetail,
   useAppDetailOptional: () => useAppDetailOptional,
   useAppLookup: () => useAppLookup,
+  useContextAwareAgent: () => useContextAwareAgent,
   useSyncHostBaseUrl: () => useSyncHostBaseUrl
 });
 module.exports = __toCommonJS(index_exports);
-var import_shuffle_mcp3 = require("./shuffle-mcp-3U5AFQDK.css");
-var import_react33 = __toESM(require("react"));
+var import_shuffle_mcp3 = require("./shuffle-mcp-S6QOJJG4.css");
+var import_react36 = __toESM(require("react"));
 
 // ShuffleMcpThemeProvider.tsx
 var import_react = __toESM(require("react"));
 var import_material = require("@mui/material");
-var import_shuffle_mcp = require("./shuffle-mcp-3U5AFQDK.css");
+var import_shuffle_mcp = require("./shuffle-mcp-S6QOJJG4.css");
 var import_jsx_runtime = require("react/jsx-runtime");
 var readHtmlDarkClass = () => {
   if (typeof document === "undefined") return false;
-  return document.documentElement.classList.contains("dark");
+  return document.documentElement.classList.contains("dark") || Boolean(document.body) && document.body.classList.contains("dark");
 };
 var readAncestorDark = (anchor) => {
   if (!anchor || typeof document === "undefined") return null;
-  const start = anchor.parentElement;
+  const ownRoot = anchor.closest("[data-shuffle-core-root], [data-shuffle-mcp-root]");
+  const start = ownRoot ? ownRoot.parentElement : anchor.parentElement;
   if (!start) return null;
   const scoped = start.closest('[data-shuffle-mode="dark"], [data-shuffle-mode="light"]');
   if (scoped) return scoped.getAttribute("data-shuffle-mode") === "dark";
@@ -703,12 +884,20 @@ var useAutoDarkClass = (enabled, anchorRef) => {
     recompute();
     const observer = new MutationObserver(recompute);
     observer.observe(document.documentElement, { attributes: true, attributeFilter: ["class"] });
-    let node = anchorRef.current?.parentElement ?? null;
+    if (document.body) {
+      observer.observe(document.body, { attributes: true, attributeFilter: ["class"] });
+    }
+    const ownRoot = anchorRef.current?.closest("[data-shuffle-core-root], [data-shuffle-mcp-root]");
+    let node = ownRoot ? ownRoot.parentElement : anchorRef.current?.parentElement ?? null;
     while (node) {
       observer.observe(node, { attributes: true, attributeFilter: ["class", "data-shuffle-mode"] });
       node = node.parentElement;
     }
-    return () => observer.disconnect();
+    window.addEventListener("shuffle:theme-change", recompute);
+    return () => {
+      observer.disconnect();
+      window.removeEventListener("shuffle:theme-change", recompute);
+    };
   }, [enabled, anchorRef]);
   return isDark;
 };
@@ -763,11 +952,26 @@ var buildComponentOverrides = (scopeClassName) => ({
   },
   // ---- Portaled surfaces: stamp scopeClassName so HSL tokens resolve ----
   MuiDrawer: {
-    defaultProps: { slotProps: { paper: { className: scopeClassName } } }
+    defaultProps: { slotProps: { paper: { className: scopeClassName } } },
+    styleOverrides: {
+      paper: {
+        backgroundColor: "hsl(var(--sidebar-background, var(--card)))",
+        color: "hsl(var(--sidebar-foreground, var(--foreground)))",
+        borderRight: "1px solid hsl(var(--sidebar-border, var(--border)))"
+      }
+    }
   },
   MuiDialog: {
     defaultProps: { slotProps: { paper: { className: scopeClassName } } },
-    styleOverrides: { root: { zIndex: 10010 } }
+    styleOverrides: {
+      root: { zIndex: 10010 },
+      paper: {
+        backgroundColor: "hsl(var(--card))",
+        color: "hsl(var(--card-foreground))",
+        border: "1px solid hsl(var(--border))",
+        boxShadow: "0 12px 32px rgba(0, 0, 0, 0.2)"
+      }
+    }
   },
   MuiMenu: {
     defaultProps: { slotProps: { paper: { className: scopeClassName } } },
@@ -776,7 +980,8 @@ var buildComponentOverrides = (scopeClassName) => ({
       paper: {
         backgroundColor: "hsl(var(--popover))",
         color: "hsl(var(--popover-foreground))",
-        border: "1px solid hsl(var(--border))"
+        border: "1px solid hsl(var(--border))",
+        boxShadow: "0 4px 14px rgba(0, 0, 0, 0.12)"
       }
     }
   },
@@ -787,7 +992,8 @@ var buildComponentOverrides = (scopeClassName) => ({
       paper: {
         backgroundColor: "hsl(var(--popover))",
         color: "hsl(var(--popover-foreground))",
-        border: "1px solid hsl(var(--border))"
+        border: "1px solid hsl(var(--border))",
+        boxShadow: "0 4px 14px rgba(0, 0, 0, 0.12)"
       }
     }
   },
@@ -798,6 +1004,23 @@ var buildComponentOverrides = (scopeClassName) => ({
         // Render above app drawers, dialogs, menus, and popovers.
         popper: { sx: { zIndex: 10030 } }
       }
+    },
+    styleOverrides: {
+      tooltip: {
+        backgroundColor: "hsl(var(--popover))",
+        color: "hsl(var(--popover-foreground))",
+        border: "1px solid hsl(var(--border))",
+        boxShadow: "0 4px 14px rgba(0, 0, 0, 0.12)",
+        fontSize: "0.75rem",
+        borderRadius: 8
+      },
+      arrow: {
+        color: "hsl(var(--popover))",
+        "&::before": {
+          border: "1px solid hsl(var(--border))",
+          boxSizing: "border-box"
+        }
+      }
     }
   },
   MuiDivider: {
@@ -814,7 +1037,7 @@ var ShuffleMcpThemeProvider = ({
   const autoIsDark = useAutoDarkClass(mode === "auto", anchorRef);
   const effectiveDark = mode === "auto" ? autoIsDark : mode === "dark";
   const sameAsParent = parentCtx !== null && parentCtx.isDark === effectiveDark;
-  const scopeClassName = effectiveDark ? "shuffle-mcp-scope dark" : "shuffle-mcp-scope";
+  const scopeClassName = effectiveDark ? "shuffle-mcp-scope dark" : "shuffle-mcp-scope light";
   const resolvedModeAttr = effectiveDark ? "dark" : "light";
   const merged = import_react.default.useMemo(
     () => (0, import_material.createTheme)({
@@ -1221,7 +1444,7 @@ var keyFor2 = (input, init) => {
     return null;
   }
 };
-var withStoredApiKey2 = (input, init) => {
+var withStoredAuth2 = (input, init) => {
   if (typeof window === "undefined") return init;
   let urlStr;
   if (typeof input === "string") urlStr = input;
@@ -1230,17 +1453,35 @@ var withStoredApiKey2 = (input, init) => {
   else return init;
   try {
     const url = new URL(urlStr, window.location.href);
-    const isKnownShuffleOrigin = allowedOrigins2.has(url.origin) || url.origin === window.location.origin || url.hostname === "shuffler.io" || url.hostname.endsWith(".shuffler.io") || url.hostname === "tunnel.schemaless.org";
+    const isKnownShuffleOrigin = allowedOrigins2.has(url.origin) || url.origin === window.location.origin || url.hostname === "shuffler.io" || url.hostname.endsWith(".shuffler.io") || url.hostname === "tunnel.schemaless.org" || url.hostname === "shuffle.security" || url.hostname.endsWith(".shuffle.security");
     if (!url.pathname.startsWith("/api/") || !isKnownShuffleOrigin) return init;
-    const apiKey = window.localStorage.getItem("shuffle_api_key");
-    if (!apiKey) return init;
+    if (url.pathname === "/api/v1/login" || url.pathname === "/api/v1/users/register") return init;
+    const sessionToken = window.localStorage.getItem("session_token");
+    const token = sessionToken && sessionToken.trim().length > 0 ? sessionToken.trim() : null;
     const requestHeaders = typeof Request !== "undefined" && input instanceof Request ? input.headers : void 0;
     const headers = new Headers(requestHeaders);
     if (init?.headers) {
       new Headers(init.headers).forEach((value, name) => headers.set(name, value));
     }
-    if (!headers.has("Authorization")) headers.set("Authorization", `Bearer ${apiKey}`);
-    return { ...init, headers };
+    if (token && !headers.has("Authorization")) {
+      headers.set("Authorization", `Bearer ${token}`);
+    }
+    if (!headers.has("Org-Id")) {
+      try {
+        const raw = window.localStorage.getItem("shuffle_user_info");
+        if (raw) {
+          const parsed = JSON.parse(raw);
+          const orgId = parsed?.active_org?.id;
+          if (orgId) headers.set("Org-Id", orgId);
+        }
+      } catch {
+      }
+    }
+    return {
+      ...init,
+      credentials: init?.credentials || "include",
+      headers
+    };
   } catch {
     return init;
   }
@@ -1279,7 +1520,7 @@ var installFetchBreaker2 = () => {
   installed2 = true;
   const original = window.fetch.bind(window);
   window.fetch = (async (input, init) => {
-    const authenticatedInit = withStoredApiKey2(input, init);
+    const authenticatedInit = withStoredAuth2(input, init);
     const key = keyFor2(input, authenticatedInit);
     if (!key) return original(input, authenticatedInit);
     const entry = getEntry2(key);
@@ -2545,10 +2786,10 @@ async function backfillAppImages(dedupedApps) {
 }
 
 // ingestionDetection.ts
-var EMAIL_APP_PATTERNS = ["gmail", "outlook", "email", "microsoft_graph", "office365", "exchange", "imap", "smtp"];
+var EMAIL_APP_PATTERNS = ["gmail", "outlook", "email", "microsoft_graph", "office365", "exchange", "imap", "smtp", "proofpoint", "mimecast", "phishing"];
 var CASES_PATTERNS = ["jira", "servicenow", "zendesk", "freshdesk", "pagerduty", "opsgenie", "ticket", "itsm", "salesforce", "thehive", "cortex"];
-var EDR_PATTERNS = ["crowdstrike", "sentinelone", "carbon black", "defender", "cylance", "sophos", "trellix", "vmware", "tanium", "falcon", "edr"];
-var SIEM_PATTERNS = ["splunk", "elastic", "qradar", "sentinel", "chronicle", "logrhythm", "sumo logic", "graylog", "wazuh", "siem", "arcsight"];
+var EDR_PATTERNS = ["crowdstrike", "sentinelone", "carbon black", "cybereason", "microsoft defender", "defender for endpoint", "defender", "cylance", "sophos", "trellix", "tanium", "crowdstrike falcon", "falcon", "vmware", "edr", "xdr"];
+var SIEM_PATTERNS = ["splunk", "elastic", "qradar", "microsoft sentinel", "azure sentinel", "sentinel", "chronicle", "logrhythm", "sumo logic", "graylog", "wazuh", "siem", "arcsight"];
 var THREAT_INTEL_PATTERNS = ["virustotal", "shodan", "alienvault", "otx", "threatcrowd", "urlscan", "hybrid-analysis", "abuseipdb", "greynoise", "urlhaus", "malwarebazaar", "threatfox", "misp", "opencti", "recorded future", "mandiant", "crowdstrike intel", "intel471", "flashpoint", "domaintools"];
 var COMMUNICATION_PATTERNS_NAMES = ["slack", "teams", "discord", "mattermost", "telegram", "webhook"];
 var VULN_SCANNER_PATTERNS = ["qualys", "tenable", "nessus", "rapid7", "nexpose", "snyk", "sonarqube", "trivy", "grype", "anchore", "dependabot", "aws_inspector", "azure_defender", "gcp_scc", "scout", "prowler", "checkov", "wiz", "orca", "lacework", "prisma"];
@@ -2745,6 +2986,67 @@ var fetchAppConfig = (appId) => {
 
 // authenticatedApps.ts
 init_api();
+
+// ../Shuffle-Core/views/appsFetchCache.ts
+var JSON_CACHE_TTL_MS = 12e4;
+var WORKFLOWS_TTL_MS = 5 * 60 * 1e3;
+var _jsonCache = /* @__PURE__ */ new Map();
+var _inFlightPromises = /* @__PURE__ */ new Map();
+function normalizeEndpointKey(url, init) {
+  let pathname = url;
+  let search = "";
+  try {
+    const parsed = new URL(url, "https://shuffle.internal");
+    pathname = parsed.pathname;
+    search = parsed.search;
+  } catch {
+  }
+  let orgId = "";
+  if (init?.headers) {
+    if (init.headers instanceof Headers) {
+      orgId = init.headers.get("Org-Id") || "";
+    } else if (Array.isArray(init.headers)) {
+      const match = init.headers.find(([k]) => k.toLowerCase() === "org-id");
+      if (match) orgId = match[1];
+    } else if (typeof init.headers === "object") {
+      orgId = init.headers["Org-Id"] || init.headers["org-id"] || "";
+    }
+  }
+  return `${pathname}${search}${orgId ? `::org:${orgId}` : ""}`;
+}
+async function fetchJsonCached(url, init, ttlMs = JSON_CACHE_TTL_MS, force = false) {
+  const cacheKey3 = normalizeEndpointKey(url, init);
+  const now = Date.now();
+  if (!force) {
+    const cached2 = _jsonCache.get(cacheKey3);
+    if (cached2 && now - cached2.ts < ttlMs) {
+      return cached2.data;
+    }
+    const inFlight = _inFlightPromises.get(cacheKey3);
+    if (inFlight) {
+      return inFlight;
+    }
+  }
+  const p = (async () => {
+    try {
+      const res = await fetch(url, init);
+      if (!res.ok) {
+        const prev = _jsonCache.get(cacheKey3);
+        if (prev) return prev.data;
+        throw new Error(`HTTP ${res.status}`);
+      }
+      const data = await res.json();
+      _jsonCache.set(cacheKey3, { ts: Date.now(), data });
+      return data;
+    } finally {
+      _inFlightPromises.delete(cacheKey3);
+    }
+  })();
+  _inFlightPromises.set(cacheKey3, p);
+  return p;
+}
+
+// authenticatedApps.ts
 var TTL_MS2 = 3e4;
 var cache3 = /* @__PURE__ */ new Map();
 var cacheKey2 = (crossOrgId) => crossOrgId || "";
@@ -2767,14 +3069,16 @@ var doFetch3 = async (crossOrgId) => {
   const headers = {
     ...getAuthHeader(crossOrgId ?? void 0)
   };
-  const response = await fetch(getApiUrl("/api/v1/apps/authentication"), {
-    credentials: "include",
-    headers
-  });
-  if (!response.ok) return [];
-  const result = await response.json();
-  const data = result?.data || result;
-  return Array.isArray(data) ? applyValidationStaleness(data) : [];
+  try {
+    const result = await fetchJsonCached(getApiUrl("/api/v1/apps/authentication"), {
+      credentials: "include",
+      headers
+    });
+    const data = result?.data || result;
+    return Array.isArray(data) ? applyValidationStaleness(data) : [];
+  } catch {
+    return [];
+  }
 };
 var fetchAuthenticatedApps = (crossOrgId) => {
   const key = cacheKey2(crossOrgId);
@@ -4775,6 +5079,14 @@ var NO_AUTH_APPS = /* @__PURE__ */ new Set([
   "shuffle_files",
   "shuffles_app_management",
   "shuffle_tools",
+  "shuffle_assets",
+  "shuffle_software",
+  "shuffle_packages",
+  "shuffle_vulnerabilities",
+  "assets",
+  "software",
+  "packages",
+  "vulnerabilities",
   "tools",
   "http",
   "singul",
@@ -7686,7 +7998,7 @@ function AppDetailDrawer({
 }
 
 // views/ShuffleMCP.tsx
-var import_shuffle_mcp2 = require("./shuffle-mcp-3U5AFQDK.css");
+var import_shuffle_mcp2 = require("./shuffle-mcp-S6QOJJG4.css");
 init_appsCache();
 
 // components/SegmentedControl.tsx
@@ -8713,11 +9025,90 @@ var import_react14 = require("react");
 var import_material14 = require("@mui/material");
 var import_lucide_react7 = require("lucide-react");
 
+// ../Shuffle-Core/lib/shuffleUrls.ts
+var readEnv2 = (key) => {
+  try {
+    const meta = new Function("try { return import.meta } catch { return undefined }")();
+    const val = meta?.env?.[key];
+    if (val && typeof val === "string" && val.trim().length > 0) {
+      return val.trim();
+    }
+  } catch {
+  }
+  if (typeof window !== "undefined") {
+    const win = window;
+    const runtimeConfig = win.__SHUFFLE_CONFIG__ || win._env_ || win.__ENV__;
+    if (runtimeConfig && typeof runtimeConfig === "object") {
+      const val = runtimeConfig[key] || runtimeConfig[key.replace(/^VITE_/, "")];
+      if (val && typeof val === "string" && val.trim().length > 0) {
+        return val.trim();
+      }
+    }
+  }
+  try {
+    if (typeof process !== "undefined" && process.env) {
+      const val = process.env[key] || process.env[key.replace(/^VITE_/, "")];
+      if (val && typeof val === "string" && val.trim().length > 0) {
+        return val.trim();
+      }
+    }
+  } catch {
+  }
+  return void 0;
+};
+var isManagedDomain2 = () => {
+  if (typeof window === "undefined") return false;
+  const hostname = window.location.hostname.toLowerCase();
+  return hostname.includes("lovable") || hostname.includes("shuffler.io") || hostname.includes("shutdown.no") || hostname.includes("shuffle.security");
+};
+var getShuffleCoreBaseUrl2 = () => {
+  const envUrl = readEnv2("VITE_SHUFFLE_CORE_URL") || readEnv2("SHUFFLE_CORE_URL") || readEnv2("VITE_SHUFFLE_AUTOMATION_URL") || readEnv2("VITE_SHUFFLE_URL");
+  if (envUrl) {
+    return envUrl.replace(/\/+$/, "");
+  }
+  if (typeof window !== "undefined") {
+    try {
+      const savedCore = localStorage.getItem("shuffle_core_url");
+      if (savedCore && savedCore.trim().length > 0) {
+        return savedCore.trim().replace(/\/+$/, "");
+      }
+      const customHost = localStorage.getItem("shuffle_custom_host_url");
+      if (customHost && customHost.trim().length > 0) {
+        const cleaned = customHost.trim().replace(/\/+$/, "");
+        if (cleaned.includes(":5001")) {
+          return cleaned.replace(":5001", ":3001");
+        }
+        return cleaned;
+      }
+    } catch {
+    }
+  }
+  if (typeof window !== "undefined") {
+    const hostname = window.location.hostname;
+    const isManaged = isManagedDomain2();
+    if (isManaged) {
+      return "https://shuffler.io";
+    }
+    if (window.location.port === "3001") {
+      return window.location.origin;
+    }
+    return `${window.location.protocol}//${hostname}:3001`;
+  }
+  return "https://shuffler.io";
+};
+var getShuffleCoreUrl2 = (path) => {
+  const base3 = getShuffleCoreBaseUrl2();
+  if (!path) return base3;
+  const cleanPath = path.startsWith("/") ? path : `/${path}`;
+  return `${base3}${cleanPath}`;
+};
+
 // ../Shuffle-Core/api.ts
 init_platform();
 installFetchBreaker2();
 var DEV_BACKEND2 = "https://tunnel.schemaless.org";
-var PROD_BACKEND2 = "https://shuffler.io";
+var PROD_BACKEND2 = "https://uk.shuffler.io";
+var SHUFFLE_AUTOMATION_URL2 = getShuffleCoreUrl2("/new-dashboard");
 var CLOUD_DOMAINS2 = ["shuffle.security", "www.shuffle.security", "security.shuffler.io", "shutdown.no", "www.shutdown.no"];
 var getEnvVar2 = (key) => {
   try {
@@ -8753,7 +9144,11 @@ var _cachedRegion = (() => {
     const raw = localStorage.getItem(REGION_STORAGE_KEY2);
     if (!raw) return { url: null, orgId: null };
     const parsed = JSON.parse(raw);
-    return { url: parsed?.url || null, orgId: parsed?.orgId || null };
+    const url = parsed?.url ? parsed.url.replace(/\/+$/, "") : null;
+    if (url === "https://shuffler.io" || url === PROD_BACKEND2) {
+      return { url: null, orgId: parsed?.orgId || null };
+    }
+    return { url, orgId: parsed?.orgId || null };
   } catch {
     return { url: null, orgId: null };
   }
@@ -8761,8 +9156,20 @@ var _cachedRegion = (() => {
 var _readCachedCustomHost = () => {
   if (typeof window === "undefined") return null;
   try {
+    const mode = localStorage.getItem("shuffle_selected_server_mode");
+    if (mode && mode !== "self-hosted") return null;
     const raw = localStorage.getItem("shuffle_custom_host_url");
-    return raw ? raw.trim().replace(/\/+$/, "") : null;
+    const cleaned = raw ? raw.trim().replace(/\/+$/, "") : null;
+    if (!cleaned) return null;
+    if (cleaned === DEV_BACKEND2 && !isDevEnvironment3() && mode !== "self-hosted") {
+      try {
+        localStorage.removeItem("shuffle_custom_host_url");
+        localStorage.removeItem("shuffle_selected_server_mode");
+      } catch {
+      }
+      return null;
+    }
+    return cleaned;
   } catch {
     return null;
   }
@@ -8815,6 +9222,38 @@ if (typeof window !== "undefined") {
   } catch {
   }
 }
+var LEGACY_API_KEY_STORAGE_KEY2 = "shuffle_api_key";
+var clearAuthTokens2 = () => {
+  try {
+    localStorage.removeItem("session_token");
+    localStorage.removeItem(LEGACY_API_KEY_STORAGE_KEY2);
+  } catch {
+  }
+};
+var getSessionToken2 = () => {
+  try {
+    if (typeof localStorage === "undefined") return null;
+    if (localStorage.getItem(LEGACY_API_KEY_STORAGE_KEY2) !== null) {
+      localStorage.removeItem(LEGACY_API_KEY_STORAGE_KEY2);
+    }
+    const stored = localStorage.getItem("session_token");
+    if (stored && stored.trim().length > 0 && stored !== "null" && stored !== "undefined") {
+      return stored.trim();
+    }
+    return null;
+  } catch {
+    return null;
+  }
+};
+var setSessionToken2 = (token) => {
+  clearAuthTokens2();
+  if (token && token.trim().length > 0) {
+    try {
+      localStorage.setItem("session_token", token.trim());
+    } catch {
+    }
+  }
+};
 var API_CONFIG5 = {
   get baseUrl() {
     const url = _hostBaseUrl2 || (isDevEnvironment3() || getEnvVar2("VITE_SHUFFLE_API_URL") ? getDefaultBaseUrl2() : _regionUrl2 || getDefaultBaseUrl2());
@@ -8825,28 +9264,36 @@ var API_CONFIG5 = {
     return url;
   },
   version: "v1",
+  /** DEPRECATED alias for the single session token. */
   get apiKey() {
-    try {
-      return typeof localStorage !== "undefined" ? localStorage.getItem("shuffle_api_key") : null;
-    } catch {
-      return null;
-    }
+    return getSessionToken2();
   },
+  /** DEPRECATED: writes/clears the single session token. */
   setApiKey(key) {
-    try {
-      if (key) localStorage.setItem("shuffle_api_key", key);
-      else localStorage.removeItem("shuffle_api_key");
-    } catch {
-    }
+    setSessionToken2(key);
   }
 };
 var getApiUrl2 = (endpoint) => `${API_CONFIG5.baseUrl}${endpoint}`;
 var getAuthHeader2 = (overrideOrgId) => {
   const headers = {};
-  const apiKey = API_CONFIG5.apiKey;
-  if (apiKey) headers["Authorization"] = `Bearer ${apiKey}`;
-  const orgId = overrideOrgId ?? _trackedOrgId2;
-  if (orgId) headers["Org-Id"] = orgId;
+  const token = getSessionToken2();
+  if (token) {
+    headers["Authorization"] = `Bearer ${token}`;
+  }
+  let orgId = overrideOrgId ?? _trackedOrgId2;
+  if (!orgId && typeof localStorage !== "undefined") {
+    try {
+      const raw = localStorage.getItem("shuffle_user_info");
+      if (raw) {
+        const parsed = JSON.parse(raw);
+        orgId = parsed?.active_org?.id || parsed?.org_id || null;
+      }
+    } catch {
+    }
+  }
+  if (orgId) {
+    headers["Org-Id"] = orgId;
+  }
   return headers;
 };
 
@@ -10823,8 +11270,8 @@ var prettyAppName = (name) => name.replace(/[_-]+/g, " ").trim().split(/\s+/).ma
 var AGENT_PRESETS = [
   {
     id: "build-workflows",
-    label: "Build Workflows",
-    description: "Designs and edits Shuffle workflows for you \u2014 pick apps, wire actions, and iterate on automations from a description.",
+    label: "Build Workflow",
+    description: "Designs and builds Shuffle workflows for you \u2014 pick apps, wire actions, and iterate on automations from a description.",
     defaultPrompt: "Build a Shuffle workflow that ",
     icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react10.Workflow, { size: 16 }),
     enabled: true,
@@ -10833,8 +11280,8 @@ var AGENT_PRESETS = [
   },
   {
     id: "incident-response",
-    label: "Incident Response Agent",
-    description: "Triages incidents: enriches observables, correlates related cases, and proposes next actions with rationale.",
+    label: "Incident Handler",
+    description: "Supports your incident investigation \u2014 extracts observables, correlates related alerts, analyzes attack scope, and proposes tiered containment options with human confirmation.",
     defaultPrompt: "Investigate this incident and recommend next steps: ",
     icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react10.ShieldAlert, { size: 16 }),
     enabled: true,
@@ -10855,28 +11302,41 @@ var AGENT_PRESETS = [
     label: "Support Agent",
     description: 'Uses the platform on your behalf \u2014 navigates settings, runs diagnostics, and answers "how do I\u2026" questions.',
     defaultPrompt: "Help me with the following on the Shuffle platform: ",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react10.LifeBuoy, { size: 16 })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react10.LifeBuoy, { size: 16 }),
+    enabled: true,
+    defaultApps: [{ name: "shuffle_tools" }]
   },
   {
     id: "vulnerability",
-    label: "Vulnerability Agent",
-    description: "Reviews vulnerabilities, ranks by exploitability and asset criticality, and drafts remediation plans.",
-    defaultPrompt: "Review my current vulnerabilities and prioritize them by ",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react10.Bug, { size: 16 })
+    label: "Vulnerability Management",
+    description: "Helps you solve vulnerabilities \u2014 demystifies CVEs in plain language, analyzes realistic exploitability (EPSS/KEV), and guides you through exact remediation steps and fixes.",
+    defaultPrompt: "Help me review and solve this vulnerability: ",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react10.Bug, { size: 16 }),
+    enabled: true,
+    defaultApps: [
+      { name: "shuffle_vulnerabilities" },
+      { name: "shuffle_assets" },
+      { name: "shuffle_software" },
+      { name: "shuffle_packages" }
+    ]
   },
   {
     id: "detection",
     label: "Detection Agent",
     description: "Creates and tunes detection rules (Sigma, pipelines) \u2014 adjusts logic, filters false positives, and validates coverage.",
     defaultPrompt: "Modify my detections to ",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react10.Radar, { size: 16 })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react10.Radar, { size: 16 }),
+    enabled: true,
+    defaultApps: [{ name: "shuffle_detection" }]
   },
   {
     id: "handle-notifications",
     label: "Handle Notifications",
     description: "Automatically handles incoming incidents for you \u2014 triages, enriches, and resolves or escalates based on your rules.",
     defaultPrompt: "Automatically handle incoming incidents by ",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react10.BellRing, { size: 16 })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react10.BellRing, { size: 16 }),
+    enabled: true,
+    defaultApps: [{ name: "shuffle_incidents" }]
   }
 ];
 var isSupportUser = () => {
@@ -10899,7 +11359,7 @@ var filterAgentPresets = (list, support) => {
   if (support === true || support === void 0 && isSupportUser()) return list;
   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 }) => {
+var AgentPresets = ({ variant = "default", onSelectPreset, selectedPreset, onRemoveSelected, presets, chipRef, isSupport, sx, placement }) => {
   const [anchorEl, setAnchorEl] = (0, import_react17.useState)(null);
   const open = Boolean(anchorEl);
   const [supportTick, setSupportTick] = (0, import_react17.useState)(0);
@@ -10914,67 +11374,129 @@ var AgentPresets = ({ variant = "default", onSelectPreset, selectedPreset, onRem
     [presets, supportTick, open, isSupport]
   );
   const MAX_LABEL_CHARS = 18;
-  const displayLabel = selectedPreset ? selectedPreset.label.length > MAX_LABEL_CHARS ? `${selectedPreset.label.slice(0, MAX_LABEL_CHARS - 1).trimEnd()}\u2026` : selectedPreset.label : "Skills";
-  const trigger = /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-    import_material19.Button,
+  const cleanLabel = selectedPreset?.label?.replace(/\s+Agent$/i, "") || "";
+  const displayLabel = selectedPreset ? cleanLabel.length > MAX_LABEL_CHARS ? `${cleanLabel.slice(0, MAX_LABEL_CHARS - 1).trimEnd()}\u2026` : cleanLabel : "Skills";
+  const trigger = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    import_material19.ButtonBase,
     {
       ref: chipRef,
-      size: "small",
       onClick: (e) => setAnchorEl(e.currentTarget),
-      startIcon: selectedPreset ? selectedPreset.icon ?? void 0 : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react10.Plus, { size: variant === "floating" ? 12 : 14 }),
-      endIcon: selectedPreset ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-        import_material19.Box,
+      "aria-label": selectedPreset ? `Skill: ${selectedPreset.label}` : "Select skill",
+      sx: [
         {
-          component: "span",
-          onClick: (e) => {
-            e.stopPropagation();
-            onRemoveSelected?.();
-          },
-          sx: { display: "inline-flex", alignItems: "center", justifyContent: "center", ml: 0.25 },
-          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react10.X, { size: variant === "floating" ? 12 : 14 })
-        }
-      ) : void 0,
-      sx: {
-        textTransform: "none",
-        fontSize: variant === "floating" ? "0.72rem" : "0.78rem",
-        fontWeight: 500,
-        height: variant === "floating" ? 30 : variant === "inline" ? 38 : 36,
-        px: variant === "floating" ? 1.25 : 1.625,
-        py: 0.375,
-        borderRadius: 999,
-        border: "1px solid hsl(var(--border))",
-        color: selectedPreset ? "hsl(var(--foreground))" : "hsl(var(--muted-foreground))",
-        bgcolor: selectedPreset ? "hsl(var(--muted) / 0.6)" : "transparent",
-        flexShrink: 0,
-        transition: "background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease",
-        "&:hover": {
-          bgcolor: selectedPreset ? "hsl(var(--muted) / 0.85)" : "hsl(var(--muted))",
-          color: "hsl(var(--foreground))",
-          borderColor: selectedPreset ? "hsl(var(--muted-foreground) / 0.35)" : "hsl(var(--border))",
-          boxShadow: selectedPreset ? "0 1px 4px hsl(var(--background) / 0.35)" : "none"
-        }
-      },
-      children: displayLabel
-    }
-  );
-  const [query, setQuery] = (0, import_react17.useState)("");
-  const filtered = (0, import_react17.useMemo)(() => {
-    const q = query.trim().toLowerCase();
-    if (!q) return list;
-    return list.filter(
-      (p) => p.label.toLowerCase().includes(q) || p.description.toLowerCase().includes(q)
-    );
-  }, [list, query]);
-  const menu = open ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-    import_material19.Popper,
-    {
-      open,
-      anchorEl,
-      placement: "bottom-end",
-      style: { zIndex: 1400 },
-      modifiers: [{ name: "offset", options: { offset: [0, 6] } }],
-      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.ClickAwayListener, { onClickAway: () => {
-        setAnchorEl(null);
+          display: "inline-flex",
+          alignItems: "center",
+          gap: "5px",
+          height: variant === "floating" ? 30 : variant === "inline" ? 38 : 32,
+          px: variant === "floating" ? "9px" : "12px",
+          py: 0,
+          borderRadius: 999,
+          border: "1px solid hsl(var(--border))",
+          color: selectedPreset ? "hsl(var(--foreground))" : "hsl(var(--muted-foreground))",
+          bgcolor: selectedPreset ? "hsl(var(--muted) / 0.7)" : "transparent",
+          fontSize: variant === "floating" ? "0.75rem" : "0.78rem",
+          fontWeight: 500,
+          flexShrink: 0,
+          boxSizing: "border-box",
+          cursor: "pointer",
+          transition: "background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease",
+          "&:hover": {
+            bgcolor: selectedPreset ? "hsl(var(--muted) / 0.9)" : "hsl(var(--muted) / 0.5)",
+            borderColor: selectedPreset ? "hsl(var(--muted-foreground) / 0.35)" : "hsl(var(--border))",
+            boxShadow: selectedPreset ? "0 1px 4px hsl(var(--background) / 0.35)" : "none"
+          }
+        },
+        ...Array.isArray(sx) ? sx : sx ? [sx] : []
+      ],
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          import_material19.Box,
+          {
+            component: "span",
+            sx: {
+              display: "inline-flex",
+              alignItems: "center",
+              justifyContent: "center",
+              flexShrink: 0,
+              color: selectedPreset ? "hsl(var(--primary))" : "inherit",
+              "& svg": {
+                width: variant === "floating" ? 14 : 16,
+                height: variant === "floating" ? 14 : 16
+              }
+            },
+            children: selectedPreset ? selectedPreset.icon ?? void 0 : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react10.Plus, { size: variant === "floating" ? 12 : 14 })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          import_material19.Typography,
+          {
+            component: "span",
+            sx: {
+              fontSize: "inherit",
+              fontWeight: "inherit",
+              color: "inherit",
+              lineHeight: 1,
+              whiteSpace: "nowrap",
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              maxWidth: 150
+            },
+            children: displayLabel
+          }
+        ),
+        selectedPreset && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          import_material19.Box,
+          {
+            component: "span",
+            role: "button",
+            "aria-label": "Remove skill",
+            onClick: (e) => {
+              e.stopPropagation();
+              onRemoveSelected?.();
+            },
+            sx: {
+              display: "inline-flex",
+              alignItems: "center",
+              justifyContent: "center",
+              ml: "1px",
+              p: "2px",
+              borderRadius: "50%",
+              cursor: "pointer",
+              flexShrink: 0,
+              color: "hsl(var(--muted-foreground))",
+              transition: "background-color 120ms ease, color 120ms ease",
+              "&:hover": {
+                bgcolor: "hsl(var(--foreground) / 0.12)",
+                color: "hsl(var(--foreground))"
+              }
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react10.X, { size: variant === "floating" ? 11 : 12 })
+          }
+        )
+      ]
+    }
+  );
+  const [query, setQuery] = (0, import_react17.useState)("");
+  const filtered = (0, import_react17.useMemo)(() => {
+    const q = query.trim().toLowerCase();
+    if (!q) return list;
+    return list.filter(
+      (p) => p.label.toLowerCase().includes(q) || p.description.toLowerCase().includes(q)
+    );
+  }, [list, query]);
+  const menu = open ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_material19.Popper,
+    {
+      open,
+      anchorEl,
+      placement: placement || "bottom-start",
+      style: { zIndex: 1400 },
+      modifiers: [
+        { name: "offset", options: { offset: [0, 6] } },
+        { name: "preventOverflow", options: { padding: 8 } }
+      ],
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.ClickAwayListener, { onClickAway: () => {
+        setAnchorEl(null);
         setQuery("");
       }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
         import_material19.Paper,
@@ -11210,13 +11732,7 @@ var AgentPresets = ({ variant = "default", onSelectPreset, selectedPreset, onRem
       ) })
     }
   ) : null;
-  if (variant === "inline") {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-      trigger,
-      menu
-    ] });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material19.Box, { sx: { width: "100%", display: "flex", justifyContent: "flex-end" }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
     trigger,
     menu
   ] });
@@ -11896,12 +12412,15 @@ var runAgent = async (request) => {
     params.tool_ids = request.toolIds;
   }
   const PRESET_PATHS = {
-    "build-workflows": "workflow-edit",
+    "build-workflows": "edit-workflow",
+    "edit-workflow": "edit-workflow",
     "handle-notifications": "handle-notifications",
-    "incident-response": "incident-response",
+    "incident-response": "incident-handler",
+    "incident-handler": "incident-handler",
     "host-monitor-control": "computer-use",
     support: "support",
     vulnerability: "vulnerability",
+    "vulnerability-management": "vulnerability",
     detection: "detection"
   };
   const presetSlug = request.presetId ? PRESET_PATHS[request.presetId] : void 0;
@@ -11998,7 +12517,7 @@ var resolveAgentContinuationTargets = async (executionId, authorization) => {
     const resp = await fetch(getApiUrl("/api/v1/streams/results"), {
       method: "POST",
       credentials: "include",
-      headers: { "Content-Type": "application/json" },
+      headers: { "Content-Type": "application/json", ...getAuthHeader() },
       body: JSON.stringify({ execution_id: executionId, authorization })
     });
     if (!resp.ok) return empty;
@@ -13315,6 +13834,716 @@ var collectLlmImageAttachments = (root, maxDepth = 10) => {
   return deduped;
 };
 
+// connectedSourcesService.ts
+var CACHE_PREFIX = "shuffle:connected_tools:";
+function getCachedConnectedTools(category) {
+  if (!category) return [];
+  try {
+    if (typeof localStorage === "undefined") return [];
+    const raw = localStorage.getItem(`${CACHE_PREFIX}${category}`);
+    if (!raw) return [];
+    const parsed = JSON.parse(raw);
+    return Array.isArray(parsed) ? parsed : [];
+  } catch {
+    return [];
+  }
+}
+function setCachedConnectedTools(category, tools) {
+  if (!category) return;
+  try {
+    if (typeof localStorage === "undefined") return;
+    localStorage.setItem(`${CACHE_PREFIX}${category}`, JSON.stringify(tools));
+  } catch {
+  }
+}
+function mergeConnectedTools(baseApps, connectedTools) {
+  if (!connectedTools || connectedTools.length === 0) return baseApps;
+  const seen = /* @__PURE__ */ new Set();
+  const merged = [];
+  for (const app2 of baseApps) {
+    if (!app2?.name) continue;
+    const norm4 = normalizeAppName(app2.name);
+    if (!seen.has(norm4)) {
+      seen.add(norm4);
+      merged.push(app2);
+    }
+  }
+  for (const app2 of connectedTools) {
+    if (!app2?.name) continue;
+    const norm4 = normalizeAppName(app2.name);
+    if (!seen.has(norm4) && !isIgnoredWorkflowAppName(norm4)) {
+      seen.add(norm4);
+      merged.push(app2);
+    }
+  }
+  return merged;
+}
+function resolveConnectedTools(category, authApiResponse = [], workflowsResponse = []) {
+  const tools = [];
+  const seen = /* @__PURE__ */ new Set();
+  const authList = Array.isArray(authApiResponse) ? authApiResponse : authApiResponse?.data || [];
+  const workflows = Array.isArray(workflowsResponse) ? workflowsResponse : workflowsResponse?.workflows || [];
+  const addTool = (name, id, icon) => {
+    if (!name || typeof name !== "string") return;
+    const trimmed = name.trim();
+    if (!trimmed) return;
+    const norm4 = normalizeAppName(trimmed);
+    if (!norm4 || seen.has(norm4) || isIgnoredWorkflowAppName(norm4)) return;
+    seen.add(norm4);
+    tools.push({ name: trimmed, id: id || void 0, icon: icon || void 0 });
+  };
+  const authByName = /* @__PURE__ */ new Map();
+  for (const entry of authList) {
+    const app2 = entry?.app || entry;
+    const rawName = app2?.name;
+    if (!rawName) continue;
+    const norm4 = normalizeAppName(rawName);
+    const isValid = entry?.active === true || entry?.validation?.valid === true || entry?.hasValidAuth === true || app2?.is_valid === true || app2?.tested === true;
+    const img = app2?.large_image || app2?.image_url || app2?.image || entry?.bestImage || "";
+    if (!authByName.has(norm4) || isValid) {
+      authByName.set(norm4, {
+        name: rawName,
+        id: app2?.id || entry?.id,
+        icon: img,
+        active: Boolean(entry?.active),
+        valid: isValid
+      });
+    }
+  }
+  if (category === "incidents") {
+    const ingestWf = findIngestTicketsWorkflow(workflows);
+    const ingestAppNames = ingestWf ? extractWorkflowAppNames(ingestWf) : /* @__PURE__ */ new Set();
+    const forwardWf = findForwardTicketsWorkflow(workflows);
+    const forwardAppNames = forwardWf ? extractWorkflowAppNames(forwardWf) : /* @__PURE__ */ new Set();
+    ingestAppNames.forEach((norm4) => {
+      const auth = authByName.get(norm4);
+      if (auth) {
+        addTool(auth.name, auth.id, auth.icon);
+      } else {
+        const formatted = norm4.split("_").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
+        addTool(formatted);
+      }
+    });
+    forwardAppNames.forEach((norm4) => {
+      const auth = authByName.get(norm4);
+      if (auth) {
+        addTool(auth.name, auth.id, auth.icon);
+      } else {
+        const formatted = norm4.split("_").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
+        addTool(formatted);
+      }
+    });
+    for (const [norm4, auth] of authByName.entries()) {
+      if (!auth.valid && !auth.active) continue;
+      const isSiem = SIEM_PATTERNS.some((p) => norm4.includes(p));
+      const isEdr = EDR_PATTERNS.some((p) => norm4.includes(p));
+      const isEmail = EMAIL_APP_PATTERNS.some((p) => norm4.includes(p));
+      const isCases = CASES_PATTERNS.some((p) => norm4.includes(p));
+      const isComms = COMMUNICATION_PATTERNS_NAMES.some((p) => norm4.includes(p));
+      if (isSiem || isEdr || isEmail || isCases || isComms) {
+        addTool(auth.name, auth.id, auth.icon);
+      }
+    }
+  } else if (category === "vulnerabilities") {
+    const ingestVulnWf = workflows.find(
+      (w) => typeof w?.name === "string" && (w.name === "Ingest Vulnerabilities" || w.name.toLowerCase().includes("ingest vulnerabilit"))
+    );
+    const vulnAppNames = ingestVulnWf ? extractWorkflowAppNames(ingestVulnWf) : /* @__PURE__ */ new Set();
+    vulnAppNames.forEach((norm4) => {
+      const auth = authByName.get(norm4);
+      if (auth) {
+        addTool(auth.name, auth.id, auth.icon);
+      } else {
+        const formatted = norm4.split("_").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
+        addTool(formatted);
+      }
+    });
+    for (const [norm4, auth] of authByName.entries()) {
+      if (!auth.valid && !auth.active) continue;
+      const isScanner = isVulnScannerApp(auth.name) || VULN_SCANNER_PATTERNS.some((p) => norm4.includes(p));
+      if (isScanner) {
+        addTool(auth.name, auth.id, auth.icon);
+      }
+    }
+  }
+  return tools;
+}
+
+// agentContextRegistry.ts
+var STORAGE_PREFIX = "shuffle_agent_context_choice_";
+var matchRoutePattern = (pattern, pathname) => {
+  const normPattern = pattern.replace(/\/+$/, "") || "/";
+  const normPath = pathname.replace(/\/+$/, "") || "/";
+  if (normPattern === normPath) return {};
+  const patternSegments = normPattern.split("/");
+  const pathSegments = normPath.split("/");
+  if (patternSegments.length !== pathSegments.length) {
+    if (patternSegments[patternSegments.length - 1] === "*" && pathSegments.length >= patternSegments.length - 1) {
+      const params2 = {};
+      for (let i = 0; i < patternSegments.length - 1; i++) {
+        if (patternSegments[i].startsWith(":")) {
+          params2[patternSegments[i].slice(1)] = decodeURIComponent(pathSegments[i]);
+        } else if (patternSegments[i] !== pathSegments[i]) {
+          return null;
+        }
+      }
+      params2["*"] = pathSegments.slice(patternSegments.length - 1).join("/");
+      return params2;
+    }
+    return null;
+  }
+  const params = {};
+  for (let i = 0; i < patternSegments.length; i++) {
+    const pSeg = patternSegments[i];
+    const uSeg = pathSegments[i];
+    if (pSeg.startsWith(":")) {
+      params[pSeg.slice(1)] = decodeURIComponent(uSeg);
+    } else if (pSeg !== uSeg) {
+      return null;
+    }
+  }
+  return params;
+};
+var isAgentRoute = (pathname) => {
+  const norm4 = pathname.toLowerCase().replace(/\/+$/, "") || "/";
+  return norm4 === "/agents" || norm4 === "/agent" || norm4.startsWith("/agents/") || norm4.startsWith("/agent/");
+};
+var getActivePageEntityName = () => {
+  if (typeof document === "undefined") return void 0;
+  try {
+    const titleInput = document.querySelector(
+      '[data-incident-field="title"] input, [data-case-field="title"] input, [data-ticket-field="title"] input, [data-alert-field="title"] input, [data-host-field="name"] input, [data-monitor-field="name"] input, [data-asset-field="name"] input, [data-software-field="name"] input, [data-package-field="name"] input'
+    );
+    if (titleInput?.value && titleInput.value.trim().length > 0) {
+      return titleInput.value.trim();
+    }
+    const heading = document.querySelector("h1, h2, [data-entity-title]");
+    if (heading?.textContent && heading.textContent.trim().length > 0 && heading.textContent.trim().length < 90) {
+      return heading.textContent.trim();
+    }
+  } catch {
+  }
+  return void 0;
+};
+var DEFAULT_AGENT_CONTEXT_RULES = [
+  // ==========================================
+  // 1. Incidents, Cases, Tickets, Alerts (Grouped)
+  // ==========================================
+  // Specific Incident Detail
+  {
+    id: "incident-detail",
+    match: "/incidents/:id",
+    defaultApps: [{ name: "shuffle_incidents" }],
+    defaultPresetId: "incident-response",
+    sourceCategory: "incidents",
+    title: (params) => {
+      const entity = getActivePageEntityName();
+      return entity ? `How can we help handle incident "${entity}"?` : `How can we help handle incident #${params.id}?`;
+    },
+    subtitle: () => "Shuffle Incidents MCP",
+    defaultPrompt: (params) => `Investigate incident ${params.id} and recommend next steps: `,
+    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"
+  },
+  // Simplified Incident Detail
+  {
+    id: "incident-simple-detail",
+    match: "/incidents-simple/:id",
+    defaultApps: [{ name: "shuffle_incidents" }],
+    defaultPresetId: "incident-response",
+    sourceCategory: "incidents",
+    title: (params) => {
+      const entity = getActivePageEntityName();
+      return entity ? `How can we help handle incident "${entity}"?` : `How can we help handle incident #${params.id}?`;
+    },
+    subtitle: () => "Shuffle Incidents MCP",
+    defaultPrompt: (params) => `Investigate incident ${params.id} and recommend next steps: `,
+    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"
+  },
+  // Specific Case Detail
+  {
+    id: "case-detail",
+    match: "/cases/:id",
+    defaultApps: [{ name: "shuffle_incidents" }],
+    defaultPresetId: "incident-response",
+    sourceCategory: "incidents",
+    title: (params) => {
+      const entity = getActivePageEntityName();
+      return entity ? `How can we help handle case "${entity}"?` : `How can we help handle case #${params.id}?`;
+    },
+    subtitle: () => "Shuffle Incidents MCP",
+    defaultPrompt: (params) => `Investigate case ${params.id} and recommend next steps: `,
+    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"
+  },
+  // Specific Ticket Detail
+  {
+    id: "ticket-detail",
+    match: "/tickets/:id",
+    defaultApps: [{ name: "shuffle_incidents" }],
+    defaultPresetId: "incident-response",
+    sourceCategory: "incidents",
+    title: (params) => {
+      const entity = getActivePageEntityName();
+      return entity ? `How can we help handle ticket "${entity}"?` : `How can we help handle ticket #${params.id}?`;
+    },
+    subtitle: () => "Shuffle Incidents MCP",
+    defaultPrompt: (params) => `Investigate ticket ${params.id} and recommend next steps: `,
+    placeholder: "Investigate ticket, draft reply, or correlate related incidents...",
+    getStorageKey: (params) => `ticket_${params.id}`,
+    description: "Focused on the currently viewed ticket with Shuffle Incidents MCP"
+  },
+  // Specific Alert Detail
+  {
+    id: "alert-detail",
+    match: "/alerts/:id",
+    defaultApps: [{ name: "shuffle_incidents" }],
+    defaultPresetId: "incident-response",
+    sourceCategory: "incidents",
+    title: (params) => {
+      const entity = getActivePageEntityName();
+      return entity ? `How can we help handle alert "${entity}"?` : `How can we help handle alert #${params.id}?`;
+    },
+    subtitle: () => "Shuffle Incidents MCP",
+    defaultPrompt: (params) => `Investigate alert ${params.id} and recommend next steps: `,
+    placeholder: "Analyze alert telemetry, assess false positive probability, or escalate...",
+    getStorageKey: (params) => `alert_${params.id}`,
+    description: "Focused on the currently viewed alert with Shuffle Incidents MCP"
+  },
+  // Incidents Overview & Subpages (/incidents/*)
+  {
+    id: "incidents-group",
+    match: (pathname) => pathname.startsWith("/incidents") || pathname.startsWith("/incidents-simple"),
+    defaultApps: [{ name: "shuffle_incidents" }],
+    defaultPresetId: "incident-response",
+    sourceCategory: "incidents",
+    title: "How can we help handle incidents?",
+    subtitle: "Shuffle Incidents MCP",
+    defaultPrompt: "Investigate this incident and recommend next steps: ",
+    placeholder: "Triage incidents, correlate alerts, or search threat intelligence...",
+    getStorageKey: () => "incidents_list",
+    description: "Incidents overview with Shuffle Incidents MCP"
+  },
+  // Cases Overview & Subpages (/cases/*)
+  {
+    id: "cases-group",
+    match: (pathname) => pathname.startsWith("/cases"),
+    defaultApps: [{ name: "shuffle_incidents" }],
+    defaultPresetId: "incident-response",
+    sourceCategory: "incidents",
+    title: "How can we help handle cases?",
+    subtitle: "Shuffle Incidents MCP",
+    defaultPrompt: "Investigate this case and recommend next steps: ",
+    placeholder: "Review active cases, correlate investigations, or log evidence...",
+    getStorageKey: () => "cases_list",
+    description: "Cases overview with Shuffle Incidents MCP"
+  },
+  // Tickets Overview & Subpages (/tickets/*)
+  {
+    id: "tickets-group",
+    match: (pathname) => pathname.startsWith("/tickets"),
+    defaultApps: [{ name: "shuffle_incidents" }],
+    defaultPresetId: "incident-response",
+    sourceCategory: "incidents",
+    title: "How can we help handle tickets?",
+    subtitle: "Shuffle Incidents MCP",
+    defaultPrompt: "Investigate this ticket and recommend next steps: ",
+    placeholder: "Triage incoming tickets, automate assignments, or resolve issues...",
+    getStorageKey: () => "tickets_list",
+    description: "Tickets overview with Shuffle Incidents MCP"
+  },
+  // Alerts Overview & Subpages (/alerts/*, /notifications/*)
+  {
+    id: "alerts-group",
+    match: (pathname) => pathname.startsWith("/alerts") || pathname.startsWith("/notifications"),
+    defaultApps: [{ name: "shuffle_incidents" }],
+    defaultPresetId: "incident-response",
+    sourceCategory: "incidents",
+    title: "How can we help handle alerts?",
+    subtitle: "Shuffle Incidents MCP",
+    defaultPrompt: "Investigate this alert and recommend next steps: ",
+    placeholder: "Triage incoming security alerts, filter noise, or escalate to incident...",
+    getStorageKey: () => "alerts_list",
+    description: "Alert and notification triage with Shuffle Incidents MCP"
+  },
+  // ==========================================
+  // 2. Vulnerabilities (shuffle_vulnerabilities, shuffle_assets, shuffle_software, shuffle_packages)
+  // ==========================================
+  // Specific Vulnerability Detail
+  {
+    id: "vulnerability-detail",
+    match: "/vulnerabilities/:id",
+    defaultApps: [
+      { name: "shuffle_vulnerabilities" },
+      { name: "shuffle_assets" },
+      { name: "shuffle_software" },
+      { name: "shuffle_packages" }
+    ],
+    defaultPresetId: "vulnerability",
+    sourceCategory: "vulnerabilities",
+    title: (params) => {
+      const entity = getActivePageEntityName();
+      return entity ? `How can we help with ${entity}?` : `How can we help with vulnerability ${params.id}?`;
+    },
+    subtitle: () => "Shuffle Vulnerabilities, Assets, Software & Packages",
+    defaultPrompt: (params) => `Review vulnerability ${params.id} and draft remediation plan: `,
+    placeholder: "Analyze this CVE, check affected hosts, and draft remediation...",
+    getStorageKey: (params) => `vulnerability_${params.id}`,
+    description: "Focused on the selected vulnerability with Shuffle Vulnerabilities, Assets, Software & Packages"
+  },
+  // Vulnerabilities List & Subpages
+  {
+    id: "vulnerabilities-list",
+    match: (pathname) => pathname.startsWith("/vulnerabilities"),
+    defaultApps: [
+      { name: "shuffle_vulnerabilities" },
+      { name: "shuffle_assets" },
+      { name: "shuffle_software" },
+      { name: "shuffle_packages" }
+    ],
+    defaultPresetId: "vulnerability",
+    sourceCategory: "vulnerabilities",
+    title: "How can we help review vulnerabilities?",
+    subtitle: () => "Shuffle Vulnerabilities, Assets, Software & Packages",
+    defaultPrompt: "Review my current vulnerabilities and prioritize them by ",
+    placeholder: "Review CVEs, prioritize by exploitability, or draft patch workflows...",
+    getStorageKey: () => "vulnerabilities_list",
+    description: "Vulnerabilities overview with Shuffle Vulnerabilities, Assets, Software & Packages"
+  },
+  // ==========================================
+  // 3. Monitors & Computer Use (shuffle_host_monitors for all)
+  // ==========================================
+  // Specific Host Terminal (/monitors/:id/terminal)
+  {
+    id: "monitor-terminal-detail",
+    match: "/monitors/:id/terminal",
+    defaultApps: [{ name: "shuffle_host_monitors" }],
+    defaultPresetId: "host-monitor-control",
+    title: (params) => {
+      const entity = getActivePageEntityName();
+      return entity ? `How can we help in terminal for "${entity}"?` : `How can we help in terminal on host #${params.id}?`;
+    },
+    subtitle: () => "Shuffle Host Monitors MCP",
+    defaultPrompt: (params) => `Run commands on host ${params.id} to `,
+    placeholder: "Ask the agent to execute shell commands, inspect logs, or debug...",
+    getStorageKey: (params) => `monitor_terminal_${params.id}`,
+    description: "Interactive terminal control with Shuffle Host Monitors MCP"
+  },
+  // General Host Terminal (/monitors/terminal)
+  {
+    id: "monitor-terminal",
+    match: "/monitors/terminal",
+    defaultApps: [{ name: "shuffle_host_monitors" }],
+    defaultPresetId: "host-monitor-control",
+    title: "How can we help in the host terminal?",
+    subtitle: "Shuffle Host Monitors MCP",
+    defaultPrompt: "Run terminal commands on this host to ",
+    placeholder: "Ask the agent to execute shell commands, inspect files, or debug...",
+    getStorageKey: () => "monitors_terminal",
+    description: "Interactive terminal control with Shuffle Host Monitors MCP"
+  },
+  // Host Response Actions (/monitors/response)
+  {
+    id: "monitor-response",
+    match: "/monitors/response",
+    defaultApps: [{ name: "shuffle_host_monitors" }],
+    defaultPresetId: "host-monitor-control",
+    title: "How can we help with host response?",
+    subtitle: "Shuffle Host Monitors MCP",
+    defaultPrompt: "Take response actions on this host to ",
+    placeholder: "Isolate host, terminate suspicious processes, or run remediation...",
+    getStorageKey: () => "monitors_response",
+    description: "Host response actions with Shuffle Host Monitors MCP"
+  },
+  // Specific Host Overview (/monitors/:id)
+  {
+    id: "monitor-detail",
+    match: "/monitors/:id",
+    defaultApps: [{ name: "shuffle_host_monitors" }],
+    defaultPresetId: "host-monitor-control",
+    title: (params) => {
+      const entity = getActivePageEntityName();
+      return entity ? `How can we help with host "${entity}"?` : `How can we help with host #${params.id}?`;
+    },
+    subtitle: () => "Shuffle Host Monitors MCP",
+    defaultPrompt: (params) => `Take control of host ${params.id} and help me with: `,
+    placeholder: "Inspect host telemetry, running processes, network connections, or remediate...",
+    getStorageKey: (params) => `monitor_${params.id}`,
+    description: "Host detail view with Shuffle Host Monitors MCP"
+  },
+  // Monitors Fleet Overview & Subpages (/monitors, /monitors/*)
+  {
+    id: "host-monitors-group",
+    match: (pathname) => pathname.startsWith("/monitors"),
+    defaultApps: [{ name: "shuffle_host_monitors" }],
+    defaultPresetId: "host-monitor-control",
+    title: "How can we help with host monitors?",
+    subtitle: "Shuffle Host Monitors MCP",
+    defaultPrompt: "Take control of this host and help me with: ",
+    placeholder: "Ask the agent to run terminal commands, inspect files, or remediate...",
+    getStorageKey: () => "host_monitors",
+    description: "Computer use and host monitors control with Shuffle Host Monitors MCP"
+  },
+  // ==========================================
+  // 4. Workflows & Automations
+  // ==========================================
+  // Specific Workflow Detail (/workflows/:id)
+  {
+    id: "workflow-detail",
+    match: "/workflows/:id",
+    defaultApps: [{ name: "shuffle_workflows_builder" }, { name: "shuffle_apps" }],
+    defaultPresetId: "build-workflows",
+    title: (params) => {
+      const entity = getActivePageEntityName();
+      return entity ? `How can we help edit "${entity}"?` : `How can we help edit workflow #${params.id}?`;
+    },
+    subtitle: () => "Shuffle Workflows Builder & Shuffle Apps",
+    defaultPrompt: (params) => `Edit workflow ${params.id} to `,
+    placeholder: "Describe the changes, new actions, or logic to add...",
+    getStorageKey: (params) => `workflow_${params.id}`,
+    description: "Focused on editing the selected workflow with Shuffle Workflows Builder and Shuffle Apps"
+  },
+  // Workflows Overview & Subpages (/workflows, /workflows/*)
+  {
+    id: "workflows-group",
+    match: (pathname) => pathname === "/workflows" || pathname.startsWith("/workflows") || pathname.startsWith("/infrastructure/flows"),
+    defaultApps: [{ name: "shuffle_workflows_builder" }, { name: "shuffle_apps" }],
+    defaultPresetId: "build-workflows",
+    title: "How can we help edit workflows?",
+    subtitle: "Shuffle Workflows Builder & Shuffle Apps",
+    defaultPrompt: "Edit this Shuffle workflow to ",
+    placeholder: "Describe the workflow you want to build or edit...",
+    getStorageKey: () => "workflows_builder",
+    description: "Workflow builder with Shuffle Workflows Builder and Shuffle Apps"
+  },
+  // ==========================================
+  // 5. Assets, Software & Packages
+  // ==========================================
+  // Specific Asset Tab (/assets/:tab)
+  {
+    id: "assets-tab",
+    match: "/assets/:tab",
+    defaultApps: [{ name: "shuffle_assets" }, { name: "shuffle_vulnerabilities" }],
+    defaultPresetId: "vulnerability",
+    sourceCategory: "vulnerabilities",
+    title: (params) => {
+      const entity = getActivePageEntityName();
+      if (entity) return `How can we help with "${entity}"?`;
+      const tabName = (params.tab || "assets").replace(/[-_]+/g, " ");
+      return `How can we help with ${tabName}?`;
+    },
+    subtitle: () => "Shuffle Assets & Shuffle Vulnerabilities",
+    defaultPrompt: (params) => `Inspect ${params.tab || "assets"} and review vulnerabilities: `,
+    placeholder: "Search assets, inspect hosts, or check security posture...",
+    getStorageKey: (params) => `assets_tab_${params.tab}`,
+    description: "Assets tab view with Shuffle Assets and Shuffle Vulnerabilities MCPs"
+  },
+  // Assets Overview (/assets, /assets/*)
+  {
+    id: "assets-overview",
+    match: (pathname) => pathname === "/assets" || pathname.startsWith("/assets"),
+    defaultApps: [{ name: "shuffle_assets" }, { name: "shuffle_vulnerabilities" }],
+    defaultPresetId: "vulnerability",
+    sourceCategory: "vulnerabilities",
+    title: "How can we help with assets?",
+    subtitle: "Shuffle Assets & Shuffle Vulnerabilities",
+    defaultPrompt: "Audit assets and review vulnerabilities for ",
+    placeholder: "Search assets, inspect hosts, or check security posture...",
+    getStorageKey: () => "assets_overview",
+    description: "Assets overview with Shuffle Assets and Shuffle Vulnerabilities MCPs"
+  },
+  // Software Inventory (/software, /software/*)
+  {
+    id: "software-inventory",
+    match: (pathname) => pathname === "/software" || pathname.startsWith("/software"),
+    defaultApps: [{ name: "shuffle_software" }, { name: "shuffle_vulnerabilities" }],
+    defaultPresetId: "vulnerability",
+    sourceCategory: "vulnerabilities",
+    title: (params) => {
+      const entity = getActivePageEntityName();
+      return entity ? `How can we help with "${entity}"?` : "How can we help with software inventory?";
+    },
+    subtitle: () => "Shuffle Software & Shuffle Vulnerabilities",
+    defaultPrompt: "Inspect software inventory and check for vulnerabilities in ",
+    placeholder: "Search installed software, verify versions, or scan for CVEs...",
+    getStorageKey: () => "software_inventory",
+    description: "Software inventory with Shuffle Software and Shuffle Vulnerabilities MCPs"
+  },
+  // Packages Inventory (/packages, /packages/*)
+  {
+    id: "packages-inventory",
+    match: (pathname) => pathname === "/packages" || pathname.startsWith("/packages"),
+    defaultApps: [{ name: "shuffle_packages" }, { name: "shuffle_vulnerabilities" }],
+    defaultPresetId: "vulnerability",
+    sourceCategory: "vulnerabilities",
+    title: (params) => {
+      const entity = getActivePageEntityName();
+      return entity ? `How can we help with "${entity}"?` : "How can we help with packages?";
+    },
+    subtitle: () => "Shuffle Packages & Shuffle Vulnerabilities",
+    defaultPrompt: "Analyze package dependencies and known vulnerabilities for ",
+    placeholder: "Search package dependencies, verify licenses, or check CVEs...",
+    getStorageKey: () => "packages_inventory",
+    description: "Package dependencies with Shuffle Packages and Shuffle Vulnerabilities MCPs"
+  },
+  // ==========================================
+  // 6. Detection & Sigma
+  // ==========================================
+  {
+    id: "detection",
+    match: (pathname) => pathname.startsWith("/detection"),
+    defaultApps: [{ name: "shuffle_detection" }],
+    defaultPresetId: "detection",
+    title: "How can we help tune detections?",
+    subtitle: "Shuffle Detection MCP",
+    defaultPrompt: "Modify my detections to ",
+    placeholder: "Create Sigma rules, tune detection pipelines, or filter false positives...",
+    getStorageKey: () => "detection",
+    description: "Detection engineering with Shuffle Detection MCP"
+  },
+  // ==========================================
+  // 7. Documentation (/docs, /docs/*)
+  // ==========================================
+  {
+    id: "docs",
+    match: (pathname) => pathname === "/docs" || pathname.startsWith("/docs/"),
+    defaultApps: [{ name: "shuffle_tools" }],
+    defaultPresetId: "support",
+    title: "How can we help with documentation?",
+    subtitle: "Documentation & Knowledge Assistant",
+    defaultPrompt: "Help me understand or find information about ",
+    placeholder: "Ask questions about Shuffle features, guides, or API...",
+    getStorageKey: (params, pathname) => `docs_${pathname.replace(/[^a-zA-Z0-9_-]/g, "_")}`,
+    description: "Documentation assistant for Shuffle guides, features, and API references",
+    sideshift: true
+  },
+  // ==========================================
+  // 8. Default Fallback (Support)
+  // ==========================================
+  {
+    id: "default",
+    match: () => true,
+    defaultApps: [{ name: "shuffle_tools" }],
+    defaultPresetId: "support",
+    title: "How can we help on this page?",
+    subtitle: "General Platform Assistant",
+    defaultPrompt: "Help me with the following on this page: ",
+    placeholder: "Ask anything about Shuffle, integrations, or workflows...",
+    getStorageKey: (params, pathname) => `page_${pathname.replace(/[^a-zA-Z0-9_-]/g, "_")}`,
+    description: "General support agent for the platform",
+    missingConfig: true
+  }
+];
+var customRuleRegistry = [];
+var registerAgentContextRule = (rule, prepend = true) => {
+  if (prepend) {
+    customRuleRegistry.unshift(rule);
+  } else {
+    customRuleRegistry.push(rule);
+  }
+  return () => {
+    const idx = customRuleRegistry.indexOf(rule);
+    if (idx !== -1) customRuleRegistry.splice(idx, 1);
+  };
+};
+var getAgentContextRules = (customRules) => {
+  return [...customRules ?? [], ...customRuleRegistry, ...DEFAULT_AGENT_CONTEXT_RULES];
+};
+var getPageContextChoice = (storageKey) => {
+  try {
+    const raw = localStorage.getItem(`${STORAGE_PREFIX}${storageKey}`);
+    if (!raw) return null;
+    return JSON.parse(raw);
+  } catch {
+    return null;
+  }
+};
+var setPageContextChoice = (storageKey, choice) => {
+  try {
+    const existing = getPageContextChoice(storageKey) || { updatedAt: Date.now() };
+    const payload = {
+      ...existing,
+      ...choice,
+      updatedAt: Date.now()
+    };
+    localStorage.setItem(`${STORAGE_PREFIX}${storageKey}`, JSON.stringify(payload));
+  } catch {
+  }
+};
+var clearPageContextChoice = (storageKey) => {
+  try {
+    localStorage.removeItem(`${STORAGE_PREFIX}${storageKey}`);
+  } catch {
+  }
+};
+var resolveAgentContext = (pathname, search = "", customRules) => {
+  const normPath = pathname.replace(/\/+$/, "") || "/";
+  const searchParams = new URLSearchParams(search.startsWith("?") ? search.slice(1) : search);
+  const rules = getAgentContextRules(customRules);
+  let matchedRule = null;
+  let matchedParams = {};
+  for (const rule of rules) {
+    if (typeof rule.match === "string") {
+      const params = matchRoutePattern(rule.match, normPath);
+      if (params !== null) {
+        matchedRule = rule;
+        matchedParams = params;
+        break;
+      }
+    } else if (rule.match instanceof RegExp) {
+      if (rule.match.test(normPath)) {
+        matchedRule = rule;
+        break;
+      }
+    } else if (typeof rule.match === "function") {
+      const res = rule.match(normPath, searchParams);
+      if (res) {
+        matchedRule = rule;
+        if (typeof res === "object") {
+          matchedParams = res;
+        }
+        break;
+      }
+    }
+  }
+  if (!matchedRule) {
+    matchedRule = DEFAULT_AGENT_CONTEXT_RULES[DEFAULT_AGENT_CONTEXT_RULES.length - 1];
+  }
+  const storageKey = matchedRule.getStorageKey ? matchedRule.getStorageKey(matchedParams, normPath) : matchedRule.id;
+  const savedChoice = getPageContextChoice(storageKey);
+  const isOverridden = !!savedChoice && (savedChoice.apps !== void 0 || savedChoice.presetId !== void 0);
+  const cachedConnected = matchedRule.sourceCategory ? getCachedConnectedTools(matchedRule.sourceCategory) : [];
+  const baseDefaultApps = mergeConnectedTools(matchedRule.defaultApps, cachedConnected);
+  const effectiveApps = savedChoice?.apps ?? baseDefaultApps;
+  const effectivePresetId = savedChoice?.presetId !== void 0 ? savedChoice.presetId ?? void 0 : matchedRule.defaultPresetId;
+  const title = typeof matchedRule.title === "function" ? matchedRule.title(matchedParams, normPath) : matchedRule.title ?? "Agent";
+  const subtitle = typeof matchedRule.subtitle === "function" ? matchedRule.subtitle(matchedParams, normPath) : matchedRule.subtitle ?? "Context aware assistant";
+  const defaultPrompt = typeof matchedRule.defaultPrompt === "function" ? matchedRule.defaultPrompt(matchedParams, normPath) : matchedRule.defaultPrompt ?? "";
+  const missingConfig = Boolean(matchedRule.missingConfig ?? matchedRule.id === "default");
+  return {
+    ruleId: matchedRule.id,
+    apps: effectiveApps,
+    presetId: effectivePresetId,
+    title,
+    subtitle,
+    defaultPrompt,
+    placeholder: matchedRule.placeholder,
+    storageKey,
+    params: matchedParams,
+    pathname: normPath,
+    sourceCategory: matchedRule.sourceCategory,
+    isOverridden,
+    originalDefaultApps: baseDefaultApps,
+    originalDefaultPresetId: matchedRule.defaultPresetId,
+    missingConfig,
+    sideshift: matchedRule.sideshift
+  };
+};
+
 // components/AgentUI.tsx
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var normalizeMarkdown = (raw) => {
@@ -13339,14 +14568,27 @@ var LAST_PRESET_STORAGE_KEY = "agent_last_preset_id";
 var PRESET_APPS_STORAGE_KEY = "agent_preset_apps_overrides";
 var NO_PRESET_KEY = "__none__";
 var PRESET_TEMPLATE_SLUGS = {
-  "build-workflows": "workflow-edit",
+  "build-workflows": "edit-workflow",
   "handle-notifications": "handle-notifications",
-  "incident-response": "incident-response",
+  "incident-response": "incident-handler",
   "host-monitor-control": "computer-use",
   support: "support",
   vulnerability: "vulnerability",
   detection: "detection"
 };
+var TEMPLATE_SLUG_TO_PRESET_ID = {
+  "workflow-edit": "build-workflows",
+  "edit-workflow": "build-workflows",
+  "build-workflows": "build-workflows",
+  "incident-response": "incident-response",
+  "incident-handler": "incident-response",
+  "vulnerability": "vulnerability",
+  "vulnerability-management": "vulnerability",
+  "computer-use": "host-monitor-control",
+  support: "support",
+  "handle-notifications": "handle-notifications",
+  detection: "detection"
+};
 var readPresetAppsOverride = (presetId) => {
   try {
     const raw = localStorage.getItem(PRESET_APPS_STORAGE_KEY);
@@ -14478,6 +15720,7 @@ var AgentUI = ({
   heroIconSize = 84,
   maxWidth = 850,
   compact = false,
+  mobileView,
   hideAppPicker = false,
   hideAttach = false,
   disableStartTab = false,
@@ -14512,10 +15755,14 @@ var AgentUI = ({
   userId,
   hidePresets = false,
   presets,
+  initialPresetId,
   onSelectPreset,
+  contextCategory,
+  contextStorageKey,
   isSupport,
   presetCtas
 }) => {
+  const isEffectiveSupport = isSupport !== void 0 ? isSupport : isSupportUser();
   const resolveUrl2 = (0, import_react22.useCallback)(
     (path) => apiBaseUrl ? `${apiBaseUrl.replace(/\/+$/, "")}${path}` : getApiUrl(path),
     [apiBaseUrl]
@@ -14526,7 +15773,8 @@ var AgentUI = ({
     return h;
   }, [apiKey, orgId]);
   const hasApiKey = !!apiKey || !!API_CONFIG.apiKey;
-  const isPhone = (0, import_material23.useMediaQuery)("(max-width:600px)", { noSsr: true });
+  const isPhoneScreen = (0, import_material23.useMediaQuery)("(max-width:600px)", { noSsr: true });
+  const isPhone = mobileView !== void 0 ? mobileView : isPhoneScreen;
   const navigate = (0, import_router_compat2.useNavigate)();
   const [actionInput, setActionInput] = (0, import_react22.useState)(defaultInput);
   const { prompt: savedPromptPrefix } = useAgentPromptPrefix({ userId, persist: !disableStartTab });
@@ -14562,27 +15810,32 @@ var AgentUI = ({
   const inputRef = (0, import_react22.useRef)(null);
   const seededPresetIdRef = (0, import_react22.useRef)(null);
   (0, import_react22.useEffect)(() => {
-    if (defaultInput && defaultInput.trim().length > 0) {
+    if (!initialPresetId && defaultInput && defaultInput.trim().length > 0) {
       setSelectedPreset(null);
       return;
     }
     try {
-      const lastId = localStorage.getItem(LAST_PRESET_STORAGE_KEY);
-      if (!lastId) return;
-      const list = filterAgentPresets(presets && presets.length > 0 ? presets : AGENT_PRESETS, isSupport);
+      const lastId = initialPresetId !== void 0 ? initialPresetId : localStorage.getItem(LAST_PRESET_STORAGE_KEY);
+      if (!lastId) {
+        if (initialPresetId === null) setSelectedPreset(null);
+        return;
+      }
+      const list = filterAgentPresets(presets && presets.length > 0 ? presets : AGENT_PRESETS, isEffectiveSupport);
       const match = list.find((p) => p.id === lastId);
       if (!match || match.enabled === false) return;
       setSelectedPreset(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 (!defaultApps && !apps) {
+        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 })));
+        }
       }
       seededPresetIdRef.current = match.id;
     } catch {
     }
-  }, [presets, defaultInput, isSupport]);
+  }, [presets, defaultInput, isEffectiveSupport, initialPresetId, defaultApps, apps]);
   (0, import_react22.useLayoutEffect)(() => {
     if (hidePresets) {
       setPresetsChipWidth(0);
@@ -14807,21 +16060,55 @@ var AgentUI = ({
     [agentData]
   );
   const [showStarter, setShowStarter] = (0, import_react22.useState)(true);
-  const [scheduleAnchor, setScheduleAnchor] = (0, import_react22.useState)(null);
-  const [mobilePlusAnchor, setMobilePlusAnchor] = (0, import_react22.useState)(null);
-  const [scheduleCron, setScheduleCron] = (0, import_react22.useState)("0 * * * *");
-  const [scheduleSaving, setScheduleSaving] = (0, import_react22.useState)(false);
-  const [scheduleSteps, setScheduleSteps] = (0, import_react22.useState)([
-    { id: "name", state: "pending" },
-    { id: "workflow", state: "pending" },
-    { id: "schedule", state: "pending" }
-  ]);
-  const [schedFreq, setSchedFreq] = (0, import_react22.useState)("hours");
-  const [schedInterval, setSchedInterval] = (0, import_react22.useState)(1);
-  const [schedHour, setSchedHour] = (0, import_react22.useState)(9);
-  const [schedMinute, setSchedMinute] = (0, import_react22.useState)(0);
-  const [schedWeekdays, setSchedWeekdays] = (0, import_react22.useState)(() => /* @__PURE__ */ new Set([1]));
-  const [schedDayOfMonth, setSchedDayOfMonth] = (0, import_react22.useState)(1);
+  const handleRemovePreset = (0, import_react22.useCallback)(() => {
+    try {
+      localStorage.removeItem(LAST_PRESET_STORAGE_KEY);
+    } catch {
+    }
+    setSelectedPreset(null);
+  }, []);
+  const handleSelectPresetInternal = (0, import_react22.useCallback)((preset) => {
+    try {
+      localStorage.setItem(LAST_PRESET_STORAGE_KEY, preset.id);
+    } catch {
+    }
+    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 })));
+    } else {
+      setChosenApps([]);
+    }
+    seededPresetIdRef.current = preset.id;
+    if (onSelectPreset) {
+      onSelectPreset(preset);
+      return;
+    }
+    setSelectedPreset(preset);
+    setTimeout(() => {
+      const el = inputRef.current;
+      try {
+        el?.focus();
+      } catch {
+      }
+    }, 0);
+  }, [onSelectPreset]);
+  const [scheduleAnchor, setScheduleAnchor] = (0, import_react22.useState)(null);
+  const [mobilePlusAnchor, setMobilePlusAnchor] = (0, import_react22.useState)(null);
+  const [scheduleCron, setScheduleCron] = (0, import_react22.useState)("0 * * * *");
+  const [scheduleSaving, setScheduleSaving] = (0, import_react22.useState)(false);
+  const [scheduleSteps, setScheduleSteps] = (0, import_react22.useState)([
+    { id: "name", state: "pending" },
+    { id: "workflow", state: "pending" },
+    { id: "schedule", state: "pending" }
+  ]);
+  const [schedFreq, setSchedFreq] = (0, import_react22.useState)("hours");
+  const [schedInterval, setSchedInterval] = (0, import_react22.useState)(1);
+  const [schedHour, setSchedHour] = (0, import_react22.useState)(9);
+  const [schedMinute, setSchedMinute] = (0, import_react22.useState)(0);
+  const [schedWeekdays, setSchedWeekdays] = (0, import_react22.useState)(() => /* @__PURE__ */ new Set([1]));
+  const [schedDayOfMonth, setSchedDayOfMonth] = (0, import_react22.useState)(1);
   const [schedAdvancedOpen, setSchedAdvancedOpen] = (0, import_react22.useState)(false);
   const cronManualOverrideRef = (0, import_react22.useRef)(false);
   const [openIndexes, setOpenIndexes] = (0, import_react22.useState)(/* @__PURE__ */ new Set());
@@ -14864,7 +16151,7 @@ var AgentUI = ({
   }, [viewMode]);
   const [attachedImages, setAttachedImages] = (0, import_react22.useState)([]);
   const [previewImage, setPreviewImage] = (0, import_react22.useState)(null);
-  const promptMultiline = promptMultilineBase || attachedImages.length > 0;
+  const promptMultiline = promptMultilineBase || attachedImages.length > 0 || isPhone && Boolean(selectedPreset);
   const promptSingleLineLocked = !promptMultiline;
   const [nowTick, setNowTick] = (0, import_react22.useState)(() => Math.floor(Date.now() / 1e3));
   const [localRunStart, setLocalRunStart] = (0, import_react22.useState)(null);
@@ -15118,11 +16405,18 @@ var AgentUI = ({
   const loadAuthenticatedApps = (0, import_react22.useCallback)(async (signal) => {
     setAuthAppsLoading(true);
     try {
-      const resp = await fetch(resolveUrl2("/api/v1/apps/authentication"), {
-        credentials: "include",
-        headers: { ...resolveHeaders2() }
-      });
-      if (!resp.ok) {
+      const [authRes, wfRes] = await Promise.allSettled([
+        fetch(resolveUrl2("/api/v1/apps/authentication"), {
+          credentials: "include",
+          headers: { ...resolveHeaders2() }
+        }),
+        fetch(resolveUrl2("/api/v1/workflows"), {
+          credentials: "include",
+          headers: { ...resolveHeaders2() }
+        })
+      ]);
+      const resp = authRes.status === "fulfilled" ? authRes.value : null;
+      if (!resp || !resp.ok) {
         if (!signal?.cancelled) setAvailableApps([]);
         return;
       }
@@ -15147,12 +16441,53 @@ var AgentUI = ({
       }
       if (signal?.cancelled) return;
       setAvailableApps(loaded);
+      const wfResp = wfRes.status === "fulfilled" ? wfRes.value : null;
+      const wfResult = wfResp && wfResp.ok ? await wfResp.json() : [];
+      const effectiveCategory = contextCategory || ((defaultApps || chosenApps).some((a) => normalizeAgentAppName(a.name || "").includes("incident")) ? "incidents" : (defaultApps || chosenApps).some((a) => normalizeAgentAppName(a.name || "").includes("vulnerabilit")) ? "vulnerabilities" : void 0);
+      let connectedTools = [];
+      if (effectiveCategory) {
+        connectedTools = resolveConnectedTools(effectiveCategory, list, wfResult);
+        if (connectedTools.length > 0) {
+          setCachedConnectedTools(effectiveCategory, connectedTools);
+        }
+      }
+      setChosenApps((prev) => {
+        let changed = false;
+        const savedChoice = contextStorageKey ? getPageContextChoice(contextStorageKey) : null;
+        let baseList = prev;
+        if (!savedChoice?.apps && connectedTools.length > 0) {
+          const merged = mergeConnectedTools(prev, connectedTools);
+          if (merged.length !== prev.length || merged.some((m, idx) => prev[idx]?.name !== m.name)) {
+            baseList = merged;
+            changed = true;
+          }
+        }
+        const updated = baseList.map((app2) => {
+          if (app2.icon && app2.id) return app2;
+          const slug = normalizeAgentAppName(app2.name || "");
+          const match = loaded.find((a) => normalizeAgentAppName(a.name || "") === slug);
+          if (!match) return app2;
+          if (!app2.icon && match.icon || !app2.id && match.id) {
+            changed = true;
+            return {
+              ...app2,
+              id: app2.id || match.id,
+              icon: app2.icon || match.icon
+            };
+          }
+          return app2;
+        });
+        if (changed && onAppsChange) {
+          onAppsChange(updated);
+        }
+        return changed ? updated : prev;
+      });
       setDetectedLLM(resolveActiveLLMProvider(list));
     } catch {
     } finally {
       if (!signal?.cancelled) setAuthAppsLoading(false);
     }
-  }, [resolveUrl2, resolveHeaders2]);
+  }, [resolveUrl2, resolveHeaders2, contextCategory, contextStorageKey, defaultApps, onAppsChange]);
   (0, import_react22.useEffect)(() => {
     if (!autoLoadApps) return;
     if (!hasApiKey) return;
@@ -15757,7 +17092,9 @@ var AgentUI = ({
     if (!raw) return null;
     const slug = String(raw).trim().toLowerCase();
     const list = presets && presets.length > 0 ? presets : AGENT_PRESETS;
-    return list.find((p) => p.id === slug || PRESET_TEMPLATE_SLUGS[p.id] === slug) ?? null;
+    return list.find(
+      (p) => p.id === slug || PRESET_TEMPLATE_SLUGS[p.id] === slug || TEMPLATE_SLUG_TO_PRESET_ID[slug] === p.id
+    ) ?? null;
   }, [agentData, agentActionResult, execution, presets]);
   const rerunAgent = (0, import_react22.useCallback)(() => {
     const resolved = resolveRunInput();
@@ -16504,14 +17841,13 @@ var AgentUI = ({
         gap: 1,
         width: isPhone ? "100%" : "fit-content",
         alignSelf: "center",
-        position: isPhone ? "fixed" : "sticky",
+        position: "sticky",
         top: isPhone ? 0 : 8,
-        left: isPhone ? 0 : "auto",
-        right: isPhone ? 0 : "auto",
-        zIndex: isPhone ? 1300 : 5,
+        left: "auto",
+        right: "auto",
+        zIndex: isPhone ? 20 : 5,
         bgcolor: isPhone ? "hsl(var(--background))" : "hsl(var(--card))",
         borderRadius: isPhone ? 0 : 9999,
-        borderBottom: isPhone ? "1px solid hsl(var(--border))" : "none",
         boxShadow: isPhone ? "0 4px 16px rgba(0,0,0,0.12)" : "none",
         px: isPhone ? 1 : 0,
         py: isPhone ? 1 : 0
@@ -16964,7 +18300,7 @@ var AgentUI = ({
       ]
     }
   );
-  const postRunDiscovery = Boolean(postRunScheduleHint) && !scheduleDisabledReason || postRunAppReqs.length > 0 || postRunUnauthedApps.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  const postRunDiscovery = isEffectiveSupport && (Boolean(postRunScheduleHint) && !scheduleDisabledReason || postRunAppReqs.length > 0 || postRunUnauthedApps.length > 0) ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     import_material23.Box,
     {
       sx: {
@@ -16978,7 +18314,47 @@ var AgentUI = ({
         bgcolor: "hsl(var(--muted) / 0.35)"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material23.Typography, { sx: { fontSize: "0.78rem", color: "hsl(var(--muted-foreground))", mr: 0.5 }, children: "Set this up to run on its own" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          import_material23.Tooltip,
+          {
+            title: "Visible to support users only \u2014 this helps guide us towards things working better over time.",
+            arrow: true,
+            children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+              import_material23.Box,
+              {
+                sx: {
+                  display: "inline-flex",
+                  alignItems: "center",
+                  gap: 0.75,
+                  mr: 0.5,
+                  cursor: "help"
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material23.Typography, { sx: { fontSize: "0.78rem", color: "hsl(var(--muted-foreground))" }, children: "Set this up to run on its own" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                    import_material23.Box,
+                    {
+                      component: "span",
+                      sx: {
+                        fontSize: "0.64rem",
+                        fontWeight: 600,
+                        textTransform: "uppercase",
+                        letterSpacing: "0.04em",
+                        px: 0.75,
+                        py: 0.15,
+                        borderRadius: "4px",
+                        bgcolor: "hsl(var(--muted))",
+                        color: "hsl(var(--muted-foreground))",
+                        border: "1px solid hsl(var(--border))"
+                      },
+                      children: "Support only"
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
         postRunScheduleHint && !scheduleDisabledReason && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material23.Tooltip, { title: `Detected schedule: ${postRunScheduleHint.label}. Click to review and save.`, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
           import_material23.Box,
           {
@@ -17073,22 +18449,46 @@ var AgentUI = ({
   ) : null;
   const mobilePlusCanSchedule = (hasExecution || showStarter) && !scheduleDisabledReason && !disableSchedule && (actionInput || "").trim().length >= 1;
   const mobilePlusButton = isPhone ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-    import_material23.IconButton,
+    import_material23.Tooltip,
+    {
+      title: selectedPreset ? `Skill: ${selectedPreset.label} (click to change)` : "Add skill, schedule, or attachments",
+      arrow: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        import_material23.IconButton,
+        {
+          type: "button",
+          "aria-label": "Skills, schedule and attachments",
+          onClick: (e) => setMobilePlusAnchor(e.currentTarget),
+          sx: {
+            width: 32,
+            height: 32,
+            flexShrink: 0,
+            alignSelf: "center",
+            border: "1px solid hsl(var(--border))",
+            color: selectedPreset ? "hsl(var(--foreground))" : "hsl(var(--muted-foreground))",
+            bgcolor: selectedPreset ? "hsl(var(--muted))" : "transparent",
+            "&:hover": { bgcolor: "hsl(var(--muted))", color: "hsl(var(--foreground))" }
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.Plus, { size: 16 })
+        }
+      )
+    }
+  ) : null;
+  const mobileSkillChip = isPhone && selectedPreset && !hidePresets ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    AgentPresets_default,
     {
-      type: "button",
-      "aria-label": "Skills, schedule and attachments",
-      onClick: (e) => setMobilePlusAnchor(e.currentTarget),
+      variant: "floating",
+      chipRef: presetsChipRef,
+      presets,
+      isSupport: isEffectiveSupport,
+      selectedPreset,
+      onRemoveSelected: handleRemovePreset,
+      onSelectPreset: handleSelectPresetInternal,
+      placement: "bottom-start",
       sx: {
-        width: 32,
         height: 32,
-        flexShrink: 0,
-        alignSelf: "flex-start",
-        border: "1px solid hsl(var(--border))",
-        color: selectedPreset ? "hsl(var(--foreground))" : "hsl(var(--muted-foreground))",
-        bgcolor: selectedPreset ? "hsl(var(--muted))" : "transparent",
-        "&:hover": { bgcolor: "hsl(var(--muted))", color: "hsl(var(--foreground))" }
-      },
-      children: selectedPreset?.icon ?? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.Plus, { size: 16 })
+        alignSelf: "center"
+      }
     }
   ) : null;
   const mobilePlusMenu = isPhone ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
@@ -17148,7 +18548,7 @@ var AgentUI = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+        !disableSchedule && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
           import_material23.MenuItem,
           {
             disabled: !mobilePlusCanSchedule || agentRequestLoading,
@@ -17211,8 +18611,7 @@ var AgentUI = ({
             ...Array.isArray(contentSx) ? contentSx : contentSx ? [contentSx] : []
           ],
           children: [
-            (showRunSwitcher || isPhone) && tabBar,
-            isPhone && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material23.Box, { sx: { height: 52, flexShrink: 0, flexGrow: 0 } }),
+            showRunSwitcher && tabBar,
             schedulePopover,
             mobilePlusMenu,
             showStarter ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
@@ -17230,7 +18629,7 @@ var AgentUI = ({
                   gap: isPhone ? 1.5 : compact ? 2 : 3,
                   py: isPhone ? 1 : compact ? 2 : 4,
                   width: "100%",
-                  ...isPhone ? { flex: 1, justifyContent: "center" } : {}
+                  ...isPhone ? { flex: 1, justifyContent: "center", marginTop: compact ? "-16px" : "-50px" } : {}
                 },
                 children: [
                   !hideHeroIcon && !compact && !isPhone && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material23.Box, { sx: {
@@ -17244,13 +18643,13 @@ var AgentUI = ({
                     justifyContent: "center",
                     boxShadow: "0 8px 24px rgba(0,0,0,0.25)"
                   }, children: heroIcon ?? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(AgentIcon_default, { size: Math.round(heroIconSize * 0.67) }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material23.Typography, { component: "h1", sx: {
-                    fontSize: compact ? { xs: "1.1rem", md: "1.5rem" } : { xs: "1.35rem", md: "2.25rem" },
+                  title ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material23.Typography, { component: "h1", sx: {
+                    fontSize: isPhone ? "1.35rem" : compact ? { xs: "1.1rem", md: "1.5rem" } : { xs: "1.35rem", md: "2.25rem" },
                     fontWeight: 600,
                     color: "hsl(var(--foreground))",
                     textAlign: "center",
                     letterSpacing: "-0.01em"
-                  }, children: title }),
+                  }, children: title }) : null,
                   subtitle && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material23.Typography, { sx: {
                     fontSize: { xs: "0.8rem", sm: "0.95rem" },
                     color: "hsl(var(--muted-foreground))",
@@ -17265,11 +18664,11 @@ var AgentUI = ({
                     gap: 0.5,
                     // Keep the same radius in both states so growing to multiple
                     // lines does not visually snap from a pill to a boxy card.
-                    borderRadius: "28px",
+                    borderRadius: isPhone ? promptMultiline ? "20px" : "28px" : "28px",
                     border: "1.5px solid hsl(var(--border))",
                     bgcolor: "hsl(var(--card))",
-                    px: isPhone ? 1 : 2.25,
-                    py: 1,
+                    px: isPhone ? 1.5 : 2.25,
+                    py: isPhone ? promptMultiline ? 1.25 : 1 : 1,
                     boxSizing: "border-box",
                     // A one-line prompt is a fixed-size control. Lock all three
                     // dimensions so TextareaAutosize cannot retain a stale
@@ -17302,7 +18701,10 @@ var AgentUI = ({
                       maxHeight: "33px"
                     } : {}
                   }, children: [
-                    isPhone && !promptMultiline && mobilePlusButton,
+                    isPhone && !promptMultiline && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_material23.Box, { sx: { display: "inline-flex", alignItems: "center", gap: 0.5, flexShrink: 0 }, children: [
+                      mobilePlusButton,
+                      mobileSkillChip
+                    ] }),
                     /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                       import_material23.InputBase,
                       {
@@ -17412,9 +18814,8 @@ var AgentUI = ({
                         ref: chipOverlayRef,
                         "data-static": promptMultiline ? "1" : "0",
                         sx: isPhone ? {
-                          // Mobile: the skill chip lives inside the "+" menu. The
-                          // trigger stays mounted (invisible) so the menu can still
-                          // be opened programmatically and anchored correctly.
+                          // Mobile: when no preset is selected, keep an invisible trigger mounted
+                          // so the "+" menu can programmatically open the skills picker.
                           position: "absolute",
                           left: 0,
                           bottom: 0,
@@ -17466,48 +18867,16 @@ var AgentUI = ({
                             to: { transform: "translateY(0)", opacity: 1 }
                           }
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                        children: (!isPhone || !selectedPreset) && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                           AgentPresets_default,
                           {
                             variant: "floating",
-                            chipRef: presetsChipRef,
+                            chipRef: !isPhone || !selectedPreset ? presetsChipRef : void 0,
                             presets,
-                            isSupport,
+                            isSupport: isEffectiveSupport,
                             selectedPreset,
-                            onRemoveSelected: () => {
-                              try {
-                                localStorage.removeItem(LAST_PRESET_STORAGE_KEY);
-                              } catch {
-                              }
-                              setSelectedPreset(null);
-                            },
-                            onSelectPreset: (preset) => {
-                              try {
-                                localStorage.setItem(LAST_PRESET_STORAGE_KEY, preset.id);
-                              } catch {
-                              }
-                              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 })));
-                              } else {
-                                setChosenApps([]);
-                              }
-                              seededPresetIdRef.current = preset.id;
-                              if (onSelectPreset) {
-                                onSelectPreset(preset);
-                                return;
-                              }
-                              setSelectedPreset(preset);
-                              setTimeout(() => {
-                                const el = inputRef.current;
-                                try {
-                                  el?.focus();
-                                } catch {
-                                }
-                              }, 0);
-                            }
+                            onRemoveSelected: handleRemovePreset,
+                            onSelectPreset: handleSelectPresetInternal
                           }
                         )
                       }
@@ -17545,7 +18914,10 @@ var AgentUI = ({
                       /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material23.Typography, { sx: { fontSize: "0.7rem", color: "hsl(var(--foreground))", maxWidth: 140, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: img.name }),
                       /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material23.IconButton, { size: "small", onClick: () => setAttachedImages((prev) => prev.filter((_, i) => i !== idx)), sx: { p: 0.125, color: "hsl(var(--muted-foreground))", "&:hover": { color: "hsl(var(--destructive))" } }, "aria-label": "Remove attached image", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.X, { size: 11 }) })
                     ] }, `${img.name}-${idx}`)) }),
-                    isPhone && promptMultiline && mobilePlusButton,
+                    isPhone && promptMultiline && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_material23.Box, { sx: { display: "inline-flex", alignItems: "center", gap: 0.5, flexShrink: 0, minWidth: 0, maxWidth: "calc(100% - 60px)" }, children: [
+                      mobilePlusButton,
+                      mobileSkillChip
+                    ] }),
                     /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_material23.Box, { sx: {
                       display: "flex",
                       alignItems: "center",
@@ -17933,7 +19305,7 @@ var AgentUI = ({
                             ]
                           }
                         ) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                        !hideChooseLLM && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                           import_material23.Box,
                           {
                             component: "span",
@@ -18010,15 +19382,18 @@ var AgentUI = ({
                                     "&:hover": !agentRequestLoading ? { bgcolor: needsAuth ? "hsl(var(--severity-medium) / 0.18)" : "hsl(var(--muted) / 0.9)" } : {}
                                   },
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-                                      import_material23.Avatar,
-                                      {
-                                        src: app2.icon || void 0,
-                                        alt: app2.name,
-                                        variant: "rounded",
-                                        sx: { width: 18, height: 18, bgcolor: "transparent" }
-                                      }
-                                    ),
+                                    (() => {
+                                      const appIcon = app2.icon || availableApps.find((a) => normalizeAgentAppName(a.name || "") === slug)?.icon || resolvedToolApps[slug]?.icon;
+                                      return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material23.Box, { sx: { display: "inline-flex", alignItems: "center", justifyContent: "center", width: 18, height: 18, flexShrink: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                                        AppFallbackIcon,
+                                        {
+                                          name: app2.name,
+                                          imageUrl: appIcon,
+                                          size: 18,
+                                          style: { borderRadius: 3, objectFit: "contain" }
+                                        }
+                                      ) });
+                                    })(),
                                     !isPhone && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material23.Typography, { sx: { fontSize: "0.8rem", mx: 0.25, textTransform: "capitalize" }, children: app2.name.replace(/_/g, " ") }),
                                     needsAuth && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.AlertTriangle, { size: 14, color: "hsl(var(--severity-medium))", style: { marginRight: 2 } }),
                                     isRequired ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
@@ -18183,21 +19558,38 @@ var AgentUI = ({
                   const hasAllowed = Array.isArray(agentData?.allowed_actions) && agentData.allowed_actions.length > 0;
                   const list = hasAllowed ? executionApps : chosenApps;
                   return list;
-                })().map((app2, i) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material23.Tooltip, { title: (app2.name || "").replace(/_/g, " "), children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-                  import_material23.Avatar,
-                  {
-                    src: app2.icon || void 0,
-                    alt: app2.name,
-                    variant: "rounded",
-                    onClick: () => setAuthDrawerApp({ name: app2.name, id: app2.id || null }),
-                    sx: {
-                      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" }
+                })().map((app2, i) => {
+                  const slug = normalizeAgentAppName(app2.name || "");
+                  const appIcon = app2.icon || availableApps.find((a) => normalizeAgentAppName(a.name || "") === slug)?.icon || resolvedToolApps[slug]?.icon;
+                  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material23.Tooltip, { title: (app2.name || "").replace(/_/g, " "), children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                    import_material23.Box,
+                    {
+                      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" }
+                      },
+                      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                        AppFallbackIcon,
+                        {
+                          name: app2.name,
+                          imageUrl: appIcon,
+                          size: 24,
+                          style: { borderRadius: 6, objectFit: "contain" }
+                        }
+                      )
                     }
-                  }
-                ) }, i)) }),
+                  ) }, i);
+                }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_material23.Box, { sx: { flex: 1, minWidth: 0 }, children: [
                   /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material23.Typography, { sx: { fontSize: "0.85rem", color: "hsl(var(--foreground))", fontWeight: 600, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: agentData?.original_input || actionInput || "Agent run" }),
                   /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_material23.Typography, { sx: { fontSize: "0.7rem", color: "hsl(var(--muted-foreground))" }, children: [
@@ -21447,6 +22839,7 @@ var AgentExecutionDrawer = ({
   bodySx,
   topBanner,
   onSchedule,
+  isSupport,
   theme,
   colorMode
 }) => {
@@ -21623,6 +23016,7 @@ var AgentExecutionDrawer = ({
               apiBaseUrl,
               orgId,
               onSchedule,
+              isSupport,
               theme,
               colorMode
             },
@@ -21906,6 +23300,7 @@ var AgentsView = ({
         onSchedule: effectiveSchedule,
         apiKey,
         orgId,
+        isSupport: userdata?.support === true || userdata?.support === "true",
         theme: resolvedTheme,
         colorMode
       }
@@ -22302,55 +23697,964 @@ var AddAppModal = ({ open, onClose, initialQuery, categoryLabel }) => {
 };
 var AddAppModal_default = AddAppModal;
 
-// components/AgentPromptPrefixChip.tsx
-var import_react31 = require("react");
+// components/AskAiButton.tsx
 var import_material31 = require("@mui/material");
-var import_lucide_react21 = require("lucide-react");
 var import_jsx_runtime36 = require("react/jsx-runtime");
-var AgentPromptPrefixChip = ({
-  label = "Shuffle Tools MCP",
-  userId,
-  value,
-  onChange,
-  onRemove,
-  defaultPrompt,
-  dialogTitle,
-  readOnly
+var AskAiButton = ({
+  onClick,
+  isOpen = false,
+  isSupport,
+  requireSupport = true,
+  pathname,
+  label = "Ask AI",
+  tagLabel = "Support only",
+  contextHint,
+  tooltipTitle,
+  sx,
+  hideWhenOpen = true
 }) => {
-  const controlled = value !== void 0;
-  const managed = useAgentPromptPrefix({ userId, defaultPrompt, persist: !controlled });
-  const prompt = controlled ? value : managed.prompt;
-  const isSaving = controlled ? false : managed.isSaving;
-  const [open, setOpen] = (0, import_react31.useState)(false);
-  const [draft, setDraft] = (0, import_react31.useState)(prompt);
-  (0, import_react31.useEffect)(() => {
-    if (!open) setDraft(prompt);
-  }, [prompt, open]);
-  const handleOpen = () => {
-    if (readOnly) return;
-    setDraft(prompt);
-    setOpen(true);
-  };
-  const handleSave = async () => {
-    if (controlled) {
-      await onChange?.(draft);
-    } else {
-      await managed.savePrompt(draft);
+  const themeScope = useShuffleMcpTheme();
+  const currentPath = pathname !== void 0 ? pathname : typeof window !== "undefined" ? window.location.pathname : "";
+  if (isAgentRoute(currentPath)) {
+    return null;
+  }
+  const isEffectiveSupport = isSupport !== void 0 ? isSupport : isSupportUser();
+  if (requireSupport && !isEffectiveSupport) {
+    return null;
+  }
+  if (hideWhenOpen && isOpen) {
+    return null;
+  }
+  const effectiveTooltip = tooltipTitle !== void 0 ? tooltipTitle : contextHint ? `Ask AI (${contextHint})` : "Ask AI \u2022 Context-aware assistant";
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    import_material31.Box,
+    {
+      className: themeScope?.scopeClassName,
+      sx: {
+        position: "fixed",
+        bottom: "calc(24px + env(safe-area-inset-bottom, 0px))",
+        right: "calc(24px + env(safe-area-inset-right, 0px))",
+        zIndex: 1250
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material31.Tooltip, { title: effectiveTooltip, arrow: true, placement: "top-end", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+        import_material31.ButtonBase,
+        {
+          onClick,
+          focusRipple: true,
+          "aria-label": `${label}${tagLabel ? ` (${tagLabel})` : ""}`,
+          sx: [
+            {
+              display: "inline-flex",
+              alignItems: "center",
+              gap: 1.25,
+              px: 2.25,
+              py: 1.25,
+              borderRadius: "9999px",
+              bgcolor: "hsl(var(--card))",
+              color: "hsl(var(--foreground))",
+              border: "1px solid hsl(var(--border))",
+              boxShadow: "0 4px 20px -2px rgba(0, 0, 0, 0.35), 0 2px 6px -1px rgba(0, 0, 0, 0.16)",
+              backdropFilter: "blur(10px)",
+              cursor: "pointer",
+              userSelect: "none",
+              transition: "transform 160ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 160ms ease, border-color 160ms ease, background-color 160ms ease",
+              "&:hover": {
+                transform: "translateY(-2px)",
+                bgcolor: "hsl(var(--card) / 0.95)",
+                borderColor: "hsla(var(--primary) / 0.45)",
+                boxShadow: "0 8px 26px -4px hsla(var(--primary) / 0.25), 0 4px 10px -2px rgba(0, 0, 0, 0.2)"
+              },
+              "&:active": {
+                transform: "translateY(0)",
+                boxShadow: "0 2px 10px -2px rgba(0, 0, 0, 0.25)"
+              }
+            },
+            ...Array.isArray(sx) ? sx : sx ? [sx] : []
+          ],
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+              import_material31.Box,
+              {
+                sx: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  width: 24,
+                  height: 24,
+                  borderRadius: "50%",
+                  bgcolor: "hsla(var(--primary) / 0.14)",
+                  color: "hsl(var(--primary))",
+                  flexShrink: 0
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AgentIcon_default, { size: 16 })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+              import_material31.Typography,
+              {
+                sx: {
+                  fontSize: "0.86rem",
+                  fontWeight: 600,
+                  letterSpacing: "-0.01em",
+                  lineHeight: 1,
+                  color: "inherit"
+                },
+                children: label
+              }
+            ),
+            tagLabel && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+              import_material31.Box,
+              {
+                component: "span",
+                sx: {
+                  fontSize: "0.64rem",
+                  fontWeight: 700,
+                  textTransform: "uppercase",
+                  letterSpacing: "0.04em",
+                  color: "hsl(var(--primary))",
+                  bgcolor: "hsla(var(--primary) / 0.12)",
+                  border: "1px solid hsla(var(--primary) / 0.26)",
+                  px: 0.9,
+                  py: 0.25,
+                  borderRadius: "9999px",
+                  lineHeight: 1.1,
+                  flexShrink: 0
+                },
+                children: tagLabel
+              }
+            )
+          ]
+        }
+      ) })
     }
-    setOpen(false);
-  };
-  const MAX_LABEL_CHARS = 15;
-  const displayLabel = label.length > MAX_LABEL_CHARS ? `${label.slice(0, MAX_LABEL_CHARS - 1).trimEnd()}\u2026` : label;
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material31.Tooltip, { title: readOnly ? `${label} \u2014 preset handled by the backend` : "Click to edit the default prompt sent with your message", placement: "top", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
-      import_material31.Box,
+  );
+};
+var AskAiButton_default = AskAiButton;
+
+// components/AskAiDrawer.tsx
+var import_react31 = require("react");
+var import_material32 = require("@mui/material");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var AskAiDrawer = ({
+  open,
+  onClose,
+  title,
+  subtitle,
+  pathname: propPathname,
+  search: propSearch,
+  rules,
+  onContextResolved,
+  hideResetAction = true,
+  agentUIProps,
+  ...drawerProps
+}) => {
+  const [internalPathname, setInternalPathname] = (0, import_react31.useState)(
+    () => typeof window !== "undefined" ? window.location.pathname : "/"
+  );
+  const [internalSearch, setInternalSearch] = (0, import_react31.useState)(
+    () => typeof window !== "undefined" ? window.location.search : ""
+  );
+  (0, import_react31.useEffect)(() => {
+    if (propPathname !== void 0) return;
+    const updateLoc = () => {
+      setInternalPathname(window.location.pathname);
+      setInternalSearch(window.location.search);
+    };
+    window.addEventListener("popstate", updateLoc);
+    return () => window.removeEventListener("popstate", updateLoc);
+  }, [propPathname]);
+  const activePathname = propPathname !== void 0 ? propPathname : internalPathname;
+  const activeSearch = propSearch !== void 0 ? propSearch : internalSearch;
+  const [resetKey, setResetKey] = (0, import_react31.useState)(0);
+  const resolvedContext = (0, import_react31.useMemo)(
+    () => resolveAgentContext(activePathname, activeSearch, rules),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [activePathname, activeSearch, rules, resetKey]
+  );
+  (0, import_react31.useEffect)(() => {
+    onContextResolved?.(resolvedContext);
+  }, [resolvedContext, onContextResolved]);
+  const [isOverridden, setIsOverridden] = (0, import_react31.useState)(resolvedContext.isOverridden);
+  (0, import_react31.useEffect)(() => {
+    setIsOverridden(resolvedContext.isOverridden);
+  }, [resolvedContext.isOverridden, resolvedContext.storageKey]);
+  const handleAppsChange = (0, import_react31.useCallback)(
+    (apps) => {
+      setPageContextChoice(resolvedContext.storageKey, {
+        apps: apps.map((a) => ({ name: a.name, id: a.id, icon: a.icon }))
+      });
+      setIsOverridden(true);
+    },
+    [resolvedContext.storageKey]
+  );
+  const handleSelectPreset = (0, import_react31.useCallback)(
+    (preset) => {
+      setPageContextChoice(resolvedContext.storageKey, {
+        presetId: preset.id
+      });
+      setIsOverridden(true);
+    },
+    [resolvedContext.storageKey]
+  );
+  const handleResetToDefaults = (0, import_react31.useCallback)(() => {
+    clearPageContextChoice(resolvedContext.storageKey);
+    setIsOverridden(false);
+    setResetKey((k) => k + 1);
+  }, [resolvedContext.storageKey]);
+  const effectiveTitle = title !== void 0 ? title : resolvedContext.title;
+  const effectiveSubtitle = subtitle !== void 0 ? subtitle : /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_material32.Box, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap", mt: 0.25 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material32.Typography, { component: "span", sx: { fontSize: "0.78rem", color: "hsl(var(--muted-foreground))" }, children: resolvedContext.subtitle }),
+    isOverridden && !hideResetAction && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      import_material32.ButtonBase,
       {
+        onClick: handleResetToDefaults,
         sx: {
-          display: "inline-flex",
-          alignItems: "center",
-          gap: 0.25,
-          px: 0.5,
-          borderRadius: 0.5,
+          fontSize: "0.68rem",
+          fontWeight: 600,
+          color: "hsl(var(--primary))",
+          textDecoration: "underline",
+          cursor: "pointer",
+          py: 0.1,
+          px: 0.4,
+          borderRadius: 0.5,
+          transition: "opacity 120ms ease",
+          "&:hover": { opacity: 0.75 }
+        },
+        children: "Reset to defaults"
+      }
+    )
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    AgentRunDrawer_default,
+    {
+      ...drawerProps,
+      open,
+      onClose,
+      title: effectiveTitle,
+      subtitle: effectiveSubtitle,
+      agentUIProps: {
+        ...agentUIProps,
+        key: `ask_ai_${resolvedContext.storageKey}_${resetKey}`,
+        defaultApps: resolvedContext.apps,
+        initialPresetId: resolvedContext.presetId,
+        defaultInput: agentUIProps?.defaultInput ?? resolvedContext.defaultPrompt,
+        placeholder: agentUIProps?.placeholder ?? resolvedContext.placeholder,
+        contextCategory: resolvedContext.sourceCategory,
+        contextStorageKey: resolvedContext.storageKey,
+        onAppsChange: (apps) => {
+          handleAppsChange(apps);
+          agentUIProps?.onAppsChange?.(apps);
+        },
+        onSelectPreset: (preset) => {
+          handleSelectPreset(preset);
+          agentUIProps?.onSelectPreset?.(preset);
+        }
+      }
+    }
+  );
+};
+var AskAiDrawer_default = AskAiDrawer;
+
+// components/AskAiSidePanel.tsx
+var import_react32 = __toESM(require("react"));
+var import_material33 = require("@mui/material");
+var import_lucide_react21 = require("lucide-react");
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var AGENT_DRAWER_OPEN_EVENT = "agent-drawer-open";
+var AskAiSidePanel = ({
+  open,
+  onClose,
+  initialTab = "run",
+  activeTab: propActiveTab,
+  onTabChange,
+  permissionsSlot,
+  localLLMSlot,
+  localLLMTabBadge,
+  permissionsDisabled = false,
+  permissionsDisabledTooltip,
+  pathname,
+  search,
+  rules,
+  isSupport,
+  width = 380,
+  theme,
+  globalUrl,
+  agentUIProps,
+  onContextResolved,
+  sideshift,
+  userdata,
+  isLoaded,
+  isLoggedIn,
+  serverside,
+  colorMode,
+  sx
+}) => {
+  const themeScope = useShuffleMcpTheme();
+  const effectiveTheme = theme || (themeScope?.isDark ? "dark" : "light");
+  const [currentPathname, setCurrentPathname] = (0, import_react32.useState)(() => {
+    if (pathname !== void 0) return pathname;
+    if (typeof window !== "undefined") return window.location.pathname;
+    return "/";
+  });
+  const [currentSearch, setCurrentSearch] = (0, import_react32.useState)(() => {
+    if (search !== void 0) return search;
+    if (typeof window !== "undefined") return window.location.search;
+    return "";
+  });
+  (0, import_react32.useEffect)(() => {
+    if (pathname !== void 0) {
+      setCurrentPathname(pathname);
+      return;
+    }
+    if (typeof window !== "undefined") {
+      const handleLocationChange = () => {
+        setCurrentPathname(window.location.pathname);
+        setCurrentSearch(window.location.search);
+      };
+      window.addEventListener("popstate", handleLocationChange);
+      return () => window.removeEventListener("popstate", handleLocationChange);
+    }
+    return;
+  }, [pathname]);
+  (0, import_react32.useEffect)(() => {
+    if (search !== void 0) {
+      setCurrentSearch(search);
+    }
+  }, [search]);
+  const isAgentDisabled = isAgentRoute(currentPathname);
+  (0, import_react32.useEffect)(() => {
+    if (isAgentDisabled && open) {
+      onClose();
+    }
+  }, [isAgentDisabled, open, onClose]);
+  const context = import_react32.default.useMemo(
+    () => resolveAgentContext(currentPathname, currentSearch, rules),
+    [currentPathname, currentSearch, rules]
+  );
+  (0, import_react32.useEffect)(() => {
+    onContextResolved?.(context);
+  }, [context, onContextResolved]);
+  useSyncHostBaseUrl(globalUrl);
+  const [internalTab, setInternalTab] = (0, import_react32.useState)(initialTab);
+  const currentTab = propActiveTab !== void 0 ? propActiveTab : internalTab;
+  const handleTabChange = (0, import_react32.useCallback)(
+    (nextTab) => {
+      setInternalTab(nextTab);
+      onTabChange?.(nextTab);
+    },
+    [onTabChange]
+  );
+  (0, import_react32.useEffect)(() => {
+    if (initialTab) {
+      setInternalTab(initialTab);
+    }
+  }, [initialTab]);
+  const prevOpenRef = (0, import_react32.useRef)(open);
+  (0, import_react32.useEffect)(() => {
+    if (open && !prevOpenRef.current && initialTab) {
+      setInternalTab(initialTab);
+      onTabChange?.(initialTab);
+    }
+    prevOpenRef.current = open;
+  }, [open, initialTab, onTabChange]);
+  (0, import_react32.useEffect)(() => {
+    if (typeof window === "undefined") return;
+    window.__shuffleAgentDrawerMounted = (window.__shuffleAgentDrawerMounted || 0) + 1;
+    return () => {
+      window.__shuffleAgentDrawerMounted = Math.max(
+        0,
+        (window.__shuffleAgentDrawerMounted || 1) - 1
+      );
+    };
+  }, []);
+  (0, import_react32.useEffect)(() => {
+    if (typeof window === "undefined") return;
+    const onOpen = (event) => {
+      const tab = event.detail?.tab;
+      if (tab) {
+        handleTabChange(tab);
+      }
+    };
+    window.addEventListener(AGENT_DRAWER_OPEN_EVENT, onOpen);
+    return () => {
+      window.removeEventListener(AGENT_DRAWER_OPEN_EVENT, onOpen);
+    };
+  }, [handleTabChange]);
+  const effectiveLocalLLMSlot = localLLMSlot ?? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    LocalLLMConfig_default,
+    {
+      open,
+      globalUrl,
+      userdata,
+      isLoaded,
+      isLoggedIn,
+      serverside,
+      theme: effectiveTheme,
+      colorMode
+    }
+  );
+  const TAB_ORDER2 = ["run", "localLLM"];
+  const visibleTabs = TAB_ORDER2.filter((t) => {
+    if (t === "run") return true;
+    if (t === "localLLM") return !!effectiveLocalLLMSlot;
+    return false;
+  });
+  const safeActiveTab = visibleTabs.includes(currentTab) ? currentTab : "run";
+  const effectiveWidth = safeActiveTab === "localLLM" ? Math.max(width, 520) : width;
+  const effectiveSideshift = sideshift !== void 0 ? sideshift : context.sideshift ?? true;
+  (0, import_react32.useEffect)(() => {
+    if (typeof document === "undefined") return;
+    if (open && !isAgentDisabled && effectiveSideshift) {
+      document.documentElement.style.setProperty(
+        "--ask-ai-panel-width",
+        `${effectiveWidth}px`
+      );
+    } else {
+      document.documentElement.style.setProperty("--ask-ai-panel-width", "0px");
+    }
+    return () => {
+      document.documentElement.style.setProperty("--ask-ai-panel-width", "0px");
+    };
+  }, [open, isAgentDisabled, effectiveWidth, effectiveSideshift]);
+  const handleAppsChange = (0, import_react32.useCallback)(
+    (nextApps) => {
+      setPageContextChoice(context.storageKey, {
+        apps: nextApps.map((a) => ({ name: a.name, id: a.id, icon: a.icon }))
+      });
+      agentUIProps?.onAppsChange?.(nextApps);
+    },
+    [context.storageKey, agentUIProps]
+  );
+  const handleSelectPreset = (0, import_react32.useCallback)(
+    (preset) => {
+      setPageContextChoice(context.storageKey, {
+        presetId: preset?.id ?? null
+      });
+    },
+    [context.storageKey]
+  );
+  if (isAgentDisabled) {
+    return null;
+  }
+  const isVisible = open && !isAgentDisabled;
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      import_material33.Box,
+      {
+        onClick: onClose,
+        "aria-hidden": "true",
+        sx: {
+          position: "fixed",
+          inset: 0,
+          bgcolor: "rgba(0, 0, 0, 0.45)",
+          zIndex: 1199,
+          display: { xs: isVisible ? "block" : "none", sm: "none" },
+          backdropFilter: "blur(2px)",
+          transition: "opacity 0.2s ease"
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+      import_material33.Box,
+      {
+        component: "aside",
+        "aria-label": "Ask AI",
+        "aria-hidden": !isVisible,
+        className: themeScope?.scopeClassName,
+        sx: [
+          {
+            position: "fixed",
+            top: 0,
+            right: 0,
+            bottom: 0,
+            width: { xs: "100%", sm: effectiveWidth },
+            maxWidth: "100vw",
+            height: "100dvh",
+            bgcolor: "hsl(var(--card))",
+            borderLeft: "1px solid hsl(var(--border))",
+            boxShadow: isVisible ? "-6px 0 24px rgba(0, 0, 0, 0.16)" : "none",
+            zIndex: 1200,
+            display: "flex",
+            flexDirection: "column",
+            transform: isVisible ? "translateX(0)" : "translateX(100%)",
+            transition: "transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), width 0.2s ease",
+            pointerEvents: isVisible ? "auto" : "none",
+            visibility: isVisible ? "visible" : "hidden",
+            boxSizing: "border-box",
+            overflow: "hidden"
+          },
+          ...Array.isArray(sx) ? sx : [sx]
+        ],
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+            import_material33.Box,
+            {
+              sx: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
+                px: 2,
+                pt: 1.5,
+                pb: 1,
+                borderBottom: "1px solid hsl(var(--border) / 0.6)",
+                flexShrink: 0
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_material33.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                    import_material33.Box,
+                    {
+                      sx: {
+                        width: 24,
+                        height: 24,
+                        borderRadius: "6px",
+                        bgcolor: "hsl(var(--primary) / 0.12)",
+                        border: "1px solid hsl(var(--primary) / 0.3)",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        color: "hsl(var(--primary))",
+                        flexShrink: 0
+                      },
+                      children: safeActiveTab === "permissions" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react21.ShieldCheck, { size: 14 }) : safeActiveTab === "localLLM" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react21.Server, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AgentIcon_default, { size: 14 })
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                    import_material33.Typography,
+                    {
+                      sx: {
+                        fontWeight: 700,
+                        fontSize: "0.86rem",
+                        color: "hsl(var(--foreground))",
+                        letterSpacing: "-0.01em"
+                      },
+                      children: safeActiveTab === "permissions" ? "Agent Permissions" : safeActiveTab === "localLLM" ? "Local LLM Settings" : "Ask AI"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                    import_material33.Box,
+                    {
+                      sx: {
+                        fontSize: "0.66rem",
+                        fontWeight: 600,
+                        textTransform: "uppercase",
+                        letterSpacing: "0.04em",
+                        px: 0.75,
+                        py: 0.2,
+                        borderRadius: "4px",
+                        bgcolor: "hsl(var(--muted))",
+                        color: "hsl(var(--muted-foreground))",
+                        border: "1px solid hsl(var(--border))"
+                      },
+                      children: "Support only"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_material33.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                  import_material33.IconButton,
+                  {
+                    onClick: onClose,
+                    size: "small",
+                    "aria-label": "Close Ask AI panel",
+                    sx: {
+                      color: "hsl(var(--muted-foreground))",
+                      p: 0.75,
+                      borderRadius: "8px",
+                      "&:hover": {
+                        color: "hsl(var(--foreground))",
+                        bgcolor: "hsl(var(--muted))"
+                      }
+                    },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react21.X, { size: 16 })
+                  }
+                ) })
+              ]
+            }
+          ),
+          safeActiveTab === "localLLM" && effectiveLocalLLMSlot && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+            import_material33.Box,
+            {
+              sx: {
+                flex: 1,
+                display: "flex",
+                flexDirection: "column",
+                minHeight: 0,
+                overflow: "hidden"
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+                  import_material33.Box,
+                  {
+                    sx: {
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "space-between",
+                      px: 2,
+                      py: 1.25,
+                      borderBottom: "1px solid hsl(var(--border) / 0.6)",
+                      bgcolor: "hsl(var(--card))",
+                      flexShrink: 0
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+                        import_material33.ButtonBase,
+                        {
+                          onClick: () => handleTabChange("run"),
+                          sx: {
+                            display: "inline-flex",
+                            alignItems: "center",
+                            gap: 0.75,
+                            fontSize: "0.82rem",
+                            fontWeight: 600,
+                            color: "hsl(var(--primary))",
+                            py: 0.5,
+                            px: 1,
+                            borderRadius: 1,
+                            transition: "background-color 120ms ease",
+                            "&:hover": {
+                              bgcolor: "hsl(var(--muted))"
+                            }
+                          },
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react21.ArrowLeft, { size: 14 }),
+                            "Back to chat"
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+                        import_material33.Box,
+                        {
+                          sx: {
+                            display: "flex",
+                            alignItems: "center",
+                            gap: 0.5,
+                            fontSize: "0.78rem",
+                            color: "hsl(var(--muted-foreground))",
+                            fontWeight: 500
+                          },
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react21.Server, { size: 13 }),
+                            "Local LLM",
+                            localLLMTabBadge
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                  import_material33.Box,
+                  {
+                    sx: {
+                      flex: 1,
+                      overflowY: "auto",
+                      overflowX: "hidden",
+                      p: 2,
+                      minHeight: 0
+                    },
+                    children: effectiveLocalLLMSlot
+                  }
+                )
+              ]
+            }
+          ),
+          safeActiveTab === "run" && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+            context.missingConfig && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+              import_material33.Box,
+              {
+                sx: {
+                  mx: 2,
+                  mt: 1.5,
+                  mb: 0.5,
+                  p: 1.25,
+                  borderRadius: 1.5,
+                  bgcolor: "hsl(var(--warning) / 0.1)",
+                  border: "1px solid hsl(var(--warning) / 0.3)",
+                  color: "hsl(var(--warning))",
+                  display: "flex",
+                  flexDirection: "column",
+                  gap: 0.5,
+                  flexShrink: 0
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+                    import_material33.Box,
+                    {
+                      sx: {
+                        display: "flex",
+                        alignItems: "center",
+                        gap: 0.75,
+                        fontWeight: 600,
+                        fontSize: "0.78rem"
+                      },
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react21.AlertTriangle, { size: 14 }),
+                        "Missing page configuration"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+                    import_material33.Typography,
+                    {
+                      sx: {
+                        fontSize: "0.72rem",
+                        color: "hsl(var(--muted-foreground))",
+                        lineHeight: 1.35
+                      },
+                      children: [
+                        "No specific MCP apps or skills mapped for",
+                        " ",
+                        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("code", { children: currentPathname }),
+                        ". Using default platform tools. Support users: add a route mapping in",
+                        " ",
+                        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("code", { children: "agentContextRegistry.ts" }),
+                        " or manually choose tools below."
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+              import_material33.Box,
+              {
+                sx: {
+                  flex: 1,
+                  overflowY: "auto",
+                  overflowX: "hidden",
+                  px: 1.5,
+                  pb: 2,
+                  minHeight: 0,
+                  display: "flex",
+                  flexDirection: "column"
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                  AgentUI_default,
+                  {
+                    compact: true,
+                    mobileView: true,
+                    hideHeroIcon: true,
+                    title: context.title || "How can we help on this page?",
+                    subtitle: null,
+                    hideChooseLLM: false,
+                    disableSchedule: true,
+                    hideAttach: false,
+                    maxWidth: effectiveWidth - 32,
+                    defaultApps: context.apps,
+                    initialPresetId: context.presetId,
+                    placeholder: context.placeholder,
+                    contextCategory: context.sourceCategory,
+                    contextStorageKey: context.storageKey,
+                    onAppsChange: handleAppsChange,
+                    onSelectPreset: handleSelectPreset,
+                    onChooseLLM: () => handleTabChange("localLLM"),
+                    apiBaseUrl: globalUrl || agentUIProps?.apiBaseUrl,
+                    theme: effectiveTheme,
+                    ...agentUIProps,
+                    sx: {
+                      flex: 1,
+                      minHeight: "100%",
+                      display: "flex",
+                      flexDirection: "column",
+                      justifyContent: "center",
+                      pt: 0,
+                      pb: 2,
+                      ...agentUIProps?.sx ? Array.isArray(agentUIProps.sx) ? {} : agentUIProps.sx : {}
+                    }
+                  },
+                  context.storageKey
+                )
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+var AskAiSidePanel_default = AskAiSidePanel;
+
+// components/AskAiWidget.tsx
+var import_react33 = require("react");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var AGENT_DRAWER_OPEN_EVENT2 = "agent-drawer-open";
+var AskAiWidget = ({
+  open: controlledOpen,
+  onOpenChange,
+  mode = "panel",
+  isSupport,
+  requireSupport = true,
+  buttonProps,
+  hideButton = false,
+  pathname,
+  search,
+  rules,
+  initialTab: propInitialTab = "run",
+  onContextResolved,
+  permissionsSlot,
+  localLLMSlot,
+  ...panelProps
+}) => {
+  const [internalOpen, setInternalOpen] = (0, import_react33.useState)(false);
+  const [activeTab, setActiveTab] = (0, import_react33.useState)(propInitialTab);
+  const isDrawerOpen = controlledOpen !== void 0 ? controlledOpen : internalOpen;
+  const currentPath = pathname !== void 0 ? pathname : typeof window !== "undefined" ? window.location.pathname : "";
+  const isAgentDisabled = isAgentRoute(currentPath);
+  const setDrawerOpen = (0, import_react33.useCallback)(
+    (nextOpen) => {
+      if (isAgentDisabled && nextOpen) return;
+      if (controlledOpen === void 0) {
+        setInternalOpen(nextOpen);
+      }
+      onOpenChange?.(nextOpen);
+    },
+    [controlledOpen, isAgentDisabled, onOpenChange]
+  );
+  (0, import_react33.useEffect)(() => {
+    if (isAgentDisabled && isDrawerOpen) {
+      setDrawerOpen(false);
+    }
+  }, [isAgentDisabled, isDrawerOpen, setDrawerOpen]);
+  const [currentContext, setCurrentContext] = (0, import_react33.useState)(null);
+  const handleContextResolved = (0, import_react33.useCallback)(
+    (ctx) => {
+      setCurrentContext(ctx);
+      onContextResolved?.(ctx);
+    },
+    [onContextResolved]
+  );
+  (0, import_react33.useEffect)(() => {
+    const handleDrawerOpenEvent = (e) => {
+      if (isAgentDisabled) return;
+      const detail = e.detail;
+      if (detail?.tab) {
+        setActiveTab(detail.tab);
+      }
+      setDrawerOpen(true);
+    };
+    window.addEventListener(AGENT_DRAWER_OPEN_EVENT2, handleDrawerOpenEvent);
+    return () => window.removeEventListener(AGENT_DRAWER_OPEN_EVENT2, handleDrawerOpenEvent);
+  }, [isAgentDisabled, setDrawerOpen]);
+  (0, import_react33.useEffect)(() => {
+    if (propInitialTab) {
+      setActiveTab(propInitialTab);
+    }
+  }, [propInitialTab]);
+  const contextHint = currentContext?.apps && currentContext.apps.length > 0 ? currentContext.apps.map((a) => a.name.replace(/^shuffle_/, "").replace(/_/g, " ")).join(", ") : void 0;
+  if (isAgentDisabled) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+    !hideButton && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      AskAiButton,
+      {
+        onClick: () => setDrawerOpen(!isDrawerOpen),
+        isOpen: isDrawerOpen,
+        isSupport,
+        requireSupport,
+        pathname,
+        contextHint,
+        ...buttonProps
+      }
+    ),
+    mode === "drawer" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      AskAiDrawer,
+      {
+        open: isDrawerOpen,
+        onClose: () => setDrawerOpen(false),
+        initialTab: activeTab,
+        pathname,
+        search,
+        rules,
+        permissionsSlot,
+        localLLMSlot,
+        onContextResolved: handleContextResolved,
+        ...panelProps
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      AskAiSidePanel,
+      {
+        open: isDrawerOpen,
+        onClose: () => setDrawerOpen(false),
+        initialTab: activeTab,
+        activeTab,
+        onTabChange: setActiveTab,
+        permissionsSlot,
+        localLLMSlot,
+        pathname,
+        search,
+        rules,
+        isSupport,
+        onContextResolved: handleContextResolved,
+        ...panelProps
+      }
+    )
+  ] });
+};
+var useContextAwareAgent = (pathname, search) => {
+  const [activeContext, setActiveContext] = (0, import_react33.useState)(() => {
+    const p = pathname ?? (typeof window !== "undefined" ? window.location.pathname : "/");
+    const s = search ?? (typeof window !== "undefined" ? window.location.search : "");
+    return resolveAgentContext(p, s);
+  });
+  (0, import_react33.useEffect)(() => {
+    const p = pathname ?? (typeof window !== "undefined" ? window.location.pathname : "/");
+    const s = search ?? (typeof window !== "undefined" ? window.location.search : "");
+    setActiveContext(resolveAgentContext(p, s));
+  }, [pathname, search]);
+  return activeContext;
+};
+var AskAiWidget_default = AskAiWidget;
+
+// components/AgentPromptPrefixChip.tsx
+var import_react34 = require("react");
+var import_material34 = require("@mui/material");
+var import_lucide_react22 = require("lucide-react");
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var AgentPromptPrefixChip = ({
+  label = "Shuffle Tools MCP",
+  userId,
+  value,
+  onChange,
+  onRemove,
+  defaultPrompt,
+  dialogTitle,
+  readOnly
+}) => {
+  const controlled = value !== void 0;
+  const managed = useAgentPromptPrefix({ userId, defaultPrompt, persist: !controlled });
+  const prompt = controlled ? value : managed.prompt;
+  const isSaving = controlled ? false : managed.isSaving;
+  const [open, setOpen] = (0, import_react34.useState)(false);
+  const [draft, setDraft] = (0, import_react34.useState)(prompt);
+  (0, import_react34.useEffect)(() => {
+    if (!open) setDraft(prompt);
+  }, [prompt, open]);
+  const handleOpen = () => {
+    if (readOnly) return;
+    setDraft(prompt);
+    setOpen(true);
+  };
+  const handleSave = async () => {
+    if (controlled) {
+      await onChange?.(draft);
+    } else {
+      await managed.savePrompt(draft);
+    }
+    setOpen(false);
+  };
+  const MAX_LABEL_CHARS = 15;
+  const displayLabel = label.length > MAX_LABEL_CHARS ? `${label.slice(0, MAX_LABEL_CHARS - 1).trimEnd()}\u2026` : label;
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material34.Tooltip, { title: readOnly ? `${label} \u2014 preset handled by the backend` : "Click to edit the default prompt sent with your message", placement: "top", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+      import_material34.Box,
+      {
+        sx: {
+          display: "inline-flex",
+          alignItems: "center",
+          gap: 0.25,
+          px: 0.5,
+          borderRadius: 0.5,
           bgcolor: "transparent",
           flexShrink: 0,
           userSelect: "none",
@@ -22358,8 +24662,8 @@ var AgentPromptPrefixChip = ({
           "&:hover": readOnly ? void 0 : { bgcolor: "hsl(var(--muted))" }
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-            import_material31.Box,
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            import_material34.Box,
             {
               onClick: handleOpen,
               role: readOnly ? void 0 : "button",
@@ -22376,8 +24680,8 @@ var AgentPromptPrefixChip = ({
                 cursor: readOnly ? "default" : "pointer"
               },
               "aria-label": readOnly ? `${label} preset selected` : `Edit default prompt for ${label}`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-                import_material31.Typography,
+              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                import_material34.Typography,
                 {
                   component: "span",
                   sx: {
@@ -22392,8 +24696,8 @@ var AgentPromptPrefixChip = ({
               )
             }
           ),
-          onRemove && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-            import_material31.IconButton,
+          onRemove && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            import_material34.IconButton,
             {
               size: "small",
               onClick: (e) => {
@@ -22408,14 +24712,14 @@ var AgentPromptPrefixChip = ({
                 "&:hover": { color: "hsl(var(--destructive))", bgcolor: "transparent" }
               },
               "aria-label": `Remove ${label} preset`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react21.X, { size: 12 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.X, { size: 12 })
             }
           )
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
-      import_material31.Dialog,
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+      import_material34.Dialog,
       {
         open,
         onClose: () => setOpen(false),
@@ -22431,15 +24735,15 @@ var AgentPromptPrefixChip = ({
           }
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_material31.DialogTitle, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", pr: 1.5, borderBottom: "1px solid hsl(var(--border))" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_material31.Box, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material31.Typography, { sx: { fontSize: "1rem", fontWeight: 600, color: "hsl(var(--foreground))" }, children: dialogTitle || `Edit default prompt \u2014 ${label}` }),
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material31.Typography, { sx: { fontSize: "0.75rem", color: "hsl(var(--muted-foreground))", mt: 0.25 }, children: isSaving ? "Saving\u2026" : "This text is prepended to every message you send from this prompt box. Saved to your user preferences." })
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material34.DialogTitle, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", pr: 1.5, borderBottom: "1px solid hsl(var(--border))" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material34.Box, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material34.Typography, { sx: { fontSize: "1rem", fontWeight: 600, color: "hsl(var(--foreground))" }, children: dialogTitle || `Edit default prompt \u2014 ${label}` }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material34.Typography, { sx: { fontSize: "0.75rem", color: "hsl(var(--muted-foreground))", mt: 0.25 }, children: isSaving ? "Saving\u2026" : "This text is prepended to every message you send from this prompt box. Saved to your user preferences." })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material31.IconButton, { size: "small", onClick: () => setOpen(false), sx: { color: "hsl(var(--muted-foreground))" }, "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react21.X, { size: 16 }) })
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material34.IconButton, { size: "small", onClick: () => setOpen(false), sx: { color: "hsl(var(--muted-foreground))" }, "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.X, { size: 16 }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material31.DialogContent, { sx: { pt: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-            import_material31.TextField,
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material34.DialogContent, { sx: { pt: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            import_material34.TextField,
             {
               autoFocus: true,
               fullWidth: true,
@@ -22460,10 +24764,10 @@ var AgentPromptPrefixChip = ({
               }
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_material31.DialogActions, { sx: { px: 3, py: 2, borderTop: "1px solid hsl(var(--border))" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material31.Button, { onClick: () => setOpen(false), sx: { textTransform: "none", color: "hsl(var(--muted-foreground))" }, children: "Cancel" }),
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-              import_material31.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material34.DialogActions, { sx: { px: 3, py: 2, borderTop: "1px solid hsl(var(--border))" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material34.Button, { onClick: () => setOpen(false), sx: { textTransform: "none", color: "hsl(var(--muted-foreground))" }, children: "Cancel" }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+              import_material34.Button,
               {
                 onClick: handleSave,
                 variant: "contained",
@@ -22485,14 +24789,14 @@ var AgentPromptPrefixChip = ({
 };
 
 // useAppLookup.ts
-var import_react32 = require("react");
+var import_react35 = require("react");
 init_api();
 init_appsCache();
 var norm3 = (s) => s.toLowerCase().replace(/[\s_\-]+/g, "_");
 function useAppLookup(appName) {
-  const [loading, setLoading] = (0, import_react32.useState)(false);
-  const [info, setInfo] = (0, import_react32.useState)(null);
-  const [algoliaId, setAlgoliaId] = (0, import_react32.useState)(null);
+  const [loading, setLoading] = (0, import_react35.useState)(false);
+  const [info, setInfo] = (0, import_react35.useState)(null);
+  const [algoliaId, setAlgoliaId] = (0, import_react35.useState)(null);
   const {
     authStates,
     authenticatedApps,
@@ -22501,7 +24805,7 @@ function useAppLookup(appName) {
     handleSaveAuth,
     refreshAuth
   } = useAppAuth();
-  (0, import_react32.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (!appName) {
       setInfo(null);
       setAlgoliaId(null);
@@ -22572,13 +24876,13 @@ function useAppLookup(appName) {
       setLoading(false);
     })();
   }, [appName]);
-  const matchingEntries = (0, import_react32.useMemo)(() => {
+  const matchingEntries = (0, import_react35.useMemo)(() => {
     if (!appName) return [];
     return authenticatedApps.filter(
       (auth) => auth.app?.name && norm3(auth.app.name) === norm3(appName)
     );
   }, [appName, authenticatedApps]);
-  const image = (0, import_react32.useMemo)(() => {
+  const image = (0, import_react35.useMemo)(() => {
     if (info?.image) return info.image;
     for (const entry of matchingEntries) {
       const img = entry.app?.large_image || entry.large_image;
@@ -22586,7 +24890,7 @@ function useAppLookup(appName) {
     }
     return "";
   }, [info, matchingEntries]);
-  const algoliaApp = (0, import_react32.useMemo)(() => {
+  const algoliaApp = (0, import_react35.useMemo)(() => {
     if (!appName) return null;
     return {
       objectID: algoliaId || appName,
@@ -22625,23 +24929,23 @@ var resolveMode = (theme, colorMode) => {
   if (theme === "light" || theme === "dark") return theme;
   if (theme === "system") return "auto";
   if (colorMode) return colorMode;
-  return "dark";
+  return "auto";
 };
 var withMcpTheme = (Inner, displayName2) => {
-  const Wrapped = ({ theme, colorMode, ...rest }) => import_react33.default.createElement(
+  const Wrapped = ({ theme, colorMode, ...rest }) => import_react36.default.createElement(
     ShuffleMcpThemeProvider,
     { mode: resolveMode(theme, colorMode) },
-    import_react33.default.createElement(Inner, { ...rest, theme, colorMode })
+    import_react36.default.createElement(Inner, { ...rest, theme, colorMode })
   );
   Wrapped.displayName = `ShuffleMCPs(${displayName2})`;
   return Wrapped;
 };
 var withMcpThemeRef = (Inner, displayName2) => {
-  const Wrapped = import_react33.default.forwardRef(
-    ({ theme, colorMode, ...rest }, ref) => import_react33.default.createElement(
+  const Wrapped = import_react36.default.forwardRef(
+    ({ theme, colorMode, ...rest }, ref) => import_react36.default.createElement(
       ShuffleMcpThemeProvider,
       { mode: resolveMode(theme, colorMode) },
-      import_react33.default.createElement(Inner, { ...rest, theme, colorMode, ref })
+      import_react36.default.createElement(Inner, { ...rest, theme, colorMode, ref })
     )
   );
   Wrapped.displayName = `ShuffleMCPs(${displayName2})`;
@@ -22659,6 +24963,10 @@ var TryMcpSection2 = withMcpTheme(TryMcpSection, "TryMcpSection");
 var SingulActionsPreview2 = withMcpTheme(SingulActionsPreview_default, "SingulActionsPreview");
 var AgentUI2 = withMcpTheme(AgentUI_default, "AgentUI");
 var AgentRunDrawer2 = withMcpTheme(AgentRunDrawer_default, "AgentRunDrawer");
+var AskAiButton2 = withMcpTheme(AskAiButton_default, "AskAiButton");
+var AskAiDrawer2 = withMcpTheme(AskAiDrawer_default, "AskAiDrawer");
+var AskAiSidePanel2 = withMcpTheme(AskAiSidePanel_default, "AskAiSidePanel");
+var AskAiWidget2 = withMcpTheme(AskAiWidget_default, "AskAiWidget");
 var AgentActivityList2 = withMcpTheme(AgentActivityList_default, "AgentActivityList");
 var AgentExecutionDrawer2 = withMcpTheme(AgentExecutionDrawer_default, "AgentExecutionDrawer");
 var AgentsView2 = withMcpTheme(AgentsView_default, "AgentsView");
@@ -22688,9 +24996,14 @@ var AddAppModal2 = withMcpTheme(AddAppModal_default, "AddAppModal");
   AppDetailProvider,
   AppSearchDrawer,
   AppTitleHeader,
+  AskAiButton,
+  AskAiDrawer,
+  AskAiSidePanel,
+  AskAiWidget,
   CASES_PATTERNS,
   COMMUNICATION_PATTERNS_NAMES,
   DATASTORE_CATEGORIES,
+  DEFAULT_AGENT_CONTEXT_RULES,
   DEFAULT_AGENT_PROMPT_PREFIX,
   EDR_PATTERNS,
   EMAIL_APP_PATTERNS,
@@ -22712,6 +25025,7 @@ var AddAppModal2 = withMcpTheme(AddAppModal_default, "AddAppModal");
   VULN_SCANNER_PATTERNS,
   VideoEmbed,
   applyRegionFromPayload,
+  clearPageContextChoice,
   deleteDatastoreItem,
   deleteDatastoreItems,
   diagnoseOutputWarning,
@@ -22723,6 +25037,8 @@ var AddAppModal2 = withMcpTheme(AddAppModal_default, "AddAppModal");
   fetchAppsViaApiConfig,
   findForwardTicketsWorkflow,
   findIngestTicketsWorkflow,
+  getActivePageEntityName,
+  getAgentContextRules,
   getApiUrl,
   getAuthHeader,
   getDatastoreByCategory,
@@ -22732,10 +25048,12 @@ var AddAppModal2 = withMcpTheme(AddAppModal_default, "AddAppModal");
   getFailureInfo,
   getHostBaseUrl,
   getIngestionCategory,
+  getPageContextChoice,
   hasOutputWarning,
   installFetchBreaker,
   invalidateAppsCache,
   invalidateResolvedApps,
+  isAgentRoute,
   isCloud,
   isCloudDomain,
   isEmailApp,
@@ -22744,11 +25062,14 @@ var AddAppModal2 = withMcpTheme(AddAppModal_default, "AddAppModal");
   isThreatIntelApp,
   isVulnScannerApp,
   isWorkflowScheduleStopped,
+  matchRoutePattern,
   normalizeAppName,
   parseRunResult,
   refreshAllIntegrationStatus,
+  registerAgentContextRule,
   registerProtectedOrigin,
   resetRegionUrl,
+  resolveAgentContext,
   resolveApp,
   resolveApps,
   resolveVideoUrl,
@@ -22758,6 +25079,7 @@ var AddAppModal2 = withMcpTheme(AddAppModal_default, "AddAppModal");
   setDatastoreItem,
   setDatastoreItems,
   setHostBaseUrl,
+  setPageContextChoice,
   setRegionUrl,
   setRuntimeOrgId,
   setToastImpl,
@@ -22769,5 +25091,6 @@ var AddAppModal2 = withMcpTheme(AddAppModal_default, "AddAppModal");
   useAppDetail,
   useAppDetailOptional,
   useAppLookup,
+  useContextAwareAgent,
   useSyncHostBaseUrl
 });