@shuffleio/shuffle-mcps 0.0.58 → 0.0.60

package/dist/index.js

@@ -1119,6 +1119,9 @@ var init_appsCache = __esm({
 // index.ts
 var index_exports = {};
 __export(index_exports, {
+  AGENT_DRAWER_CLOSE_EVENT: () => AGENT_DRAWER_CLOSE_EVENT,
+  AGENT_DRAWER_OPEN_EVENT: () => AGENT_DRAWER_OPEN_EVENT2,
+  AGENT_DRAWER_STATE_EVENT: () => AGENT_DRAWER_STATE_EVENT,
   AGENT_PRESETS: () => AGENT_PRESETS,
   AGENT_PROMPT_PREFIX_CATEGORY: () => AGENT_PROMPT_PREFIX_CATEGORY,
   API_CONFIG: () => API_CONFIG,
@@ -1176,6 +1179,7 @@ __export(index_exports, {
   VULN_SCANNER_PATTERNS: () => VULN_SCANNER_PATTERNS,
   VideoEmbed: () => VideoEmbed,
   applyRegionFromPayload: () => applyRegionFromPayload,
+  buildSupportEscalationUrl: () => buildSupportEscalationUrl,
   checkAppNameMatch: () => checkAppNameMatch,
   clearPageContextChoice: () => clearPageContextChoice,
   default: () => index_default,
@@ -1223,6 +1227,7 @@ __export(index_exports, {
   matchRoutePattern: () => matchRoutePattern,
   mergeConnectedTools: () => mergeConnectedTools,
   normalizeAppName: () => normalizeAppName,
+  openSupportEscalation: () => openSupportEscalation,
   parseRunResult: () => parseRunResult,
   refreshAllIntegrationStatus: () => refreshAllIntegrationStatus,
   registerAgentContextRule: () => registerAgentContextRule,
@@ -1232,6 +1237,7 @@ __export(index_exports, {
   resolveApp: () => resolveApp,
   resolveApps: () => resolveApps,
   resolveConnectedTools: () => resolveConnectedTools,
+  resolveContactUserInfo: () => resolveContactUserInfo,
   resolveVideoUrl: () => resolveVideoUrl,
   scheduleAgentRun: () => scheduleAgentRun,
   searchAgentActivity: () => searchAgentActivity,
@@ -1256,13 +1262,13 @@ __export(index_exports, {
   useSyncHostBaseUrl: () => useSyncHostBaseUrl
 });
 module.exports = __toCommonJS(index_exports);
-var import_shuffle_mcp3 = require("./shuffle-mcp-SHQXQS3F.css");
+var import_shuffle_mcp3 = require("./shuffle-mcp-E56K3LGU.css");
 var import_react39 = __toESM(require("react"));
 
 // ShuffleMcpThemeProvider.tsx
 var import_react = __toESM(require("react"));
 var import_material = require("@mui/material");
-var import_shuffle_mcp = require("./shuffle-mcp-SHQXQS3F.css");
+var import_shuffle_mcp = require("./shuffle-mcp-E56K3LGU.css");
 var import_jsx_runtime = require("react/jsx-runtime");
 var readHtmlDarkClass = () => {
   if (typeof document === "undefined") return false;
@@ -2351,18 +2357,22 @@ var jsonBoxSx = {
   border: "1px solid hsl(var(--border))",
   "& .json-view": { backgroundColor: "transparent !important", fontSize: "0.82rem" }
 };
-var MarkdownJsonBlock = ({ src }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Box, { sx: jsonBoxSx, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-  import_react18_json_view.default,
-  {
-    src,
-    dark: true,
-    collapsed: defaultCollapsed,
-    collapseStringMode: "word",
-    collapseStringsAfterLength: 120,
-    enableClipboard: true,
-    displaySize: true
-  }
-) });
+var MarkdownJsonBlock = ({ src }) => {
+  const theme = (0, import_material3.useTheme)();
+  const isDark = theme.palette.mode === "dark";
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Box, { sx: jsonBoxSx, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react18_json_view.default,
+    {
+      src,
+      dark: isDark,
+      collapsed: defaultCollapsed,
+      collapseStringMode: "word",
+      collapseStringsAfterLength: 120,
+      enableClipboard: true,
+      displaySize: true
+    }
+  ) });
+};
 var baseSx = {
   color: "inherit",
   fontSize: "inherit",
@@ -4930,7 +4940,7 @@ var AppAuthCard = ({
             size: "small",
             sx: {
               "& .MuiOutlinedInput-root": {
-                backgroundColor: "hsl(var(--background))",
+                backgroundColor: "transparent",
                 borderRadius: 1,
                 "& fieldset": { borderColor: "hsl(var(--border))" },
                 "&:hover fieldset": { borderColor: "hsl(var(--border) / 0.8)" },
@@ -4953,7 +4963,7 @@ var AppAuthCard = ({
             size: "small",
             sx: {
               "& .MuiOutlinedInput-root": {
-                backgroundColor: "hsl(var(--background))",
+                backgroundColor: "transparent",
                 borderRadius: 1,
                 "& fieldset": { borderColor: "hsl(var(--border))" },
                 "&:hover fieldset": { borderColor: "hsl(var(--border) / 0.8)" },
@@ -5073,7 +5083,7 @@ var AppAuthCard = ({
           name: `auth-${fieldKey}-${app2.objectID}-${Math.random().toString(36).slice(2, 8)}`,
           sx: {
             "& .MuiOutlinedInput-root": {
-              backgroundColor: isSecretField ? "hsl(var(--primary) / 0.06)" : "hsl(var(--muted))",
+              backgroundColor: "transparent",
               borderRadius: 1,
               "& fieldset": {
                 borderColor: fieldErrors[fieldKey] ? "hsl(var(--destructive))" : isSecretField ? "hsl(var(--primary) / 0.5)" : "hsl(var(--border))",
@@ -5360,7 +5370,7 @@ var AppAuthCard = ({
                         }
                       },
                       sx: {
-                        backgroundColor: "hsl(var(--background))",
+                        backgroundColor: "transparent",
                         borderRadius: 2,
                         color: "hsl(var(--foreground))",
                         "& .MuiOutlinedInput-notchedOutline": { borderColor: "hsl(var(--border))" },
@@ -5535,7 +5545,7 @@ var AppAuthCard = ({
                   !showAddNewForm && selectedAuth && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material5.Box, { sx: {
                     mt: 2,
                     p: 0,
-                    backgroundColor: "hsl(var(--muted))",
+                    backgroundColor: "transparent",
                     borderRadius: 3,
                     border: "1px solid hsl(var(--border))",
                     overflow: "hidden"
@@ -5547,7 +5557,7 @@ var AppAuthCard = ({
                       px: { xs: 2, sm: 2.5 },
                       py: 1.5,
                       borderBottom: "1px solid hsl(var(--border))",
-                      backgroundColor: "hsl(var(--background-surface))"
+                      backgroundColor: "transparent"
                     }, children: [
                       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material5.Box, { sx: {
                         width: 8,
@@ -5585,8 +5595,8 @@ var AppAuthCard = ({
                           display: "flex",
                           alignItems: "center",
                           justifyContent: "center",
-                          backgroundColor: localTestStatus === "success" || localTestStatus === "pending_validation" ? "hsl(var(--severity-low) / 0.1)" : localTestStatus === "error" ? "hsl(var(--destructive) / 0.1)" : isTested ? "hsl(var(--severity-low) / 0.1)" : isConfigured ? "hsl(var(--severity-medium) / 0.1)" : "hsl(var(--muted-foreground) / 0.1)",
-                          border: `1px solid ${localTestStatus === "success" || localTestStatus === "pending_validation" ? "hsl(var(--severity-low) / 0.2)" : localTestStatus === "error" ? "hsl(var(--destructive) / 0.2)" : isTested ? "hsl(var(--severity-low) / 0.2)" : isConfigured ? "hsl(var(--severity-medium) / 0.2)" : "hsl(var(--muted-foreground) / 0.2)"}`,
+                          backgroundColor: "transparent",
+                          border: `1px solid ${localTestStatus === "success" || localTestStatus === "pending_validation" ? "hsl(var(--severity-low) / 0.3)" : localTestStatus === "error" ? "hsl(var(--destructive) / 0.3)" : isTested ? "hsl(var(--severity-low) / 0.3)" : isConfigured ? "hsl(var(--severity-medium) / 0.3)" : "hsl(var(--border))"}`,
                           flexShrink: 0
                         }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.CheckCircle2, { size: 20 }) }),
                         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material5.Box, { sx: { minWidth: 0, flex: 1 }, children: [
@@ -5739,9 +5749,9 @@ var AppAuthCard = ({
                       {
                         severity: "error",
                         sx: {
-                          backgroundColor: "hsl(var(--destructive) / 0.1)",
+                          backgroundColor: "transparent",
                           color: "hsl(var(--destructive))",
-                          border: "1px solid hsl(var(--destructive) / 0.2)",
+                          border: "1px solid hsl(var(--destructive) / 0.3)",
                           borderRadius: 2,
                           "& .MuiAlert-icon": { color: "hsl(var(--destructive))" }
                         },
@@ -5759,9 +5769,9 @@ var AppAuthCard = ({
                       {
                         severity: "warning",
                         sx: {
-                          backgroundColor: "hsl(var(--severity-medium) / 0.1)",
+                          backgroundColor: "transparent",
                           color: "hsl(var(--severity-medium))",
-                          border: "1px solid hsl(var(--severity-medium) / 0.2)",
+                          border: "1px solid hsl(var(--severity-medium) / 0.3)",
                           borderRadius: 2,
                           "& .MuiAlert-icon": {
                             color: "hsl(var(--severity-medium))"
@@ -5780,7 +5790,7 @@ var AppAuthCard = ({
                 ] }),
                 (apiAuthEntries.length === 0 || showAddNewForm) && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material5.Box, { sx: {
                   p: 3,
-                  backgroundColor: "hsl(var(--background) / 0.4)",
+                  backgroundColor: "transparent",
                   borderRadius: 2,
                   border: "1px solid hsl(var(--border))"
                 }, children: [
@@ -5789,9 +5799,9 @@ var AppAuthCard = ({
                     {
                       severity: "warning",
                       sx: {
-                        backgroundColor: "hsl(var(--severity-medium) / 0.1)",
+                        backgroundColor: "transparent",
                         color: "hsl(var(--severity-medium))",
-                        border: "1px solid hsl(var(--severity-medium) / 0.2)",
+                        border: "1px solid hsl(var(--severity-medium) / 0.3)",
                         borderRadius: 2,
                         mb: 2,
                         "& .MuiAlert-icon": { color: "hsl(var(--severity-medium))" }
@@ -5811,7 +5821,7 @@ var AppAuthCard = ({
                     {
                       severity: "error",
                       sx: {
-                        backgroundColor: "hsl(var(--destructive) / 0.1)",
+                        backgroundColor: "transparent",
                         color: "hsl(var(--destructive))",
                         border: "1px solid hsl(var(--destructive) / 0.3)",
                         borderRadius: 2
@@ -5823,9 +5833,9 @@ var AppAuthCard = ({
                     {
                       severity: "info",
                       sx: {
-                        backgroundColor: "hsl(var(--severity-info) / 0.1)",
+                        backgroundColor: "transparent",
                         color: "hsl(var(--severity-info))",
-                        border: "1px solid hsl(var(--severity-info) / 0.2)",
+                        border: "1px solid hsl(var(--severity-info) / 0.3)",
                         borderRadius: 2,
                         "& .MuiAlert-icon": { color: "hsl(var(--severity-info))" }
                       },
@@ -5843,7 +5853,7 @@ var AppAuthCard = ({
                       {
                         severity: "error",
                         sx: {
-                          backgroundColor: "hsl(var(--destructive) / 0.1)",
+                          backgroundColor: "transparent",
                           color: "hsl(var(--destructive))",
                           border: "1px solid hsl(var(--destructive) / 0.3)",
                           borderRadius: 2
@@ -5859,7 +5869,7 @@ var AppAuthCard = ({
                       {
                         severity: "error",
                         sx: {
-                          backgroundColor: "hsl(var(--destructive) / 0.1)",
+                          backgroundColor: "transparent",
                           color: "hsl(var(--destructive))",
                           border: "1px solid hsl(var(--destructive) / 0.3)",
                           borderRadius: 2
@@ -6210,7 +6220,7 @@ var AppAuthConfig = ({
       {
         severity: "info",
         sx: {
-          backgroundColor: "hsl(var(--primary) / 0.1)",
+          backgroundColor: "transparent",
           color: "hsl(var(--primary))",
           border: "1px solid hsl(var(--primary) / 0.3)",
           borderRadius: 2
@@ -8146,6 +8156,8 @@ var SingulActionsPreview = ({
   activeOrgId,
   onAuthenticate
 }) => {
+  const theme = (0, import_material11.useTheme)();
+  const isDark = theme.palette.mode === "dark";
   const defaultCategory = (0, import_react10.useMemo)(() => pickDefaultCategory(categories), [categories]);
   const actions = ALL_ACTIONS;
   const sortedActions = (0, import_react10.useMemo)(() => {
@@ -8639,7 +8651,7 @@ var SingulActionsPreview = ({
                     import_react18_json_view2.default,
                     {
                       src: deepParseJsonStrings(parsedResult),
-                      dark: true,
+                      dark: isDark,
                       collapsed: defaultCollapsed,
                       collapseStringMode: "word",
                       collapseStringsAfterLength: 120,
@@ -9752,6 +9764,7 @@ var useOverlayLayer = (open, options) => {
   return zIndex;
 };
 var useDrawerLayer = (open, base3 = DRAWER_LAYER_BASE) => useOverlayLayer(open, { base: base3 });
+var isShuffleOwnedOverlay = (el) => el.classList.contains("shuffle-core-scope") || el.classList.contains("shuffle-mcp-scope") || el.querySelector(".shuffle-core-scope, .shuffle-mcp-scope") !== null || el.closest("[data-radix-portal]") !== null;
 var isSurfaceElement = (el) => {
   if (!(el instanceof HTMLElement)) return false;
   return el.classList.contains("MuiDialog-root") || el.classList.contains("MuiDrawer-root") || el.classList.contains("MuiModal-root") && !el.classList.contains("MuiPopover-root") && !el.classList.contains("MuiMenu-root") || el.getAttribute("role") === "dialog" || el.getAttribute("role") === "alertdialog" || Boolean(el.closest("[data-radix-portal]"));
@@ -9779,6 +9792,7 @@ var installGlobalOverlayAutoLayer = () => {
   if (store[AUTO_LAYER_KEY]) return;
   store[AUTO_LAYER_KEY] = true;
   const handleElementOpen = (el) => {
+    if (!isShuffleOwnedOverlay(el)) return;
     if (isSurfaceElement(el)) {
       let layerId = el.dataset.shuffleLayerId;
       if (!layerId) {
@@ -9993,7 +10007,7 @@ function AppDetailDrawer({
 }
 
 // views/ShuffleMCP.tsx
-var import_shuffle_mcp2 = require("./shuffle-mcp-SHQXQS3F.css");
+var import_shuffle_mcp2 = require("./shuffle-mcp-E56K3LGU.css");
 init_appsCache();
 
 // components/SegmentedControl.tsx
@@ -14116,6 +14130,7 @@ var AgentPresets_default = AgentPresets;
 
 // ../lib/agentTools.ts
 var STORAGE_KEY3 = "agent_tools_config";
+var DATASTORE_CATEGORY = DATASTORE_CATEGORIES.CONFIGURATION;
 var AGENT_TOOLS_CHANGED_EVENT = "agent-tools-changed";
 var DEFAULT_AGENT = "default";
 var DEFAULT_ACTION_TYPE = "timeline_reply";
@@ -14224,7 +14239,10 @@ var writeCache = (entries, explicitUpdatedAt) => {
     const orgKey = getStorageKey();
     localStorage.setItem(orgKey, serialized);
     if (orgKey !== STORAGE_KEY3) {
-      localStorage.setItem(STORAGE_KEY3, serialized);
+      try {
+        localStorage.setItem(STORAGE_KEY3, serialized);
+      } catch {
+      }
     }
     window.dispatchEvent(
       new CustomEvent(AGENT_TOOLS_CHANGED_EVENT, { detail: { updatedAt, entries } })
@@ -17673,6 +17691,8 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     defaultPresetId: "incident-response",
     sourceCategory: "incidents",
     isBeta: true,
+    buttonLabel: "Ask about this case",
+    headerTitle: "Ask about this case",
     title: (params, _, entityOverride) => {
       const cleanId = formatEntityDisplayId(params.id);
       const entity = entityOverride || getActivePageEntityName();
@@ -17696,6 +17716,8 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     defaultPresetId: "incident-response",
     sourceCategory: "incidents",
     isBeta: true,
+    buttonLabel: "Ask about this ticket",
+    headerTitle: "Ask about this ticket",
     title: (params, _, entityOverride) => {
       const cleanId = formatEntityDisplayId(params.id);
       const entity = entityOverride || getActivePageEntityName();
@@ -17718,6 +17740,8 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     defaultPresetId: "incident-response",
     sourceCategory: "incidents",
     isBeta: true,
+    buttonLabel: "Ask about this alert",
+    headerTitle: "Ask about this alert",
     title: (params, _, entityOverride) => {
       const cleanId = formatEntityDisplayId(params.id);
       const entity = entityOverride || getActivePageEntityName();
@@ -17740,6 +17764,8 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     defaultPresetId: "incident-response",
     sourceCategory: "incidents",
     isBeta: true,
+    buttonLabel: "Ask about incidents",
+    headerTitle: "Ask about incidents",
     title: "How can we help handle incidents?",
     subtitle: "Shuffle Incidents MCP",
     defaultPrompt: "Investigate this incident and recommend next steps: ",
@@ -17755,6 +17781,8 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     defaultPresetId: "incident-response",
     sourceCategory: "incidents",
     isBeta: true,
+    buttonLabel: "Ask about cases",
+    headerTitle: "Ask about cases",
     title: "How can we help handle cases?",
     subtitle: "Shuffle Incidents MCP",
     defaultPrompt: "Investigate this case and recommend next steps: ",
@@ -17770,6 +17798,8 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     defaultPresetId: "incident-response",
     sourceCategory: "incidents",
     isBeta: true,
+    buttonLabel: "Ask about tickets",
+    headerTitle: "Ask about tickets",
     title: "How can we help handle tickets?",
     subtitle: "Shuffle Incidents MCP",
     defaultPrompt: "Investigate this ticket and recommend next steps: ",
@@ -17785,6 +17815,8 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     defaultPresetId: "incident-response",
     sourceCategory: "incidents",
     isBeta: true,
+    buttonLabel: "Ask about alerts",
+    headerTitle: "Ask about alerts",
     title: "How can we help handle alerts?",
     subtitle: "Shuffle Incidents MCP",
     defaultPrompt: "Investigate this alert and recommend next steps: ",
@@ -17805,6 +17837,8 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     ],
     defaultPresetId: "vulnerability",
     sourceCategory: "vulnerabilities",
+    buttonLabel: "Ask about this vulnerability",
+    headerTitle: "Ask about this vulnerability",
     title: (params, _, entityOverride) => {
       const cleanId = formatEntityDisplayId(params.id);
       const entity = entityOverride || getActivePageEntityName();
@@ -17829,6 +17863,8 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     ],
     defaultPresetId: "vulnerability",
     sourceCategory: "vulnerabilities",
+    buttonLabel: "Ask about vulnerabilities",
+    headerTitle: "Ask about vulnerabilities",
     title: "How can we help review vulnerabilities?",
     subtitle: () => "Shuffle Vulnerabilities & Shuffle Software and Packages",
     defaultPrompt: "Review my current vulnerabilities and prioritize them by ",
@@ -17845,6 +17881,8 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     match: "/monitors/:id/terminal",
     defaultApps: [{ name: "shuffle_host_monitors" }],
     defaultPresetId: "host-monitor-control",
+    buttonLabel: "Ask about terminal",
+    headerTitle: "Ask about terminal",
     title: (params, _, entityOverride) => {
       const cleanId = formatEntityDisplayId(params.id);
       const entity = entityOverride || getActivePageEntityName();
@@ -17865,6 +17903,8 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     match: "/monitors/terminal",
     defaultApps: [{ name: "shuffle_host_monitors" }],
     defaultPresetId: "host-monitor-control",
+    buttonLabel: "Ask about terminal",
+    headerTitle: "Ask about terminal",
     title: "How can we help in the host terminal?",
     subtitle: "Shuffle Host Monitors MCP",
     defaultPrompt: "Run terminal commands on this host to ",
@@ -17878,6 +17918,8 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     match: "/monitors/response",
     defaultApps: [{ name: "shuffle_host_monitors" }],
     defaultPresetId: "host-monitor-control",
+    buttonLabel: "Ask about host response",
+    headerTitle: "Ask about host response",
     title: "How can we help with host response?",
     subtitle: "Shuffle Host Monitors MCP",
     defaultPrompt: "Take response actions on this host to ",
@@ -17891,6 +17933,8 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     match: "/monitors/:id",
     defaultApps: [{ name: "shuffle_host_monitors" }],
     defaultPresetId: "host-monitor-control",
+    buttonLabel: "Ask about this host",
+    headerTitle: "Ask about this host",
     title: (params, _, entityOverride) => {
       const cleanId = formatEntityDisplayId(params.id);
       const entity = entityOverride || getActivePageEntityName();
@@ -17911,6 +17955,8 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     match: (pathname) => pathname.startsWith("/monitors"),
     defaultApps: [{ name: "shuffle_host_monitors" }],
     defaultPresetId: "host-monitor-control",
+    buttonLabel: "Ask about host monitors",
+    headerTitle: "Ask about host monitors",
     title: "How can we help with host monitors?",
     subtitle: "Shuffle Host Monitors MCP",
     defaultPrompt: "Take control of this host and help me with: ",
@@ -17927,6 +17973,8 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     match: "/workflows/:id",
     defaultApps: [{ name: "shuffle_workflows_builder" }, { name: "shuffle_apps" }],
     defaultPresetId: "build-workflows",
+    buttonLabel: "Ask about this workflow",
+    headerTitle: "Ask about this workflow",
     title: (params, _, entityOverride) => {
       const cleanId = formatEntityDisplayId(params.id);
       const entity = entityOverride || getActivePageEntityName();
@@ -17947,6 +17995,8 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     match: (pathname) => pathname === "/workflows" || pathname.startsWith("/workflows") || pathname.startsWith("/infrastructure/flows"),
     defaultApps: [{ name: "shuffle_workflows_builder" }, { name: "shuffle_apps" }],
     defaultPresetId: "build-workflows",
+    buttonLabel: "Ask about workflows",
+    headerTitle: "Ask about workflows",
     title: "How can we help edit workflows?",
     subtitle: "Shuffle Workflows Builder & Shuffle Apps",
     defaultPrompt: "Edit this Shuffle workflow to ",
@@ -17964,6 +18014,14 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     defaultApps: [{ name: "shuffle_assets" }, { name: "shuffle_vulnerabilities" }],
     defaultPresetId: "vulnerability",
     sourceCategory: "vulnerabilities",
+    buttonLabel: (params) => {
+      const tabName = (params.tab || "assets").replace(/[-_]+/g, " ");
+      return `Ask about ${tabName}`;
+    },
+    headerTitle: (params) => {
+      const tabName = (params.tab || "assets").replace(/[-_]+/g, " ");
+      return `Ask about ${tabName}`;
+    },
     title: (params) => {
       const entity = getActivePageEntityName();
       if (entity) return `How can we help with "${entity}"?`;
@@ -17983,6 +18041,8 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     defaultApps: [{ name: "shuffle_assets" }, { name: "shuffle_vulnerabilities" }],
     defaultPresetId: "vulnerability",
     sourceCategory: "vulnerabilities",
+    buttonLabel: "Ask about assets",
+    headerTitle: "Ask about assets",
     title: "How can we help with assets?",
     subtitle: "Shuffle Assets & Shuffle Vulnerabilities",
     defaultPrompt: "Audit assets and review vulnerabilities for ",
@@ -17997,6 +18057,8 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     defaultApps: [{ name: "shuffle_software" }, { name: "shuffle_vulnerabilities" }],
     defaultPresetId: "vulnerability",
     sourceCategory: "vulnerabilities",
+    buttonLabel: "Ask about software",
+    headerTitle: "Ask about software",
     title: (params) => {
       const entity = getActivePageEntityName();
       return entity ? `How can we help with "${entity}"?` : "How can we help with software inventory?";
@@ -18014,6 +18076,8 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     defaultApps: [{ name: "shuffle_packages" }, { name: "shuffle_vulnerabilities" }],
     defaultPresetId: "vulnerability",
     sourceCategory: "vulnerabilities",
+    buttonLabel: "Ask about packages",
+    headerTitle: "Ask about packages",
     title: (params) => {
       const entity = getActivePageEntityName();
       return entity ? `How can we help with "${entity}"?` : "How can we help with packages?";
@@ -18032,6 +18096,8 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     match: (pathname) => pathname.startsWith("/detection"),
     defaultApps: [{ name: "shuffle_detection" }],
     defaultPresetId: "detection",
+    buttonLabel: "Ask about detections",
+    headerTitle: "Ask about detections",
     title: "How can we help tune detections?",
     subtitle: "Shuffle Detection MCP",
     defaultPrompt: "Modify my detections to ",
@@ -18190,6 +18256,8 @@ var DEFAULT_AGENT_CONTEXT_RULES = [
     defaultPresetId: null,
     title: "How can we help on this page?",
     subtitle: "General Platform Assistant",
+    buttonLabel: "Ask Shuffle",
+    headerTitle: "Ask Shuffle",
     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, "_")}`,
@@ -18603,7 +18671,14 @@ var RunFinishedSummary = ({
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material26.Box, { sx: { display: "flex", alignItems: "center", gap: 1, flexWrap: "wrap" }, children: [
-      isRunning ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.CircularProgress, { size: 16, sx: { color: "hsl(var(--primary))" } }) : status === "FINISHED" ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react15.CheckCircle2, { size: 18, color: "hsl(142 70% 45%)" }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react15.AlertCircle, { size: 18, color: "hsl(var(--destructive))" }),
+      isRunning ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        import_lucide_react15.Loader2,
+        {
+          size: 16,
+          className: "animate-spin",
+          style: { color: "hsl(var(--primary))", flexShrink: 0 }
+        }
+      ) : status === "FINISHED" ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react15.CheckCircle2, { size: 18, color: "hsl(142 70% 45%)" }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react15.AlertCircle, { size: 18, color: "hsl(var(--destructive))" }),
       /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Typography, { sx: { fontSize: "0.9rem", fontWeight: 600, color: "hsl(var(--foreground))" }, children: isRunning ? "Agent is working\u2026" : status === "FINISHED" ? "Run finished" : `Run ${status.toLowerCase()}` }),
       showMeta && (decisionCount != null || durationSec != null && durationSec >= 1) && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material26.Typography, { sx: { fontSize: "0.75rem", color: "hsl(var(--muted-foreground))" }, children: [
         decisionCount != null ? `${decisionCount} step${decisionCount === 1 ? "" : "s"}` : "",
@@ -18869,14 +18944,14 @@ var TERMINAL_RUN_STATUSES = ["FINISHED", "FAILURE", "ABORTED", "CANCELLED", "CAN
 var resolveRunStatus = (execStatus, agentStatus) => {
   const e = (execStatus || "").toUpperCase();
   const a = (agentStatus || "").toUpperCase();
-  if (e === "FINISHED" || a === "FINISHED") return "FINISHED";
+  if (e === "FINISHED" || a === "FINISHED" || e === "SUCCESS" || a === "SUCCESS") return "FINISHED";
   if (e === "FAILURE" || a === "FAILURE") return "FAILURE";
   if (e === "ABORTED" || a === "ABORTED") return "ABORTED";
   if (e === "CANCELLED" || a === "CANCELLED" || e === "CANCELED" || a === "CANCELED") return "CANCELLED";
   if (e === "WAITING" || a === "WAITING") return "WAITING";
   if (e === "PENDING" || a === "PENDING") return "PENDING";
   if (e === "RUNNING" || a === "RUNNING" || e === "EXECUTING" || a === "EXECUTING") return "RUNNING";
-  return e || a || "FINISHED";
+  return e || a || "";
 };
 var buildToolName = (apps) => {
   if (!apps.length) return "API";
@@ -20828,6 +20903,12 @@ var AgentUI = ({
       const params = new URLSearchParams(window.location.search);
       eid = params.get("execution_id");
       auth = params.get("authorization");
+      if (!eid && typeof window !== "undefined") {
+        const pathMatch = window.location.pathname.match(/\/agents\/([a-zA-Z0-9_.-]+)/);
+        if (pathMatch && pathMatch[1] && pathMatch[1] !== "index") {
+          eid = pathMatch[1];
+        }
+      }
     } else if (contextStorageKey) {
       const saved = getPageContextChoice(contextStorageKey);
       if (saved?.executionId) {
@@ -21070,7 +21151,7 @@ var AgentUI = ({
         }, { replace: true });
       }
       getExecution(eid, auth);
-      onRun?.({ input: text2, success: true, executionId: eid });
+      onRun?.({ input: text2, success: true, executionId: eid, authorization: auth });
     } else {
       if (contextStorageKey && eid) {
         setPageContextChoice(contextStorageKey, {
@@ -21093,7 +21174,7 @@ var AgentUI = ({
       } else {
         setAgentData({ original_input: text2, status: "FINISHED", message: result.content });
       }
-      onRun?.({ input: text2, success: true, executionId: eid });
+      onRun?.({ input: text2, success: true, executionId: eid, authorization: auth });
     }
   }, [chosenApps, executionApps, getExecution, onRun, attachedImages, readUrlParams, setSearchParams, viewMode, selectedPreset, isLoggedIn]);
   const lastSubmittedInputRef = (0, import_react24.useRef)(null);
@@ -22025,13 +22106,6 @@ var AgentUI = ({
       return !chosen.some((c) => c && (c === target || c.includes(target) || target.includes(c)));
     });
   }, [finishedRunInput, chosenApps]);
-  const postRunUnauthedApps = (0, import_react24.useMemo)(() => {
-    if (authAppsLoading) return [];
-    return chosenApps.filter((a) => {
-      const slug = normalizeAgentAppName(a.name || "");
-      return appRequiresAuthentication(slug) && !isAppAuthenticated(a.name || "", a.id || null);
-    });
-  }, [authAppsLoading, chosenApps, isAppAuthenticated]);
   (0, import_react24.useEffect)(() => {
     if (cronManualOverrideRef.current) return;
     const m = Math.max(0, Math.min(59, schedMinute));
@@ -22109,7 +22183,22 @@ var AgentUI = ({
           options: [
             { value: "start", label: "Start", disabled: disableStartTab, title: disableStartTab ? "Open a new agent run from the /agents page to start a new prompt" : void 0 },
             { value: "simple", label: "Simple", disabled: !hasExecution },
-            { value: "detailed", label: "Detailed", disabled: !hasExecution },
+            {
+              value: "detailed",
+              label: runIsActive ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { style: { display: "inline-flex", alignItems: "center", gap: 6 }, children: [
+                "Detailed",
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                  import_lucide_react15.Loader2,
+                  {
+                    size: 12,
+                    className: "animate-spin",
+                    style: { color: "hsl(var(--primary))" }
+                  }
+                )
+              ] }) : "Detailed",
+              disabled: !hasExecution,
+              title: runIsActive ? "Current agent run is in progress \u2014 view live detailed timeline" : void 0
+            },
             { type: "divider", key: "div" },
             {
               type: "action",
@@ -22135,33 +22224,8 @@ var AgentUI = ({
                 }
               }
             }
-            // The live run indicator is rendered via the `trailing` slot below so
-            // it can use a proper MUI Tooltip while still lining up inside the
-            // pill with the other items.
-          ],
-          trailing: runIsActive && activeTab === "start" ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-              "span",
-              {
-                "aria-hidden": true,
-                style: {
-                  width: 1,
-                  height: 18,
-                  margin: "0 10px",
-                  background: "hsl(var(--border))",
-                  alignSelf: "center"
-                }
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Tooltip, { title: "Current agent run is still in progress", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { style: { display: "inline-flex", alignItems: "center", paddingRight: 6 }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-              import_material26.CircularProgress,
-              {
-                size: 14,
-                thickness: 5,
-                sx: { color: "hsl(var(--muted-foreground))", display: "block" }
-              }
-            ) }) })
-          ] }) : void 0
+            // The live run indicator is rendered in the Detailed tab label above.
+          ]
         }
       )
     }
@@ -22547,7 +22611,7 @@ var AgentUI = ({
       ]
     }
   );
-  const postRunDiscovery = isEffectiveSupport && (Boolean(postRunScheduleHint) && !scheduleDisabledReason || postRunAppReqs.length > 0 || postRunUnauthedApps.length > 0) ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  const postRunDiscovery = isEffectiveSupport && (Boolean(postRunScheduleHint) && !scheduleDisabledReason || postRunAppReqs.length > 0) ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     import_material26.Box,
     {
       sx: {
@@ -22628,32 +22692,6 @@ var AgentUI = ({
             ]
           }
         ) }),
-        postRunUnauthedApps.map((a) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Tooltip, { title: `${(a.name || "").replace(/_/g, " ")} is not authenticated yet \u2014 click to set it up`, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
-          import_material26.Box,
-          {
-            role: "button",
-            onClick: () => setAuthDrawerApp({ name: a.name, id: a.id || null }),
-            sx: {
-              display: "inline-flex",
-              alignItems: "center",
-              gap: 0.5,
-              px: 1,
-              py: 0.25,
-              borderRadius: 999,
-              border: "1px solid hsl(var(--severity-medium) / 0.55)",
-              bgcolor: "hsl(var(--severity-medium) / 0.12)",
-              color: "hsl(var(--foreground))",
-              fontSize: "0.8rem",
-              textTransform: "capitalize",
-              cursor: "pointer",
-              "&:hover": { bgcolor: "hsl(var(--severity-medium) / 0.2)" }
-            },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react15.AlertTriangle, { size: 13, color: "hsl(var(--severity-medium))" }),
-              `Authenticate ${(a.name || "").replace(/_/g, " ")}`
-            ]
-          }
-        ) }, `post-auth-${a.id || a.name}`)),
         postRunAppReqs.map((req) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           import_material26.Tooltip,
           {
@@ -22829,6 +22867,7 @@ var AgentUI = ({
       ] })
     }
   ) : null;
+  const continuationMultiline = continuationText.includes("\n") || continuationText.length > 80;
   const continuationElement = finishDecisionId && !optimisticRunning ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material26.Box, { sx: { width: "100%", maxWidth: 640, mx: "auto" }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Typography, { sx: { fontSize: "0.75rem", color: "hsl(var(--muted-foreground))", mb: 0.75, textAlign: "center" }, children: "Continue this agent run with more details" }),
     /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
@@ -22843,13 +22882,15 @@ var AgentUI = ({
         },
         sx: {
           display: "flex",
-          alignItems: "flex-end",
+          alignItems: continuationMultiline ? "flex-end" : "center",
           gap: 1,
-          p: 1.25,
-          borderRadius: 999,
+          borderRadius: isPhone ? continuationMultiline ? "20px" : "28px" : "28px",
           border: "1.5px solid hsl(var(--border))",
           bgcolor: "hsl(var(--card))",
-          transition: "border-color 0.2s ease, box-shadow 0.2s ease",
+          px: isPhone ? 1.5 : 2.25,
+          py: isPhone ? continuationMultiline ? 1.25 : 1 : 1,
+          boxSizing: "border-box",
+          transition: "border-color 0.15s ease, box-shadow 0.15s ease",
           "&:focus-within": {
             borderColor: "hsl(var(--primary))",
             boxShadow: "0 0 0 3px hsla(var(--primary) / 0.12)"
@@ -22873,7 +22914,8 @@ var AgentUI = ({
               value: continuationText,
               onChange: (e) => setContinuationText(e.target.value),
               onKeyDown: (e) => {
-                if ((e.metaKey || e.ctrlKey) && e.key === "Enter") {
+                if (e.nativeEvent.isComposing) return;
+                if (e.key === "Enter" && !e.shiftKey || (e.metaKey || e.ctrlKey) && e.key === "Enter") {
                   e.preventDefault();
                   if (continuationText.trim() && !agentRequestLoading) {
                     submitQuestions(finishDecisionId, { continue: continuationText }, true);
@@ -22881,24 +22923,44 @@ var AgentUI = ({
                 }
               },
               disabled: agentRequestLoading,
-              sx: { fontSize: "0.9rem", color: "hsl(var(--foreground))", px: 2 }
+              sx: {
+                fontSize: "0.9rem",
+                color: "hsl(var(--foreground))",
+                py: 0,
+                flex: "1 1 auto",
+                minWidth: 0,
+                "& .MuiInputBase-input": {
+                  pt: "5px",
+                  pb: "6px",
+                  lineHeight: 1.5
+                },
+                "& textarea::placeholder": {
+                  color: "hsl(var(--muted-foreground))",
+                  opacity: 0.7,
+                  whiteSpace: "nowrap",
+                  overflow: "hidden",
+                  textOverflow: "ellipsis"
+                }
+              }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Tooltip, { title: submitTooltip === "\u2318+Enter to send" ? "Enter to send, Shift+Enter for new line" : submitTooltip, placement: "top", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             import_material26.IconButton,
             {
               type: "submit",
               disabled: !continuationText.trim() || agentRequestLoading,
               sx: {
-                width: 36,
-                height: 36,
+                width: 32,
+                height: 32,
+                flexShrink: 0,
                 bgcolor: continuationText.trim() && !agentRequestLoading ? "hsl(var(--primary))" : "hsl(var(--muted))",
                 color: continuationText.trim() && !agentRequestLoading ? "hsl(var(--primary-foreground))" : "hsl(var(--muted-foreground))",
-                "&:hover": continuationText.trim() && !agentRequestLoading ? { filter: "brightness(1.1)", bgcolor: "hsl(var(--primary))" } : {}
+                "&:hover": continuationText.trim() && !agentRequestLoading ? { filter: "brightness(1.1)", bgcolor: "hsl(var(--primary))" } : {},
+                "&.Mui-disabled": { bgcolor: "hsl(var(--muted))", color: "hsl(var(--muted-foreground))" }
               },
-              children: agentRequestLoading ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.CircularProgress, { size: 16, sx: { color: "inherit" } }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react15.Send, { size: 18 })
+              children: agentRequestLoading ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.CircularProgress, { size: 16, sx: { color: "inherit" } }) : submitIcon ?? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react15.Play, {})
             }
-          )
+          ) }) })
         ]
       }
     )
@@ -24150,11 +24212,11 @@ var AgentUI = ({
                         " \xB7 ",
                         execution?.execution_id?.slice(0, 8) || ""
                       ] }),
-                      pendingAuthApps.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+                      pendingAuthApps.map((a) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
                         import_material26.Box,
                         {
                           component: "span",
-                          onClick: () => setAuthDrawerApp({ name: pendingAuthApps[0].appName, id: pendingAuthApps[0].appId }),
+                          onClick: () => setAuthDrawerApp({ name: a.appName, id: a.appId }),
                           sx: {
                             display: "inline-flex",
                             alignItems: "center",
@@ -24173,11 +24235,12 @@ var AgentUI = ({
                           },
                           children: [
                             "Missing Auth: ",
-                            pendingAuthApps.map((a) => formatAppDisplayName(a.appName)).join(", "),
+                            formatAppDisplayName(a.appName),
                             " \u2014 Connect"
                           ]
-                        }
-                      )
+                        },
+                        a.appName
+                      ))
                     ] })
                   ] }),
                   /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(AgentAttachmentsButton_default, { attachments: llmImageAttachments }),
@@ -24357,57 +24420,6 @@ var AgentUI = ({
                     }
                   }
                 ),
-                pendingAuthApps.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
-                  import_material26.Box,
-                  {
-                    sx: {
-                      mb: 2,
-                      p: 2,
-                      borderRadius: 2,
-                      border: "1px solid hsla(var(--severity-medium) / 0.35)",
-                      bgcolor: "hsla(var(--severity-medium) / 0.08)",
-                      display: "flex",
-                      alignItems: "center",
-                      justifyContent: "space-between",
-                      gap: 2,
-                      flexWrap: "wrap"
-                    },
-                    children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material26.Box, { sx: { display: "flex", alignItems: "center", gap: 1.5, flex: 1, minWidth: 260 }, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react15.Lock, { size: 22, color: "hsl(var(--severity-medium))" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material26.Box, { sx: { flex: 1, minWidth: 0 }, children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Typography, { sx: { fontSize: "0.875rem", fontWeight: 600, color: "hsl(var(--foreground))" }, children: pendingAuthApps.length === 1 ? `${formatAppDisplayName(pendingAuthApps[0].appName)} requires authentication` : `${pendingAuthApps.map((a) => formatAppDisplayName(a.appName)).join(", ")} require authentication` }),
-                          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Typography, { sx: { fontSize: "0.78rem", color: "hsl(var(--muted-foreground))" }, children: pendingAuthApps.length === 1 ? `The agent cannot complete steps using ${formatAppDisplayName(pendingAuthApps[0].appName)} and may remain pending until connected.` : `The agent cannot complete steps using these tools and may remain pending until connected.` })
-                        ] })
-                      ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Box, { sx: { display: "flex", gap: 1, flexWrap: "wrap" }, children: pendingAuthApps.map(({ appName, appId }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
-                        import_material26.Button,
-                        {
-                          variant: "outlined",
-                          size: "small",
-                          onClick: () => setAuthDrawerApp({ name: appName, id: appId }),
-                          sx: {
-                            borderColor: "hsla(var(--severity-medium) / 0.6)",
-                            color: "hsl(var(--foreground))",
-                            textTransform: "none",
-                            fontSize: "0.75rem",
-                            fontWeight: 600,
-                            height: 32,
-                            "&:hover": {
-                              bgcolor: "hsla(var(--severity-medium) / 0.15)",
-                              borderColor: "hsl(var(--severity-medium))"
-                            }
-                          },
-                          children: [
-                            "Authenticate ",
-                            formatAppDisplayName(appName)
-                          ]
-                        },
-                        appName
-                      )) })
-                    ]
-                  }
-                ),
                 viewMode === "simple" && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Box, { sx: {
                   borderRadius: 2,
                   border: "1px solid hsl(var(--border))",
@@ -24538,7 +24550,17 @@ var AgentUI = ({
                           ) })
                         ] })
                       ] });
-                    })() : !finishAnswer && isRunning ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Typography, { sx: { fontSize: "0.85rem", color: "hsl(var(--muted-foreground))" }, children: "Agent is running\u2026" }) : !finishAnswer ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Typography, { sx: { fontSize: "0.85rem", color: "hsl(var(--muted-foreground))" }, children: "No final answer returned." }) : null,
+                    })() : !finishAnswer && isRunning ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material26.Box, { sx: { display: "flex", alignItems: "center", gap: 1, py: 0.5 }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                        import_lucide_react15.Loader2,
+                        {
+                          size: 14,
+                          className: "animate-spin",
+                          style: { color: "hsl(var(--muted-foreground))", flexShrink: 0 }
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Typography, { sx: { fontSize: "0.85rem", color: "hsl(var(--muted-foreground))" }, children: "Agent is running\u2026" })
+                    ] }) : !finishAnswer ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Typography, { sx: { fontSize: "0.85rem", color: "hsl(var(--muted-foreground))" }, children: "No final answer returned." }) : null,
                     /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                       import_material26.Button,
                       {
@@ -25504,7 +25526,7 @@ var LocalLLMConfig = ({ compact, globalUrl, userdata, isLoaded, isLoggedIn, serv
     !compact && (() => {
       const preset = ENDPOINT_PRESETS.find((p) => p.label === effectivePreset);
       const hasProviderDocs = !!preset && (!!preset.apiKeyUrl || !!preset.apiKeyHint);
-      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material28.Box, { sx: { px: 2.5, py: 2, borderRadius: 2, border: "1px solid hsl(var(--border))", bgcolor: "hsl(var(--muted) / 0.3)" }, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material28.Typography, { sx: { fontSize: "0.8rem", color: "hsl(var(--muted-foreground))", lineHeight: 1.5 }, children: isShuffleAI ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material28.Box, { sx: { px: 2.5, py: 2, borderRadius: 2, border: "1px solid hsl(var(--border))", bgcolor: "transparent" }, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material28.Typography, { sx: { fontSize: "0.8rem", color: "hsl(var(--muted-foreground))", lineHeight: 1.5 }, children: isShuffleAI ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
         "Using Shuffle AI. No configuration is required. Pick another provider above to use your own endpoint. Our models are hosted on GCP, and your data stays within your tenant's region.",
         " ",
         /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material28.Box, { component: "a", href: "https://shuffler.io/docs/AI#using-self-hosted-ai-models", target: "_blank", rel: "noopener noreferrer", sx: { color: "hsl(var(--primary))", textDecoration: "underline" }, children: "Read the docs" }),
@@ -28446,7 +28468,7 @@ var AskAiButton = ({
   requireSupport = true,
   isBeta = false,
   pathname,
-  label = "Ask AI",
+  label = "Ask Shuffle",
   tagLabel,
   contextHint,
   tooltipTitle,
@@ -28469,7 +28491,7 @@ var AskAiButton = ({
     return null;
   }
   const effectiveTagLabel = tagLabel !== void 0 && !(tagLabel === "Support" && isIncidentOrDocs) ? tagLabel : effectiveIsBeta ? "Beta" : "Support";
-  const effectiveTooltip = tooltipTitle !== void 0 ? tooltipTitle : label !== "Ask AI" ? label : contextHint ? `Ask AI (${contextHint})` : "Ask AI \u2022 Context-aware assistant";
+  const effectiveTooltip = tooltipTitle !== void 0 ? tooltipTitle : label !== "Ask AI" && label !== "Ask Shuffle" ? label : contextHint ? `Ask Shuffle (${contextHint})` : "Ask Shuffle \u2022 Context-aware assistant";
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     import_material34.Box,
     {
@@ -28709,6 +28731,106 @@ var AskAiDrawer_default = AskAiDrawer;
 var import_react34 = __toESM(require("react"));
 var import_material36 = require("@mui/material");
 var import_lucide_react22 = require("lucide-react");
+
+// supportEscalation.ts
+function resolveContactUserInfo(userdata) {
+  let user = userdata;
+  if (!user && typeof window !== "undefined") {
+    try {
+      const raw = localStorage.getItem("shuffle_user_info");
+      if (raw) user = JSON.parse(raw);
+    } catch {
+    }
+  }
+  const name = (user?.name || user?.username || "").trim();
+  let firstName = (user?.firstname || user?.firstName || "").trim();
+  let lastName = (user?.lastname || user?.lastName || "").trim();
+  if (!firstName && name) {
+    const parts = name.split(/\s+/);
+    firstName = parts[0] || "";
+    if (parts.length > 1) {
+      lastName = parts.slice(1).join(" ");
+    }
+  }
+  const email = (user?.email || (user?.username?.includes("@") ? user.username : "") || "").trim();
+  const title = (user?.title || user?.jobtitle || user?.job_title || user?.role || user?.active_org?.role || "").trim();
+  const company = (user?.company || user?.active_org?.name || "").trim();
+  return { firstName, lastName, email, title, company };
+}
+function buildSupportEscalationUrl(context) {
+  const { firstName, lastName, email, title, company } = resolveContactUserInfo(context.userdata);
+  const params = new URLSearchParams();
+  if (firstName) params.set("firstName", firstName);
+  if (lastName) params.set("lastName", lastName);
+  if (email) params.set("email", email);
+  if (title) params.set("title", title);
+  if (company) params.set("company", company);
+  params.set("category", (context.category || "support").toLowerCase());
+  let sourceUrl = context.sourceUrl;
+  if (!sourceUrl && typeof window !== "undefined") {
+    sourceUrl = window.location.href;
+  }
+  if (!sourceUrl && context.pathname) {
+    const origin = typeof window !== "undefined" && window.location?.origin ? window.location.origin : "https://shuffler.io";
+    const s = context.search ? context.search.startsWith("?") ? context.search : `?${context.search}` : "";
+    sourceUrl = `${origin}${context.pathname}${s}`;
+  }
+  const execId = context.executionId?.trim();
+  const auth = (context.authorization || execId || "").trim();
+  let runUrl = "";
+  if (execId) {
+    const origin = typeof window !== "undefined" && window.location?.origin ? window.location.origin : "https://shuffler.io";
+    runUrl = `${origin}/agents?execution_id=${encodeURIComponent(execId)}&authorization=${encodeURIComponent(auth)}`;
+  }
+  const lines = ["[Escalated from Ask Shuffle]", ""];
+  if (context.initialQuestion && context.initialQuestion.trim()) {
+    lines.push("User Question:");
+    lines.push(context.initialQuestion.trim(), "");
+  }
+  lines.push("Context & Source:");
+  if (sourceUrl) {
+    lines.push(`- Source URL: ${sourceUrl}${context.entityTitle ? ` (${context.entityTitle})` : ""}`);
+  }
+  if (execId) {
+    lines.push(`- Execution ID: ${execId}`);
+    if (runUrl) {
+      lines.push(`- Agent Run: ${runUrl}`);
+    }
+  }
+  if (context.executionStatus) {
+    lines.push(`- Execution Status: ${context.executionStatus}`);
+  }
+  if (context.error && context.error.trim()) {
+    lines.push("", "Error / Diagnostics:");
+    lines.push(context.error.trim().slice(0, 1e3));
+  }
+  lines.push("", "Additional Notes:");
+  lines.push("");
+  params.set("message", lines.join("\n"));
+  params.set("ref", "ask_shuffle_escalation");
+  if (sourceUrl) {
+    params.set("source_url", sourceUrl);
+  }
+  if (execId) {
+    params.set("execution_id", execId);
+  }
+  if (auth) {
+    params.set("authorization", auth);
+  }
+  if (runUrl) {
+    params.set("run_url", runUrl);
+  }
+  const queryString = params.toString().replace(/\+/g, "%20");
+  return `https://shuffler.io/contact?${queryString}`;
+}
+function openSupportEscalation(context) {
+  const url = buildSupportEscalationUrl(context);
+  if (typeof window !== "undefined") {
+    window.open(url, "_blank", "noopener,noreferrer");
+  }
+}
+
+// components/AskAiSidePanel.tsx
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var import_react35 = require("react");
 var AGENT_DRAWER_OPEN_EVENT = "agent-drawer-open";
@@ -28869,6 +28991,7 @@ var AskAiSidePanel = ({
   const [activeIncidentId, setActiveIncidentId] = (0, import_react34.useState)(null);
   const [activeIncidentContext, setActiveIncidentContext] = (0, import_react34.useState)(null);
   const [runResetKey, setRunResetKey] = (0, import_react34.useState)(0);
+  const [lastRunInfo, setLastRunInfo] = (0, import_react34.useState)(null);
   (0, import_react34.useEffect)(() => {
     if (!open) {
       setActiveTaskId(null);
@@ -28914,6 +29037,7 @@ var AskAiSidePanel = ({
       }
       if (detail?.resetExecution) {
         setActiveExecutionId(null);
+        setLastRunInfo(null);
         setRunResetKey((k) => k + 1);
       } else if (detail?.executionId !== void 0) {
         setActiveExecutionId(detail.executionId || null);
@@ -28928,8 +29052,17 @@ var AskAiSidePanel = ({
   }, [handleTabChange]);
   const handleAgentRun = (0, import_react34.useCallback)(
     (event) => {
-      if (event.executionId && activeTaskId) {
+      setLastRunInfo({
+        input: event.input,
+        executionId: event.executionId,
+        authorization: event.authorization,
+        error: event.error,
+        success: event.success
+      });
+      if (event.executionId) {
         setActiveExecutionId(event.executionId);
+      }
+      if (event.executionId && activeTaskId) {
         if (typeof window !== "undefined") {
           window.dispatchEvent(
             new CustomEvent("shuffle:task_ai_execution", {
@@ -28946,6 +29079,50 @@ var AskAiSidePanel = ({
     [activeTaskId]
   );
   const effectiveStorageKey = activeTaskId ? `${context.storageKey}:task:${activeTaskId}` : context.storageKey;
+  const urlExecutionId = (0, import_react34.useMemo)(() => {
+    if (typeof window === "undefined") return null;
+    const s = search ?? window.location.search;
+    return new URLSearchParams(s).get("execution_id");
+  }, [search]);
+  const urlAuthorization = (0, import_react34.useMemo)(() => {
+    if (typeof window === "undefined") return null;
+    const s = search ?? window.location.search;
+    return new URLSearchParams(s).get("authorization");
+  }, [search]);
+  const hasAgentRun = Boolean(
+    lastRunInfo?.executionId || lastRunInfo?.input || activeExecutionId || urlExecutionId || runResetKey === 0 && effectiveStorageKey && getPageContextChoice(effectiveStorageKey)?.executionId
+  );
+  const handleEscalateToSupport = (0, import_react34.useCallback)(() => {
+    const savedChoice = effectiveStorageKey ? getPageContextChoice(effectiveStorageKey) : null;
+    const execId = lastRunInfo?.executionId || activeExecutionId || urlExecutionId || savedChoice?.executionId;
+    const auth = lastRunInfo?.authorization || urlAuthorization || savedChoice?.authorization;
+    const execStatus = lastRunInfo?.success !== void 0 ? lastRunInfo.success ? "FINISHED" : "FAILED" : savedChoice?.executionStatus || (execId ? "EXECUTING" : void 0);
+    const question = lastRunInfo?.input || effectiveDefaultInput || savedChoice?.draftPrompt;
+    const currentFullUrl = typeof window !== "undefined" ? window.location.href : void 0;
+    openSupportEscalation({
+      userdata,
+      sourceUrl: currentFullUrl,
+      pathname: currentPathname,
+      search: currentSearch,
+      entityTitle,
+      initialQuestion: question,
+      executionId: execId || void 0,
+      authorization: auth || void 0,
+      executionStatus: execStatus,
+      error: lastRunInfo?.error
+    });
+  }, [
+    userdata,
+    currentPathname,
+    currentSearch,
+    entityTitle,
+    lastRunInfo,
+    activeExecutionId,
+    urlExecutionId,
+    urlAuthorization,
+    effectiveDefaultInput,
+    effectiveStorageKey
+  ]);
   const agentUiKey = activeTaskId ? `${context.storageKey}:task:${activeTaskId}:${activeExecutionId || "fresh"}:${runResetKey}` : `${context.storageKey}:${runResetKey}`;
   const effectiveLocalLLMSlot = localLLMSlot ?? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     LocalLLMConfig_default,
@@ -29019,19 +29196,41 @@ var AskAiSidePanel = ({
     setIsResizing(true);
     const startX = e.clientX;
     const startW = panelWidth;
+    let rafId = null;
+    let currentNextWidth = startW;
+    if (typeof document !== "undefined") {
+      document.body.style.userSelect = "none";
+      document.body.style.cursor = "col-resize";
+    }
     const handleMouseMove = (moveEvent) => {
       const deltaX = startX - moveEvent.clientX;
       const maxAllowed = Math.min(MAX_ASK_AI_PANEL_WIDTH, (window.innerWidth || 1200) - 40);
       const nextWidth = Math.round(
         Math.max(MIN_ASK_AI_PANEL_WIDTH, Math.min(maxAllowed, startW + deltaX))
       );
-      setPanelWidth(nextWidth);
-      if (typeof document !== "undefined") {
-        document.documentElement.style.setProperty("--ask-ai-panel-width", `${nextWidth}px`);
+      currentNextWidth = nextWidth;
+      if (!rafId) {
+        rafId = window.requestAnimationFrame(() => {
+          rafId = null;
+          if (panelRef.current) {
+            panelRef.current.style.width = `${currentNextWidth}px`;
+          }
+          if (typeof document !== "undefined") {
+            document.documentElement.style.setProperty("--ask-ai-panel-width", `${currentNextWidth}px`);
+          }
+        });
       }
     };
     const handleMouseUp = (upEvent) => {
       setIsResizing(false);
+      if (rafId) {
+        window.cancelAnimationFrame(rafId);
+        rafId = null;
+      }
+      if (typeof document !== "undefined") {
+        document.body.style.userSelect = "";
+        document.body.style.cursor = "";
+      }
       window.removeEventListener("mousemove", handleMouseMove);
       window.removeEventListener("mouseup", handleMouseUp);
       const deltaX = startX - upEvent.clientX;
@@ -29039,9 +29238,16 @@ var AskAiSidePanel = ({
       const finalWidth = Math.round(
         Math.max(MIN_ASK_AI_PANEL_WIDTH, Math.min(maxAllowed, startW + deltaX))
       );
-      try {
-        localStorage.setItem(ASK_AI_PANEL_WIDTH_STORAGE_KEY, String(finalWidth));
-      } catch {
+      setPanelWidth(finalWidth);
+      if (panelRef.current) {
+        panelRef.current.style.width = "";
+      }
+      if (typeof document !== "undefined") {
+        document.documentElement.style.setProperty("--ask-ai-panel-width", `${finalWidth}px`);
+        try {
+          localStorage.setItem(ASK_AI_PANEL_WIDTH_STORAGE_KEY, String(finalWidth));
+        } catch {
+        }
       }
     };
     window.addEventListener("mousemove", handleMouseMove);
@@ -29052,6 +29258,8 @@ var AskAiSidePanel = ({
     setIsResizing(true);
     const startX = e.touches[0].clientX;
     const startW = panelWidth;
+    let rafId = null;
+    let currentNextWidth = startW;
     const handleTouchMove = (moveEvent) => {
       if (moveEvent.touches.length !== 1) return;
       const deltaX = startX - moveEvent.touches[0].clientX;
@@ -29059,13 +29267,25 @@ var AskAiSidePanel = ({
       const nextWidth = Math.round(
         Math.max(MIN_ASK_AI_PANEL_WIDTH, Math.min(maxAllowed, startW + deltaX))
       );
-      setPanelWidth(nextWidth);
-      if (typeof document !== "undefined") {
-        document.documentElement.style.setProperty("--ask-ai-panel-width", `${nextWidth}px`);
+      currentNextWidth = nextWidth;
+      if (!rafId) {
+        rafId = window.requestAnimationFrame(() => {
+          rafId = null;
+          if (panelRef.current) {
+            panelRef.current.style.width = `${currentNextWidth}px`;
+          }
+          if (typeof document !== "undefined") {
+            document.documentElement.style.setProperty("--ask-ai-panel-width", `${currentNextWidth}px`);
+          }
+        });
       }
     };
     const handleTouchEnd = (endEvent) => {
       setIsResizing(false);
+      if (rafId) {
+        window.cancelAnimationFrame(rafId);
+        rafId = null;
+      }
       window.removeEventListener("touchmove", handleTouchMove);
       window.removeEventListener("touchend", handleTouchEnd);
       const clientX = endEvent.changedTouches[0]?.clientX ?? startX;
@@ -29074,9 +29294,16 @@ var AskAiSidePanel = ({
       const finalWidth = Math.round(
         Math.max(MIN_ASK_AI_PANEL_WIDTH, Math.min(maxAllowed, startW + deltaX))
       );
-      try {
-        localStorage.setItem(ASK_AI_PANEL_WIDTH_STORAGE_KEY, String(finalWidth));
-      } catch {
+      setPanelWidth(finalWidth);
+      if (panelRef.current) {
+        panelRef.current.style.width = "";
+      }
+      if (typeof document !== "undefined") {
+        document.documentElement.style.setProperty("--ask-ai-panel-width", `${finalWidth}px`);
+        try {
+          localStorage.setItem(ASK_AI_PANEL_WIDTH_STORAGE_KEY, String(finalWidth));
+        } catch {
+        }
       }
     };
     window.addEventListener("touchmove", handleTouchMove, { passive: false });
@@ -29119,6 +29346,18 @@ var AskAiSidePanel = ({
     return null;
   }
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
+    isResizing && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      import_material36.Box,
+      {
+        sx: {
+          position: "fixed",
+          inset: 0,
+          zIndex: 99999,
+          cursor: "col-resize",
+          userSelect: "none"
+        }
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       import_material36.Box,
       {
@@ -29140,7 +29379,7 @@ var AskAiSidePanel = ({
       {
         ref: panelRef,
         component: "aside",
-        "aria-label": "Ask AI",
+        "aria-label": "Ask Shuffle",
         "aria-hidden": !isVisible,
         className: themeScope?.scopeClassName,
         sx: [
@@ -29177,23 +29416,49 @@ var AskAiSidePanel = ({
               onTouchStart: handleTouchResizeStart,
               role: "separator",
               "aria-orientation": "vertical",
-              "aria-label": "Resize Ask AI panel",
+              "aria-label": "Resize Ask Shuffle panel",
               sx: {
                 position: "absolute",
                 top: 0,
                 bottom: 0,
-                left: 0,
-                width: 8,
+                left: -6,
+                width: 14,
                 cursor: "col-resize",
                 zIndex: 1300,
                 transition: "background-color 0.15s ease",
                 userSelect: "none",
-                display: { xs: "none", sm: "block" },
+                display: { xs: "none", sm: "flex" },
+                alignItems: "center",
+                justifyContent: "center",
                 "&:hover, &:active": {
-                  bgcolor: "hsl(var(--primary) / 0.35)"
+                  bgcolor: "hsl(var(--primary) / 0.15)",
+                  "& .resize-grip": {
+                    bgcolor: "hsl(var(--primary))",
+                    opacity: 1
+                  }
                 },
-                ...isResizing ? { bgcolor: "hsl(var(--primary) / 0.55)" } : {}
-              }
+                ...isResizing ? {
+                  bgcolor: "hsl(var(--primary) / 0.2)",
+                  "& .resize-grip": {
+                    bgcolor: "hsl(var(--primary))",
+                    opacity: 1
+                  }
+                } : {}
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                import_material36.Box,
+                {
+                  className: "resize-grip",
+                  sx: {
+                    width: 3,
+                    height: 36,
+                    borderRadius: 1.5,
+                    bgcolor: "hsl(var(--muted-foreground))",
+                    opacity: 0.35,
+                    transition: "opacity 0.15s ease, background-color 0.15s ease"
+                  }
+                }
+              )
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
@@ -29210,7 +29475,7 @@ var AskAiSidePanel = ({
                 flexShrink: 0
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_material36.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_material36.Box, { sx: { display: "flex", alignItems: "center", gap: 1, minWidth: 0, flex: 1 }, children: [
                   /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                     import_material36.Box,
                     {
@@ -29232,13 +29497,17 @@ var AskAiSidePanel = ({
                   /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                     import_material36.Typography,
                     {
+                      noWrap: true,
                       sx: {
                         fontWeight: 700,
                         fontSize: "0.86rem",
                         color: "hsl(var(--foreground))",
-                        letterSpacing: "-0.01em"
+                        letterSpacing: "-0.01em",
+                        minWidth: 0,
+                        overflow: "hidden",
+                        textOverflow: "ellipsis"
                       },
-                      children: safeActiveTab === "permissions" ? "Agent Permissions" : safeActiveTab === "localLLM" ? "Local LLM Settings" : (context.headerTitleFn ? context.headerTitleFn(entityTitle) : context.headerTitle) || (context.buttonLabelFn ? context.buttonLabelFn(entityTitle) : context.buttonLabel) || "Ask AI"
+                      children: safeActiveTab === "permissions" ? "Agent Permissions" : safeActiveTab === "localLLM" ? "Local LLM Settings" : (context.headerTitleFn ? context.headerTitleFn(entityTitle) : context.headerTitle) || (context.buttonLabelFn ? context.buttonLabelFn(entityTitle) : context.buttonLabel) || "Ask Shuffle"
                     }
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
@@ -29254,30 +29523,75 @@ var AskAiSidePanel = ({
                         borderRadius: "4px",
                         bgcolor: isBetaRoute ? "hsla(var(--primary) / 0.12)" : "hsl(var(--muted))",
                         color: isBetaRoute ? "hsl(var(--primary))" : "hsl(var(--muted-foreground))",
-                        border: isBetaRoute ? "1px solid hsla(var(--primary) / 0.26)" : "1px solid hsl(var(--border))"
+                        border: isBetaRoute ? "1px solid hsla(var(--primary) / 0.26)" : "1px solid hsl(var(--border))",
+                        flexShrink: 0
                       },
                       children: isBetaRoute ? "Beta" : isLoggedIn ? isSupport ? "Support" : "Agent" : "Guest"
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material36.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-                  import_material36.IconButton,
-                  {
-                    onClick: onClose,
-                    size: "small",
-                    "aria-label": "Close Ask AI panel",
-                    sx: {
-                      color: "hsl(var(--muted-foreground))",
-                      p: 0.75,
-                      borderRadius: "8px",
-                      "&:hover": {
-                        color: "hsl(var(--foreground))",
-                        bgcolor: "hsl(var(--muted))"
-                      }
-                    },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react22.X, { size: 16 })
-                  }
-                ) })
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_material36.Box, { sx: { display: "flex", alignItems: "center", gap: 0.75, flexShrink: 0 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                    import_material36.Tooltip,
+                    {
+                      title: hasAgentRun ? "Talk to support" : "Run an agent first to provide context for support",
+                      arrow: true,
+                      placement: "bottom",
+                      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { style: { display: "inline-flex", cursor: hasAgentRun ? "pointer" : "not-allowed" }, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                        import_material36.Button,
+                        {
+                          onClick: handleEscalateToSupport,
+                          disabled: !hasAgentRun,
+                          size: "small",
+                          variant: "outlined",
+                          sx: {
+                            height: 24,
+                            minHeight: 24,
+                            px: 1,
+                            py: 0,
+                            fontSize: "0.72rem",
+                            fontWeight: 600,
+                            textTransform: "none",
+                            whiteSpace: "nowrap",
+                            borderRadius: "6px",
+                            borderColor: "hsl(var(--border))",
+                            color: hasAgentRun ? "hsl(var(--foreground))" : "hsl(var(--muted-foreground))",
+                            bgcolor: "transparent",
+                            "&:hover": {
+                              borderColor: "hsl(var(--primary))",
+                              bgcolor: "hsl(var(--muted))",
+                              color: "hsl(var(--primary))"
+                            },
+                            "&.Mui-disabled": {
+                              borderColor: "hsl(var(--border) / 0.5)",
+                              color: "hsl(var(--muted-foreground) / 0.6)",
+                              opacity: 0.6
+                            }
+                          },
+                          children: "Talk to support"
+                        }
+                      ) })
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                    import_material36.IconButton,
+                    {
+                      onClick: onClose,
+                      size: "small",
+                      "aria-label": "Close Ask Shuffle panel",
+                      sx: {
+                        color: "hsl(var(--muted-foreground))",
+                        p: 0.75,
+                        borderRadius: "8px",
+                        "&:hover": {
+                          color: "hsl(var(--foreground))",
+                          bgcolor: "hsl(var(--muted))"
+                        }
+                      },
+                      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react22.X, { size: 16 })
+                    }
+                  )
+                ] })
               ]
             }
           ),
@@ -29575,6 +29889,8 @@ var AskAiSidePanel_default = AskAiSidePanel;
 var import_react36 = require("react");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var AGENT_DRAWER_OPEN_EVENT2 = "agent-drawer-open";
+var AGENT_DRAWER_CLOSE_EVENT = "agent-drawer-close";
+var AGENT_DRAWER_STATE_EVENT = "agent-drawer-state";
 var AskAiWidget = ({
   open: controlledOpen,
   onOpenChange,
@@ -29648,12 +29964,29 @@ var AskAiWidget = ({
     window.addEventListener(AGENT_DRAWER_OPEN_EVENT2, handleDrawerOpenEvent);
     return () => window.removeEventListener(AGENT_DRAWER_OPEN_EVENT2, handleDrawerOpenEvent);
   }, [isAgentDisabled, setDrawerOpen]);
+  (0, import_react36.useEffect)(() => {
+    const handleDrawerCloseEvent = () => {
+      setDrawerOpen(false);
+    };
+    window.addEventListener(AGENT_DRAWER_CLOSE_EVENT, handleDrawerCloseEvent);
+    return () => window.removeEventListener(AGENT_DRAWER_CLOSE_EVENT, handleDrawerCloseEvent);
+  }, [setDrawerOpen]);
+  (0, import_react36.useEffect)(() => {
+    if (typeof window === "undefined") return;
+    window.__shuffleAskAiOpen = isDrawerOpen;
+    try {
+      window.dispatchEvent(
+        new CustomEvent(AGENT_DRAWER_STATE_EVENT, { detail: { open: isDrawerOpen } })
+      );
+    } catch {
+    }
+  }, [isDrawerOpen]);
   (0, import_react36.useEffect)(() => {
     if (propInitialTab) {
       setActiveTab(propInitialTab);
     }
   }, [propInitialTab]);
-  const effectiveButtonLabel = buttonProps?.label || (activeContext.buttonLabelFn ? activeContext.buttonLabelFn() : activeContext.buttonLabel) || "Ask AI";
+  const effectiveButtonLabel = buttonProps?.label || (activeContext.buttonLabelFn ? activeContext.buttonLabelFn() : activeContext.buttonLabel) || "Ask Shuffle";
   const isIncidentOrDocsRoute = currentPath.startsWith("/incidents") || currentPath.startsWith("/incidents-simple") || currentPath.startsWith("/cases") || currentPath.startsWith("/alerts") || currentPath.startsWith("/tickets") || currentPath.startsWith("/docs");
   const isBeta = activeContext.isBeta === true || isIncidentOrDocsRoute;
   const effectiveRequireSupport = isBeta ? false : requireSupport;
@@ -30947,6 +31280,9 @@ var LocalLLMConfig2 = withMcpTheme(LocalLLMConfig_default, "LocalLLMConfig");
 var AddAppModal2 = withMcpTheme(AddAppModal_default, "AddAppModal");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AGENT_DRAWER_CLOSE_EVENT,
+  AGENT_DRAWER_OPEN_EVENT,
+  AGENT_DRAWER_STATE_EVENT,
   AGENT_PRESETS,
   AGENT_PROMPT_PREFIX_CATEGORY,
   API_CONFIG,
@@ -31004,6 +31340,7 @@ var AddAppModal2 = withMcpTheme(AddAppModal_default, "AddAppModal");
   VULN_SCANNER_PATTERNS,
   VideoEmbed,
   applyRegionFromPayload,
+  buildSupportEscalationUrl,
   checkAppNameMatch,
   clearPageContextChoice,
   deleteDatastoreItem,
@@ -31050,6 +31387,7 @@ var AddAppModal2 = withMcpTheme(AddAppModal_default, "AddAppModal");
   matchRoutePattern,
   mergeConnectedTools,
   normalizeAppName,
+  openSupportEscalation,
   parseRunResult,
   refreshAllIntegrationStatus,
   registerAgentContextRule,
@@ -31059,6 +31397,7 @@ var AddAppModal2 = withMcpTheme(AddAppModal_default, "AddAppModal");
   resolveApp,
   resolveApps,
   resolveConnectedTools,
+  resolveContactUserInfo,
   resolveVideoUrl,
   scheduleAgentRun,
   searchAgentActivity,