@shuffleio/shuffle-mcps 0.0.39 → 0.0.40

package/dist/index.mjs

@@ -19,24 +19,25 @@ import {
   setHostBaseUrl,
   setRegionUrl,
   shuffleFetch
-} from "./chunk-DCHKGFML.mjs";
+} from "./chunk-5LZ5IZ2O.mjs";
 
 // index.ts
-import "./shuffle-mcp-3U5AFQDK.css";
-import React7 from "react";
+import "./shuffle-mcp-S6QOJJG4.css";
+import React10 from "react";
 
 // ShuffleMcpThemeProvider.tsx
 import React from "react";
 import { ThemeProvider, createTheme, useTheme as useMuiTheme } from "@mui/material";
-import "./shuffle-mcp-3U5AFQDK.css";
+import "./shuffle-mcp-S6QOJJG4.css";
 import { jsx, jsxs } from "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";
@@ -55,12 +56,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;
 };
@@ -115,11 +124,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 } } },
@@ -128,7 +152,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)"
       }
     }
   },
@@ -139,7 +164,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)"
       }
     }
   },
@@ -150,6 +176,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: {
@@ -166,7 +209,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 = React.useMemo(
     () => createTheme({
@@ -575,7 +618,7 @@ var keyFor = (input, init) => {
     return null;
   }
 };
-var withStoredApiKey = (input, init) => {
+var withStoredAuth = (input, init) => {
   if (typeof window === "undefined") return init;
   let urlStr;
   if (typeof input === "string") urlStr = input;
@@ -584,17 +627,35 @@ var withStoredApiKey = (input, init) => {
   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;
   }
@@ -633,7 +694,7 @@ var installFetchBreaker2 = () => {
   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);
@@ -1875,7 +1936,7 @@ async function backfillAppImages(dedupedApps) {
   let missing = dedupedApps.filter((d) => !d.bestImage && !d.app.large_image);
   if (missing.length === 0) return dedupedApps;
   try {
-    const { fetchAppsViaApiConfig: fetchAppsViaApiConfig2 } = await import("./appsCache-32FX7WJE.mjs");
+    const { fetchAppsViaApiConfig: fetchAppsViaApiConfig2 } = await import("./appsCache-EFH5WV4I.mjs");
     const apps = await fetchAppsViaApiConfig2().catch(() => []);
     if (Array.isArray(apps) && apps.length > 0) {
       const byName = /* @__PURE__ */ new Map();
@@ -1935,10 +1996,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"];
@@ -2132,6 +2193,65 @@ var fetchAppConfig = (appId) => {
   return promise;
 };
 
+// ../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 cacheKey2 = normalizeEndpointKey(url, init);
+  const now = Date.now();
+  if (!force) {
+    const cached = _jsonCache.get(cacheKey2);
+    if (cached && now - cached.ts < ttlMs) {
+      return cached.data;
+    }
+    const inFlight = _inFlightPromises.get(cacheKey2);
+    if (inFlight) {
+      return inFlight;
+    }
+  }
+  const p = (async () => {
+    try {
+      const res = await fetch(url, init);
+      if (!res.ok) {
+        const prev = _jsonCache.get(cacheKey2);
+        if (prev) return prev.data;
+        throw new Error(`HTTP ${res.status}`);
+      }
+      const data = await res.json();
+      _jsonCache.set(cacheKey2, { ts: Date.now(), data });
+      return data;
+    } finally {
+      _inFlightPromises.delete(cacheKey2);
+    }
+  })();
+  _inFlightPromises.set(cacheKey2, p);
+  return p;
+}
+
 // authenticatedApps.ts
 var TTL_MS = 3e4;
 var cache2 = /* @__PURE__ */ new Map();
@@ -2155,14 +2275,16 @@ var doFetch2 = 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 = cacheKey(crossOrgId);
@@ -4163,6 +4285,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",
@@ -7108,7 +7238,7 @@ function AppDetailDrawer({
 }
 
 // views/ShuffleMCP.tsx
-import "./shuffle-mcp-3U5AFQDK.css";
+import "./shuffle-mcp-S6QOJJG4.css";
 
 // components/SegmentedControl.tsx
 import * as React3 from "react";
@@ -8146,10 +8276,89 @@ import {
 } from "@mui/material";
 import { Plus, CheckCircle2, AlertTriangle } from "lucide-react";
 
+// ../Shuffle-Core/lib/shuffleUrls.ts
+var 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;
+};
+var 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");
+};
+var 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";
+};
+var getShuffleCoreUrl = (path) => {
+  const base3 = getShuffleCoreBaseUrl();
+  if (!path) return base3;
+  const cleanPath = path.startsWith("/") ? path : `/${path}`;
+  return `${base3}${cleanPath}`;
+};
+
 // ../Shuffle-Core/api.ts
 installFetchBreaker2();
 var DEV_BACKEND = "https://tunnel.schemaless.org";
-var PROD_BACKEND = "https://shuffler.io";
+var PROD_BACKEND = "https://uk.shuffler.io";
+var SHUFFLE_AUTOMATION_URL = getShuffleCoreUrl("/new-dashboard");
 var CLOUD_DOMAINS = ["shuffle.security", "www.shuffle.security", "security.shuffler.io", "shutdown.no", "www.shutdown.no"];
 var getEnvVar = (key) => {
   try {
@@ -8185,7 +8394,11 @@ var _cachedRegion = (() => {
     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 };
   }
@@ -8193,8 +8406,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_BACKEND && !isDevEnvironment2() && mode !== "self-hosted") {
+      try {
+        localStorage.removeItem("shuffle_custom_host_url");
+        localStorage.removeItem("shuffle_selected_server_mode");
+      } catch {
+      }
+      return null;
+    }
+    return cleaned;
   } catch {
     return null;
   }
@@ -8247,6 +8472,38 @@ if (typeof window !== "undefined") {
   } catch {
   }
 }
+var LEGACY_API_KEY_STORAGE_KEY = "shuffle_api_key";
+var clearAuthTokens = () => {
+  try {
+    localStorage.removeItem("session_token");
+    localStorage.removeItem(LEGACY_API_KEY_STORAGE_KEY);
+  } catch {
+  }
+};
+var 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;
+  }
+};
+var setSessionToken = (token) => {
+  clearAuthTokens();
+  if (token && token.trim().length > 0) {
+    try {
+      localStorage.setItem("session_token", token.trim());
+    } catch {
+    }
+  }
+};
 var API_CONFIG5 = {
   get baseUrl() {
     const url = _hostBaseUrl || (isDevEnvironment2() || getEnvVar("VITE_SHUFFLE_API_URL") ? getDefaultBaseUrl() : _regionUrl || getDefaultBaseUrl());
@@ -8257,28 +8514,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 getSessionToken();
   },
+  /** 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 {
-    }
+    setSessionToken(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 ?? _trackedOrgId;
-  if (orgId) headers["Org-Id"] = orgId;
+  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 {
+    }
+  }
+  if (orgId) {
+    headers["Org-Id"] = orgId;
+  }
   return headers;
 };
 
@@ -10312,7 +10577,7 @@ var safeHandler_default = safeHandler;
 
 // components/AgentPresets.tsx
 import { useEffect as useEffect12, useMemo as useMemo7, useState as useState13 } from "react";
-import { Box as Box16, Button as Button9, ClickAwayListener, Paper, Popper, TextField as TextField6, Tooltip as Tooltip9, Typography as Typography14 } from "@mui/material";
+import { Box as Box16, ButtonBase, ClickAwayListener, Paper, Popper, TextField as TextField6, Tooltip as Tooltip9, Typography as Typography14 } from "@mui/material";
 import { Workflow, ShieldAlert, LifeBuoy, Bug, Radar, Monitor, Plus as Plus2, X as CloseIcon6, BellRing } from "lucide-react";
 import { Fragment as Fragment9, jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
 var normalizeToolName = (name) => (name || "").toLowerCase().trim().replace(/[\s-]+/g, "_");
@@ -10325,8 +10590,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__ */ jsx23(Workflow, { size: 16 }),
     enabled: true,
@@ -10335,8 +10600,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__ */ jsx23(ShieldAlert, { size: 16 }),
     enabled: true,
@@ -10357,28 +10622,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__ */ jsx23(LifeBuoy, { size: 16 })
+    icon: /* @__PURE__ */ jsx23(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__ */ jsx23(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__ */ jsx23(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__ */ jsx23(Radar, { size: 16 })
+    icon: /* @__PURE__ */ jsx23(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__ */ jsx23(BellRing, { size: 16 })
+    icon: /* @__PURE__ */ jsx23(BellRing, { size: 16 }),
+    enabled: true,
+    defaultApps: [{ name: "shuffle_incidents" }]
   }
 ];
 var isSupportUser = () => {
@@ -10401,7 +10679,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] = useState13(null);
   const open = Boolean(anchorEl);
   const [supportTick, setSupportTick] = useState13(0);
@@ -10416,47 +10694,106 @@ 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__ */ jsx23(
-    Button9,
+  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__ */ jsxs17(
+    ButtonBase,
     {
       ref: chipRef,
-      size: "small",
       onClick: (e) => setAnchorEl(e.currentTarget),
-      startIcon: selectedPreset ? selectedPreset.icon ?? void 0 : /* @__PURE__ */ jsx23(Plus2, { size: variant === "floating" ? 12 : 14 }),
-      endIcon: selectedPreset ? /* @__PURE__ */ jsx23(
-        Box16,
+      "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__ */ jsx23(CloseIcon6, { 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
+          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__ */ jsx23(
+          Box16,
+          {
+            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__ */ jsx23(Plus2, { size: variant === "floating" ? 12 : 14 })
+          }
+        ),
+        /* @__PURE__ */ jsx23(
+          Typography14,
+          {
+            component: "span",
+            sx: {
+              fontSize: "inherit",
+              fontWeight: "inherit",
+              color: "inherit",
+              lineHeight: 1,
+              whiteSpace: "nowrap",
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              maxWidth: 150
+            },
+            children: displayLabel
+          }
+        ),
+        selectedPreset && /* @__PURE__ */ jsx23(
+          Box16,
+          {
+            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__ */ jsx23(CloseIcon6, { size: variant === "floating" ? 11 : 12 })
+          }
+        )
+      ]
     }
   );
   const [query, setQuery] = useState13("");
@@ -10472,9 +10809,12 @@ var AgentPresets = ({ variant = "default", onSelectPreset, selectedPreset, onRem
     {
       open,
       anchorEl,
-      placement: "bottom-end",
+      placement: placement || "bottom-start",
       style: { zIndex: 1400 },
-      modifiers: [{ name: "offset", options: { offset: [0, 6] } }],
+      modifiers: [
+        { name: "offset", options: { offset: [0, 6] } },
+        { name: "preventOverflow", options: { padding: 8 } }
+      ],
       children: /* @__PURE__ */ jsx23(ClickAwayListener, { onClickAway: () => {
         setAnchorEl(null);
         setQuery("");
@@ -10712,13 +11052,7 @@ var AgentPresets = ({ variant = "default", onSelectPreset, selectedPreset, onRem
       ) })
     }
   ) : null;
-  if (variant === "inline") {
-    return /* @__PURE__ */ jsxs17(Fragment9, { children: [
-      trigger,
-      menu
-    ] });
-  }
-  return /* @__PURE__ */ jsxs17(Box16, { sx: { width: "100%", display: "flex", justifyContent: "flex-end" }, children: [
+  return /* @__PURE__ */ jsxs17(Fragment9, { children: [
     trigger,
     menu
   ] });
@@ -11392,12 +11726,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;
@@ -11494,7 +11831,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;
@@ -12811,62 +13148,785 @@ var collectLlmImageAttachments = (root, maxDepth = 10) => {
   return deduped;
 };
 
-// components/AgentUI.tsx
-import { Fragment as Fragment12, jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
-var normalizeMarkdown = (raw) => {
-  if (raw == null) return "";
-  let s = typeof raw === "string" ? raw : (() => {
-    try {
-      return JSON.stringify(raw, null, 2);
-    } catch {
-      return String(raw);
-    }
-  })();
-  if (s.length > 1 && s.startsWith('"') && s.endsWith('"')) {
-    try {
-      s = JSON.parse(s);
-    } catch {
-    }
-  }
-  s = s.replace(/\\r\\n/g, "\n").replace(/\\n/g, "\n").replace(/\\t/g, "	").replace(/\\"/g, '"');
-  return s.trim();
-};
-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",
-  "handle-notifications": "handle-notifications",
-  "incident-response": "incident-response",
-  "host-monitor-control": "computer-use",
-  support: "support",
-  vulnerability: "vulnerability",
-  detection: "detection"
-};
-var readPresetAppsOverride = (presetId) => {
+// connectedSourcesService.ts
+var CACHE_PREFIX = "shuffle:connected_tools:";
+function getCachedConnectedTools(category) {
+  if (!category) return [];
   try {
-    const raw = localStorage.getItem(PRESET_APPS_STORAGE_KEY);
-    if (!raw) return null;
+    if (typeof localStorage === "undefined") return [];
+    const raw = localStorage.getItem(`${CACHE_PREFIX}${category}`);
+    if (!raw) return [];
     const parsed = JSON.parse(raw);
-    const list = parsed?.[presetId];
-    if (!Array.isArray(list)) return null;
-    return list.filter((a) => a && typeof a.name === "string");
+    return Array.isArray(parsed) ? parsed : [];
   } catch {
-    return null;
+    return [];
   }
-};
-var writePresetAppsOverride = (presetId, apps) => {
+}
+function setCachedConnectedTools(category, tools) {
+  if (!category) return;
   try {
-    const raw = localStorage.getItem(PRESET_APPS_STORAGE_KEY);
-    const parsed = raw ? JSON.parse(raw) : {};
-    parsed[presetId] = apps.map((a) => ({ name: a.name, id: a.id, icon: a.icon }));
-    localStorage.setItem(PRESET_APPS_STORAGE_KEY, JSON.stringify(parsed));
+    if (typeof localStorage === "undefined") return;
+    localStorage.setItem(`${CACHE_PREFIX}${category}`, JSON.stringify(tools));
   } catch {
   }
-};
-var deepParseJsonStrings3 = (obj, depth = 0) => {
-  if (depth > 5) return obj;
-  if (typeof obj === "string") {
+}
+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
+import { Fragment as Fragment12, jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
+var normalizeMarkdown = (raw) => {
+  if (raw == null) return "";
+  let s = typeof raw === "string" ? raw : (() => {
+    try {
+      return JSON.stringify(raw, null, 2);
+    } catch {
+      return String(raw);
+    }
+  })();
+  if (s.length > 1 && s.startsWith('"') && s.endsWith('"')) {
+    try {
+      s = JSON.parse(s);
+    } catch {
+    }
+  }
+  s = s.replace(/\\r\\n/g, "\n").replace(/\\n/g, "\n").replace(/\\t/g, "	").replace(/\\"/g, '"');
+  return s.trim();
+};
+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": "edit-workflow",
+  "handle-notifications": "handle-notifications",
+  "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);
+    if (!raw) return null;
+    const parsed = JSON.parse(raw);
+    const list = parsed?.[presetId];
+    if (!Array.isArray(list)) return null;
+    return list.filter((a) => a && typeof a.name === "string");
+  } catch {
+    return null;
+  }
+};
+var writePresetAppsOverride = (presetId, apps) => {
+  try {
+    const raw = localStorage.getItem(PRESET_APPS_STORAGE_KEY);
+    const parsed = raw ? JSON.parse(raw) : {};
+    parsed[presetId] = apps.map((a) => ({ name: a.name, id: a.id, icon: a.icon }));
+    localStorage.setItem(PRESET_APPS_STORAGE_KEY, JSON.stringify(parsed));
+  } catch {
+  }
+};
+var deepParseJsonStrings3 = (obj, depth = 0) => {
+  if (depth > 5) return obj;
+  if (typeof obj === "string") {
     const trimmed = obj.trim();
     if (trimmed.startsWith("{") && trimmed.endsWith("}") || trimmed.startsWith("[") && trimmed.endsWith("]")) {
       try {
@@ -13974,6 +15034,7 @@ var AgentUI = ({
   heroIconSize = 84,
   maxWidth = 850,
   compact = false,
+  mobileView,
   hideAppPicker = false,
   hideAttach = false,
   disableStartTab = false,
@@ -14008,10 +15069,14 @@ var AgentUI = ({
   userId,
   hidePresets = false,
   presets,
+  initialPresetId,
   onSelectPreset,
+  contextCategory,
+  contextStorageKey,
   isSupport,
   presetCtas
 }) => {
+  const isEffectiveSupport = isSupport !== void 0 ? isSupport : isSupportUser();
   const resolveUrl2 = useCallback10(
     (path) => apiBaseUrl ? `${apiBaseUrl.replace(/\/+$/, "")}${path}` : getApiUrl(path),
     [apiBaseUrl]
@@ -14022,7 +15087,8 @@ var AgentUI = ({
     return h;
   }, [apiKey, orgId]);
   const hasApiKey = !!apiKey || !!API_CONFIG.apiKey;
-  const isPhone = useMediaQuery("(max-width:600px)", { noSsr: true });
+  const isPhoneScreen = useMediaQuery("(max-width:600px)", { noSsr: true });
+  const isPhone = mobileView !== void 0 ? mobileView : isPhoneScreen;
   const navigate = useNavigate();
   const [actionInput, setActionInput] = useState18(defaultInput);
   const { prompt: savedPromptPrefix } = useAgentPromptPrefix({ userId, persist: !disableStartTab });
@@ -14058,27 +15124,32 @@ var AgentUI = ({
   const inputRef = useRef11(null);
   const seededPresetIdRef = useRef11(null);
   useEffect17(() => {
-    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]);
   useLayoutEffect(() => {
     if (hidePresets) {
       setPresetsChipWidth(0);
@@ -14303,6 +15374,40 @@ var AgentUI = ({
     [agentData]
   );
   const [showStarter, setShowStarter] = useState18(true);
+  const handleRemovePreset = useCallback10(() => {
+    try {
+      localStorage.removeItem(LAST_PRESET_STORAGE_KEY);
+    } catch {
+    }
+    setSelectedPreset(null);
+  }, []);
+  const handleSelectPresetInternal = useCallback10((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] = useState18(null);
   const [mobilePlusAnchor, setMobilePlusAnchor] = useState18(null);
   const [scheduleCron, setScheduleCron] = useState18("0 * * * *");
@@ -14360,7 +15465,7 @@ var AgentUI = ({
   }, [viewMode]);
   const [attachedImages, setAttachedImages] = useState18([]);
   const [previewImage, setPreviewImage] = useState18(null);
-  const promptMultiline = promptMultilineBase || attachedImages.length > 0;
+  const promptMultiline = promptMultilineBase || attachedImages.length > 0 || isPhone && Boolean(selectedPreset);
   const promptSingleLineLocked = !promptMultiline;
   const [nowTick, setNowTick] = useState18(() => Math.floor(Date.now() / 1e3));
   const [localRunStart, setLocalRunStart] = useState18(null);
@@ -14614,11 +15719,18 @@ var AgentUI = ({
   const loadAuthenticatedApps = useCallback10(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;
       }
@@ -14643,18 +15755,59 @@ var AgentUI = ({
       }
       if (signal?.cancelled) return;
       setAvailableApps(loaded);
-      setDetectedLLM(resolveActiveLLMProvider(list));
-    } catch {
-    } finally {
-      if (!signal?.cancelled) setAuthAppsLoading(false);
-    }
-  }, [resolveUrl2, resolveHeaders2]);
-  useEffect17(() => {
-    if (!autoLoadApps) return;
-    if (!hasApiKey) return;
-    const signal = { cancelled: false };
-    loadAuthenticatedApps(signal);
-    return () => {
+      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, contextCategory, contextStorageKey, defaultApps, onAppsChange]);
+  useEffect17(() => {
+    if (!autoLoadApps) return;
+    if (!hasApiKey) return;
+    const signal = { cancelled: false };
+    loadAuthenticatedApps(signal);
+    return () => {
       signal.cancelled = true;
     };
   }, [autoLoadApps, hasApiKey, loadAuthenticatedApps]);
@@ -15253,7 +16406,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 = useCallback10(() => {
     const resolved = resolveRunInput();
@@ -16000,14 +17155,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
@@ -16460,7 +17614,7 @@ var AgentUI = ({
       ]
     }
   );
-  const postRunDiscovery = Boolean(postRunScheduleHint) && !scheduleDisabledReason || postRunAppReqs.length > 0 || postRunUnauthedApps.length > 0 ? /* @__PURE__ */ jsxs22(
+  const postRunDiscovery = isEffectiveSupport && (Boolean(postRunScheduleHint) && !scheduleDisabledReason || postRunAppReqs.length > 0 || postRunUnauthedApps.length > 0) ? /* @__PURE__ */ jsxs22(
     Box20,
     {
       sx: {
@@ -16474,7 +17628,47 @@ var AgentUI = ({
         bgcolor: "hsl(var(--muted) / 0.35)"
       },
       children: [
-        /* @__PURE__ */ jsx28(Typography17, { sx: { fontSize: "0.78rem", color: "hsl(var(--muted-foreground))", mr: 0.5 }, children: "Set this up to run on its own" }),
+        /* @__PURE__ */ jsx28(
+          Tooltip13,
+          {
+            title: "Visible to support users only \u2014 this helps guide us towards things working better over time.",
+            arrow: true,
+            children: /* @__PURE__ */ jsxs22(
+              Box20,
+              {
+                sx: {
+                  display: "inline-flex",
+                  alignItems: "center",
+                  gap: 0.75,
+                  mr: 0.5,
+                  cursor: "help"
+                },
+                children: [
+                  /* @__PURE__ */ jsx28(Typography17, { sx: { fontSize: "0.78rem", color: "hsl(var(--muted-foreground))" }, children: "Set this up to run on its own" }),
+                  /* @__PURE__ */ jsx28(
+                    Box20,
+                    {
+                      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__ */ jsx28(Tooltip13, { title: `Detected schedule: ${postRunScheduleHint.label}. Click to review and save.`, arrow: true, children: /* @__PURE__ */ jsxs22(
           Box20,
           {
@@ -16569,22 +17763,46 @@ var AgentUI = ({
   ) : null;
   const mobilePlusCanSchedule = (hasExecution || showStarter) && !scheduleDisabledReason && !disableSchedule && (actionInput || "").trim().length >= 1;
   const mobilePlusButton = isPhone ? /* @__PURE__ */ jsx28(
-    IconButton10,
+    Tooltip13,
     {
-      type: "button",
-      "aria-label": "Skills, schedule and attachments",
-      onClick: (e) => setMobilePlusAnchor(e.currentTarget),
+      title: selectedPreset ? `Skill: ${selectedPreset.label} (click to change)` : "Add skill, schedule, or attachments",
+      arrow: true,
+      children: /* @__PURE__ */ jsx28(
+        IconButton10,
+        {
+          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__ */ jsx28(PlusIcon2, { size: 16 })
+        }
+      )
+    }
+  ) : null;
+  const mobileSkillChip = isPhone && selectedPreset && !hidePresets ? /* @__PURE__ */ jsx28(
+    AgentPresets_default,
+    {
+      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__ */ jsx28(PlusIcon2, { size: 16 })
+        alignSelf: "center"
+      }
     }
   ) : null;
   const mobilePlusMenu = isPhone ? /* @__PURE__ */ jsx28(
@@ -16644,7 +17862,7 @@ var AgentUI = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs22(
+        !disableSchedule && /* @__PURE__ */ jsxs22(
           MenuItem2,
           {
             disabled: !mobilePlusCanSchedule || agentRequestLoading,
@@ -16707,8 +17925,7 @@ var AgentUI = ({
             ...Array.isArray(contentSx) ? contentSx : contentSx ? [contentSx] : []
           ],
           children: [
-            (showRunSwitcher || isPhone) && tabBar,
-            isPhone && /* @__PURE__ */ jsx28(Box20, { sx: { height: 52, flexShrink: 0, flexGrow: 0 } }),
+            showRunSwitcher && tabBar,
             schedulePopover,
             mobilePlusMenu,
             showStarter ? /* @__PURE__ */ jsxs22(
@@ -16726,7 +17943,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__ */ jsx28(Box20, { sx: {
@@ -16740,13 +17957,13 @@ var AgentUI = ({
                     justifyContent: "center",
                     boxShadow: "0 8px 24px rgba(0,0,0,0.25)"
                   }, children: heroIcon ?? /* @__PURE__ */ jsx28(AgentIcon_default, { size: Math.round(heroIconSize * 0.67) }) }),
-                  /* @__PURE__ */ jsx28(Typography17, { component: "h1", sx: {
-                    fontSize: compact ? { xs: "1.1rem", md: "1.5rem" } : { xs: "1.35rem", md: "2.25rem" },
+                  title ? /* @__PURE__ */ jsx28(Typography17, { 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__ */ jsx28(Typography17, { sx: {
                     fontSize: { xs: "0.8rem", sm: "0.95rem" },
                     color: "hsl(var(--muted-foreground))",
@@ -16761,11 +17978,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
@@ -16798,7 +18015,10 @@ var AgentUI = ({
                       maxHeight: "33px"
                     } : {}
                   }, children: [
-                    isPhone && !promptMultiline && mobilePlusButton,
+                    isPhone && !promptMultiline && /* @__PURE__ */ jsxs22(Box20, { sx: { display: "inline-flex", alignItems: "center", gap: 0.5, flexShrink: 0 }, children: [
+                      mobilePlusButton,
+                      mobileSkillChip
+                    ] }),
                     /* @__PURE__ */ jsx28(
                       InputBase2,
                       {
@@ -16908,9 +18128,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,
@@ -16962,48 +18181,16 @@ var AgentUI = ({
                             to: { transform: "translateY(0)", opacity: 1 }
                           }
                         },
-                        children: /* @__PURE__ */ jsx28(
+                        children: (!isPhone || !selectedPreset) && /* @__PURE__ */ jsx28(
                           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
                           }
                         )
                       }
@@ -17041,7 +18228,10 @@ var AgentUI = ({
                       /* @__PURE__ */ jsx28(Typography17, { sx: { fontSize: "0.7rem", color: "hsl(var(--foreground))", maxWidth: 140, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: img.name }),
                       /* @__PURE__ */ jsx28(IconButton10, { 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__ */ jsx28(CloseIcon7, { size: 11 }) })
                     ] }, `${img.name}-${idx}`)) }),
-                    isPhone && promptMultiline && mobilePlusButton,
+                    isPhone && promptMultiline && /* @__PURE__ */ jsxs22(Box20, { sx: { display: "inline-flex", alignItems: "center", gap: 0.5, flexShrink: 0, minWidth: 0, maxWidth: "calc(100% - 60px)" }, children: [
+                      mobilePlusButton,
+                      mobileSkillChip
+                    ] }),
                     /* @__PURE__ */ jsxs22(Box20, { sx: {
                       display: "flex",
                       alignItems: "center",
@@ -17429,7 +18619,7 @@ var AgentUI = ({
                             ]
                           }
                         ) }),
-                        /* @__PURE__ */ jsx28(
+                        !hideChooseLLM && /* @__PURE__ */ jsx28(
                           Box20,
                           {
                             component: "span",
@@ -17506,15 +18696,18 @@ var AgentUI = ({
                                     "&:hover": !agentRequestLoading ? { bgcolor: needsAuth ? "hsl(var(--severity-medium) / 0.18)" : "hsl(var(--muted) / 0.9)" } : {}
                                   },
                                   children: [
-                                    /* @__PURE__ */ jsx28(
-                                      Avatar7,
-                                      {
-                                        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__ */ jsx28(Box20, { sx: { display: "inline-flex", alignItems: "center", justifyContent: "center", width: 18, height: 18, flexShrink: 0 }, children: /* @__PURE__ */ jsx28(
+                                        AppFallbackIcon,
+                                        {
+                                          name: app2.name,
+                                          imageUrl: appIcon,
+                                          size: 18,
+                                          style: { borderRadius: 3, objectFit: "contain" }
+                                        }
+                                      ) });
+                                    })(),
                                     !isPhone && /* @__PURE__ */ jsx28(Typography17, { sx: { fontSize: "0.8rem", mx: 0.25, textTransform: "capitalize" }, children: app2.name.replace(/_/g, " ") }),
                                     needsAuth && /* @__PURE__ */ jsx28(WarningIcon, { size: 14, color: "hsl(var(--severity-medium))", style: { marginRight: 2 } }),
                                     isRequired ? /* @__PURE__ */ jsx28(
@@ -17679,21 +18872,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__ */ jsx28(Tooltip13, { title: (app2.name || "").replace(/_/g, " "), children: /* @__PURE__ */ jsx28(
-                  Avatar7,
-                  {
-                    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__ */ jsx28(Tooltip13, { title: (app2.name || "").replace(/_/g, " "), children: /* @__PURE__ */ jsx28(
+                    Box20,
+                    {
+                      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__ */ jsx28(
+                        AppFallbackIcon,
+                        {
+                          name: app2.name,
+                          imageUrl: appIcon,
+                          size: 24,
+                          style: { borderRadius: 6, objectFit: "contain" }
+                        }
+                      )
                     }
-                  }
-                ) }, i)) }),
+                  ) }, i);
+                }) }),
                 /* @__PURE__ */ jsxs22(Box20, { sx: { flex: 1, minWidth: 0 }, children: [
                   /* @__PURE__ */ jsx28(Typography17, { sx: { fontSize: "0.85rem", color: "hsl(var(--foreground))", fontWeight: 600, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: agentData?.original_input || actionInput || "Agent run" }),
                   /* @__PURE__ */ jsxs22(Typography17, { sx: { fontSize: "0.7rem", color: "hsl(var(--muted-foreground))" }, children: [
@@ -20995,6 +22205,7 @@ var AgentExecutionDrawer = ({
   bodySx,
   topBanner,
   onSchedule,
+  isSupport,
   theme,
   colorMode
 }) => {
@@ -21171,6 +22382,7 @@ var AgentExecutionDrawer = ({
               apiBaseUrl,
               orgId,
               onSchedule,
+              isSupport,
               theme,
               colorMode
             },
@@ -21453,6 +22665,7 @@ var AgentsView = ({
         onSchedule: effectiveSchedule,
         apiKey,
         orgId,
+        isSupport: userdata?.support === true || userdata?.support === "true",
         theme: resolvedTheme,
         colorMode
       }
@@ -21855,22 +23068,942 @@ var AddAppModal = ({ open, onClose, initialQuery, categoryLabel }) => {
 };
 var AddAppModal_default = AddAppModal;
 
+// components/AskAiButton.tsx
+import { Box as Box28, ButtonBase as ButtonBase2, Tooltip as Tooltip19, Typography as Typography25 } from "@mui/material";
+import { jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
+var AskAiButton = ({
+  onClick,
+  isOpen = false,
+  isSupport,
+  requireSupport = true,
+  pathname,
+  label = "Ask AI",
+  tagLabel = "Support only",
+  contextHint,
+  tooltipTitle,
+  sx,
+  hideWhenOpen = true
+}) => {
+  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__ */ jsx36(
+    Box28,
+    {
+      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__ */ jsx36(Tooltip19, { title: effectiveTooltip, arrow: true, placement: "top-end", children: /* @__PURE__ */ jsxs30(
+        ButtonBase2,
+        {
+          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__ */ jsx36(
+              Box28,
+              {
+                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__ */ jsx36(AgentIcon_default, { size: 16 })
+              }
+            ),
+            /* @__PURE__ */ jsx36(
+              Typography25,
+              {
+                sx: {
+                  fontSize: "0.86rem",
+                  fontWeight: 600,
+                  letterSpacing: "-0.01em",
+                  lineHeight: 1,
+                  color: "inherit"
+                },
+                children: label
+              }
+            ),
+            tagLabel && /* @__PURE__ */ jsx36(
+              Box28,
+              {
+                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
+              }
+            )
+          ]
+        }
+      ) })
+    }
+  );
+};
+var AskAiButton_default = AskAiButton;
+
+// components/AskAiDrawer.tsx
+import { useCallback as useCallback14, useEffect as useEffect24, useMemo as useMemo13, useState as useState26 } from "react";
+import { Box as Box29, ButtonBase as ButtonBase3, Typography as Typography26 } from "@mui/material";
+import { jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
+var AskAiDrawer = ({
+  open,
+  onClose,
+  title,
+  subtitle,
+  pathname: propPathname,
+  search: propSearch,
+  rules,
+  onContextResolved,
+  hideResetAction = true,
+  agentUIProps,
+  ...drawerProps
+}) => {
+  const [internalPathname, setInternalPathname] = useState26(
+    () => typeof window !== "undefined" ? window.location.pathname : "/"
+  );
+  const [internalSearch, setInternalSearch] = useState26(
+    () => typeof window !== "undefined" ? window.location.search : ""
+  );
+  useEffect24(() => {
+    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] = useState26(0);
+  const resolvedContext = useMemo13(
+    () => resolveAgentContext(activePathname, activeSearch, rules),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [activePathname, activeSearch, rules, resetKey]
+  );
+  useEffect24(() => {
+    onContextResolved?.(resolvedContext);
+  }, [resolvedContext, onContextResolved]);
+  const [isOverridden, setIsOverridden] = useState26(resolvedContext.isOverridden);
+  useEffect24(() => {
+    setIsOverridden(resolvedContext.isOverridden);
+  }, [resolvedContext.isOverridden, resolvedContext.storageKey]);
+  const handleAppsChange = useCallback14(
+    (apps) => {
+      setPageContextChoice(resolvedContext.storageKey, {
+        apps: apps.map((a) => ({ name: a.name, id: a.id, icon: a.icon }))
+      });
+      setIsOverridden(true);
+    },
+    [resolvedContext.storageKey]
+  );
+  const handleSelectPreset = useCallback14(
+    (preset) => {
+      setPageContextChoice(resolvedContext.storageKey, {
+        presetId: preset.id
+      });
+      setIsOverridden(true);
+    },
+    [resolvedContext.storageKey]
+  );
+  const handleResetToDefaults = useCallback14(() => {
+    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__ */ jsxs31(Box29, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap", mt: 0.25 }, children: [
+    /* @__PURE__ */ jsx37(Typography26, { component: "span", sx: { fontSize: "0.78rem", color: "hsl(var(--muted-foreground))" }, children: resolvedContext.subtitle }),
+    isOverridden && !hideResetAction && /* @__PURE__ */ jsx37(
+      ButtonBase3,
+      {
+        onClick: handleResetToDefaults,
+        sx: {
+          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__ */ jsx37(
+    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
+import React8, { useCallback as useCallback15, useEffect as useEffect25, useRef as useRef15, useState as useState27 } from "react";
+import {
+  Box as Box30,
+  ButtonBase as ButtonBase4,
+  IconButton as IconButton15,
+  Typography as Typography27
+} from "@mui/material";
+import {
+  AlertTriangle as AlertTriangle4,
+  ArrowLeft,
+  Server as Server3,
+  ShieldCheck as ShieldCheck2,
+  X as CloseIcon11
+} from "lucide-react";
+import { Fragment as Fragment16, jsx as jsx38, jsxs as jsxs32 } from "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] = useState27(() => {
+    if (pathname !== void 0) return pathname;
+    if (typeof window !== "undefined") return window.location.pathname;
+    return "/";
+  });
+  const [currentSearch, setCurrentSearch] = useState27(() => {
+    if (search !== void 0) return search;
+    if (typeof window !== "undefined") return window.location.search;
+    return "";
+  });
+  useEffect25(() => {
+    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]);
+  useEffect25(() => {
+    if (search !== void 0) {
+      setCurrentSearch(search);
+    }
+  }, [search]);
+  const isAgentDisabled = isAgentRoute(currentPathname);
+  useEffect25(() => {
+    if (isAgentDisabled && open) {
+      onClose();
+    }
+  }, [isAgentDisabled, open, onClose]);
+  const context = React8.useMemo(
+    () => resolveAgentContext(currentPathname, currentSearch, rules),
+    [currentPathname, currentSearch, rules]
+  );
+  useEffect25(() => {
+    onContextResolved?.(context);
+  }, [context, onContextResolved]);
+  useSyncHostBaseUrl(globalUrl);
+  const [internalTab, setInternalTab] = useState27(initialTab);
+  const currentTab = propActiveTab !== void 0 ? propActiveTab : internalTab;
+  const handleTabChange = useCallback15(
+    (nextTab) => {
+      setInternalTab(nextTab);
+      onTabChange?.(nextTab);
+    },
+    [onTabChange]
+  );
+  useEffect25(() => {
+    if (initialTab) {
+      setInternalTab(initialTab);
+    }
+  }, [initialTab]);
+  const prevOpenRef = useRef15(open);
+  useEffect25(() => {
+    if (open && !prevOpenRef.current && initialTab) {
+      setInternalTab(initialTab);
+      onTabChange?.(initialTab);
+    }
+    prevOpenRef.current = open;
+  }, [open, initialTab, onTabChange]);
+  useEffect25(() => {
+    if (typeof window === "undefined") return;
+    window.__shuffleAgentDrawerMounted = (window.__shuffleAgentDrawerMounted || 0) + 1;
+    return () => {
+      window.__shuffleAgentDrawerMounted = Math.max(
+        0,
+        (window.__shuffleAgentDrawerMounted || 1) - 1
+      );
+    };
+  }, []);
+  useEffect25(() => {
+    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__ */ jsx38(
+    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;
+  useEffect25(() => {
+    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 = useCallback15(
+    (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 = useCallback15(
+    (preset) => {
+      setPageContextChoice(context.storageKey, {
+        presetId: preset?.id ?? null
+      });
+    },
+    [context.storageKey]
+  );
+  if (isAgentDisabled) {
+    return null;
+  }
+  const isVisible = open && !isAgentDisabled;
+  return /* @__PURE__ */ jsxs32(Fragment16, { children: [
+    /* @__PURE__ */ jsx38(
+      Box30,
+      {
+        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__ */ jsxs32(
+      Box30,
+      {
+        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__ */ jsxs32(
+            Box30,
+            {
+              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__ */ jsxs32(Box30, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                  /* @__PURE__ */ jsx38(
+                    Box30,
+                    {
+                      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__ */ jsx38(ShieldCheck2, { size: 14 }) : safeActiveTab === "localLLM" ? /* @__PURE__ */ jsx38(Server3, { size: 14 }) : /* @__PURE__ */ jsx38(AgentIcon_default, { size: 14 })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx38(
+                    Typography27,
+                    {
+                      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__ */ jsx38(
+                    Box30,
+                    {
+                      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__ */ jsx38(Box30, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: /* @__PURE__ */ jsx38(
+                  IconButton15,
+                  {
+                    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__ */ jsx38(CloseIcon11, { size: 16 })
+                  }
+                ) })
+              ]
+            }
+          ),
+          safeActiveTab === "localLLM" && effectiveLocalLLMSlot && /* @__PURE__ */ jsxs32(
+            Box30,
+            {
+              sx: {
+                flex: 1,
+                display: "flex",
+                flexDirection: "column",
+                minHeight: 0,
+                overflow: "hidden"
+              },
+              children: [
+                /* @__PURE__ */ jsxs32(
+                  Box30,
+                  {
+                    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__ */ jsxs32(
+                        ButtonBase4,
+                        {
+                          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__ */ jsx38(ArrowLeft, { size: 14 }),
+                            "Back to chat"
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs32(
+                        Box30,
+                        {
+                          sx: {
+                            display: "flex",
+                            alignItems: "center",
+                            gap: 0.5,
+                            fontSize: "0.78rem",
+                            color: "hsl(var(--muted-foreground))",
+                            fontWeight: 500
+                          },
+                          children: [
+                            /* @__PURE__ */ jsx38(Server3, { size: 13 }),
+                            "Local LLM",
+                            localLLMTabBadge
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx38(
+                  Box30,
+                  {
+                    sx: {
+                      flex: 1,
+                      overflowY: "auto",
+                      overflowX: "hidden",
+                      p: 2,
+                      minHeight: 0
+                    },
+                    children: effectiveLocalLLMSlot
+                  }
+                )
+              ]
+            }
+          ),
+          safeActiveTab === "run" && /* @__PURE__ */ jsxs32(Fragment16, { children: [
+            context.missingConfig && /* @__PURE__ */ jsxs32(
+              Box30,
+              {
+                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__ */ jsxs32(
+                    Box30,
+                    {
+                      sx: {
+                        display: "flex",
+                        alignItems: "center",
+                        gap: 0.75,
+                        fontWeight: 600,
+                        fontSize: "0.78rem"
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx38(AlertTriangle4, { size: 14 }),
+                        "Missing page configuration"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs32(
+                    Typography27,
+                    {
+                      sx: {
+                        fontSize: "0.72rem",
+                        color: "hsl(var(--muted-foreground))",
+                        lineHeight: 1.35
+                      },
+                      children: [
+                        "No specific MCP apps or skills mapped for",
+                        " ",
+                        /* @__PURE__ */ jsx38("code", { children: currentPathname }),
+                        ". Using default platform tools. Support users: add a route mapping in",
+                        " ",
+                        /* @__PURE__ */ jsx38("code", { children: "agentContextRegistry.ts" }),
+                        " or manually choose tools below."
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx38(
+              Box30,
+              {
+                sx: {
+                  flex: 1,
+                  overflowY: "auto",
+                  overflowX: "hidden",
+                  px: 1.5,
+                  pb: 2,
+                  minHeight: 0,
+                  display: "flex",
+                  flexDirection: "column"
+                },
+                children: /* @__PURE__ */ jsx38(
+                  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
+import { useCallback as useCallback16, useEffect as useEffect26, useState as useState28 } from "react";
+import { Fragment as Fragment17, jsx as jsx39, jsxs as jsxs33 } from "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] = useState28(false);
+  const [activeTab, setActiveTab] = useState28(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 = useCallback16(
+    (nextOpen) => {
+      if (isAgentDisabled && nextOpen) return;
+      if (controlledOpen === void 0) {
+        setInternalOpen(nextOpen);
+      }
+      onOpenChange?.(nextOpen);
+    },
+    [controlledOpen, isAgentDisabled, onOpenChange]
+  );
+  useEffect26(() => {
+    if (isAgentDisabled && isDrawerOpen) {
+      setDrawerOpen(false);
+    }
+  }, [isAgentDisabled, isDrawerOpen, setDrawerOpen]);
+  const [currentContext, setCurrentContext] = useState28(null);
+  const handleContextResolved = useCallback16(
+    (ctx) => {
+      setCurrentContext(ctx);
+      onContextResolved?.(ctx);
+    },
+    [onContextResolved]
+  );
+  useEffect26(() => {
+    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]);
+  useEffect26(() => {
+    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__ */ jsxs33(Fragment17, { children: [
+    !hideButton && /* @__PURE__ */ jsx39(
+      AskAiButton,
+      {
+        onClick: () => setDrawerOpen(!isDrawerOpen),
+        isOpen: isDrawerOpen,
+        isSupport,
+        requireSupport,
+        pathname,
+        contextHint,
+        ...buttonProps
+      }
+    ),
+    mode === "drawer" ? /* @__PURE__ */ jsx39(
+      AskAiDrawer,
+      {
+        open: isDrawerOpen,
+        onClose: () => setDrawerOpen(false),
+        initialTab: activeTab,
+        pathname,
+        search,
+        rules,
+        permissionsSlot,
+        localLLMSlot,
+        onContextResolved: handleContextResolved,
+        ...panelProps
+      }
+    ) : /* @__PURE__ */ jsx39(
+      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] = useState28(() => {
+    const p = pathname ?? (typeof window !== "undefined" ? window.location.pathname : "/");
+    const s = search ?? (typeof window !== "undefined" ? window.location.search : "");
+    return resolveAgentContext(p, s);
+  });
+  useEffect26(() => {
+    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
-import { useEffect as useEffect24, useState as useState26 } from "react";
+import { useEffect as useEffect27, useState as useState29 } from "react";
 import {
-  Box as Box28,
+  Box as Box31,
   Button as Button14,
   Dialog as Dialog7,
   DialogActions as DialogActions4,
   DialogContent as DialogContent6,
   DialogTitle as DialogTitle6,
-  IconButton as IconButton15,
+  IconButton as IconButton16,
   TextField as TextField10,
-  Tooltip as Tooltip19,
-  Typography as Typography25
+  Tooltip as Tooltip21,
+  Typography as Typography28
 } from "@mui/material";
-import { X as CloseIcon11 } from "lucide-react";
-import { Fragment as Fragment16, jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
+import { X as CloseIcon12 } from "lucide-react";
+import { Fragment as Fragment18, jsx as jsx40, jsxs as jsxs34 } from "react/jsx-runtime";
 var AgentPromptPrefixChip = ({
   label = "Shuffle Tools MCP",
   userId,
@@ -21885,9 +24018,9 @@ var AgentPromptPrefixChip = ({
   const managed = useAgentPromptPrefix({ userId, defaultPrompt, persist: !controlled });
   const prompt = controlled ? value : managed.prompt;
   const isSaving = controlled ? false : managed.isSaving;
-  const [open, setOpen] = useState26(false);
-  const [draft, setDraft] = useState26(prompt);
-  useEffect24(() => {
+  const [open, setOpen] = useState29(false);
+  const [draft, setDraft] = useState29(prompt);
+  useEffect27(() => {
     if (!open) setDraft(prompt);
   }, [prompt, open]);
   const handleOpen = () => {
@@ -21905,9 +24038,9 @@ var AgentPromptPrefixChip = ({
   };
   const MAX_LABEL_CHARS = 15;
   const displayLabel = label.length > MAX_LABEL_CHARS ? `${label.slice(0, MAX_LABEL_CHARS - 1).trimEnd()}\u2026` : label;
-  return /* @__PURE__ */ jsxs30(Fragment16, { children: [
-    /* @__PURE__ */ jsx36(Tooltip19, { 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__ */ jsxs30(
-      Box28,
+  return /* @__PURE__ */ jsxs34(Fragment18, { children: [
+    /* @__PURE__ */ jsx40(Tooltip21, { 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__ */ jsxs34(
+      Box31,
       {
         sx: {
           display: "inline-flex",
@@ -21922,8 +24055,8 @@ var AgentPromptPrefixChip = ({
           "&:hover": readOnly ? void 0 : { bgcolor: "hsl(var(--muted))" }
         },
         children: [
-          /* @__PURE__ */ jsx36(
-            Box28,
+          /* @__PURE__ */ jsx40(
+            Box31,
             {
               onClick: handleOpen,
               role: readOnly ? void 0 : "button",
@@ -21940,8 +24073,8 @@ var AgentPromptPrefixChip = ({
                 cursor: readOnly ? "default" : "pointer"
               },
               "aria-label": readOnly ? `${label} preset selected` : `Edit default prompt for ${label}`,
-              children: /* @__PURE__ */ jsx36(
-                Typography25,
+              children: /* @__PURE__ */ jsx40(
+                Typography28,
                 {
                   component: "span",
                   sx: {
@@ -21956,8 +24089,8 @@ var AgentPromptPrefixChip = ({
               )
             }
           ),
-          onRemove && /* @__PURE__ */ jsx36(
-            IconButton15,
+          onRemove && /* @__PURE__ */ jsx40(
+            IconButton16,
             {
               size: "small",
               onClick: (e) => {
@@ -21972,13 +24105,13 @@ var AgentPromptPrefixChip = ({
                 "&:hover": { color: "hsl(var(--destructive))", bgcolor: "transparent" }
               },
               "aria-label": `Remove ${label} preset`,
-              children: /* @__PURE__ */ jsx36(CloseIcon11, { size: 12 })
+              children: /* @__PURE__ */ jsx40(CloseIcon12, { size: 12 })
             }
           )
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs30(
+    /* @__PURE__ */ jsxs34(
       Dialog7,
       {
         open,
@@ -21995,14 +24128,14 @@ var AgentPromptPrefixChip = ({
           }
         },
         children: [
-          /* @__PURE__ */ jsxs30(DialogTitle6, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", pr: 1.5, borderBottom: "1px solid hsl(var(--border))" }, children: [
-            /* @__PURE__ */ jsxs30(Box28, { children: [
-              /* @__PURE__ */ jsx36(Typography25, { sx: { fontSize: "1rem", fontWeight: 600, color: "hsl(var(--foreground))" }, children: dialogTitle || `Edit default prompt \u2014 ${label}` }),
-              /* @__PURE__ */ jsx36(Typography25, { 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__ */ jsxs34(DialogTitle6, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", pr: 1.5, borderBottom: "1px solid hsl(var(--border))" }, children: [
+            /* @__PURE__ */ jsxs34(Box31, { children: [
+              /* @__PURE__ */ jsx40(Typography28, { sx: { fontSize: "1rem", fontWeight: 600, color: "hsl(var(--foreground))" }, children: dialogTitle || `Edit default prompt \u2014 ${label}` }),
+              /* @__PURE__ */ jsx40(Typography28, { 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__ */ jsx36(IconButton15, { size: "small", onClick: () => setOpen(false), sx: { color: "hsl(var(--muted-foreground))" }, "aria-label": "Close", children: /* @__PURE__ */ jsx36(CloseIcon11, { size: 16 }) })
+            /* @__PURE__ */ jsx40(IconButton16, { size: "small", onClick: () => setOpen(false), sx: { color: "hsl(var(--muted-foreground))" }, "aria-label": "Close", children: /* @__PURE__ */ jsx40(CloseIcon12, { size: 16 }) })
           ] }),
-          /* @__PURE__ */ jsx36(DialogContent6, { sx: { pt: 2 }, children: /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsx40(DialogContent6, { sx: { pt: 2 }, children: /* @__PURE__ */ jsx40(
             TextField10,
             {
               autoFocus: true,
@@ -22024,9 +24157,9 @@ var AgentPromptPrefixChip = ({
               }
             }
           ) }),
-          /* @__PURE__ */ jsxs30(DialogActions4, { sx: { px: 3, py: 2, borderTop: "1px solid hsl(var(--border))" }, children: [
-            /* @__PURE__ */ jsx36(Button14, { onClick: () => setOpen(false), sx: { textTransform: "none", color: "hsl(var(--muted-foreground))" }, children: "Cancel" }),
-            /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsxs34(DialogActions4, { sx: { px: 3, py: 2, borderTop: "1px solid hsl(var(--border))" }, children: [
+            /* @__PURE__ */ jsx40(Button14, { onClick: () => setOpen(false), sx: { textTransform: "none", color: "hsl(var(--muted-foreground))" }, children: "Cancel" }),
+            /* @__PURE__ */ jsx40(
               Button14,
               {
                 onClick: handleSave,
@@ -22049,12 +24182,12 @@ var AgentPromptPrefixChip = ({
 };
 
 // useAppLookup.ts
-import { useEffect as useEffect25, useMemo as useMemo13, useState as useState27 } from "react";
+import { useEffect as useEffect28, useMemo as useMemo15, useState as useState30 } from "react";
 var norm3 = (s) => s.toLowerCase().replace(/[\s_\-]+/g, "_");
 function useAppLookup(appName) {
-  const [loading, setLoading] = useState27(false);
-  const [info, setInfo] = useState27(null);
-  const [algoliaId, setAlgoliaId] = useState27(null);
+  const [loading, setLoading] = useState30(false);
+  const [info, setInfo] = useState30(null);
+  const [algoliaId, setAlgoliaId] = useState30(null);
   const {
     authStates,
     authenticatedApps,
@@ -22063,7 +24196,7 @@ function useAppLookup(appName) {
     handleSaveAuth,
     refreshAuth
   } = useAppAuth();
-  useEffect25(() => {
+  useEffect28(() => {
     if (!appName) {
       setInfo(null);
       setAlgoliaId(null);
@@ -22134,13 +24267,13 @@ function useAppLookup(appName) {
       setLoading(false);
     })();
   }, [appName]);
-  const matchingEntries = useMemo13(() => {
+  const matchingEntries = useMemo15(() => {
     if (!appName) return [];
     return authenticatedApps.filter(
       (auth) => auth.app?.name && norm3(auth.app.name) === norm3(appName)
     );
   }, [appName, authenticatedApps]);
-  const image = useMemo13(() => {
+  const image = useMemo15(() => {
     if (info?.image) return info.image;
     for (const entry of matchingEntries) {
       const img = entry.app?.large_image || entry.large_image;
@@ -22148,7 +24281,7 @@ function useAppLookup(appName) {
     }
     return "";
   }, [info, matchingEntries]);
-  const algoliaApp = useMemo13(() => {
+  const algoliaApp = useMemo15(() => {
     if (!appName) return null;
     return {
       objectID: algoliaId || appName,
@@ -22184,23 +24317,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 }) => React7.createElement(
+  const Wrapped = ({ theme, colorMode, ...rest }) => React10.createElement(
     ShuffleMcpThemeProvider,
     { mode: resolveMode(theme, colorMode) },
-    React7.createElement(Inner, { ...rest, theme, colorMode })
+    React10.createElement(Inner, { ...rest, theme, colorMode })
   );
   Wrapped.displayName = `ShuffleMCPs(${displayName2})`;
   return Wrapped;
 };
 var withMcpThemeRef = (Inner, displayName2) => {
-  const Wrapped = React7.forwardRef(
-    ({ theme, colorMode, ...rest }, ref) => React7.createElement(
+  const Wrapped = React10.forwardRef(
+    ({ theme, colorMode, ...rest }, ref) => React10.createElement(
       ShuffleMcpThemeProvider,
       { mode: resolveMode(theme, colorMode) },
-      React7.createElement(Inner, { ...rest, theme, colorMode, ref })
+      React10.createElement(Inner, { ...rest, theme, colorMode, ref })
     )
   );
   Wrapped.displayName = `ShuffleMCPs(${displayName2})`;
@@ -22218,6 +24351,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");
@@ -22246,9 +24383,14 @@ export {
   AppDetailProvider,
   AppSearchDrawer2 as AppSearchDrawer,
   AppTitleHeader2 as AppTitleHeader,
+  AskAiButton2 as AskAiButton,
+  AskAiDrawer2 as AskAiDrawer,
+  AskAiSidePanel2 as AskAiSidePanel,
+  AskAiWidget2 as AskAiWidget,
   CASES_PATTERNS,
   COMMUNICATION_PATTERNS_NAMES,
   DATASTORE_CATEGORIES,
+  DEFAULT_AGENT_CONTEXT_RULES,
   DEFAULT_AGENT_PROMPT_PREFIX,
   EDR_PATTERNS,
   EMAIL_APP_PATTERNS,
@@ -22270,6 +24412,7 @@ export {
   VULN_SCANNER_PATTERNS,
   VideoEmbed,
   applyRegionFromPayload,
+  clearPageContextChoice,
   index_default as default,
   deleteDatastoreItem,
   deleteDatastoreItems,
@@ -22282,6 +24425,8 @@ export {
   fetchAppsViaApiConfig,
   findForwardTicketsWorkflow,
   findIngestTicketsWorkflow,
+  getActivePageEntityName,
+  getAgentContextRules,
   getApiUrl,
   getAuthHeader,
   getDatastoreByCategory,
@@ -22291,10 +24436,12 @@ export {
   getFailureInfo,
   getHostBaseUrl,
   getIngestionCategory,
+  getPageContextChoice,
   hasOutputWarning,
   installFetchBreaker,
   invalidateAppsCache,
   invalidateResolvedApps,
+  isAgentRoute,
   isCloud,
   isCloudDomain,
   isEmailApp,
@@ -22303,11 +24450,14 @@ export {
   isThreatIntelApp,
   isVulnScannerApp,
   isWorkflowScheduleStopped,
+  matchRoutePattern,
   normalizeAppName,
   parseRunResult,
   refreshAllIntegrationStatus,
+  registerAgentContextRule,
   registerProtectedOrigin,
   resetRegionUrl,
+  resolveAgentContext,
   resolveApp,
   resolveApps,
   resolveVideoUrl,
@@ -22317,6 +24467,7 @@ export {
   setDatastoreItem,
   setDatastoreItems,
   setHostBaseUrl,
+  setPageContextChoice,
   setRegionUrl,
   setRuntimeOrgId,
   setToastImpl,
@@ -22328,5 +24479,6 @@ export {
   useAppDetail,
   useAppDetailOptional,
   useAppLookup,
+  useContextAwareAgent,
   useSyncHostBaseUrl
 };