@burtson-labs/bandit-engine 2.0.151 → 2.0.153

package/dist/index.js

@@ -3384,7 +3384,7 @@ var init_mcpServersService = __esm({
 });
 
 // src/store/mcpToolsStore.ts
-var import_zustand11, sanitizeMcpToolName, healthCheckTool, webSearchTool, webFetchTool, imageGenerationTool, createFileTool, defaultTools, useMCPToolsStore;
+var import_zustand11, sanitizeMcpToolName, healthCheckTool, webSearchTool, webFetchTool, createFileTool, defaultTools, useMCPToolsStore;
 var init_mcpToolsStore = __esm({
   "src/store/mcpToolsStore.ts"() {
     "use strict";
@@ -3456,47 +3456,23 @@ var init_mcpToolsStore = __esm({
       method: "GET",
       isBuiltIn: true
     };
-    imageGenerationTool = {
-      id: "image-generation",
-      name: "image_generation",
-      description: "Generate high-quality images using DALL-E 3 from text prompts",
-      enabled: true,
-      type: "function",
-      function: {
-        name: "image_generation",
-        description: "Generate high-quality images using DALL-E 3 from text prompts",
-        parameters: {
-          type: "object",
-          properties: {
-            prompt: { type: "string", description: "Text description of the image to generate" },
-            size: { type: "string", enum: ["1024x1024", "1024x1792", "1792x1024"], description: "Image dimensions" },
-            quality: { type: "string", enum: ["standard", "hd"], description: "Image quality" },
-            style: { type: "string", enum: ["vivid", "natural"], description: "Style preference" }
-          },
-          required: ["prompt"]
-        }
-      },
-      endpoint: "/mcp/generate-image",
-      method: "POST",
-      isBuiltIn: true
-    };
     createFileTool = {
       id: "create-file",
       name: "create_file",
-      description: "Create a downloadable file for the user (md, txt, csv, json, html, docx, pptx). Returns a temporary (~1 hour) download link.",
+      description: "Create a downloadable file for the user (md, txt, csv, json, html, docx, pptx, pdf). Returns a temporary (~1 hour) download link.",
       enabled: true,
       type: "function",
       function: {
         name: "create_file",
-        description: "Generate a file the user can download. For docx/pptx write well-structured Markdown (headings, lists, tables; use '## ' headings to start each slide). Returns a short-lived (~1 hour) download URL \u2014 tell the user it expires.",
+        description: "Generate a file the user can download. For docx/pptx write well-structured Markdown (headings, lists, tables; use '## ' headings to start each slide). For pdf, prefer complete HTML with inline CSS (branded proposals, print layouts) \u2014 Chromium renders it without browser headers/footers; Markdown also works. Returns a short-lived (~1 hour) download URL \u2014 tell the user it expires.",
         parameters: {
           type: "object",
           properties: {
-            content: { type: "string", description: "The file content (Markdown for docx/pptx; raw text for others)." },
-            filename: { type: "string", description: "Desired filename, e.g. 'report.docx' or 'notes.md'." },
+            content: { type: "string", description: "The file content (HTML preferred for pdf; Markdown for docx/pptx/pdf; raw text for others)." },
+            filename: { type: "string", description: "Desired filename, e.g. 'report.pdf' or 'notes.md'." },
             format: {
               type: "string",
-              enum: ["md", "txt", "csv", "json", "html", "xml", "yaml", "docx", "pptx"],
+              enum: ["md", "txt", "csv", "json", "html", "xml", "yaml", "docx", "pptx", "pdf"],
               description: "File format. Defaults to md."
             }
           },
@@ -3507,7 +3483,7 @@ var init_mcpToolsStore = __esm({
       method: "POST",
       isBuiltIn: true
     };
-    defaultTools = [healthCheckTool, webSearchTool, webFetchTool, imageGenerationTool, createFileTool];
+    defaultTools = [healthCheckTool, webSearchTool, webFetchTool, createFileTool];
     useMCPToolsStore = (0, import_zustand11.create)((set, get) => ({
       tools: defaultTools,
       isLoaded: false,
@@ -16085,6 +16061,7 @@ var init_engine_picker = __esm({
         const tier = String(getCurrentTier());
         return tier !== "trial" && tier !== "expired" && tier !== "free" && tier !== "basic";
       })();
+      const hideUpgradePrompts = usePackageSettingsStore((s) => s.settings?.hideUpgradePrompts === true);
       const plansPath = typeof window !== "undefined" && !(window.location.hostname === "banditailabs.com" || window.location.hostname.endsWith(".banditailabs.com") || window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1") ? "https://banditailabs.com/plans" : "/plans";
       if (engines.length === 0) return null;
       return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
@@ -16163,8 +16140,8 @@ var init_engine_picker = __esm({
                         ),
                         engine.id === resolvedEngineId && !isGated && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material13.Box, { sx: { width: 8, height: 8, borderRadius: "50%", bgcolor: theme.palette.primary.main } })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material13.Typography, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: isGated ? "Premium engine \u2014 available on a paid plan." : engine.available ? engine.description : engine.unavailableReason || "Unavailable" }),
-                      isGated && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material13.Typography, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: isGated ? hideUpgradePrompts ? "Not available on your current plan." : "Premium engine \u2014 available on a paid plan." : engine.available ? engine.description : engine.unavailableReason || "Unavailable" }),
+                      isGated && !hideUpgradePrompts && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                         import_material13.Button,
                         {
                           size: "small",
@@ -19014,12 +18991,14 @@ var init_rate_limit_prompt = __esm({
     import_react_router_dom = require("react-router-dom");
     init_lucide_icons();
     init_rateLimitStore();
+    init_packageSettingsStore();
     init_debugLogger();
     import_jsx_runtime21 = require("react/jsx-runtime");
     RateLimitPrompt = () => {
       const theme = (0, import_material18.useTheme)();
       const prompt = useRateLimitStore((s) => s.prompt);
       const dismiss = useRateLimitStore((s) => s.dismiss);
+      const hideUpgradePrompts = usePackageSettingsStore((s) => s.settings?.hideUpgradePrompts === true);
       const hasLoggedRouterWarningRef = (0, import_react24.useRef)(false);
       let navigate = null;
       try {
@@ -19049,6 +19028,12 @@ var init_rate_limit_prompt = __esm({
       const { scope, frontier } = prompt;
       const title = scope === "weekly" ? "You've reached your weekly limit" : "You've hit your session limit";
       const body = (() => {
+        if (hideUpgradePrompts) {
+          if (frontier) {
+            return scope === "weekly" ? "You've used your weekly allowance on premium engines. It resets with your weekly cycle." : "You've hit your session limit on premium engines. It resets soon.";
+          }
+          return scope === "weekly" ? "Your weekly chat allowance is used up. It resets with your weekly cycle." : "It resets shortly \u2014 check back in a bit.";
+        }
         if (frontier) {
           return scope === "weekly" ? "You've used your weekly allowance on premium engines. Upgrade to keep chatting on the most capable models." : "You've hit your session limit on premium engines. It resets soon \u2014 or upgrade for higher limits and uninterrupted access.";
         }
@@ -19093,7 +19078,7 @@ var init_rate_limit_prompt = __esm({
               /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material18.Typography, { variant: "subtitle2", sx: { fontWeight: 600, color: theme.palette.text.primary }, children: title }),
               /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material18.Typography, { variant: "body2", sx: { color: theme.palette.text.secondary, mt: 0.25 }, children: body }),
               /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material18.Box, { sx: { display: "flex", gap: 1, mt: 1, flexWrap: "wrap" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                !hideUpgradePrompts && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                   import_material18.Button,
                   {
                     size: "small",
@@ -20965,7 +20950,6 @@ TOOL USAGE PROTOCOL (conservative approach)
 - Only call tools for SPECIFIC, CURRENT information that requires real-time data or a source you don't already have:
   * web_search() - when asked about recent/current events, breaking news, live information (weather, prices, sports scores), or when you need to look up documentation, libraries, APIs, error messages, or verify a specific fact
   * web_fetch() - to read the FULL contents of a specific URL you already have. Reach for this when the user wants to "tell me more", "go deeper", "read/open that article", or asks for details about a specific source, link, or article from an EARLIER answer: take that item's URL from the previous Sources list in this conversation and fetch it, then answer from the page's actual content (not just the prior summary)
-  * image_generation() - ONLY when explicitly asked to create or generate an image
   * create_file({"content": "...", "filename": "report.docx", "format": "docx"}) - when the user asks for a downloadable FILE (a document, spreadsheet, slides, markdown, code, etc.) or to "export"/"download"/"save" something. Formats: md, txt, csv, json, html, xml, yaml, docx, pptx. PDF is NOT a supported format \u2014 if the user asks for a PDF, create a docx instead. For docx/pptx write well-structured Markdown (use "## " headings to start each slide for pptx). It returns a temporary download link \u2014 ALWAYS tell the user the file expires (~1 hour). If it is unclear whether they want it shown inline vs. as a downloadable file, use ask_user first.
   * ask_user({"questions": [{"question": "...", "header": "Format", "options": [{"label": "Inline (Recommended)"}, {"label": "Download a file"}]}]}) - when the request is AMBIGUOUS or missing a detail you need to do a good job (unclear scope, audience, format, tone, which of several interpretations they meant), or you are blocked on a decision that is the user's to make and cannot resolve from the request, context, or sensible defaults. Renders clickable options the user answers in one step \u2014 ALWAYS prefer this over asking a clarifying question in prose and ending your turn. Give 1-4 questions, each with 2-4 short options; if one is clearly best, list it first and append " (Recommended)". The user may also type their own answer; act on it directly. Don't overuse it \u2014 when a sensible default exists, take it and note the assumption instead.
 - For general questions about concepts, definitions, explanations, or how-to topics, use your built-in knowledge WITHOUT calling tools.
@@ -23159,12 +23143,67 @@ var init_FeedbackModal = __esm({
   }
 });
 
+// src/utils/installedApp.ts
+var isNativeShell, isStandalonePwa2;
+var init_installedApp = __esm({
+  "src/utils/installedApp.ts"() {
+    "use strict";
+    isNativeShell = () => {
+      if (typeof window === "undefined") return false;
+      const cap = window.Capacitor;
+      return typeof cap?.isNativePlatform === "function" && cap.isNativePlatform() === true;
+    };
+    isStandalonePwa2 = () => {
+      if (typeof window === "undefined") return false;
+      const nav = window.navigator;
+      return window.matchMedia?.("(display-mode: standalone)").matches || nav.standalone === true;
+    };
+  }
+});
+
+// src/hooks/useSafeNavigate.ts
+var import_react30, import_react_router_dom2, useSafeNavigate;
+var init_useSafeNavigate = __esm({
+  "src/hooks/useSafeNavigate.ts"() {
+    "use strict";
+    import_react30 = require("react");
+    import_react_router_dom2 = require("react-router-dom");
+    init_debugLogger();
+    useSafeNavigate = () => {
+      const warned = (0, import_react30.useRef)(false);
+      let navigate = null;
+      try {
+        navigate = (0, import_react_router_dom2.useNavigate)();
+      } catch (error) {
+        if (!warned.current) {
+          debugLogger.warn("useSafeNavigate: no Router context; falling back to location", { error });
+          warned.current = true;
+        }
+        navigate = null;
+      }
+      return (to) => {
+        if (typeof window !== "undefined" && /^[a-z]+:\/\//i.test(to)) {
+          window.location.href = to;
+          return;
+        }
+        if (navigate) {
+          navigate(to);
+          return;
+        }
+        if (typeof window !== "undefined") {
+          window.location.href = to;
+        }
+      };
+    };
+  }
+});
+
 // src/chat/project-management-modal.tsx
-var import_react30, import_material21, import_lucide_react7, import_styles12, import_jsx_runtime23, DEFAULT_COLORS2, ProjectManagementModal, project_management_modal_default;
+var import_react31, import_material21, import_lucide_react7, import_styles12, import_jsx_runtime23, DEFAULT_COLORS2, ProjectManagementModal, project_management_modal_default;
 var init_project_management_modal = __esm({
   "src/chat/project-management-modal.tsx"() {
     "use strict";
-    import_react30 = require("react");
+    import_react31 = require("react");
     import_material21 = require("@mui/material");
     import_lucide_react7 = require("lucide-react");
     import_styles12 = require("@mui/material/styles");
@@ -23200,25 +23239,25 @@ var init_project_management_modal = __esm({
         hydrate
       } = useProjectStore();
       const { getConversationsByProject } = useConversationStore();
-      const [showCreateForm, setShowCreateForm] = (0, import_react30.useState)(false);
-      const [editingProject, setEditingProject] = (0, import_react30.useState)(null);
-      const [formData, setFormData] = (0, import_react30.useState)({
+      const [showCreateForm, setShowCreateForm] = (0, import_react31.useState)(false);
+      const [editingProject, setEditingProject] = (0, import_react31.useState)(null);
+      const [formData, setFormData] = (0, import_react31.useState)({
         name: "",
         description: "",
         instructions: "",
         color: DEFAULT_COLORS2[0]
       });
-      const [menuAnchor, setMenuAnchor] = (0, import_react30.useState)(null);
-      const [selectedProject, setSelectedProject] = (0, import_react30.useState)(null);
-      const [loading, setLoading] = (0, import_react30.useState)(false);
-      const [error, setError] = (0, import_react30.useState)(null);
-      const modalContainerRef = (0, import_react30.useRef)(null);
-      (0, import_react30.useEffect)(() => {
+      const [menuAnchor, setMenuAnchor] = (0, import_react31.useState)(null);
+      const [selectedProject, setSelectedProject] = (0, import_react31.useState)(null);
+      const [loading, setLoading] = (0, import_react31.useState)(false);
+      const [error, setError] = (0, import_react31.useState)(null);
+      const modalContainerRef = (0, import_react31.useRef)(null);
+      (0, import_react31.useEffect)(() => {
         if (open && !_hasHydrated) {
           hydrate();
         }
       }, [open, _hasHydrated, hydrate]);
-      (0, import_react30.useEffect)(() => {
+      (0, import_react31.useEffect)(() => {
         if (!open) {
           setMenuAnchor(null);
           setSelectedProject(null);
@@ -23753,11 +23792,11 @@ var init_project_management_modal = __esm({
 });
 
 // src/chat/move-conversation-modal.tsx
-var import_react31, import_material22, import_lucide_react8, import_styles13, import_jsx_runtime24, MoveConversationModal, move_conversation_modal_default;
+var import_react32, import_material22, import_lucide_react8, import_styles13, import_jsx_runtime24, MoveConversationModal, move_conversation_modal_default;
 var init_move_conversation_modal = __esm({
   "src/chat/move-conversation-modal.tsx"() {
     "use strict";
-    import_react31 = require("react");
+    import_react32 = require("react");
     import_material22 = require("@mui/material");
     import_lucide_react8 = require("lucide-react");
     import_styles13 = require("@mui/material/styles");
@@ -23774,15 +23813,15 @@ var init_move_conversation_modal = __esm({
       const theme = (0, import_styles13.useTheme)();
       const { projects, _hasHydrated, hydrate } = useProjectStore();
       const { moveConversationToProject } = useConversationStore();
-      const [selectedProjectId, setSelectedProjectId] = (0, import_react31.useState)(
+      const [selectedProjectId, setSelectedProjectId] = (0, import_react32.useState)(
         currentProjectId
       );
-      (0, import_react31.useEffect)(() => {
+      (0, import_react32.useEffect)(() => {
         if (open && !_hasHydrated) {
           hydrate();
         }
       }, [open, _hasHydrated, hydrate]);
-      (0, import_react31.useEffect)(() => {
+      (0, import_react32.useEffect)(() => {
         setSelectedProjectId(currentProjectId);
       }, [currentProjectId, open]);
       const handleMove = async () => {
@@ -23924,11 +23963,11 @@ var init_move_conversation_modal = __esm({
 });
 
 // src/chat/simple-conversation-item.tsx
-var import_react32, import_material23, import_lucide_react9, import_styles14, import_jsx_runtime25, SimpleConversationItem, simple_conversation_item_default;
+var import_react33, import_material23, import_lucide_react9, import_styles14, import_jsx_runtime25, SimpleConversationItem, simple_conversation_item_default;
 var init_simple_conversation_item = __esm({
   "src/chat/simple-conversation-item.tsx"() {
     "use strict";
-    import_react32 = require("react");
+    import_react33 = require("react");
     import_material23 = require("@mui/material");
     import_lucide_react9 = require("lucide-react");
     import_styles14 = require("@mui/material/styles");
@@ -23950,16 +23989,16 @@ var init_simple_conversation_item = __esm({
     }) => {
       const theme = (0, import_styles14.useTheme)();
       const isMobile = (0, import_material23.useMediaQuery)(theme.breakpoints.down("sm"));
-      const [anchorEl, setAnchorEl] = (0, import_react32.useState)(null);
-      const [isEditing, setIsEditing] = (0, import_react32.useState)(false);
-      const [editName, setEditName] = (0, import_react32.useState)(conversation.name);
-      const [isDragging, setIsDragging] = (0, import_react32.useState)(false);
-      const [isTouchDragging, setIsTouchDragging] = (0, import_react32.useState)(false);
-      const [showRenameDialog, setShowRenameDialog] = (0, import_react32.useState)(false);
-      const longPressTimeoutRef = (0, import_react32.useRef)(null);
-      const touchStartPointRef = (0, import_react32.useRef)(null);
-      const activeTouchIdRef = (0, import_react32.useRef)(null);
-      const suppressClickRef = (0, import_react32.useRef)(false);
+      const [anchorEl, setAnchorEl] = (0, import_react33.useState)(null);
+      const [isEditing, setIsEditing] = (0, import_react33.useState)(false);
+      const [editName, setEditName] = (0, import_react33.useState)(conversation.name);
+      const [isDragging, setIsDragging] = (0, import_react33.useState)(false);
+      const [isTouchDragging, setIsTouchDragging] = (0, import_react33.useState)(false);
+      const [showRenameDialog, setShowRenameDialog] = (0, import_react33.useState)(false);
+      const longPressTimeoutRef = (0, import_react33.useRef)(null);
+      const touchStartPointRef = (0, import_react33.useRef)(null);
+      const activeTouchIdRef = (0, import_react33.useRef)(null);
+      const suppressClickRef = (0, import_react33.useRef)(false);
       const highlightText = (text, query) => {
         if (!query || !query.trim()) {
           return text;
@@ -24098,7 +24137,7 @@ var init_simple_conversation_item = __esm({
         if (!isMobile) return;
         finalizeTouchDrag();
       };
-      (0, import_react32.useEffect)(() => {
+      (0, import_react33.useEffect)(() => {
         if (!isTouchDragActive && isTouchDragging) {
           setIsTouchDragging(false);
         }
@@ -24364,11 +24403,11 @@ var init_simple_conversation_item = __esm({
 });
 
 // src/chat/project-header.tsx
-var import_react33, import_material24, import_lucide_react10, import_styles15, import_jsx_runtime26, ProjectHeader, project_header_default;
+var import_react34, import_material24, import_lucide_react10, import_styles15, import_jsx_runtime26, ProjectHeader, project_header_default;
 var init_project_header = __esm({
   "src/chat/project-header.tsx"() {
     "use strict";
-    import_react33 = require("react");
+    import_react34 = require("react");
     import_material24 = require("@mui/material");
     import_lucide_react10 = require("lucide-react");
     import_styles15 = require("@mui/material/styles");
@@ -24392,10 +24431,10 @@ var init_project_header = __esm({
       const theme = (0, import_styles15.useTheme)();
       const { createNewConversation } = useConversationStore();
       const { renameProject } = useProjectStore();
-      const [isHovered, setIsHovered] = (0, import_react33.useState)(false);
-      const [isDragOver, setIsDragOver] = (0, import_react33.useState)(false);
-      const [renameDraft, setRenameDraft] = (0, import_react33.useState)(projectName);
-      const renameActionRef = (0, import_react33.useRef)("none");
+      const [isHovered, setIsHovered] = (0, import_react34.useState)(false);
+      const [isDragOver, setIsDragOver] = (0, import_react34.useState)(false);
+      const [renameDraft, setRenameDraft] = (0, import_react34.useState)(projectName);
+      const renameActionRef = (0, import_react34.useRef)("none");
       const isUngrouped = projectId === null;
       const Icon = isCollapsed ? import_lucide_react10.Folder : import_lucide_react10.FolderOpen;
       const handleAddConversation = (e) => {
@@ -24669,11 +24708,11 @@ var init_tooltips = __esm({
 });
 
 // src/chat/conversation-drawer.tsx
-var import_react34, import_material25, import_lucide_react11, import_styles16, import_jsx_runtime27, BANDIT_AVATAR, coerceOptionalString, deriveInitials, ConversationDrawer, conversation_drawer_default;
+var import_react35, import_material25, import_lucide_react11, import_styles16, import_jsx_runtime27, BANDIT_AVATAR, coerceOptionalString, deriveInitials, ConversationDrawer, conversation_drawer_default;
 var init_conversation_drawer = __esm({
   "src/chat/conversation-drawer.tsx"() {
     "use strict";
-    import_react34 = require("react");
+    import_react35 = require("react");
     import_material25 = require("@mui/material");
     import_lucide_react11 = require("lucide-react");
     init_FeedbackModal();
@@ -24682,6 +24721,8 @@ var init_conversation_drawer = __esm({
     init_projectStore();
     init_authenticationStore();
     init_packageSettingsStore();
+    init_installedApp();
+    init_useSafeNavigate();
     init_brandingService();
     init_authenticationService();
     init_project_management_modal();
@@ -24745,23 +24786,23 @@ var init_conversation_drawer = __esm({
         createProject,
         deleteProject
       } = useProjectStore();
-      const [projectManagementOpen, setProjectManagementOpen] = (0, import_react34.useState)(false);
-      const [memoryModalOpen, setMemoryModalOpen] = (0, import_react34.useState)(false);
-      const [collapsedProjects, setCollapsedProjects] = (0, import_react34.useState)(/* @__PURE__ */ new Set());
-      const didInitCollapseRef = (0, import_react34.useRef)(false);
-      const [searchQuery, setSearchQuery] = (0, import_react34.useState)("");
-      const [menuAnchorEl, setMenuAnchorEl] = (0, import_react34.useState)(null);
-      const [clearConfirmOpen, setClearConfirmOpen] = (0, import_react34.useState)(false);
-      const [feedbackOpen, setFeedbackOpen] = (0, import_react34.useState)(false);
-      const [moveModalOpen, setMoveModalOpen] = (0, import_react34.useState)(false);
-      const [conversationToMove, setConversationToMove] = (0, import_react34.useState)(null);
-      const [renameProjectId, setRenameProjectId] = (0, import_react34.useState)(null);
-      const getCustomClaim = (0, import_react34.useCallback)((key) => {
+      const [projectManagementOpen, setProjectManagementOpen] = (0, import_react35.useState)(false);
+      const [memoryModalOpen, setMemoryModalOpen] = (0, import_react35.useState)(false);
+      const [collapsedProjects, setCollapsedProjects] = (0, import_react35.useState)(/* @__PURE__ */ new Set());
+      const didInitCollapseRef = (0, import_react35.useRef)(false);
+      const [searchQuery, setSearchQuery] = (0, import_react35.useState)("");
+      const [menuAnchorEl, setMenuAnchorEl] = (0, import_react35.useState)(null);
+      const [clearConfirmOpen, setClearConfirmOpen] = (0, import_react35.useState)(false);
+      const [feedbackOpen, setFeedbackOpen] = (0, import_react35.useState)(false);
+      const [moveModalOpen, setMoveModalOpen] = (0, import_react35.useState)(false);
+      const [conversationToMove, setConversationToMove] = (0, import_react35.useState)(null);
+      const [renameProjectId, setRenameProjectId] = (0, import_react35.useState)(null);
+      const getCustomClaim = (0, import_react35.useCallback)((key) => {
         if (!user2) return void 0;
         const record = user2;
         return coerceOptionalString(record[key]);
       }, [user2]);
-      const userDisplayName = (0, import_react34.useMemo)(() => {
+      const userDisplayName = (0, import_react35.useMemo)(() => {
         if (!user2) return void 0;
         const candidateFields = [
           coerceOptionalString(user2.name),
@@ -24776,7 +24817,7 @@ var init_conversation_drawer = __esm({
         if (trimmedEmail) return trimmedEmail;
         return user2.sub;
       }, [user2, getCustomClaim]);
-      const userSecondaryText = (0, import_react34.useMemo)(() => {
+      const userSecondaryText = (0, import_react35.useMemo)(() => {
         if (!user2) return void 0;
         const trimmedEmail = coerceOptionalString(user2.email);
         if (trimmedEmail && trimmedEmail !== userDisplayName) {
@@ -24788,13 +24829,13 @@ var init_conversation_drawer = __esm({
         }
         return void 0;
       }, [user2, userDisplayName]);
-      const [avatarImage, setAvatarImage] = (0, import_react34.useState)(BANDIT_AVATAR);
-      (0, import_react34.useEffect)(() => {
+      const [avatarImage, setAvatarImage] = (0, import_react35.useState)(BANDIT_AVATAR);
+      (0, import_react35.useEffect)(() => {
         const fresh = readPersistedToken();
         const store = useAuthenticationStore.getState();
         if (fresh && fresh !== store.token) store.setToken(fresh);
       }, []);
-      (0, import_react34.useEffect)(() => {
+      (0, import_react35.useEffect)(() => {
         let active2 = true;
         let objectUrl = null;
         const resolveAvatar2 = async () => {
@@ -24835,13 +24876,13 @@ var init_conversation_drawer = __esm({
         };
       }, [getCustomClaim]);
       const avatarLabel = userDisplayName || user2?.email || "Bandit";
-      const avatarInitials = (0, import_react34.useMemo)(() => deriveInitials(avatarLabel), [avatarLabel]);
-      (0, import_react34.useEffect)(() => {
+      const avatarInitials = (0, import_react35.useMemo)(() => deriveInitials(avatarLabel), [avatarLabel]);
+      (0, import_react35.useEffect)(() => {
         if (!projectsHydrated) {
           hydrateProjects();
         }
       }, [projectsHydrated, hydrateProjects]);
-      (0, import_react34.useEffect)(() => {
+      (0, import_react35.useEffect)(() => {
         if (projectsHydrated && !didInitCollapseRef.current) {
           didInitCollapseRef.current = true;
           if (projects && projects.length > 0) {
@@ -24854,7 +24895,7 @@ var init_conversation_drawer = __esm({
         const end = Math.min(text.length, idx + query.length + 60);
         return text.slice(start, end).replace(/\s+/g, " ").trim();
       };
-      const projectGroups = (0, import_react34.useMemo)(() => {
+      const projectGroups = (0, import_react35.useMemo)(() => {
         const listable = conversations.filter((conversation) => !conversation.incognito);
         const groups = projects.map((project) => ({
           id: project.id,
@@ -24878,7 +24919,7 @@ var init_conversation_drawer = __esm({
         }
         return groups.filter((group) => group.conversations.length > 0 || group.id !== null);
       }, [projects, conversations, collapsedProjects]);
-      const filteredProjectGroups = (0, import_react34.useMemo)(() => {
+      const filteredProjectGroups = (0, import_react35.useMemo)(() => {
         if (!searchQuery.trim()) return projectGroups;
         const query = searchQuery.toLowerCase();
         return projectGroups.map((group) => {
@@ -24926,15 +24967,18 @@ var init_conversation_drawer = __esm({
       const syncEnabled = useConversationSyncStore((s) => s.syncEnabled);
       const syncStatus = useConversationSyncStore((s) => s.status);
       const runSync = useConversationSyncStore((s) => s.runSync);
+      const safeNavigate = useSafeNavigate();
       const goToHome = () => {
         const resolvedHomeUrl = preferences.homeUrl?.trim() || usePackageSettingsStore.getState().settings?.homeUrl?.trim() || "";
         if (resolvedHomeUrl) {
           window.location.href = resolvedHomeUrl;
           return;
         }
-        const navigatorWithStandalone = window.navigator;
-        const isStandalone = window.matchMedia?.("(display-mode: standalone)").matches || navigatorWithStandalone.standalone === true;
-        if (isStandalone) {
+        if (isNativeShell()) {
+          safeNavigate("/chat");
+          return;
+        }
+        if (isStandalonePwa2()) {
           try {
             sessionStorage.setItem("banditPwaStayOnHome", "true");
           } catch {
@@ -25405,7 +25449,7 @@ var init_conversation_drawer = __esm({
                 import_material25.Box,
                 {
                   onClick: user2 ? () => {
-                    window.location.href = "/profile";
+                    safeNavigate("/profile");
                   } : void 0,
                   title: user2 ? "Profile & settings" : void 0,
                   sx: {
@@ -25498,7 +25542,7 @@ var init_conversation_drawer = __esm({
                         title: "Management & settings",
                         onClick: (event) => {
                           event.stopPropagation();
-                          window.location.href = managementPath;
+                          safeNavigate(managementPath);
                         },
                         sx: {
                           flexShrink: 0,
@@ -25658,11 +25702,11 @@ var init_conversation_drawer = __esm({
 });
 
 // src/chat/enhanced-mobile-conversations-modal.tsx
-var import_react35, import_material26, import_lucide_react12, import_styles17, import_jsx_runtime28, BANDIT_AVATAR2, coerceOptionalString2, deriveInitials2, EnhancedMobileConversationsModal, enhanced_mobile_conversations_modal_default;
+var import_react36, import_material26, import_lucide_react12, import_styles17, import_jsx_runtime28, BANDIT_AVATAR2, coerceOptionalString2, deriveInitials2, EnhancedMobileConversationsModal, enhanced_mobile_conversations_modal_default;
 var init_enhanced_mobile_conversations_modal = __esm({
   "src/chat/enhanced-mobile-conversations-modal.tsx"() {
     "use strict";
-    import_react35 = require("react");
+    import_react36 = require("react");
     import_material26 = require("@mui/material");
     import_lucide_react12 = require("lucide-react");
     import_styles17 = require("@mui/material/styles");
@@ -25670,6 +25714,8 @@ var init_enhanced_mobile_conversations_modal = __esm({
     init_projectStore();
     init_authenticationStore();
     init_packageSettingsStore();
+    init_installedApp();
+    init_useSafeNavigate();
     init_memory_modal();
     init_brandingService();
     init_authenticationService();
@@ -25710,7 +25756,8 @@ var init_enhanced_mobile_conversations_modal = __esm({
     };
     EnhancedMobileConversationsModal = ({
       open,
-      onClose
+      onClose,
+      drag
     }) => {
       const theme = (0, import_styles17.useTheme)();
       const { user: user2 } = useAuthenticationStore();
@@ -25737,15 +25784,18 @@ var init_enhanced_mobile_conversations_modal = __esm({
       const syncEnabled = useConversationSyncStore((s) => s.syncEnabled);
       const syncStatus = useConversationSyncStore((s) => s.status);
       const runSync = useConversationSyncStore((s) => s.runSync);
+      const safeNavigate = useSafeNavigate();
       const goToHome = () => {
         const resolvedHomeUrl = preferences.homeUrl?.trim() || usePackageSettingsStore.getState().settings?.homeUrl?.trim() || "";
         if (resolvedHomeUrl) {
           window.location.href = resolvedHomeUrl;
           return;
         }
-        const navigatorWithStandalone = window.navigator;
-        const isStandalone = window.matchMedia?.("(display-mode: standalone)").matches || navigatorWithStandalone.standalone === true;
-        if (isStandalone) {
+        if (isNativeShell()) {
+          safeNavigate("/chat");
+          return;
+        }
+        if (isStandalonePwa2()) {
           try {
             sessionStorage.setItem("banditPwaStayOnHome", "true");
           } catch {
@@ -25756,25 +25806,25 @@ var init_enhanced_mobile_conversations_modal = __esm({
         window.location.href = "/";
       };
       const managementPath = typeof window !== "undefined" && window.location.pathname.startsWith("/playground") ? "/playground/management" : "/management";
-      const [projectManagementOpen, setProjectManagementOpen] = (0, import_react35.useState)(false);
-      const [memoryModalOpen, setMemoryModalOpen] = (0, import_react35.useState)(false);
-      const [collapsedProjects, setCollapsedProjects] = (0, import_react35.useState)(/* @__PURE__ */ new Set());
-      const didInitCollapseRef = (0, import_react35.useRef)(false);
-      const [searchQuery, setSearchQuery] = (0, import_react35.useState)("");
-      const [menuAnchorEl, setMenuAnchorEl] = (0, import_react35.useState)(null);
-      const [clearConfirmOpen, setClearConfirmOpen] = (0, import_react35.useState)(false);
-      const [moveModalOpen, setMoveModalOpen] = (0, import_react35.useState)(false);
-      const [conversationToMove, setConversationToMove] = (0, import_react35.useState)(null);
-      const [renameProjectId, setRenameProjectId] = (0, import_react35.useState)(null);
-      const [deletedConversationIds, setDeletedConversationIds] = (0, import_react35.useState)(/* @__PURE__ */ new Set());
-      const [touchDragState, setTouchDragState] = (0, import_react35.useState)({ conversationId: null, originProjectId: null, hoverProjectId: null });
-      const [avatarImage, setAvatarImage] = (0, import_react35.useState)(BANDIT_AVATAR2);
-      const getCustomClaim = (0, import_react35.useCallback)((key) => {
+      const [projectManagementOpen, setProjectManagementOpen] = (0, import_react36.useState)(false);
+      const [memoryModalOpen, setMemoryModalOpen] = (0, import_react36.useState)(false);
+      const [collapsedProjects, setCollapsedProjects] = (0, import_react36.useState)(/* @__PURE__ */ new Set());
+      const didInitCollapseRef = (0, import_react36.useRef)(false);
+      const [searchQuery, setSearchQuery] = (0, import_react36.useState)("");
+      const [menuAnchorEl, setMenuAnchorEl] = (0, import_react36.useState)(null);
+      const [clearConfirmOpen, setClearConfirmOpen] = (0, import_react36.useState)(false);
+      const [moveModalOpen, setMoveModalOpen] = (0, import_react36.useState)(false);
+      const [conversationToMove, setConversationToMove] = (0, import_react36.useState)(null);
+      const [renameProjectId, setRenameProjectId] = (0, import_react36.useState)(null);
+      const [deletedConversationIds, setDeletedConversationIds] = (0, import_react36.useState)(/* @__PURE__ */ new Set());
+      const [touchDragState, setTouchDragState] = (0, import_react36.useState)({ conversationId: null, originProjectId: null, hoverProjectId: null });
+      const [avatarImage, setAvatarImage] = (0, import_react36.useState)(BANDIT_AVATAR2);
+      const getCustomClaim = (0, import_react36.useCallback)((key) => {
         if (!user2) return void 0;
         const record = user2;
         return coerceOptionalString2(record[key]);
       }, [user2]);
-      const userDisplayName = (0, import_react35.useMemo)(() => {
+      const userDisplayName = (0, import_react36.useMemo)(() => {
         if (!user2) return void 0;
         const candidateFields = [
           coerceOptionalString2(user2.name),
@@ -25789,7 +25839,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
         if (trimmedEmail) return trimmedEmail;
         return user2.sub;
       }, [user2, getCustomClaim]);
-      const userSecondaryText = (0, import_react35.useMemo)(() => {
+      const userSecondaryText = (0, import_react36.useMemo)(() => {
         if (!user2) return void 0;
         const trimmedEmail = coerceOptionalString2(user2.email);
         if (trimmedEmail && trimmedEmail !== userDisplayName) {
@@ -25801,7 +25851,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
         }
         return void 0;
       }, [user2, userDisplayName]);
-      (0, import_react35.useEffect)(() => {
+      (0, import_react36.useEffect)(() => {
         if (!open) return;
         const fresh = readPersistedToken();
         const authStore = useAuthenticationStore.getState();
@@ -25846,18 +25896,18 @@ var init_enhanced_mobile_conversations_modal = __esm({
         };
       }, [open, getCustomClaim]);
       const avatarLabel = userDisplayName || user2?.email || "Bandit";
-      const avatarInitials = (0, import_react35.useMemo)(() => deriveInitials2(avatarLabel), [avatarLabel]);
+      const avatarInitials = (0, import_react36.useMemo)(() => deriveInitials2(avatarLabel), [avatarLabel]);
       const buildSnippet = (text, query, idx) => {
         const start = Math.max(0, idx - 40);
         const end = Math.min(text.length, idx + query.length + 60);
         return text.slice(start, end).replace(/\s+/g, " ").trim();
       };
-      (0, import_react35.useEffect)(() => {
+      (0, import_react36.useEffect)(() => {
         if (open && !projectsHydrated) {
           hydrateProjects();
         }
       }, [open, projectsHydrated, hydrateProjects]);
-      (0, import_react35.useEffect)(() => {
+      (0, import_react36.useEffect)(() => {
         if (projectsHydrated && !didInitCollapseRef.current) {
           didInitCollapseRef.current = true;
           if (projects && projects.length > 0) {
@@ -25865,7 +25915,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
           }
         }
       }, [projectsHydrated, projects]);
-      const projectGroups = (0, import_react35.useMemo)(() => {
+      const projectGroups = (0, import_react36.useMemo)(() => {
         const visibleConversations = conversations.filter(
           (conversation) => !deletedConversationIds.has(conversation.id) && !conversation.incognito
         );
@@ -25891,11 +25941,11 @@ var init_enhanced_mobile_conversations_modal = __esm({
         }
         return groups.filter((group) => group.conversations.length > 0 || group.id !== null);
       }, [projects, conversations, collapsedProjects, deletedConversationIds]);
-      const visibleConversationCount = (0, import_react35.useMemo)(
+      const visibleConversationCount = (0, import_react36.useMemo)(
         () => projectGroups.reduce((total, group) => total + group.conversations.length, 0),
         [projectGroups]
       );
-      const filteredProjectGroups = (0, import_react35.useMemo)(() => {
+      const filteredProjectGroups = (0, import_react36.useMemo)(() => {
         if (!searchQuery.trim()) return projectGroups;
         const query = searchQuery.toLowerCase();
         return projectGroups.map((group) => {
@@ -25920,14 +25970,14 @@ var init_enhanced_mobile_conversations_modal = __esm({
         }).filter((group) => group.conversations.length > 0);
       }, [projectGroups, searchQuery]);
       const touchDragActive = Boolean(touchDragState.conversationId);
-      const getProjectIdFromPoint = (0, import_react35.useCallback)((clientX, clientY) => {
+      const getProjectIdFromPoint = (0, import_react36.useCallback)((clientX, clientY) => {
         if (typeof document === "undefined") return null;
         const element = document.elementFromPoint(clientX, clientY);
         if (!element) return null;
         const projectNode = element.closest("[data-project-id]");
         return projectNode?.getAttribute("data-project-id") ?? null;
       }, []);
-      const handleTouchDragStart = (0, import_react35.useCallback)((conversation, touch) => {
+      const handleTouchDragStart = (0, import_react36.useCallback)((conversation, touch) => {
         const initialHover = getProjectIdFromPoint(touch.clientX, touch.clientY);
         setTouchDragState({
           conversationId: conversation.id,
@@ -25935,7 +25985,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
           hoverProjectId: initialHover ?? (conversation.projectId ?? null)
         });
       }, [getProjectIdFromPoint]);
-      const handleTouchDragMove = (0, import_react35.useCallback)((touch) => {
+      const handleTouchDragMove = (0, import_react36.useCallback)((touch) => {
         setTouchDragState((prev) => {
           if (!prev.conversationId) return prev;
           const hoverId = getProjectIdFromPoint(touch.clientX, touch.clientY);
@@ -25943,7 +25993,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
           return { ...prev, hoverProjectId: hoverId };
         });
       }, [getProjectIdFromPoint]);
-      const handleTouchDragEnd = (0, import_react35.useCallback)((touch) => {
+      const handleTouchDragEnd = (0, import_react36.useCallback)((touch) => {
         setTouchDragState((prev) => {
           if (!prev.conversationId) {
             return { conversationId: null, originProjectId: null, hoverProjectId: null };
@@ -25971,11 +26021,11 @@ var init_enhanced_mobile_conversations_modal = __esm({
           return { conversationId: null, originProjectId: null, hoverProjectId: null };
         });
       }, [getProjectIdFromPoint, moveConversationToProject]);
-      const activeDragConversation = (0, import_react35.useMemo)(() => {
+      const activeDragConversation = (0, import_react36.useMemo)(() => {
         if (!touchDragState.conversationId) return null;
         return conversations.find((conv) => conv.id === touchDragState.conversationId) || null;
       }, [touchDragState.conversationId, conversations]);
-      const activeHoverLabel = (0, import_react35.useMemo)(() => {
+      const activeHoverLabel = (0, import_react36.useMemo)(() => {
         if (!touchDragState.hoverProjectId) return "";
         if (touchDragState.hoverProjectId === "__ungrouped") return "Ungrouped";
         const project = projects.find((p) => p.id === touchDragState.hoverProjectId);
@@ -26024,7 +26074,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
         setMoveModalOpen(false);
         setConversationToMove(null);
       };
-      (0, import_react35.useEffect)(() => {
+      (0, import_react36.useEffect)(() => {
         setDeletedConversationIds((prev) => {
           let changed = false;
           const active2 = new Set(conversations.map((conv) => conv.id));
@@ -26049,6 +26099,11 @@ var init_enhanced_mobile_conversations_modal = __esm({
             children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material26.Slide, { direction: "right", in: open, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
               import_material26.Box,
               {
+                style: drag?.style,
+                onTouchStart: drag?.onTouchStart,
+                onTouchMove: drag?.onTouchMove,
+                onTouchEnd: drag?.onTouchEnd,
+                onTouchCancel: drag?.onTouchEnd,
                 sx: {
                   position: "fixed",
                   top: 0,
@@ -26556,7 +26611,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                     import_material26.Box,
                     {
                       onClick: user2 ? () => {
-                        window.location.href = "/profile";
+                        safeNavigate("/profile");
                       } : void 0,
                       sx: {
                         mt: "auto",
@@ -26632,7 +26687,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                             title: "Management & settings",
                             onClick: (event) => {
                               event.stopPropagation();
-                              window.location.href = managementPath;
+                              safeNavigate(managementPath);
                             },
                             sx: {
                               flexShrink: 0,
@@ -26794,15 +26849,15 @@ var init_enhanced_mobile_conversations_modal = __esm({
 });
 
 // src/chat/chat-app-bar.tsx
-var import_material27, import_react36, import_material28, import_react_router_dom2, import_shallow2, import_jsx_runtime29, CDN_BASE, banditHead2, modelAvatars2, ChatAppBar, chat_app_bar_default;
+var import_material27, import_react37, import_material28, import_react_router_dom3, import_shallow2, import_jsx_runtime29, CDN_BASE, banditHead2, modelAvatars2, ChatAppBar, chat_app_bar_default;
 var init_chat_app_bar = __esm({
   "src/chat/chat-app-bar.tsx"() {
     "use strict";
     import_material27 = require("@mui/material");
     init_modelStore();
-    import_react36 = require("react");
+    import_react37 = require("react");
     import_material28 = require("@mui/material");
-    import_react_router_dom2 = require("react-router-dom");
+    import_react_router_dom3 = require("react-router-dom");
     init_lucide_icons();
     init_conversation_drawer();
     init_enhanced_mobile_conversations_modal();
@@ -26834,14 +26889,15 @@ var init_chat_app_bar = __esm({
       drawerOpen,
       setDrawerOpen,
       mobileConversationsOpen,
-      onMobileConversationsOpenChange
+      onMobileConversationsOpenChange,
+      mobileConversationsDrag
     }) => {
       const theme = (0, import_material28.useTheme)();
       const isMobile = (0, import_material28.useMediaQuery)(theme.breakpoints.down("sm"));
-      const hasLoggedRouterWarningRef = (0, import_react36.useRef)(false);
+      const hasLoggedRouterWarningRef = (0, import_react37.useRef)(false);
       let navigate = null;
       try {
-        navigate = (0, import_react_router_dom2.useNavigate)();
+        navigate = (0, import_react_router_dom3.useNavigate)();
       } catch (error) {
         if (!hasLoggedRouterWarningRef.current) {
           debugLogger.warn("ChatAppBar: Navigation not available (missing Router context)", { error });
@@ -26868,17 +26924,17 @@ var init_chat_app_bar = __esm({
         menuBackground,
         menuText
       } = theme.palette.chat.appBar;
-      const [modelAnchorEl, setModelAnchorEl] = (0, import_react36.useState)(null);
-      const [engineAnchorEl, setEngineAnchorEl] = (0, import_react36.useState)(null);
-      const [voiceAnchorEl, setVoiceAnchorEl] = (0, import_react36.useState)(null);
-      const [internalModalOpen, setInternalModalOpen] = (0, import_react36.useState)(false);
+      const [modelAnchorEl, setModelAnchorEl] = (0, import_react37.useState)(null);
+      const [engineAnchorEl, setEngineAnchorEl] = (0, import_react37.useState)(null);
+      const [voiceAnchorEl, setVoiceAnchorEl] = (0, import_react37.useState)(null);
+      const [internalModalOpen, setInternalModalOpen] = (0, import_react37.useState)(false);
       const modalOpen = mobileConversationsOpen ?? internalModalOpen;
       const setModalOpen = (open) => {
         setInternalModalOpen(open);
         onMobileConversationsOpenChange?.(open);
       };
-      const [confirmModelChangeOpen, setConfirmModelChangeOpen] = (0, import_react36.useState)(false);
-      const [pendingModel, setPendingModel] = (0, import_react36.useState)(null);
+      const [confirmModelChangeOpen, setConfirmModelChangeOpen] = (0, import_react37.useState)(false);
+      const [pendingModel, setPendingModel] = (0, import_react37.useState)(null);
       const { conversations, currentId, createNewConversation, toggleIncognito, _hasHydrated } = useConversationStore();
       const { preferences } = usePreferencesStore();
       const { settings: packageSettings } = usePackageSettingsStore();
@@ -26888,7 +26944,7 @@ var init_chat_app_bar = __esm({
         syncEnabled: state.syncEnabled,
         setSyncEnabled: state.setSyncEnabled
       }), import_shallow2.shallow);
-      (0, import_react36.useEffect)(() => {
+      (0, import_react37.useEffect)(() => {
         if (isPlaygroundMode3 && syncEnabled) {
           void setSyncEnabled(false).catch((error) => {
             debugLogger.warn("ChatAppBar: Failed to disable sync in playground", {
@@ -26943,7 +26999,7 @@ var init_chat_app_bar = __esm({
       const resolvedEngineId = currentEngine?.id ?? effectiveEngineId;
       const cleanEngineName = (name) => (name || "").replace(/\s*\([^)]*\)\s*$/, "").trim();
       const engineDisplay = cleanEngineName(currentEngine?.displayName) || "Engine";
-      (0, import_react36.useEffect)(() => {
+      (0, import_react37.useEffect)(() => {
         useEngineStore.getState().fetchEngines();
       }, []);
       const pendingModelAvatar = useModelStore.getState().availableModels.find((m) => m.name === pendingModel)?.avatarBase64 || modelAvatars2[pendingModel || ""] || banditHead2;
@@ -27186,7 +27242,7 @@ var init_chat_app_bar = __esm({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(conversation_drawer_default, { open: drawerOpen, onClose: () => setDrawerOpen(false) }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(enhanced_mobile_conversations_modal_default, { open: modalOpen, onClose: () => setModalOpen(false) }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(enhanced_mobile_conversations_modal_default, { open: modalOpen, onClose: () => setModalOpen(false), drag: mobileConversationsDrag }),
         /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
           import_material28.Dialog,
           {
@@ -27326,11 +27382,11 @@ Respond with just the title and nothing else.
 });
 
 // src/chat/query-suggestion-picker.tsx
-var import_react37, import_material29, import_styles18, import_react_markdown3, import_remark_gfm3, import_rehype_raw3, import_jsx_runtime30, markdownComponents, QuerySuggestionPicker;
+var import_react38, import_material29, import_styles18, import_react_markdown3, import_remark_gfm3, import_rehype_raw3, import_jsx_runtime30, markdownComponents, QuerySuggestionPicker;
 var init_query_suggestion_picker = __esm({
   "src/chat/query-suggestion-picker.tsx"() {
     "use strict";
-    import_react37 = require("react");
+    import_react38 = require("react");
     import_material29 = require("@mui/material");
     import_styles18 = require("@mui/material/styles");
     import_react_markdown3 = __toESM(require("react-markdown"));
@@ -27355,16 +27411,16 @@ var init_query_suggestion_picker = __esm({
       onSend,
       inputHeight
     }) => {
-      const hasGenerated = (0, import_react37.useRef)(false);
-      const [hasSentPrompt, setHasSentPrompt] = (0, import_react37.useState)(false);
-      const [examplePrompts, setExamplePrompts] = (0, import_react37.useState)([]);
-      const [visiblePrompts, setVisiblePrompts] = (0, import_react37.useState)([]);
-      const scrollRef = (0, import_react37.useRef)(null);
+      const hasGenerated = (0, import_react38.useRef)(false);
+      const [hasSentPrompt, setHasSentPrompt] = (0, import_react38.useState)(false);
+      const [examplePrompts, setExamplePrompts] = (0, import_react38.useState)([]);
+      const [visiblePrompts, setVisiblePrompts] = (0, import_react38.useState)([]);
+      const scrollRef = (0, import_react38.useRef)(null);
       const theme = (0, import_styles18.useTheme)();
       const isMobile = (0, import_material29.useMediaQuery)((theme2) => theme2.breakpoints.down("sm"));
       const { background, text, border, hoverBackground, hoverBorder } = theme.palette.chat.suggestion;
       const { getCurrentModel, isLoading } = useModelStore();
-      (0, import_react37.useEffect)(() => {
+      (0, import_react38.useEffect)(() => {
         if (hasGenerated.current || isLoading) return;
         hasGenerated.current = true;
         const currentModel = getCurrentModel();
@@ -27397,12 +27453,12 @@ var init_query_suggestion_picker = __esm({
           hasGenerated.current = false;
         });
       }, [getCurrentModel, isLoading]);
-      (0, import_react37.useEffect)(() => {
+      (0, import_react38.useEffect)(() => {
         if (!isLoading) {
           hasGenerated.current = false;
         }
       }, [isLoading]);
-      (0, import_react37.useEffect)(() => {
+      (0, import_react38.useEffect)(() => {
         if (hasSentPrompt || examplePrompts.length === 0) return;
         const interval = setInterval(() => {
           setExamplePrompts((prev) => {
@@ -29978,17 +30034,17 @@ var init_themeMap = __esm({
 });
 
 // src/components/UnderReview.tsx
-var import_material30, import_react_router_dom3, import_jsx_runtime31, UnderReview, UnderReview_default;
+var import_material30, import_react_router_dom4, import_jsx_runtime31, UnderReview, UnderReview_default;
 var init_UnderReview = __esm({
   "src/components/UnderReview.tsx"() {
     "use strict";
     import_material30 = require("@mui/material");
-    import_react_router_dom3 = require("react-router-dom");
+    import_react_router_dom4 = require("react-router-dom");
     init_authenticationService();
     import_jsx_runtime31 = require("react/jsx-runtime");
     UnderReview = () => {
       const theme = (0, import_material30.useTheme)();
-      const navigate = (0, import_react_router_dom3.useNavigate)();
+      const navigate = (0, import_react_router_dom4.useNavigate)();
       const handleResetSession = () => {
         authenticationService2.clearToken();
         navigate("/login");
@@ -30052,11 +30108,11 @@ var init_UnderReview = __esm({
 });
 
 // src/components/feedback/FeedbackPulse.tsx
-var import_react38, import_material31, import_styles32, import_lucide_react13, import_jsx_runtime32, STORAGE_KEY3, COOLDOWN_DAYS, MIN_SESSION_MS, MIN_MESSAGES_SENT, CHECK_INTERVAL_MS, readLastInteraction, recordInteraction, FeedbackPulse, FeedbackPulse_default;
+var import_react39, import_material31, import_styles32, import_lucide_react13, import_jsx_runtime32, STORAGE_KEY3, COOLDOWN_DAYS, MIN_SESSION_MS, MIN_MESSAGES_SENT, CHECK_INTERVAL_MS, readLastInteraction, recordInteraction, FeedbackPulse, FeedbackPulse_default;
 var init_FeedbackPulse = __esm({
   "src/components/feedback/FeedbackPulse.tsx"() {
     "use strict";
-    import_react38 = require("react");
+    import_react39 = require("react");
     import_material31 = require("@mui/material");
     import_styles32 = require("@mui/material/styles");
     import_lucide_react13 = require("lucide-react");
@@ -30085,21 +30141,21 @@ var init_FeedbackPulse = __esm({
     };
     FeedbackPulse = ({ isMobile, feedbackEmail }) => {
       const theme = (0, import_styles32.useTheme)();
-      const [visible, setVisible] = (0, import_react38.useState)(false);
-      const [thanked, setThanked] = (0, import_react38.useState)(false);
-      const [modalOpen, setModalOpen] = (0, import_react38.useState)(false);
-      const mountedAtRef = (0, import_react38.useRef)(Date.now());
-      const baselineMessagesRef = (0, import_react38.useRef)(null);
+      const [visible, setVisible] = (0, import_react39.useState)(false);
+      const [thanked, setThanked] = (0, import_react39.useState)(false);
+      const [modalOpen, setModalOpen] = (0, import_react39.useState)(false);
+      const mountedAtRef = (0, import_react39.useRef)(Date.now());
+      const baselineMessagesRef = (0, import_react39.useRef)(null);
       const totalMessages = useConversationStore(
         (s) => s.conversations.reduce((n, c) => n + c.history.length, 0)
       );
       const hydrated = useConversationStore((s) => s._hasHydrated);
-      (0, import_react38.useEffect)(() => {
+      (0, import_react39.useEffect)(() => {
         if (hydrated && baselineMessagesRef.current === null) {
           baselineMessagesRef.current = totalMessages;
         }
       }, [hydrated, totalMessages]);
-      (0, import_react38.useEffect)(() => {
+      (0, import_react39.useEffect)(() => {
         const cooldownMs = COOLDOWN_DAYS * 24 * 60 * 60 * 1e3;
         const forced = typeof window !== "undefined" && new URLSearchParams(window.location.search).has("feedbackPulse");
         const check = () => {
@@ -30217,16 +30273,16 @@ var init_FeedbackPulse = __esm({
 });
 
 // src/hooks/useNotificationService.ts
-var import_react39, useNotificationService;
+var import_react40, useNotificationService;
 var init_useNotificationService = __esm({
   "src/hooks/useNotificationService.ts"() {
     "use strict";
-    import_react39 = require("react");
+    import_react40 = require("react");
     init_NotificationProvider();
     init_notificationService();
     useNotificationService = () => {
       const notificationContext = useNotification();
-      (0, import_react39.useEffect)(() => {
+      (0, import_react40.useEffect)(() => {
         notificationService.setContext(notificationContext);
       }, [notificationContext]);
       return {
@@ -30333,11 +30389,11 @@ var init_ConnectionStatus = __esm({
 });
 
 // src/hooks/useVoiceMode.ts
-var import_react40, RMS_BASELINE, RMS_NORMALIZER, computeRms, pickSupportedMimeType, useVoiceMode;
+var import_react41, RMS_BASELINE, RMS_NORMALIZER, computeRms, pickSupportedMimeType, useVoiceMode;
 var init_useVoiceMode = __esm({
   "src/hooks/useVoiceMode.ts"() {
     "use strict";
-    import_react40 = require("react");
+    import_react41 = require("react");
     init_stt_client();
     init_debugLogger();
     init_voiceModeStore();
@@ -30370,11 +30426,11 @@ var init_useVoiceMode = __esm({
       const setError = useVoiceModeStore((state) => state.setError);
       const resetTransientState = useVoiceModeStore((state) => state.resetTransientState);
       const setLastTranscript = useVoiceModeStore((state) => state.setLastTranscript);
-      const configRef = (0, import_react40.useRef)(config);
-      (0, import_react40.useEffect)(() => {
+      const configRef = (0, import_react41.useRef)(config);
+      (0, import_react41.useEffect)(() => {
         configRef.current = config;
       }, [config]);
-      (0, import_react40.useEffect)(() => {
+      (0, import_react41.useEffect)(() => {
         if (!enabled) {
           return () => void 0;
         }
@@ -30635,11 +30691,11 @@ var chat_exports = {};
 __export(chat_exports, {
   default: () => chat_default
 });
-var import_react41, import_material33, import_styles33, import_react_router_dom4, import_lucide_react14, import_jsx_runtime34, ChatContent, Chat, chat_default;
+var import_react42, import_material33, import_styles33, import_react_router_dom5, import_lucide_react14, import_jsx_runtime34, ChatContent, Chat, chat_default;
 var init_chat2 = __esm({
   "src/chat/chat.tsx"() {
     "use strict";
-    import_react41 = require("react");
+    import_react42 = require("react");
     init_custom_logo();
     init_indexedDBService();
     import_material33 = require("@mui/material");
@@ -30648,7 +30704,7 @@ var init_chat2 = __esm({
     init_modelStore();
     init_canvasStore();
     init_canvas_panel();
-    import_react_router_dom4 = require("react-router-dom");
+    import_react_router_dom5 = require("react-router-dom");
     init_chat_scroll_to_bottom_button();
     init_bandit_chat_logo();
     init_chat_messages();
@@ -30681,6 +30737,8 @@ var init_chat2 = __esm({
     init_voiceModeStore();
     init_ttsSanitizer();
     init_FeatureFlagContext();
+    init_knowledgeStore();
+    init_lucide_icons();
     import_lucide_react14 = require("lucide-react");
     import_jsx_runtime34 = require("react/jsx-runtime");
     ChatContent = () => {
@@ -30691,12 +30749,12 @@ var init_chat2 = __esm({
       const ossMode = isOSSMode() || !packageSettings?.featureFlags?.subscriptionType;
       const playgroundBypassAccess = packageSettings?.playgroundBypassAuth || typeof window !== "undefined" && window.location.pathname.includes("/playground");
       const notificationService2 = useNotificationService();
-      const [selectedTheme, setSelectedTheme] = (0, import_react41.useState)(null);
-      const [themeLoading, setThemeLoading] = (0, import_react41.useState)(true);
+      const [selectedTheme, setSelectedTheme] = (0, import_react42.useState)(null);
+      const [themeLoading, setThemeLoading] = (0, import_react42.useState)(true);
       const token = authenticationService2.getToken();
       const claims = token ? authenticationService2.parseJwtClaims(token) : null;
       const baseTheme = themeMap_default[selectedTheme ?? "bandit-dark"] || banditDarkTheme;
-      const banditTheme = (0, import_react41.useMemo)(() => {
+      const banditTheme = (0, import_react42.useMemo)(() => {
         return (0, import_styles33.createTheme)(baseTheme, {
           components: {
             MuiInputBase: {
@@ -30744,12 +30802,12 @@ var init_chat2 = __esm({
       } = useVoiceStore();
       const isVoiceModeEnabled = useVoiceModeStore((state) => state.enabled);
       const canvasOpen = useCanvasStore((state) => state.open);
-      const previousVoiceModeEnabledRef = (0, import_react41.useRef)(isVoiceModeEnabled);
-      const historyRef = (0, import_react41.useRef)(history);
-      (0, import_react41.useEffect)(() => {
+      const previousVoiceModeEnabledRef = (0, import_react42.useRef)(isVoiceModeEnabled);
+      const historyRef = (0, import_react42.useRef)(history);
+      (0, import_react42.useEffect)(() => {
         historyRef.current = history;
       }, [history]);
-      (0, import_react41.useEffect)(() => {
+      (0, import_react42.useEffect)(() => {
         if (!hydrated) return;
         const params = new URLSearchParams(window.location.search);
         const title = params.get("title") || "";
@@ -30765,7 +30823,7 @@ var init_chat2 = __esm({
         stop: ttsStop,
         isAvailable: isTTSAvailable
       } = useTTS();
-      (0, import_react41.useEffect)(() => {
+      (0, import_react42.useEffect)(() => {
         const timer = setTimeout(() => {
           const isAuthenticated = authenticationService2.isAuthenticated();
           if (!initialized || availableVoices.length === 0) {
@@ -30779,7 +30837,7 @@ var init_chat2 = __esm({
         }, 500);
         return () => clearTimeout(timer);
       }, [initialized, availableVoices.length, loadVoicesFromAPI, token]);
-      (0, import_react41.useEffect)(() => {
+      (0, import_react42.useEffect)(() => {
         const isAuthenticated = authenticationService2.isAuthenticated();
         if (packageSettings?.gatewayApiUrl && availableVoices.length === 0 && !initialized) {
           if (token && isAuthenticated) {
@@ -30791,19 +30849,82 @@ var init_chat2 = __esm({
         }
       }, [packageSettings?.gatewayApiUrl, availableVoices.length, initialized, loadVoicesFromAPI, token]);
       const provider = useAIProviderStore((state) => state.provider);
-      const inputRef = (0, import_react41.useRef)(null);
-      const [pastedImages, setPastedImages] = (0, import_react41.useState)([]);
-      const inputContainerRef = (0, import_react41.useRef)(null);
-      const [inputHeight, setInputHeight] = (0, import_react41.useState)(80);
-      const [isSubmitting, setIsSubmitting] = (0, import_react41.useState)(false);
-      const [pendingMessage, setPendingMessage] = (0, import_react41.useState)(null);
+      const inputRef = (0, import_react42.useRef)(null);
+      const [pastedImages, setPastedImages] = (0, import_react42.useState)([]);
+      const inputContainerRef = (0, import_react42.useRef)(null);
+      const [inputHeight, setInputHeight] = (0, import_react42.useState)(80);
+      const [isSubmitting, setIsSubmitting] = (0, import_react42.useState)(false);
+      const [pendingMessage, setPendingMessage] = (0, import_react42.useState)(null);
       const { conversations, currentId, _hasHydrated, hydrate, toggleIncognito } = useConversationStore();
       const isTemporaryChat = Boolean(conversations.find((c) => c.id === currentId)?.incognito);
-      const [isMobile, setIsMobile] = (0, import_react41.useState)(false);
-      const [drawerOpen, setDrawerOpen] = (0, import_react41.useState)(false);
-      const [mobileConversationsOpen, setMobileConversationsOpen] = (0, import_react41.useState)(false);
-      const cardSwipeStartXRef = (0, import_react41.useRef)(null);
-      (0, import_react41.useEffect)(() => {
+      const [isMobile, setIsMobile] = (0, import_react42.useState)(false);
+      const [drawerOpen, setDrawerOpen] = (0, import_react42.useState)(false);
+      const [mobileConversationsOpen, setMobileConversationsOpen] = (0, import_react42.useState)(false);
+      const cardSwipeStartXRef = (0, import_react42.useRef)(null);
+      const dragStartRef = (0, import_react42.useRef)(null);
+      const [drawerDragX, setDrawerDragX] = (0, import_react42.useState)(null);
+      const [drawerSettling, setDrawerSettling] = (0, import_react42.useState)(false);
+      const [drawerSwap, setDrawerSwap] = (0, import_react42.useState)(false);
+      const drawerOpenOffset = () => (typeof window === "undefined" ? 360 : Math.min(window.innerWidth - 56, 360)) - 12;
+      const drawerDragStart = (e) => {
+        const t = e.touches[0];
+        if (!t) return;
+        dragStartRef.current = { x: t.clientX, y: t.clientY, t: performance.now(), axis: null };
+      };
+      const drawerDragMove = (e) => {
+        const s = dragStartRef.current;
+        const t = e.touches[0];
+        if (!s || !t) return;
+        const dx = t.clientX - s.x;
+        const dy = t.clientY - s.y;
+        if (s.axis === null) {
+          if (Math.abs(dx) < 8 && Math.abs(dy) < 8) return;
+          s.axis = Math.abs(dx) > Math.abs(dy) ? "x" : "y";
+        }
+        if (s.axis !== "x") return;
+        setDrawerDragX(dx < 0 ? Math.max(dx, -drawerOpenOffset()) : dx * 0.15);
+      };
+      const drawerDragEnd = () => {
+        const s = dragStartRef.current;
+        dragStartRef.current = null;
+        if (!s || s.axis !== "x" || drawerDragX === null) {
+          setDrawerDragX(null);
+          return;
+        }
+        const dt = Math.max(1, performance.now() - s.t);
+        const velocity = drawerDragX / dt;
+        const offset = drawerOpenOffset();
+        const shouldClose = drawerDragX < -offset * 0.35 || velocity < -0.45;
+        if (shouldClose) {
+          setDrawerSettling(true);
+          setDrawerDragX(-offset);
+          window.setTimeout(() => {
+            setDrawerSwap(true);
+            setMobileConversationsOpen(false);
+            requestAnimationFrame(() => requestAnimationFrame(() => setDrawerSwap(false)));
+            window.setTimeout(() => {
+              setDrawerDragX(null);
+              setDrawerSettling(false);
+            }, 320);
+          }, 220);
+        } else {
+          setDrawerSettling(true);
+          setDrawerDragX(0);
+          window.setTimeout(() => {
+            setDrawerDragX(null);
+            setDrawerSettling(false);
+          }, 220);
+        }
+      };
+      const drawerDragStyle = drawerSwap ? { translate: "0px 0", transition: "none" } : isMobile && mobileConversationsOpen && drawerDragX !== null ? {
+        translate: `${drawerDragX}px 0`,
+        transition: drawerSettling ? "translate 0.22s cubic-bezier(0.2, 0.8, 0.2, 1)" : "none"
+      } : void 0;
+      const drawerPanelDragStyle = isMobile && drawerDragX !== null ? {
+        translate: `${drawerDragX}px 0`,
+        transition: drawerSettling ? "translate 0.22s cubic-bezier(0.2, 0.8, 0.2, 1)" : "none"
+      } : void 0;
+      (0, import_react42.useEffect)(() => {
         if (typeof document === "undefined") return;
         const meta = document.querySelector('meta[name="theme-color"]');
         if (!meta) return;
@@ -30821,27 +30942,50 @@ var init_chat2 = __esm({
       const chatContainerEl = chatContainerRef.current;
       const scrollTargetEl = scrollTargetRef.current;
       const { isSlowConnection, connectionQuality, trackRequestStart, trackRequestEnd } = useNetworkStatus();
-      const [showScrollToBottom, setShowScrollToBottom] = (0, import_react41.useState)(false);
-      const [streamBuffer, setStreamBuffer] = (0, import_react41.useState)("");
-      const [responseStarted, setResponseStarted] = (0, import_react41.useState)(false);
-      const [isStreaming, setIsStreaming] = (0, import_react41.useState)(false);
-      const [isThinking, setIsThinking] = (0, import_react41.useState)(false);
+      const [showScrollToBottom, setShowScrollToBottom] = (0, import_react42.useState)(false);
+      const [streamBuffer, setStreamBuffer] = (0, import_react42.useState)("");
+      const [responseStarted, setResponseStarted] = (0, import_react42.useState)(false);
+      const [isStreaming, setIsStreaming] = (0, import_react42.useState)(false);
+      const [isThinking, setIsThinking] = (0, import_react42.useState)(false);
       const initialLogoState = history.length === 0;
-      const [logoVisible, setLogoVisible] = (0, import_react41.useState)(initialLogoState);
-      const [logoShouldRender, setLogoShouldRender] = (0, import_react41.useState)(initialLogoState);
-      const streamingGraceUntilRef = (0, import_react41.useRef)(0);
+      const [logoVisible, setLogoVisible] = (0, import_react42.useState)(initialLogoState);
+      const [logoShouldRender, setLogoShouldRender] = (0, import_react42.useState)(initialLogoState);
+      const streamingGraceUntilRef = (0, import_react42.useRef)(0);
       const GRACE_MS = 450;
       const GRACE_OFFSET_DESKTOP = 28;
       const GRACE_OFFSET_MOBILE = 20;
-      const followStreamRef = (0, import_react41.useRef)(true);
-      const lastSpokenResponseRef = (0, import_react41.useRef)(null);
-      const previousConversationIdRef = (0, import_react41.useRef)(null);
-      const logoFadeTimeoutRef = (0, import_react41.useRef)(null);
-      const [branding, setBranding] = (0, import_react41.useState)(null);
-      const [brandingLoading, setBrandingLoading] = (0, import_react41.useState)(true);
-      const isBrandingLoadInProgressRef = (0, import_react41.useRef)(false);
+      const followStreamRef = (0, import_react42.useRef)(true);
+      const lastSpokenResponseRef = (0, import_react42.useRef)(null);
+      const previousConversationIdRef = (0, import_react42.useRef)(null);
+      const logoFadeTimeoutRef = (0, import_react42.useRef)(null);
+      const [branding, setBranding] = (0, import_react42.useState)(null);
+      const [brandingLoading, setBrandingLoading] = (0, import_react42.useState)(true);
+      const isBrandingLoadInProgressRef = (0, import_react42.useRef)(false);
       const logoOnly = history.length === 0 && !brandingLoading;
-      (0, import_react41.useEffect)(() => {
+      const knowledgeDocs = useKnowledgeStore((s) => s.docs);
+      const knowledgeLoaded = useKnowledgeStore((s) => s.isLoaded);
+      const [knowledgeNudgeDismissed, setKnowledgeNudgeDismissed] = (0, import_react42.useState)(() => {
+        try {
+          return localStorage.getItem("bandit.knowledgeNudge.dismissed") === "true";
+        } catch {
+          return false;
+        }
+      });
+      const dismissKnowledgeNudge = (0, import_react42.useCallback)(() => {
+        setKnowledgeNudgeDismissed(true);
+        try {
+          localStorage.setItem("bandit.knowledgeNudge.dismissed", "true");
+        } catch {
+        }
+      }, []);
+      const showKnowledgeNudge = logoOnly && !knowledgeNudgeDismissed && knowledgeLoaded && knowledgeDocs.length === 0 && featureFlag.hasFeature("documentKnowledge");
+      const knowledgePath = typeof window !== "undefined" && window.location.pathname.startsWith("/playground") ? "/playground/management" : "/management";
+      const safeNavigateTo = (to) => {
+        if (typeof window !== "undefined") {
+          window.location.assign(to);
+        }
+      };
+      (0, import_react42.useEffect)(() => {
         const isEmptyConversation = (history?.length ?? 0) === 0;
         const isSending = Boolean(pendingMessage);
         const shouldShowLogo = isEmptyConversation && !isSending;
@@ -30871,7 +31015,7 @@ var init_chat2 = __esm({
           }, 500);
         }
       }, [history, pendingMessage]);
-      (0, import_react41.useEffect)(() => {
+      (0, import_react42.useEffect)(() => {
         if (!brandingLoading && !themeLoading) {
           return;
         }
@@ -30887,18 +31031,18 @@ var init_chat2 = __esm({
         }, 2500);
         return () => window.clearTimeout(timeoutId);
       }, [brandingLoading, themeLoading, selectedTheme]);
-      (0, import_react41.useEffect)(() => () => {
+      (0, import_react42.useEffect)(() => () => {
         if (logoFadeTimeoutRef.current) {
           window.clearTimeout(logoFadeTimeoutRef.current);
           logoFadeTimeoutRef.current = null;
         }
       }, []);
-      (0, import_react41.useEffect)(() => {
+      (0, import_react42.useEffect)(() => {
         if (isStreaming && streamBuffer.trim() === "") {
           streamingGraceUntilRef.current = Date.now() + GRACE_MS;
         }
       }, [isStreaming, streamBuffer]);
-      (0, import_react41.useEffect)(() => {
+      (0, import_react42.useEffect)(() => {
         if (!isStreaming) return;
         const container = chatContainerRef.current;
         if (!container) return;
@@ -30909,13 +31053,13 @@ var init_chat2 = __esm({
           container.scrollTo({ top: targetTop, behavior: "smooth" });
         }
       }, [streamBuffer, isStreaming, isMobile, chatContainerRef]);
-      (0, import_react41.useEffect)(() => {
+      (0, import_react42.useEffect)(() => {
         if (!_hasHydrated) {
           debugLogger.info("Chat component triggering conversation store hydration");
           hydrate();
         }
       }, [_hasHydrated, hydrate]);
-      (0, import_react41.useEffect)(() => {
+      (0, import_react42.useEffect)(() => {
         const loadBrandingAndTheme = async () => {
           if (isBrandingLoadInProgressRef.current) {
             debugLogger.warn("Branding loading already in progress, skipping");
@@ -31104,7 +31248,7 @@ var init_chat2 = __esm({
           window.removeEventListener("bandit-theme-changed", handleThemeChange);
         };
       }, []);
-      (0, import_react41.useEffect)(() => {
+      (0, import_react42.useEffect)(() => {
         if (!chatContainerEl) return;
         const blurInputOnTouchScroll = () => {
           if (document.activeElement === inputRef.current) inputRef.current?.blur();
@@ -31112,13 +31256,13 @@ var init_chat2 = __esm({
         chatContainerEl.addEventListener("touchmove", blurInputOnTouchScroll, { passive: true });
         return () => chatContainerEl.removeEventListener("touchmove", blurInputOnTouchScroll);
       }, [chatContainerEl]);
-      (0, import_react41.useEffect)(() => {
+      (0, import_react42.useEffect)(() => {
         const handleResize = () => setIsMobile(window.innerWidth <= 768);
         handleResize();
         window.addEventListener("resize", handleResize);
         return () => window.removeEventListener("resize", handleResize);
       }, []);
-      (0, import_react41.useEffect)(() => {
+      (0, import_react42.useEffect)(() => {
         const setViewportHeight = () => {
           document.documentElement.style.setProperty(
             "--vh",
@@ -31129,7 +31273,7 @@ var init_chat2 = __esm({
         window.addEventListener("resize", setViewportHeight);
         return () => window.removeEventListener("resize", setViewportHeight);
       }, []);
-      (0, import_react41.useEffect)(() => {
+      (0, import_react42.useEffect)(() => {
         if (!chatContainerEl) return;
         let rafId = null;
         const update = () => {
@@ -31148,7 +31292,7 @@ var init_chat2 = __esm({
           chatContainerEl.removeEventListener(SCROLL_STATE_CHANGED_EVENT, update);
         };
       }, [chatContainerEl, getScrollState]);
-      (0, import_react41.useEffect)(() => {
+      (0, import_react42.useEffect)(() => {
         if (!chatContainerEl) return;
         let observer = null;
         let rafId = null;
@@ -31183,7 +31327,7 @@ var init_chat2 = __esm({
           if (observer) observer.disconnect();
         };
       }, [chatContainerEl, scrollTargetEl, scrollTargetRef, getScrollState, inputHeight, history.length]);
-      (0, import_react41.useEffect)(() => {
+      (0, import_react42.useEffect)(() => {
         const isTransitioning = isStreaming || streamBuffer.trim() === "";
         const delay = isTransitioning ? 400 : 100;
         const timer = setTimeout(() => {
@@ -31192,7 +31336,7 @@ var init_chat2 = __esm({
         }, delay);
         return () => clearTimeout(timer);
       }, [history, streamBuffer, getScrollState, isStreaming]);
-      (0, import_react41.useLayoutEffect)(() => {
+      (0, import_react42.useLayoutEffect)(() => {
         const scrollState = getScrollState();
         const now = Date.now();
         if (isStreaming && scrollState.shouldAutoScroll && followStreamRef.current) {
@@ -31226,7 +31370,7 @@ var init_chat2 = __esm({
           return () => clearTimeout(scrollTimer);
         }
       }, [history, isStreaming, scrollToBottom, getScrollState, isMobile, chatContainerRef]);
-      (0, import_react41.useEffect)(() => {
+      (0, import_react42.useEffect)(() => {
         const observer = new ResizeObserver(() => {
           if (inputContainerRef.current)
             setInputHeight(inputContainerRef.current.offsetHeight);
@@ -31237,7 +31381,7 @@ var init_chat2 = __esm({
         }
         return () => observer.disconnect();
       }, []);
-      (0, import_react41.useEffect)(() => {
+      (0, import_react42.useEffect)(() => {
         if (!hydrated || !_hasHydrated) return;
         if (currentId === null) {
           useAIQueryStore.setState({ history: [] });
@@ -31286,7 +31430,7 @@ var init_chat2 = __esm({
         setResponse,
         setComponentStatus
       ]);
-      (0, import_react41.useEffect)(() => {
+      (0, import_react42.useEffect)(() => {
         debugLogger.info("Chat component conversation state", {
           hasHydrated: _hasHydrated,
           conversationCount: conversations.length,
@@ -31295,7 +31439,7 @@ var init_chat2 = __esm({
           storeState: "main-chat"
         });
       }, [_hasHydrated, conversations, currentId]);
-      (0, import_react41.useEffect)(() => {
+      (0, import_react42.useEffect)(() => {
         if (!_hasHydrated || !chatContainerEl) return;
         let rafId = null;
         const sync = () => {
@@ -31330,7 +31474,7 @@ var init_chat2 = __esm({
           notificationService2?.handleHttpError(error);
         }
       });
-      const handleStop = (0, import_react41.useCallback)(() => {
+      const handleStop = (0, import_react42.useCallback)(() => {
         try {
           aiProvider.cancel();
         } catch (error) {
@@ -31339,7 +31483,7 @@ var init_chat2 = __esm({
           });
         }
       }, [aiProvider]);
-      const handleVoiceInterrupt = (0, import_react41.useCallback)(() => {
+      const handleVoiceInterrupt = (0, import_react42.useCallback)(() => {
         try {
           ttsStop();
         } catch (error) {
@@ -31358,7 +31502,7 @@ var init_chat2 = __esm({
           handleStop();
         }
       }, [ttsStop, isStreaming, handleStop]);
-      const handleSend = (0, import_react41.useCallback)(
+      const handleSend = (0, import_react42.useCallback)(
         (question, images, displayQuestion) => {
           const requestStartTime = trackRequestStart();
           const questionForDisplay = displayQuestion || question;
@@ -31468,7 +31612,7 @@ var init_chat2 = __esm({
           trackRequestStart
         ]
       );
-      const handleVoiceTranscription = (0, import_react41.useCallback)(
+      const handleVoiceTranscription = (0, import_react42.useCallback)(
         (text) => {
           const cleaned = text.trim();
           if (!cleaned) {
@@ -31485,7 +31629,7 @@ var init_chat2 = __esm({
         onInterrupt: handleVoiceInterrupt,
         onError: (message) => notificationService2?.showError?.(message)
       });
-      (0, import_react41.useEffect)(() => {
+      (0, import_react42.useEffect)(() => {
         const previouslyEnabled = previousVoiceModeEnabledRef.current;
         previousVoiceModeEnabledRef.current = isVoiceModeEnabled;
         if (!previouslyEnabled && isVoiceModeEnabled) {
@@ -31510,7 +31654,7 @@ var init_chat2 = __esm({
           }
         }
       }, [isVoiceModeEnabled, ttsStop]);
-      (0, import_react41.useEffect)(() => {
+      (0, import_react42.useEffect)(() => {
         if (!isVoiceModeEnabled || !isStreaming) {
           return;
         }
@@ -31530,7 +31674,7 @@ var init_chat2 = __esm({
         }
         lastSpokenResponseRef.current = null;
       }, [isStreaming, isVoiceModeEnabled, ttsStop]);
-      (0, import_react41.useEffect)(() => {
+      (0, import_react42.useEffect)(() => {
         if (!isVoiceModeEnabled) {
           lastSpokenResponseRef.current = null;
           return;
@@ -31571,13 +31715,13 @@ var init_chat2 = __esm({
           cancelled = true;
         };
       }, [history, isStreaming, isVoiceModeEnabled, isTTSAvailable, ttsSpeak]);
-      const handleModelChange = (0, import_react41.useCallback)(
+      const handleModelChange = (0, import_react42.useCallback)(
         (modelId) => {
           setSelectedModel(modelId);
         },
         [setSelectedModel]
       );
-      const handleVoiceChange = (0, import_react41.useCallback)(async (voiceId) => {
+      const handleVoiceChange = (0, import_react42.useCallback)(async (voiceId) => {
         ttsStop();
         stopTTS();
         setSelectedVoice(voiceId);
@@ -31677,38 +31821,33 @@ var init_chat2 = __esm({
               // reads as full physical height with the rounded corner visible
               // where it overlaps the drawer.
               transform: isMobile && mobileConversationsOpen ? "translateX(calc(min(calc(100vw - 56px), 360px) - 12px))" : "none",
-              // Square top-left + no top border: the card's edge runs unbroken
-              // from the very top of the screen (all surfaces share one color),
-              // which reads as true full height; a soft bottom-left corner keeps
-              // the sheet feel.
-              borderRadius: isMobile && mobileConversationsOpen ? "0 0 0 28px" : 0,
-              borderTop: isMobile && mobileConversationsOpen ? "none" : void 0,
+              // Rounded card corner, positioned exactly where Claude's sits: at
+              // the top of the webview, just below the OS status strip. The strip
+              // itself is reserved by iOS in web-app mode — no web content can
+              // draw there, so this IS the full available height.
+              borderRadius: isMobile && mobileConversationsOpen ? "44px" : 0,
               zIndex: isMobile && mobileConversationsOpen ? theme.zIndex.modal + 1 : 0,
               // Hairline border so the rounded card reads even when the backdrop
               // is the same near-black as the shell.
               border: isMobile && mobileConversationsOpen ? `1px solid ${theme.palette.mode === "dark" ? "rgba(255,255,255,0.14)" : "rgba(0,0,0,0.12)"}` : "none",
               boxShadow: isMobile && mobileConversationsOpen ? `0 12px 40px ${theme.palette.mode === "dark" ? "rgba(0,0,0,0.55)" : "rgba(0,0,0,0.25)"}` : "none",
-              transition: "left 0.3s ease-in-out, width 0.3s ease-in-out, transform 0.3s ease-in-out, border-radius 0.3s ease-in-out"
+              transition: drawerSwap ? "none" : "left 0.3s ease-in-out, width 0.3s ease-in-out, transform 0.3s ease-in-out, border-radius 0.3s ease-in-out"
             }),
             onClick: isMobile && mobileConversationsOpen ? (e) => {
               if (e.currentTarget.contains(e.target)) {
                 setMobileConversationsOpen(false);
               }
             } : void 0,
+            style: drawerDragStyle,
             onTouchStart: isMobile && mobileConversationsOpen ? (e) => {
               if (e.currentTarget.contains(e.target)) {
                 cardSwipeStartXRef.current = e.touches[0]?.clientX ?? null;
+                drawerDragStart(e);
               }
             } : void 0,
-            onTouchMove: isMobile && mobileConversationsOpen ? (e) => {
-              const start = cardSwipeStartXRef.current;
-              if (start === null) return;
-              const dx = (e.touches[0]?.clientX ?? start) - start;
-              if (Math.abs(dx) > 40) {
-                cardSwipeStartXRef.current = null;
-                setMobileConversationsOpen(false);
-              }
-            } : void 0,
+            onTouchMove: isMobile && mobileConversationsOpen ? drawerDragMove : void 0,
+            onTouchEnd: isMobile && mobileConversationsOpen ? drawerDragEnd : void 0,
+            onTouchCancel: isMobile && mobileConversationsOpen ? drawerDragEnd : void 0,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                 chat_app_bar_default,
@@ -31721,7 +31860,13 @@ var init_chat2 = __esm({
                   drawerOpen,
                   setDrawerOpen,
                   mobileConversationsOpen,
-                  onMobileConversationsOpenChange: setMobileConversationsOpen
+                  onMobileConversationsOpenChange: setMobileConversationsOpen,
+                  mobileConversationsDrag: isMobile ? {
+                    style: drawerPanelDragStyle,
+                    onTouchStart: drawerDragStart,
+                    onTouchMove: drawerDragMove,
+                    onTouchEnd: drawerDragEnd
+                  } : void 0
                 }
               ),
               isTemporaryChat && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
@@ -31877,6 +32022,53 @@ var init_chat2 = __esm({
                           }
                           return branding?.logoBase64 ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(custom_logo_default, { visible: logoVisible, atTop: true }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(bandit_chat_logo_default, { visible: logoVisible, atTop: true });
                         })(),
+                        showKnowledgeNudge && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+                          import_material33.Box,
+                          {
+                            sx: (theme) => ({
+                              mx: "auto",
+                              mt: 2,
+                              mb: 1,
+                              px: 2,
+                              py: 1.25,
+                              maxWidth: 420,
+                              display: "flex",
+                              alignItems: "center",
+                              gap: 1.25,
+                              borderRadius: 2.5,
+                              border: `1px solid ${theme.palette.divider}`,
+                              bgcolor: theme.palette.action.hover,
+                              opacity: logoVisible ? 1 : 0,
+                              transition: "opacity 0.5s ease"
+                            }),
+                            children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_material33.Box, { sx: { flex: 1, minWidth: 0 }, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_material33.Typography, { variant: "body2", sx: { fontWeight: 600 }, children: "Add your documents" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_material33.Typography, { variant: "caption", color: "text.secondary", children: "Upload your policies, handbooks or notes and Bandit answers from them, with sources." })
+                              ] }),
+                              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                                import_material33.Button,
+                                {
+                                  size: "small",
+                                  variant: "outlined",
+                                  onClick: () => safeNavigateTo(knowledgePath),
+                                  sx: { textTransform: "none", fontWeight: 600, flexShrink: 0 },
+                                  children: "Upload"
+                                }
+                              ),
+                              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                                import_material33.IconButton,
+                                {
+                                  size: "small",
+                                  "aria-label": "Dismiss",
+                                  onClick: dismissKnowledgeNudge,
+                                  sx: { flexShrink: 0 },
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CloseIcon, { fontSize: "small" })
+                                }
+                              )
+                            ]
+                          }
+                        ),
                         /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                           import_material33.Box,
                           {
@@ -32013,7 +32205,7 @@ var init_chat2 = __esm({
       });
       if (!allowUnauthenticated && !bypassAuth && !authenticationService2.isAuthenticated()) {
         debugLogger.debug("User is not authenticated, redirecting to login");
-        return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_router_dom4.Navigate, { to: "/login", replace: true });
+        return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_router_dom5.Navigate, { to: "/login", replace: true });
       }
       return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ChatContent, {});
     };
@@ -32544,31 +32736,31 @@ var chat_provider_default = ChatProvider;
 init_chat2();
 
 // src/management/management.tsx
-var import_react65 = require("react");
+var import_react66 = require("react");
 var import_useMediaQuery2 = __toESM(require("@mui/material/useMediaQuery"));
 var import_styles35 = require("@mui/material/styles");
 init_useKnowledgeStore();
 init_indexedDBService();
 var import_material55 = require("@mui/material");
-var import_react_router_dom6 = require("react-router-dom");
+var import_react_router_dom7 = require("react-router-dom");
 
 // src/modals/chat-modal/chat-modal.tsx
-var import_react49 = require("react");
+var import_react50 = require("react");
 var import_material41 = require("@mui/material");
-var import_react_router_dom5 = require("react-router-dom");
+var import_react_router_dom6 = require("react-router-dom");
 
 // src/modals/chat-modal/draggable-box.tsx
-var import_react42 = __toESM(require("react"));
+var import_react43 = __toESM(require("react"));
 var import_material34 = require("@mui/material");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var SCROLLABLE_THRESHOLD = 200;
-var DraggableBox = import_react42.default.forwardRef(
+var DraggableBox = import_react43.default.forwardRef(
   ({ children, fullScreen, position, setPosition, onDrag, onScrollThresholdExceeded }, ref) => {
     const theme = (0, import_material34.useTheme)();
-    const [transitionProps, setTransitionProps] = (0, import_react42.useState)("all");
-    const [isDragging, setIsDragging] = (0, import_react42.useState)(false);
-    const [isHovering, setIsHovering] = (0, import_react42.useState)(false);
-    (0, import_react42.useEffect)(() => {
+    const [transitionProps, setTransitionProps] = (0, import_react43.useState)("all");
+    const [isDragging, setIsDragging] = (0, import_react43.useState)(false);
+    const [isHovering, setIsHovering] = (0, import_react43.useState)(false);
+    (0, import_react43.useEffect)(() => {
       if (ref && typeof ref !== "function" && ref.current && !fullScreen) {
         const modal = ref.current;
         const contentHeight = modal.scrollHeight;
@@ -32644,7 +32836,7 @@ var DraggableBox = import_react42.default.forwardRef(
 var draggable_box_default = DraggableBox;
 
 // src/modals/chat-modal/modal-header.tsx
-var import_react43 = require("react");
+var import_react44 = require("react");
 var import_material35 = require("@mui/material");
 init_lucide_icons();
 var import_jsx_runtime36 = require("react/jsx-runtime");
@@ -32664,7 +32856,7 @@ var ModalHeader = ({
   const theme = (0, import_material35.useTheme)();
   const isMobile = (0, import_material35.useMediaQuery)((theme2) => theme2.breakpoints.down("sm"));
   const displayLogo = logo && logo !== banditaiLogo ? logo : banditHead3;
-  const [isHovering, setIsHovering] = (0, import_react43.useState)(false);
+  const [isHovering, setIsHovering] = (0, import_react44.useState)(false);
   const buttonStyles = {
     transition: "all 0.15s ease-out",
     borderRadius: "8px",
@@ -32862,7 +33054,7 @@ var ModalHeader = ({
 var modal_header_default = ModalHeader;
 
 // src/modals/chat-modal/query-input.tsx
-var import_react44 = require("react");
+var import_react45 = require("react");
 var import_material36 = require("@mui/material");
 init_lucide_icons();
 var import_jsx_runtime37 = require("react/jsx-runtime");
@@ -32880,7 +33072,7 @@ var QueryInput = ({
   // Destructure endAdornment
 }) => {
   const theme = (0, import_material36.useTheme)();
-  const inputRef = (0, import_react44.useRef)(null);
+  const inputRef = (0, import_react45.useRef)(null);
   const handleSend = (e, payload) => {
     onSend(e, payload);
   };
@@ -32947,7 +33139,7 @@ init_ai_response_text_field();
 init_indexedDBService();
 
 // src/modals/chat-modal/chat-drawer.tsx
-var import_react45 = __toESM(require("react"));
+var import_react46 = __toESM(require("react"));
 var import_material37 = require("@mui/material");
 init_aiQueryStore();
 init_conversationStore();
@@ -32982,23 +33174,23 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
   const { settings: packageSettings } = usePackageSettingsStore();
   const provider = useAIProviderStore((state) => state.provider);
   const { selectedModel, availableModels } = useModelStore();
-  const [searchTerm, setSearchTerm] = (0, import_react45.useState)("");
-  const [expandedItems, setExpandedItems] = (0, import_react45.useState)(/* @__PURE__ */ new Set());
-  const [expandedConversations, setExpandedConversations] = (0, import_react45.useState)(/* @__PURE__ */ new Set());
-  const [confirmClearOpen, setConfirmClearOpen] = (0, import_react45.useState)(false);
-  const [infoDialogOpen, setInfoDialogOpen] = (0, import_react45.useState)(false);
-  const [memoryModalOpen, setMemoryModalOpen] = (0, import_react45.useState)(false);
-  const [contextMode, setContextMode] = (0, import_react45.useState)("local");
-  const [expandedSections, setExpandedSections] = (0, import_react45.useState)(/* @__PURE__ */ new Set(["history", "voice"]));
-  const [audioSub, setAudioSub] = (0, import_react45.useState)(new import_rxjs22.Subscription());
-  const [isContextSwitching, setIsContextSwitching] = (0, import_react45.useState)(false);
-  const [isDrawerLoading, setIsDrawerLoading] = (0, import_react45.useState)(false);
-  (0, import_react45.useEffect)(() => {
+  const [searchTerm, setSearchTerm] = (0, import_react46.useState)("");
+  const [expandedItems, setExpandedItems] = (0, import_react46.useState)(/* @__PURE__ */ new Set());
+  const [expandedConversations, setExpandedConversations] = (0, import_react46.useState)(/* @__PURE__ */ new Set());
+  const [confirmClearOpen, setConfirmClearOpen] = (0, import_react46.useState)(false);
+  const [infoDialogOpen, setInfoDialogOpen] = (0, import_react46.useState)(false);
+  const [memoryModalOpen, setMemoryModalOpen] = (0, import_react46.useState)(false);
+  const [contextMode, setContextMode] = (0, import_react46.useState)("local");
+  const [expandedSections, setExpandedSections] = (0, import_react46.useState)(/* @__PURE__ */ new Set(["history", "voice"]));
+  const [audioSub, setAudioSub] = (0, import_react46.useState)(new import_rxjs22.Subscription());
+  const [isContextSwitching, setIsContextSwitching] = (0, import_react46.useState)(false);
+  const [isDrawerLoading, setIsDrawerLoading] = (0, import_react46.useState)(false);
+  (0, import_react46.useEffect)(() => {
     if (drawerOpen && !_hasHydrated) {
       hydrate();
     }
   }, [drawerOpen, _hasHydrated, hydrate]);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (!drawerOpen) {
       setIsDrawerLoading(false);
       const cleanupTimer = setTimeout(() => {
@@ -33009,7 +33201,7 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
       return () => clearTimeout(cleanupTimer);
     }
   }, [drawerOpen]);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     return () => {
       audioSub.unsubscribe();
     };
@@ -33056,7 +33248,7 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
   const currentConversation = conversations.find((c) => c.id === currentId);
   const isInitialLoading = !_hasHydrated && contextMode === "main";
   const isContentLoading = isContextSwitching || isInitialLoading;
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (drawerOpen) {
       const debugTimer = setTimeout(() => {
         debugLogger.debug("Chat drawer loading states", {
@@ -33071,7 +33263,7 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
       return () => clearTimeout(debugTimer);
     }
   }, [drawerOpen, _hasHydrated, isDrawerLoading, isContentLoading, contextMode]);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     debugLogger.debug("Chat drawer voice availability check", {
       isServiceAvailable,
       ttsEnabled: preferences.ttsEnabled,
@@ -33082,14 +33274,14 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
       storeState: "modal-chat-drawer-voice"
     });
   }, [isServiceAvailable, preferences.ttsEnabled, packageSettings?.gatewayApiUrl, isVoiceAvailable, availableVoices.length, selectedVoice]);
-  const activeHistory = (0, import_react45.useMemo)(() => {
+  const activeHistory = (0, import_react46.useMemo)(() => {
     if (contextMode === "local") {
       return history;
     }
     return currentConversation?.history ?? [];
   }, [contextMode, history, currentConversation]);
   const effectiveContextMode = contextMode === "main" && (!currentConversation || currentConversation.history.length === 0) ? "local" : contextMode;
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     debugLogger.debug("Chat drawer context state", {
       contextMode,
       effectiveContextMode,
@@ -33102,13 +33294,13 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
       storeState: "modal-chat-drawer"
     });
   }, [contextMode, effectiveContextMode, conversations.length, currentId, currentConversation, history.length, _hasHydrated]);
-  const filteredHistory = (0, import_react45.useMemo)(() => {
+  const filteredHistory = (0, import_react46.useMemo)(() => {
     const filtered = activeHistory.filter(
       (entry) => entry.question.toLowerCase().includes(searchTerm.toLowerCase()) || entry.answer.toLowerCase().includes(searchTerm.toLowerCase())
     );
     return filtered.slice(-20);
   }, [activeHistory, searchTerm]);
-  const filteredConversations = (0, import_react45.useMemo)(() => {
+  const filteredConversations = (0, import_react46.useMemo)(() => {
     const filtered = conversations.filter(
       (conversation) => conversation.name.toLowerCase().includes(searchTerm.toLowerCase()) || conversation.history.some(
         (entry) => entry.question.toLowerCase().includes(searchTerm.toLowerCase()) || entry.answer.toLowerCase().includes(searchTerm.toLowerCase())
@@ -33994,7 +34186,7 @@ var AIQueriesDrawer = ({ drawerOpen, onClose, onClearComplete, onNavigateToMain
                         }
                       ) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_material37.List, { sx: { p: 0 }, children: [...filteredHistory].reverse().map((entry, index) => {
                         const isExpanded = expandedItems.has(index);
-                        return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react45.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                        return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react46.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                           import_material37.ListItem,
                           {
                             sx: {
@@ -34471,7 +34663,7 @@ var GenericLoader = ({
 var generic_loader_default = GenericLoader;
 
 // src/components/feedback/FeedbackButton.tsx
-var import_react46 = require("react");
+var import_react47 = require("react");
 var import_material39 = require("@mui/material");
 var import_lucide_react15 = require("lucide-react");
 
@@ -34492,7 +34684,7 @@ var FeedbackButton = ({
   absolute = false
 }) => {
   const theme = (0, import_material39.useTheme)();
-  const [open, setOpen] = (0, import_react46.useState)(false);
+  const [open, setOpen] = (0, import_react47.useState)(false);
   const handleOpen = () => setOpen(true);
   const handleClose = () => setOpen(false);
   if (inline) {
@@ -34606,7 +34798,7 @@ var FeedbackButton = ({
 };
 
 // src/hooks/useAiChat.ts
-var import_react47 = require("react");
+var import_react48 = require("react");
 var import_material40 = require("@mui/material");
 init_aiQueryStore();
 init_aiProviderStore();
@@ -34618,10 +34810,10 @@ var useAIChat = () => {
   const provider = useAIProviderStore((state) => state.provider);
   const SYSTEM_PROMPT = useModelStore((state) => state.systemPrompt);
   const OLLAMA_MODEL = usePackageSettingsStore((state) => state.settings?.defaultModel || "");
-  const [fullScreen, setFullScreen] = (0, import_react47.useState)(isMobile);
-  const [drawerOpen, setDrawerOpen] = (0, import_react47.useState)(false);
-  const [showSettings, setShowSettings] = (0, import_react47.useState)(false);
-  const [, setAutoFullscreenTriggered] = (0, import_react47.useState)(false);
+  const [fullScreen, setFullScreen] = (0, import_react48.useState)(isMobile);
+  const [drawerOpen, setDrawerOpen] = (0, import_react48.useState)(false);
+  const [showSettings, setShowSettings] = (0, import_react48.useState)(false);
+  const [, setAutoFullscreenTriggered] = (0, import_react48.useState)(false);
   const {
     apiKey,
     inputValue,
@@ -34709,7 +34901,7 @@ var useAIChat = () => {
     }
     sendWithAIProvider();
   };
-  (0, import_react47.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     setFullScreen(isMobile);
   }, [isMobile]);
   return {
@@ -34725,12 +34917,12 @@ var useAIChat = () => {
 var useAiChat_default = useAIChat;
 
 // src/hooks/useDraggable.ts
-var import_react48 = require("react");
+var import_react49 = require("react");
 var useDraggable = () => {
-  const modalRef = (0, import_react48.useRef)(null);
-  const [dragging, setDragging] = (0, import_react48.useState)(false);
-  const [offset, setOffset] = (0, import_react48.useState)({ x: 0, y: 0 });
-  const [position, setPosition] = (0, import_react48.useState)({ x: 0, y: 0 });
+  const modalRef = (0, import_react49.useRef)(null);
+  const [dragging, setDragging] = (0, import_react49.useState)(false);
+  const [offset, setOffset] = (0, import_react49.useState)({ x: 0, y: 0 });
+  const [position, setPosition] = (0, import_react49.useState)({ x: 0, y: 0 });
   const handleHeaderMouseDown = (e) => {
     const rect = modalRef.current?.getBoundingClientRect();
     if (rect) {
@@ -34738,7 +34930,7 @@ var useDraggable = () => {
       setDragging(true);
     }
   };
-  const handleHeaderMouseMove = (0, import_react48.useCallback)(
+  const handleHeaderMouseMove = (0, import_react49.useCallback)(
     (e) => {
       if (dragging) {
         setPosition({ x: e.clientX - offset.x, y: e.clientY - offset.y });
@@ -34749,7 +34941,7 @@ var useDraggable = () => {
   const handleHeaderMouseUp = () => {
     setDragging(false);
   };
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (dragging) {
       document.addEventListener("mousemove", handleHeaderMouseMove);
       document.addEventListener("mouseup", handleHeaderMouseUp);
@@ -34799,9 +34991,9 @@ var modelAvatars3 = {
   "Bandit-Exec": `${CDN_BASE2}/avatars/exec-avatar.png`
 };
 var useOptionalNavigate = () => {
-  const hasLoggedRef = (0, import_react49.useRef)(false);
+  const hasLoggedRef = (0, import_react50.useRef)(false);
   try {
-    return (0, import_react_router_dom5.useNavigate)();
+    return (0, import_react_router_dom6.useNavigate)();
   } catch (error) {
     if (!hasLoggedRef.current) {
       debugLogger.debug("Navigation not available in ChatModal context", { error });
@@ -34848,17 +35040,17 @@ var ChatModal = ({
     handleSend
   } = useAiChat_default();
   const { modalRef, position, setPosition, handleDrag, handleHeaderMouseDown } = useDraggable_default();
-  const [pastedImages, setPastedImages] = (0, import_react49.useState)([]);
-  const [responseStarted, setResponseStarted] = (0, import_react49.useState)(false);
-  const [modalLogo, setModalLogo] = (0, import_react49.useState)("https://cdn.burtson.ai/logos/bandit-ai-logo.png");
-  const [modelAnchorEl, setModelAnchorEl] = (0, import_react49.useState)(null);
-  const [voiceAnchorEl, setVoiceAnchorEl] = (0, import_react49.useState)(null);
-  const [audioSub, setAudioSub] = (0, import_react49.useState)(new import_rxjs23.Subscription());
-  const [selectedTheme, setSelectedTheme] = (0, import_react49.useState)(null);
-  const [themeLoading, setThemeLoading] = (0, import_react49.useState)(true);
-  const [autoFullscreenTriggered, setAutoFullscreenTriggered] = (0, import_react49.useState)(false);
-  const [userHasDragged, setUserHasDragged] = (0, import_react49.useState)(false);
-  const [manualFullscreenToggleTime, setManualFullscreenToggleTime] = (0, import_react49.useState)(0);
+  const [pastedImages, setPastedImages] = (0, import_react50.useState)([]);
+  const [responseStarted, setResponseStarted] = (0, import_react50.useState)(false);
+  const [modalLogo, setModalLogo] = (0, import_react50.useState)("https://cdn.burtson.ai/logos/bandit-ai-logo.png");
+  const [modelAnchorEl, setModelAnchorEl] = (0, import_react50.useState)(null);
+  const [voiceAnchorEl, setVoiceAnchorEl] = (0, import_react50.useState)(null);
+  const [audioSub, setAudioSub] = (0, import_react50.useState)(new import_rxjs23.Subscription());
+  const [selectedTheme, setSelectedTheme] = (0, import_react50.useState)(null);
+  const [themeLoading, setThemeLoading] = (0, import_react50.useState)(true);
+  const [autoFullscreenTriggered, setAutoFullscreenTriggered] = (0, import_react50.useState)(false);
+  const [userHasDragged, setUserHasDragged] = (0, import_react50.useState)(false);
+  const [manualFullscreenToggleTime, setManualFullscreenToggleTime] = (0, import_react50.useState)(0);
   const handleExitFullscreen = () => {
     setPosition({
       x: Math.max(0, window.innerWidth / 2 - 300),
@@ -34904,7 +35096,7 @@ var ChatModal = ({
   const toTitleCase2 = (str) => {
     return str.replace(/\w\S*/g, (txt) => txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase());
   };
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (!SYSTEM_PROMPT) {
       const defaultModel = availableModels.length > 0 ? availableModels[0] : null;
       if (defaultModel) {
@@ -34912,12 +35104,12 @@ var ChatModal = ({
       }
     }
   }, [SYSTEM_PROMPT, availableModels, setSelectedModel]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     return () => {
       audioSub.unsubscribe();
     };
   }, [audioSub]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (open) {
       setPosition({
         x: Math.max(0, window.innerWidth / 2 - 300),
@@ -34929,7 +35121,7 @@ var ChatModal = ({
       getOptimalLogo().then(setModalLogo);
     }
   }, [open, setPosition]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (!open) return;
     const fetchTheme = async () => {
       try {
@@ -34963,7 +35155,7 @@ var ChatModal = ({
       window.removeEventListener("bandit-theme-changed", handleThemeChange);
     };
   }, [open]);
-  (0, import_react49.useLayoutEffect)(() => {
+  (0, import_react50.useLayoutEffect)(() => {
     const timeSinceManualToggle = Date.now() - manualFullscreenToggleTime;
     const manualToggleRecentlyUsed = timeSinceManualToggle < 5e3;
     if (modalRef.current && response && !fullScreen && !autoFullscreenTriggered && !manualToggleRecentlyUsed) {
@@ -34988,7 +35180,7 @@ var ChatModal = ({
     setFullScreen,
     setAutoFullscreenTriggered
   ]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     const handlePaste = (e) => {
       const items = e.clipboardData?.items;
       if (items) {
@@ -35013,7 +35205,7 @@ var ChatModal = ({
       document.removeEventListener("paste", handlePaste);
     };
   }, []);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (response && !responseStarted) {
       setResponseStarted(true);
     }
@@ -35433,13 +35625,13 @@ var ChatModal = ({
 var chat_modal_default = ChatModal;
 
 // src/management/components/PersonalitiesTab.tsx
-var import_react51 = require("react");
+var import_react52 = require("react");
 var import_material43 = require("@mui/material");
 var import_useMediaQuery = __toESM(require("@mui/material/useMediaQuery"));
 var import_styles34 = require("@mui/material/styles");
 
 // src/components/AvatarCropper.tsx
-var import_react50 = require("react");
+var import_react51 = require("react");
 var import_material42 = require("@mui/material");
 init_lucide_icons();
 var import_jsx_runtime42 = require("react/jsx-runtime");
@@ -35449,22 +35641,22 @@ var AvatarCropper = ({
   onCrop,
   imageFile
 }) => {
-  const canvasRef = (0, import_react50.useRef)(null);
-  const imageRef = (0, import_react50.useRef)(null);
-  const [imageSrc, setImageSrc] = (0, import_react50.useState)("");
-  const [cropSettings, setCropSettings] = (0, import_react50.useState)({
+  const canvasRef = (0, import_react51.useRef)(null);
+  const imageRef = (0, import_react51.useRef)(null);
+  const [imageSrc, setImageSrc] = (0, import_react51.useState)("");
+  const [cropSettings, setCropSettings] = (0, import_react51.useState)({
     x: 0,
     y: 0,
     scale: 1,
     rotation: 0
   });
-  const [isDragging, setIsDragging] = (0, import_react50.useState)(false);
-  const [dragStart, setDragStart] = (0, import_react50.useState)({ x: 0, y: 0 });
-  const [imageLoaded, setImageLoaded] = (0, import_react50.useState)(false);
-  const [imageNaturalSize, setImageNaturalSize] = (0, import_react50.useState)({ width: 0, height: 0 });
+  const [isDragging, setIsDragging] = (0, import_react51.useState)(false);
+  const [dragStart, setDragStart] = (0, import_react51.useState)({ x: 0, y: 0 });
+  const [imageLoaded, setImageLoaded] = (0, import_react51.useState)(false);
+  const [imageNaturalSize, setImageNaturalSize] = (0, import_react51.useState)({ width: 0, height: 0 });
   const CROP_SIZE = 400;
   const OUTPUT_SIZE = 512;
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     if (imageFile && open) {
       const reader = new FileReader();
       reader.onload = (e) => {
@@ -35476,7 +35668,7 @@ var AvatarCropper = ({
       reader.readAsDataURL(imageFile);
     }
   }, [imageFile, open]);
-  const handleImageLoad = (0, import_react50.useCallback)(() => {
+  const handleImageLoad = (0, import_react51.useCallback)(() => {
     if (imageRef.current) {
       const { naturalWidth, naturalHeight } = imageRef.current;
       setImageNaturalSize({ width: naturalWidth, height: naturalHeight });
@@ -35493,7 +35685,7 @@ var AvatarCropper = ({
       setImageLoaded(true);
     }
   }, []);
-  const drawCropPreview = (0, import_react50.useCallback)(() => {
+  const drawCropPreview = (0, import_react51.useCallback)(() => {
     const canvas = canvasRef.current;
     const image = imageRef.current;
     if (!canvas || !image || !imageLoaded) return;
@@ -35516,14 +35708,14 @@ var AvatarCropper = ({
     ctx.fill();
     ctx.restore();
   }, [cropSettings, imageLoaded]);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     drawCropPreview();
   }, [drawCropPreview]);
-  const handleMouseDown = (0, import_react50.useCallback)((e) => {
+  const handleMouseDown = (0, import_react51.useCallback)((e) => {
     setIsDragging(true);
     setDragStart({ x: e.clientX, y: e.clientY });
   }, []);
-  const handleMouseMove = (0, import_react50.useCallback)((e) => {
+  const handleMouseMove = (0, import_react51.useCallback)((e) => {
     if (!isDragging) return;
     const deltaX = e.clientX - dragStart.x;
     const deltaY = e.clientY - dragStart.y;
@@ -35534,16 +35726,16 @@ var AvatarCropper = ({
     }));
     setDragStart({ x: e.clientX, y: e.clientY });
   }, [isDragging, dragStart]);
-  const handleMouseUp = (0, import_react50.useCallback)(() => {
+  const handleMouseUp = (0, import_react51.useCallback)(() => {
     setIsDragging(false);
   }, []);
-  const handleClose = (0, import_react50.useCallback)(() => {
+  const handleClose = (0, import_react51.useCallback)(() => {
     setImageSrc("");
     setImageLoaded(false);
     setCropSettings({ x: 0, y: 0, scale: 1, rotation: 0 });
     onClose();
   }, [onClose]);
-  const handleCrop = (0, import_react50.useCallback)(() => {
+  const handleCrop = (0, import_react51.useCallback)(() => {
     const canvas = document.createElement("canvas");
     const ctx = canvas.getContext("2d");
     const image = imageRef.current;
@@ -35570,7 +35762,7 @@ var AvatarCropper = ({
     onCrop(croppedDataUrl);
     handleClose();
   }, [cropSettings, onCrop, handleClose]);
-  const handleScaleChange = (0, import_react50.useCallback)((value) => {
+  const handleScaleChange = (0, import_react51.useCallback)((value) => {
     const minScale2 = Math.max(
       CROP_SIZE / imageNaturalSize.width,
       CROP_SIZE / imageNaturalSize.height
@@ -35580,7 +35772,7 @@ var AvatarCropper = ({
       scale: Math.max(value, minScale2)
     }));
   }, [imageNaturalSize]);
-  const handleRotation = (0, import_react50.useCallback)((direction) => {
+  const handleRotation = (0, import_react51.useCallback)((direction) => {
     setCropSettings((prev) => ({
       ...prev,
       rotation: prev.rotation + (direction === "left" ? -90 : 90)
@@ -35816,15 +36008,15 @@ var PersonalitiesTab = ({
 }) => {
   const theme = (0, import_styles34.useTheme)();
   const isMobile = (0, import_useMediaQuery.default)(theme.breakpoints.down("sm"));
-  const [personalityTabIndex, setPersonalityTabIndex] = (0, import_react51.useState)(0);
+  const [personalityTabIndex, setPersonalityTabIndex] = (0, import_react52.useState)(0);
   const tabWrapperStyles = isMobile ? { flexDirection: "column", gap: 0.35, fontSize: "0.78rem" } : { flexDirection: "row", gap: 0.75, fontSize: "0.95rem" };
-  const [restoreDialogOpen, setRestoreDialogOpen] = (0, import_react51.useState)(false);
-  const [deleteDialogOpen, setDeleteDialogOpen] = (0, import_react51.useState)(false);
-  const [personalityToDelete, setPersonalityToDelete] = (0, import_react51.useState)(null);
-  const [clickedChips, setClickedChips] = (0, import_react51.useState)(/* @__PURE__ */ new Set());
-  const [showTemplateHelp, setShowTemplateHelp] = (0, import_react51.useState)(false);
-  const [cropperOpen, setCropperOpen] = (0, import_react51.useState)(false);
-  const [selectedImageFile, setSelectedImageFile] = (0, import_react51.useState)(null);
+  const [restoreDialogOpen, setRestoreDialogOpen] = (0, import_react52.useState)(false);
+  const [deleteDialogOpen, setDeleteDialogOpen] = (0, import_react52.useState)(false);
+  const [personalityToDelete, setPersonalityToDelete] = (0, import_react52.useState)(null);
+  const [clickedChips, setClickedChips] = (0, import_react52.useState)(/* @__PURE__ */ new Set());
+  const [showTemplateHelp, setShowTemplateHelp] = (0, import_react52.useState)(false);
+  const [cropperOpen, setCropperOpen] = (0, import_react52.useState)(false);
+  const [selectedImageFile, setSelectedImageFile] = (0, import_react52.useState)(null);
   const promptTemplates = [
     {
       name: "Business Professional",
@@ -37321,7 +37513,7 @@ var PersonalitiesTab = ({
 var PersonalitiesTab_default = PersonalitiesTab;
 
 // src/management/components/PreferencesTab.tsx
-var import_react53 = require("react");
+var import_react54 = require("react");
 init_memory_modal();
 var import_material44 = require("@mui/material");
 init_preferencesStore();
@@ -37332,7 +37524,7 @@ init_useFeatures();
 init_conversationSyncStore();
 
 // src/hooks/useGatewayQueries.ts
-var import_react52 = require("react");
+var import_react53 = require("react");
 var import_rxjs24 = require("rxjs");
 var import_react_query2 = require("@tanstack/react-query");
 init_packageSettingsStore();
@@ -37342,7 +37534,7 @@ var useGatewayClient = () => {
   const settings = usePackageSettingsStore((state) => state.settings);
   const gatewayUrl = settings?.gatewayApiUrl;
   const feedbackEmail = settings?.feedbackEmail;
-  const service = (0, import_react52.useMemo)(() => {
+  const service = (0, import_react53.useMemo)(() => {
     if (!gatewayUrl) {
       return null;
     }
@@ -37401,6 +37593,7 @@ var useGatewayMemory = (options) => {
 };
 
 // src/management/components/PreferencesTab.tsx
+init_installedApp();
 init_lucide_icons();
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var PreferencesTab = ({
@@ -37412,16 +37605,16 @@ var PreferencesTab = ({
 }) => {
   const theme = (0, import_material44.useTheme)();
   const isMobile = (0, import_material44.useMediaQuery)(theme.breakpoints.down("sm"));
-  const [homeUrlStatus, setHomeUrlStatus] = (0, import_react53.useState)("idle");
-  const [homeUrlError, setHomeUrlError] = (0, import_react53.useState)("");
-  const [localHomeUrl, setLocalHomeUrl] = (0, import_react53.useState)(preferences.homeUrl || "");
-  const [importStatus, setImportStatus] = (0, import_react53.useState)("idle");
-  const [syncToggleLoading, setSyncToggleLoading] = (0, import_react53.useState)(false);
-  const [manualSyncLoading, setManualSyncLoading] = (0, import_react53.useState)(false);
-  const [advancedVectorToggleLoading, setAdvancedVectorToggleLoading] = (0, import_react53.useState)(false);
-  const [memoryModalOpen, setMemoryModalOpen] = (0, import_react53.useState)(false);
-  const timeoutRef = (0, import_react53.useRef)(null);
-  const fileInputRef = (0, import_react53.useRef)(null);
+  const [homeUrlStatus, setHomeUrlStatus] = (0, import_react54.useState)("idle");
+  const [homeUrlError, setHomeUrlError] = (0, import_react54.useState)("");
+  const [localHomeUrl, setLocalHomeUrl] = (0, import_react54.useState)(preferences.homeUrl || "");
+  const [importStatus, setImportStatus] = (0, import_react54.useState)("idle");
+  const [syncToggleLoading, setSyncToggleLoading] = (0, import_react54.useState)(false);
+  const [manualSyncLoading, setManualSyncLoading] = (0, import_react54.useState)(false);
+  const [advancedVectorToggleLoading, setAdvancedVectorToggleLoading] = (0, import_react54.useState)(false);
+  const [memoryModalOpen, setMemoryModalOpen] = (0, import_react54.useState)(false);
+  const timeoutRef = (0, import_react54.useRef)(null);
+  const fileInputRef = (0, import_react54.useRef)(null);
   const { exportPreferences, importPreferences, resetToDefaults } = usePreferencesStore();
   const {
     isServiceAvailable: isTTSSTTAvailable,
@@ -37533,7 +37726,7 @@ var PreferencesTab = ({
     if (!gatewayHealth) return "warning";
     return gatewayHealth.status?.toLowerCase() === "healthy" ? "success" : "error";
   })();
-  const handleGatewayStatusRefresh = (0, import_react53.useCallback)(() => {
+  const handleGatewayStatusRefresh = (0, import_react54.useCallback)(() => {
     if (!gatewayConfigured) {
       return;
     }
@@ -37595,7 +37788,7 @@ var PreferencesTab = ({
     }
     return packageSettings?.homeUrl || "";
   };
-  (0, import_react53.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     setLocalHomeUrl(preferences.homeUrl || "");
   }, [preferences.homeUrl]);
   const validateAndSaveHomeUrl = async (url) => {
@@ -37642,7 +37835,7 @@ var PreferencesTab = ({
       validateAndSaveHomeUrl(value);
     }, 1500);
   };
-  (0, import_react53.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     return () => {
       if (timeoutRef.current) {
         clearTimeout(timeoutRef.current);
@@ -38250,16 +38443,15 @@ var PreferencesTab = ({
   ] }) });
 };
 var ViewportDiagnostics = () => {
-  const [metrics, setMetrics] = (0, import_react53.useState)({});
-  (0, import_react53.useEffect)(() => {
+  const [metrics, setMetrics] = (0, import_react54.useState)({});
+  (0, import_react54.useEffect)(() => {
     const read = () => {
       const probe = document.createElement("div");
       probe.style.cssText = "position:fixed;top:0;bottom:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);visibility:hidden;pointer-events:none;";
       document.body.appendChild(probe);
       const cs = getComputedStyle(probe);
-      const standalone = window.matchMedia?.("(display-mode: standalone)").matches || window.navigator.standalone === true;
       setMetrics({
-        mode: standalone ? "standalone" : "browser",
+        mode: isNativeShell() ? "native" : isStandalonePwa2() ? "standalone" : "browser",
         "screen.height": `${window.screen.height}`,
         innerHeight: `${window.innerHeight}`,
         "docElement.clientHeight": `${document.documentElement.clientHeight}`,
@@ -38286,11 +38478,11 @@ var ViewportDiagnostics = () => {
 var PreferencesTab_default = PreferencesTab;
 
 // src/management/components/BrandingTab.tsx
-var import_react55 = require("react");
+var import_react56 = require("react");
 var import_material46 = require("@mui/material");
 
 // src/components/LogoCropper.tsx
-var import_react54 = require("react");
+var import_react55 = require("react");
 var import_material45 = require("@mui/material");
 init_lucide_icons();
 var import_jsx_runtime45 = require("react/jsx-runtime");
@@ -38305,25 +38497,25 @@ var LogoCropper = ({
   onCrop,
   imageFile
 }) => {
-  const canvasRef = (0, import_react54.useRef)(null);
-  const previewCanvasRef = (0, import_react54.useRef)(null);
-  const imageRef = (0, import_react54.useRef)(null);
-  const [imageSrc, setImageSrc] = (0, import_react54.useState)("");
-  const [cropSettings, setCropSettings] = (0, import_react54.useState)({
+  const canvasRef = (0, import_react55.useRef)(null);
+  const previewCanvasRef = (0, import_react55.useRef)(null);
+  const imageRef = (0, import_react55.useRef)(null);
+  const [imageSrc, setImageSrc] = (0, import_react55.useState)("");
+  const [cropSettings, setCropSettings] = (0, import_react55.useState)({
     x: 0,
     y: 0,
     scale: 1,
     rotation: 0
   });
-  const [isDragging, setIsDragging] = (0, import_react54.useState)(false);
-  const [dragStart, setDragStart] = (0, import_react54.useState)({ x: 0, y: 0 });
-  const [imageLoaded, setImageLoaded] = (0, import_react54.useState)(false);
-  const [imageNaturalSize, setImageNaturalSize] = (0, import_react54.useState)({ width: 0, height: 0 });
-  const [aspectRatio, setAspectRatio] = (0, import_react54.useState)("square");
-  const [cropArea, setCropArea] = (0, import_react54.useState)({ width: 400, height: 400 });
+  const [isDragging, setIsDragging] = (0, import_react55.useState)(false);
+  const [dragStart, setDragStart] = (0, import_react55.useState)({ x: 0, y: 0 });
+  const [imageLoaded, setImageLoaded] = (0, import_react55.useState)(false);
+  const [imageNaturalSize, setImageNaturalSize] = (0, import_react55.useState)({ width: 0, height: 0 });
+  const [aspectRatio, setAspectRatio] = (0, import_react55.useState)("square");
+  const [cropArea, setCropArea] = (0, import_react55.useState)({ width: 400, height: 400 });
   const CANVAS_SIZE = 500;
-  const [outputSize, setOutputSize] = (0, import_react54.useState)("large");
-  const getCropDimensions = (0, import_react54.useCallback)(() => {
+  const [outputSize, setOutputSize] = (0, import_react55.useState)("large");
+  const getCropDimensions = (0, import_react55.useCallback)(() => {
     const maxSize = 380;
     switch (aspectRatio) {
       case "square":
@@ -38338,7 +38530,7 @@ var LogoCropper = ({
         return cropArea;
     }
   }, [aspectRatio, cropArea]);
-  (0, import_react54.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     if (imageFile && open) {
       const reader = new FileReader();
       reader.onload = (e) => {
@@ -38350,7 +38542,7 @@ var LogoCropper = ({
       reader.readAsDataURL(imageFile);
     }
   }, [imageFile, open]);
-  const handleImageLoad = (0, import_react54.useCallback)(() => {
+  const handleImageLoad = (0, import_react55.useCallback)(() => {
     if (imageRef.current) {
       const { naturalWidth, naturalHeight } = imageRef.current;
       setImageNaturalSize({ width: naturalWidth, height: naturalHeight });
@@ -38368,7 +38560,7 @@ var LogoCropper = ({
       setImageLoaded(true);
     }
   }, [getCropDimensions]);
-  (0, import_react54.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     if (imageLoaded) {
       const cropDims = getCropDimensions();
       setCropArea(cropDims);
@@ -38382,7 +38574,7 @@ var LogoCropper = ({
       }));
     }
   }, [aspectRatio, imageLoaded, imageNaturalSize, getCropDimensions]);
-  const updatePreview = (0, import_react54.useCallback)((cropX, cropY, cropDims) => {
+  const updatePreview = (0, import_react55.useCallback)((cropX, cropY, cropDims) => {
     const previewCanvas = previewCanvasRef.current;
     const mainCanvas = canvasRef.current;
     if (!previewCanvas || !mainCanvas) return;
@@ -38411,7 +38603,7 @@ var LogoCropper = ({
     previewCtx.lineWidth = 2;
     previewCtx.strokeRect(offsetX, offsetY, scaledWidth, scaledHeight);
   }, []);
-  const drawCropPreview = (0, import_react54.useCallback)(() => {
+  const drawCropPreview = (0, import_react55.useCallback)(() => {
     const canvas = canvasRef.current;
     const image = imageRef.current;
     if (!canvas || !image || !imageLoaded) return;
@@ -38457,14 +38649,14 @@ var LogoCropper = ({
     ctx.fillRect(cropX + cropDims.width - 1, cropY + cropDims.height - cornerSize + 1, 3, cornerSize);
     updatePreview(cropX, cropY, cropDims);
   }, [cropSettings, imageLoaded, getCropDimensions, updatePreview]);
-  (0, import_react54.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     drawCropPreview();
   }, [drawCropPreview]);
-  const handleMouseDown = (0, import_react54.useCallback)((e) => {
+  const handleMouseDown = (0, import_react55.useCallback)((e) => {
     setIsDragging(true);
     setDragStart({ x: e.clientX, y: e.clientY });
   }, []);
-  const handleMouseMove = (0, import_react54.useCallback)((e) => {
+  const handleMouseMove = (0, import_react55.useCallback)((e) => {
     if (!isDragging) return;
     const deltaX = e.clientX - dragStart.x;
     const deltaY = e.clientY - dragStart.y;
@@ -38475,17 +38667,17 @@ var LogoCropper = ({
     }));
     setDragStart({ x: e.clientX, y: e.clientY });
   }, [isDragging, dragStart]);
-  const handleMouseUp = (0, import_react54.useCallback)(() => {
+  const handleMouseUp = (0, import_react55.useCallback)(() => {
     setIsDragging(false);
   }, []);
-  const handleClose = (0, import_react54.useCallback)(() => {
+  const handleClose = (0, import_react55.useCallback)(() => {
     setImageSrc("");
     setImageLoaded(false);
     setCropSettings({ x: 0, y: 0, scale: 1, rotation: 0 });
     setAspectRatio("square");
     onClose();
   }, [onClose]);
-  const handleCrop = (0, import_react54.useCallback)(() => {
+  const handleCrop = (0, import_react55.useCallback)(() => {
     const image = imageRef.current;
     if (!image) return;
     const cropDims = getCropDimensions();
@@ -38538,7 +38730,7 @@ var LogoCropper = ({
     setAspectRatio("square");
     onClose();
   }, [cropSettings, onCrop, getCropDimensions, outputSize, onClose]);
-  const handleScaleChange = (0, import_react54.useCallback)((value) => {
+  const handleScaleChange = (0, import_react55.useCallback)((value) => {
     const cropDims = getCropDimensions();
     const minScale2 = Math.max(
       cropDims.width / imageNaturalSize.width,
@@ -38549,7 +38741,7 @@ var LogoCropper = ({
       scale: Math.max(value, minScale2)
     }));
   }, [imageNaturalSize, getCropDimensions]);
-  const handleRotation = (0, import_react54.useCallback)((direction) => {
+  const handleRotation = (0, import_react55.useCallback)((direction) => {
     setCropSettings((prev) => ({
       ...prev,
       rotation: prev.rotation + (direction === "left" ? -90 : 90)
@@ -38834,15 +39026,15 @@ var BrandingTab = ({
 }) => {
   const muiTheme = (0, import_material46.useTheme)();
   const isMobile = (0, import_material46.useMediaQuery)(muiTheme.breakpoints.down("sm"));
-  const [dragOver, setDragOver] = (0, import_react55.useState)(false);
-  const [saveStatus, setSaveStatus] = (0, import_react55.useState)("idle");
-  const [snackbarMessage, setSnackbarMessage] = (0, import_react55.useState)("");
-  const [showSnackbar, setShowSnackbar] = (0, import_react55.useState)(false);
-  const [snackbarSeverity, setSnackbarSeverity] = (0, import_react55.useState)("success");
-  const [cropperOpen, setCropperOpen] = (0, import_react55.useState)(false);
-  const [selectedImageFile, setSelectedImageFile] = (0, import_react55.useState)(null);
-  const fileInputRef = (0, import_react55.useRef)(null);
-  const importInputRef = (0, import_react55.useRef)(null);
+  const [dragOver, setDragOver] = (0, import_react56.useState)(false);
+  const [saveStatus, setSaveStatus] = (0, import_react56.useState)("idle");
+  const [snackbarMessage, setSnackbarMessage] = (0, import_react56.useState)("");
+  const [showSnackbar, setShowSnackbar] = (0, import_react56.useState)(false);
+  const [snackbarSeverity, setSnackbarSeverity] = (0, import_react56.useState)("success");
+  const [cropperOpen, setCropperOpen] = (0, import_react56.useState)(false);
+  const [selectedImageFile, setSelectedImageFile] = (0, import_react56.useState)(null);
+  const fileInputRef = (0, import_react56.useRef)(null);
+  const importInputRef = (0, import_react56.useRef)(null);
   const getDefaultLogo = () => {
     return muiTheme.palette.mode === "light" ? lightLogo2 : banditAiLogo;
   };
@@ -39469,11 +39661,11 @@ var BrandingTab = ({
 var BrandingTab_default = BrandingTab;
 
 // src/management/components/KnowledgeHubTab.tsx
-var import_react60 = require("react");
+var import_react61 = require("react");
 var import_material50 = require("@mui/material");
 
 // src/management/components/KnowledgeTab.tsx
-var import_react58 = require("react");
+var import_react59 = require("react");
 var import_uuid6 = require("uuid");
 var import_material48 = require("@mui/material");
 init_knowledge_file_modal();
@@ -39483,7 +39675,7 @@ init_authenticationStore();
 init_useFeatures();
 
 // src/components/shared/ProcessingOverlay.tsx
-var import_react56 = require("react");
+var import_react57 = require("react");
 var import_material47 = require("@mui/material");
 var import_lucide_react16 = require("lucide-react");
 var import_jsx_runtime47 = require("react/jsx-runtime");
@@ -39556,17 +39748,17 @@ var ProcessingOverlay = ({
   customMessages
 }) => {
   const theme = (0, import_material47.useTheme)();
-  const [messageIndex, setMessageIndex] = (0, import_react56.useState)(0);
-  const [sparkles, setSparkles] = (0, import_react56.useState)([]);
+  const [messageIndex, setMessageIndex] = (0, import_react57.useState)(0);
+  const [sparkles, setSparkles] = (0, import_react57.useState)([]);
   const messages = customMessages || cleverMessages;
-  (0, import_react56.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     if (!open) return;
     const interval = setInterval(() => {
       setMessageIndex((prev) => (prev + 1) % messages.length);
     }, 3e3);
     return () => clearInterval(interval);
   }, [open, messages.length]);
-  (0, import_react56.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     if (!open) return;
     const generateSparkles = () => {
       const newSparkles = Array.from({ length: 5 }, (_, i) => ({
@@ -39778,16 +39970,16 @@ var ProcessingOverlay = ({
 var ProcessingOverlay_default = ProcessingOverlay;
 
 // src/hooks/useProcessingOverlay.ts
-var import_react57 = require("react");
+var import_react58 = require("react");
 var useProcessingOverlay = () => {
-  const [processingState, setProcessingState] = (0, import_react57.useState)({
+  const [processingState, setProcessingState] = (0, import_react58.useState)({
     isVisible: false,
     step: "upload",
     progress: 0,
     title: "Processing...",
     customMessages: void 0
   });
-  const showProcessing = (0, import_react57.useCallback)((title = "Processing...", messages) => {
+  const showProcessing = (0, import_react58.useCallback)((title = "Processing...", messages) => {
     setProcessingState({
       isVisible: true,
       step: "upload",
@@ -39796,13 +39988,13 @@ var useProcessingOverlay = () => {
       customMessages: messages
     });
   }, []);
-  const hideProcessing = (0, import_react57.useCallback)(() => {
+  const hideProcessing = (0, import_react58.useCallback)(() => {
     setProcessingState((prev) => ({
       ...prev,
       isVisible: false
     }));
   }, []);
-  const updateProgress = (0, import_react57.useCallback)((step, progress) => {
+  const updateProgress = (0, import_react58.useCallback)((step, progress) => {
     setProcessingState((prev) => ({
       ...prev,
       step,
@@ -39954,28 +40146,28 @@ var KnowledgeTab = ({
   } = useVectorStore();
   const { showProcessing, hideProcessing, updateProgress, processingState } = useProcessingOverlay();
   const shouldUseVector = (features.isAdmin() || features.hasAdvancedSearch() || features.hasAdvancedMemories()) && isAdvancedVectorFeaturesEnabled && isVectorEnabled;
-  const [clearDocsDialogOpen, setClearDocsDialogOpen] = (0, import_react58.useState)(false);
-  const [selectedDoc, setSelectedDoc] = (0, import_react58.useState)(null);
-  const [vectorDocuments, setVectorDocuments] = (0, import_react58.useState)([]);
-  const [loadingVectorDocs, setLoadingVectorDocs] = (0, import_react58.useState)(false);
-  const [searchQuery, setSearchQuery] = (0, import_react58.useState)("");
-  const [selectedCategory, setSelectedCategory] = (0, import_react58.useState)("all");
-  const [contentSourceFilter, setContentSourceFilter] = (0, import_react58.useState)("all");
-  const [viewMode, setViewMode] = (0, import_react58.useState)("grid");
-  const [sortBy, setSortBy] = (0, import_react58.useState)("date");
-  const [sortOrder, setSortOrder] = (0, import_react58.useState)("desc");
-  const [selectedDocuments, setSelectedDocuments] = (0, import_react58.useState)([]);
-  const [showFilters, setShowFilters] = (0, import_react58.useState)(false);
-  const [uploadStatuses, setUploadStatuses] = (0, import_react58.useState)([]);
-  const [filterMenuAnchor, setFilterMenuAnchor] = (0, import_react58.useState)(null);
-  const [snackbarMessage, setSnackbarMessage] = (0, import_react58.useState)("");
-  const [showSnackbar, setShowSnackbar] = (0, import_react58.useState)(false);
-  const [snackbarSeverity, setSnackbarSeverity] = (0, import_react58.useState)("success");
-  const [deletingDocuments, setDeletingDocuments] = (0, import_react58.useState)(/* @__PURE__ */ new Set());
+  const [clearDocsDialogOpen, setClearDocsDialogOpen] = (0, import_react59.useState)(false);
+  const [selectedDoc, setSelectedDoc] = (0, import_react59.useState)(null);
+  const [vectorDocuments, setVectorDocuments] = (0, import_react59.useState)([]);
+  const [loadingVectorDocs, setLoadingVectorDocs] = (0, import_react59.useState)(false);
+  const [searchQuery, setSearchQuery] = (0, import_react59.useState)("");
+  const [selectedCategory, setSelectedCategory] = (0, import_react59.useState)("all");
+  const [contentSourceFilter, setContentSourceFilter] = (0, import_react59.useState)("all");
+  const [viewMode, setViewMode] = (0, import_react59.useState)("grid");
+  const [sortBy, setSortBy] = (0, import_react59.useState)("date");
+  const [sortOrder, setSortOrder] = (0, import_react59.useState)("desc");
+  const [selectedDocuments, setSelectedDocuments] = (0, import_react59.useState)([]);
+  const [showFilters, setShowFilters] = (0, import_react59.useState)(false);
+  const [uploadStatuses, setUploadStatuses] = (0, import_react59.useState)([]);
+  const [filterMenuAnchor, setFilterMenuAnchor] = (0, import_react59.useState)(null);
+  const [snackbarMessage, setSnackbarMessage] = (0, import_react59.useState)("");
+  const [showSnackbar, setShowSnackbar] = (0, import_react59.useState)(false);
+  const [snackbarSeverity, setSnackbarSeverity] = (0, import_react59.useState)("success");
+  const [deletingDocuments, setDeletingDocuments] = (0, import_react59.useState)(/* @__PURE__ */ new Set());
   const hasTeam = !!(authStore.user?.teamSid || authStore.user?.teamId);
-  const [shareWithTeam, setShareWithTeam] = (0, import_react58.useState)(false);
-  const [dragActive, setDragActive] = (0, import_react58.useState)(false);
-  const mapVectorDocsToKnowledgeDocs = (0, import_react58.useCallback)((vectorDocs) => {
+  const [shareWithTeam, setShareWithTeam] = (0, import_react59.useState)(false);
+  const [dragActive, setDragActive] = (0, import_react59.useState)(false);
+  const mapVectorDocsToKnowledgeDocs = (0, import_react59.useCallback)((vectorDocs) => {
     return vectorDocs.map((doc) => {
       const primaryId = doc.id ?? doc.fileId ?? doc._id;
       const docId = typeof primaryId === "string" ? primaryId : primaryId ? JSON.stringify(primaryId) : (0, import_uuid6.v4)();
@@ -40003,7 +40195,7 @@ var KnowledgeTab = ({
       };
     });
   }, []);
-  const loadVectorDocuments = (0, import_react58.useCallback)(async () => {
+  const loadVectorDocuments = (0, import_react59.useCallback)(async () => {
     if (!shouldUseVector) {
       return;
     }
@@ -40018,12 +40210,12 @@ var KnowledgeTab = ({
       setLoadingVectorDocs(false);
     }
   }, [shouldUseVector, getUserDocuments, mapVectorDocsToKnowledgeDocs]);
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (shouldUseVector) {
       loadVectorDocuments();
     }
   }, [shouldUseVector, loadVectorDocuments]);
-  const filteredAndSortedDocuments = (0, import_react58.useMemo)(() => {
+  const filteredAndSortedDocuments = (0, import_react59.useMemo)(() => {
     const sourceDocuments = shouldUseVector ? vectorDocuments : documents;
     let filtered = sourceDocuments;
     if (searchQuery) {
@@ -40073,12 +40265,12 @@ var KnowledgeTab = ({
     });
     return filtered;
   }, [documents, vectorDocuments, shouldUseVector, searchQuery, selectedCategory, contentSourceFilter, sortBy, sortOrder]);
-  const categories = (0, import_react58.useMemo)(() => {
+  const categories = (0, import_react59.useMemo)(() => {
     const sourceDocuments = shouldUseVector ? vectorDocuments : documents;
     const cats = new Set(sourceDocuments.map((doc) => getFileTypeInfo3(doc.name).category));
     return Array.from(cats).sort();
   }, [documents, vectorDocuments, shouldUseVector]);
-  const statistics = (0, import_react58.useMemo)(() => {
+  const statistics = (0, import_react59.useMemo)(() => {
     const sourceDocuments = shouldUseVector ? vectorDocuments : documents;
     const totalSize = sourceDocuments.reduce((sum, doc) => {
       if (shouldUseVector && doc.size) {
@@ -41100,7 +41292,7 @@ var KnowledgeTab = ({
 var KnowledgeTab_default = KnowledgeTab;
 
 // src/management/components/SeedPacksTab.tsx
-var import_react59 = require("react");
+var import_react60 = require("react");
 var import_material49 = require("@mui/material");
 init_packageSettingsStore();
 init_authenticationStore();
@@ -41709,45 +41901,45 @@ var SeedPacksTab = () => {
   const seedPackAdminRoles = /* @__PURE__ */ new Set(["admin", "super-user", "team_admin", "team_owner"]);
   const userRoles = authStore.user?.roles ?? [];
   const canManage = userRoles.some((role) => seedPackAdminRoles.has(role));
-  const [seedPacks, setSeedPacks] = (0, import_react59.useState)([]);
-  const [selectedSid, setSelectedSid] = (0, import_react59.useState)(null);
-  const [selectedSeedPack, setSelectedSeedPack] = (0, import_react59.useState)(null);
-  const [draft, setDraft] = (0, import_react59.useState)({
+  const [seedPacks, setSeedPacks] = (0, import_react60.useState)([]);
+  const [selectedSid, setSelectedSid] = (0, import_react60.useState)(null);
+  const [selectedSeedPack, setSelectedSeedPack] = (0, import_react60.useState)(null);
+  const [draft, setDraft] = (0, import_react60.useState)({
     name: "",
     description: "",
     content: ""
   });
-  const [tagsInput, setTagsInput] = (0, import_react59.useState)("");
-  const [importedFiles, setImportedFiles] = (0, import_react59.useState)([]);
-  const [createImportedFiles, setCreateImportedFiles] = (0, import_react59.useState)([]);
-  const [previewFile, setPreviewFile] = (0, import_react59.useState)(null);
-  const fileInputRef = (0, import_react59.useRef)(null);
-  const wikiFolderInputRef = (0, import_react59.useRef)(null);
-  const createFileInputRef = (0, import_react59.useRef)(null);
-  const createWikiFolderInputRef = (0, import_react59.useRef)(null);
-  const [isLoadingList, setIsLoadingList] = (0, import_react59.useState)(false);
-  const [isLoadingDetail, setIsLoadingDetail] = (0, import_react59.useState)(false);
-  const [isSaving, setIsSaving] = (0, import_react59.useState)(false);
-  const [isPublishing, setIsPublishing] = (0, import_react59.useState)(false);
-  const [isArchiving, setIsArchiving] = (0, import_react59.useState)(false);
-  const [isDeleting, setIsDeleting] = (0, import_react59.useState)(false);
-  const [isCreating, setIsCreating] = (0, import_react59.useState)(false);
-  const [createDialogOpen, setCreateDialogOpen] = (0, import_react59.useState)(false);
-  const [publishDialogOpen, setPublishDialogOpen] = (0, import_react59.useState)(false);
-  const [archiveDialogOpen, setArchiveDialogOpen] = (0, import_react59.useState)(false);
-  const [deleteDialogOpen, setDeleteDialogOpen] = (0, import_react59.useState)(false);
-  const [newPackName, setNewPackName] = (0, import_react59.useState)("");
-  const [newPackDescription, setNewPackDescription] = (0, import_react59.useState)("");
-  const [newPackTags, setNewPackTags] = (0, import_react59.useState)("");
-  const [snackbarOpen, setSnackbarOpen] = (0, import_react59.useState)(false);
-  const [snackbarMessage, setSnackbarMessage] = (0, import_react59.useState)("");
-  const [snackbarSeverity, setSnackbarSeverity] = (0, import_react59.useState)("success");
-  const parsedTags = (0, import_react59.useMemo)(() => parseTags(tagsInput), [tagsInput]);
-  const normalizedSelectedTags = (0, import_react59.useMemo)(
+  const [tagsInput, setTagsInput] = (0, import_react60.useState)("");
+  const [importedFiles, setImportedFiles] = (0, import_react60.useState)([]);
+  const [createImportedFiles, setCreateImportedFiles] = (0, import_react60.useState)([]);
+  const [previewFile, setPreviewFile] = (0, import_react60.useState)(null);
+  const fileInputRef = (0, import_react60.useRef)(null);
+  const wikiFolderInputRef = (0, import_react60.useRef)(null);
+  const createFileInputRef = (0, import_react60.useRef)(null);
+  const createWikiFolderInputRef = (0, import_react60.useRef)(null);
+  const [isLoadingList, setIsLoadingList] = (0, import_react60.useState)(false);
+  const [isLoadingDetail, setIsLoadingDetail] = (0, import_react60.useState)(false);
+  const [isSaving, setIsSaving] = (0, import_react60.useState)(false);
+  const [isPublishing, setIsPublishing] = (0, import_react60.useState)(false);
+  const [isArchiving, setIsArchiving] = (0, import_react60.useState)(false);
+  const [isDeleting, setIsDeleting] = (0, import_react60.useState)(false);
+  const [isCreating, setIsCreating] = (0, import_react60.useState)(false);
+  const [createDialogOpen, setCreateDialogOpen] = (0, import_react60.useState)(false);
+  const [publishDialogOpen, setPublishDialogOpen] = (0, import_react60.useState)(false);
+  const [archiveDialogOpen, setArchiveDialogOpen] = (0, import_react60.useState)(false);
+  const [deleteDialogOpen, setDeleteDialogOpen] = (0, import_react60.useState)(false);
+  const [newPackName, setNewPackName] = (0, import_react60.useState)("");
+  const [newPackDescription, setNewPackDescription] = (0, import_react60.useState)("");
+  const [newPackTags, setNewPackTags] = (0, import_react60.useState)("");
+  const [snackbarOpen, setSnackbarOpen] = (0, import_react60.useState)(false);
+  const [snackbarMessage, setSnackbarMessage] = (0, import_react60.useState)("");
+  const [snackbarSeverity, setSnackbarSeverity] = (0, import_react60.useState)("success");
+  const parsedTags = (0, import_react60.useMemo)(() => parseTags(tagsInput), [tagsInput]);
+  const normalizedSelectedTags = (0, import_react60.useMemo)(
     () => normalizeTags(selectedSeedPack?.tags),
     [selectedSeedPack?.tags]
   );
-  const isDirty = (0, import_react59.useMemo)(() => {
+  const isDirty = (0, import_react60.useMemo)(() => {
     if (!selectedSeedPack) {
       return false;
     }
@@ -41758,17 +41950,17 @@ var SeedPacksTab = () => {
     return nameChanged || descriptionChanged || contentChanged || tagsChanged;
   }, [draft, parsedTags, normalizedSelectedTags, selectedSeedPack]);
   const isReadOnly = !canManage || selectedSeedPack?.status === "archived";
-  const sortedSeedPacks = (0, import_react59.useMemo)(() => {
+  const sortedSeedPacks = (0, import_react60.useMemo)(() => {
     return [...seedPacks].sort((a, b) => getSeedPackTimestamp(b) - getSeedPackTimestamp(a));
   }, [seedPacks]);
   const scopeLabel = isTeamScope ? "Team scope" : "Personal scope";
   const scopeDescription = isTeamScope ? "Applies to all members of your team." : "Applies only to your account.";
-  const showSnackbar = (0, import_react59.useCallback)((message, severity) => {
+  const showSnackbar = (0, import_react60.useCallback)((message, severity) => {
     setSnackbarMessage(message);
     setSnackbarSeverity(severity);
     setSnackbarOpen(true);
   }, []);
-  const hydrateDraft = (0, import_react59.useCallback)((pack) => {
+  const hydrateDraft = (0, import_react60.useCallback)((pack) => {
     setDraft({
       name: pack.name ?? "",
       description: pack.description ?? "",
@@ -41778,14 +41970,14 @@ var SeedPacksTab = () => {
     setImportedFiles([]);
     setPreviewFile(null);
   }, []);
-  const resetCreateDialog = (0, import_react59.useCallback)(() => {
+  const resetCreateDialog = (0, import_react60.useCallback)(() => {
     setCreateDialogOpen(false);
     setNewPackName("");
     setNewPackDescription("");
     setNewPackTags("");
     setCreateImportedFiles([]);
   }, []);
-  const refreshSeedPacks = (0, import_react59.useCallback)(
+  const refreshSeedPacks = (0, import_react60.useCallback)(
     async (nextSelectedSid) => {
       if (!gatewayConfigured) {
         return;
@@ -41810,7 +42002,7 @@ var SeedPacksTab = () => {
     },
     [gatewayConfigured, selectedSid, showSnackbar]
   );
-  const loadSeedPackDetail = (0, import_react59.useCallback)(
+  const loadSeedPackDetail = (0, import_react60.useCallback)(
     async (sid) => {
       if (!gatewayConfigured) {
         return;
@@ -41832,15 +42024,15 @@ var SeedPacksTab = () => {
     },
     [gatewayConfigured, hydrateDraft, showSnackbar]
   );
-  (0, import_react59.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     void refreshSeedPacks();
   }, [refreshSeedPacks, authStore.token]);
-  (0, import_react59.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     if (selectedSid) {
       void loadSeedPackDetail(selectedSid);
     }
   }, [selectedSid, loadSeedPackDetail]);
-  (0, import_react59.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     const setDirectoryUploadAttributes = (input) => {
       if (!input) {
         return;
@@ -41856,7 +42048,7 @@ var SeedPacksTab = () => {
     setSelectedSeedPack(pack);
     hydrateDraft(pack);
   };
-  const handleImportFiles = (0, import_react59.useCallback)(
+  const handleImportFiles = (0, import_react60.useCallback)(
     async (files, source = "local") => {
       if (!files || files.length === 0) {
         return;
@@ -41899,24 +42091,24 @@ ${combined}` : combined;
     },
     [importedFiles, showSnackbar]
   );
-  const handleFileInputChange = (0, import_react59.useCallback)(
+  const handleFileInputChange = (0, import_react60.useCallback)(
     async (event) => {
       await handleImportFiles(event.target.files, "local");
       event.target.value = "";
     },
     [handleImportFiles]
   );
-  const handleWikiFolderInputChange = (0, import_react59.useCallback)(
+  const handleWikiFolderInputChange = (0, import_react60.useCallback)(
     async (event) => {
       await handleImportFiles(event.target.files, "azure-wiki");
       event.target.value = "";
     },
     [handleImportFiles]
   );
-  const handleRemoveImportedFile = (0, import_react59.useCallback)((id) => {
+  const handleRemoveImportedFile = (0, import_react60.useCallback)((id) => {
     setImportedFiles((prev) => prev.filter((file) => file.id !== id));
   }, []);
-  const handleCreateImportFiles = (0, import_react59.useCallback)(
+  const handleCreateImportFiles = (0, import_react60.useCallback)(
     async (files, source = "local") => {
       if (!files || files.length === 0) {
         return;
@@ -41937,24 +42129,24 @@ ${combined}` : combined;
     },
     [showSnackbar]
   );
-  const handleCreateFileInputChange = (0, import_react59.useCallback)(
+  const handleCreateFileInputChange = (0, import_react60.useCallback)(
     async (event) => {
       await handleCreateImportFiles(event.target.files, "local");
       event.target.value = "";
     },
     [handleCreateImportFiles]
   );
-  const handleCreateWikiFolderInputChange = (0, import_react59.useCallback)(
+  const handleCreateWikiFolderInputChange = (0, import_react60.useCallback)(
     async (event) => {
       await handleCreateImportFiles(event.target.files, "azure-wiki");
       event.target.value = "";
     },
     [handleCreateImportFiles]
   );
-  const handleRemoveCreateImportedFile = (0, import_react59.useCallback)((id) => {
+  const handleRemoveCreateImportedFile = (0, import_react60.useCallback)((id) => {
     setCreateImportedFiles((prev) => prev.filter((file) => file.id !== id));
   }, []);
-  const buildDraftPayload2 = (0, import_react59.useCallback)(() => {
+  const buildDraftPayload2 = (0, import_react60.useCallback)(() => {
     const name = draft.name.trim();
     if (!name) {
       showSnackbar("Seed pack name is required.", "error");
@@ -41968,7 +42160,7 @@ ${combined}` : combined;
       contentType: "markdown"
     };
   }, [draft, parsedTags, showSnackbar]);
-  const saveDraft = (0, import_react59.useCallback)(async () => {
+  const saveDraft = (0, import_react60.useCallback)(async () => {
     if (!selectedSeedPack) {
       return null;
     }
@@ -42686,9 +42878,9 @@ var KnowledgeHubTab = (props) => {
   const theme = (0, import_material50.useTheme)();
   const isMobile = (0, import_material50.useMediaQuery)(theme.breakpoints.down("sm"));
   const { seedPacksEnabled = false } = props;
-  const [tabIndex, setTabIndex] = (0, import_react60.useState)(0);
+  const [tabIndex, setTabIndex] = (0, import_react61.useState)(0);
   const effectiveTabIndex = seedPacksEnabled ? tabIndex : 0;
-  (0, import_react60.useEffect)(() => {
+  (0, import_react61.useEffect)(() => {
     if (!seedPacksEnabled && tabIndex !== 0) {
       setTabIndex(0);
     }
@@ -42738,7 +42930,7 @@ var KnowledgeHubTab = (props) => {
 var KnowledgeHubTab_default = KnowledgeHubTab;
 
 // src/management/components/StorageTab.tsx
-var import_react61 = require("react");
+var import_react62 = require("react");
 var import_material51 = require("@mui/material");
 init_debugLogger();
 init_indexedDBService();
@@ -43041,20 +43233,20 @@ var clearEntireDatabase = async (dbName) => {
 };
 var StorageTab = ({ currentTheme }) => {
   const theme = (0, import_material51.useTheme)();
-  const [storageQuota, setStorageQuota] = (0, import_react61.useState)({
+  const [storageQuota, setStorageQuota] = (0, import_react62.useState)({
     used: 0,
     quota: 0,
     available: 0,
     browserQuotaEstimate: 0
   });
-  const [storageCategories, setStorageCategories] = (0, import_react61.useState)([]);
-  const [loading, setLoading] = (0, import_react61.useState)(true);
-  const [clearAllDialogOpen, setClearAllDialogOpen] = (0, import_react61.useState)(false);
-  const [clearCategoryDialog, setClearCategoryDialog] = (0, import_react61.useState)(null);
-  const [clearing, setClearing] = (0, import_react61.useState)(false);
-  const [snackbarMessage, setSnackbarMessage] = (0, import_react61.useState)("");
-  const [showSnackbar, setShowSnackbar] = (0, import_react61.useState)(false);
-  const [snackbarSeverity, setSnackbarSeverity] = (0, import_react61.useState)("success");
+  const [storageCategories, setStorageCategories] = (0, import_react62.useState)([]);
+  const [loading, setLoading] = (0, import_react62.useState)(true);
+  const [clearAllDialogOpen, setClearAllDialogOpen] = (0, import_react62.useState)(false);
+  const [clearCategoryDialog, setClearCategoryDialog] = (0, import_react62.useState)(null);
+  const [clearing, setClearing] = (0, import_react62.useState)(false);
+  const [snackbarMessage, setSnackbarMessage] = (0, import_react62.useState)("");
+  const [showSnackbar, setShowSnackbar] = (0, import_react62.useState)(false);
+  const [snackbarSeverity, setSnackbarSeverity] = (0, import_react62.useState)("success");
   const { syncEnabled, isAdvancedVectorFeaturesEnabled } = useConversationSyncStore((state) => ({
     syncEnabled: state.syncEnabled,
     isAdvancedVectorFeaturesEnabled: state.isAdvancedVectorFeaturesEnabled
@@ -43106,18 +43298,18 @@ var StorageTab = ({ currentTheme }) => {
       setLoading(false);
     }
   };
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     loadStorageData();
   }, []);
-  const totalUsed = (0, import_react61.useMemo)(() => {
+  const totalUsed = (0, import_react62.useMemo)(() => {
     return storageCategories.reduce((sum, cat) => sum + cat.size, 0);
   }, [storageCategories]);
-  const usagePercentage = (0, import_react61.useMemo)(() => {
+  const usagePercentage = (0, import_react62.useMemo)(() => {
     if (storageQuota.quota === 0) return 0;
     const percentage = Math.min(storageQuota.used / storageQuota.quota * 100, 100);
     return percentage > 0 && percentage < 0.1 ? 0.1 : percentage;
   }, [storageQuota]);
-  const clearableCategories = (0, import_react61.useMemo)(() => {
+  const clearableCategories = (0, import_react62.useMemo)(() => {
     return storageCategories.filter((cat) => cat.canClear);
   }, [storageCategories]);
   const handleClearCategory = async (category) => {
@@ -43733,7 +43925,7 @@ var StorageTab = ({ currentTheme }) => {
 var StorageTab_default = StorageTab;
 
 // src/management/components/ProviderTab.tsx
-var import_react62 = require("react");
+var import_react63 = require("react");
 var import_material52 = require("@mui/material");
 init_aiProviderStore();
 init_packageSettingsStore();
@@ -43747,7 +43939,7 @@ var ProviderTab = () => {
   const { settings: packageSettings } = usePackageSettingsStore();
   const theme = (0, import_material52.useTheme)();
   const isMobile = (0, import_material52.useMediaQuery)(theme.breakpoints.down("sm"));
-  const getSuggestedModel = (0, import_react62.useCallback)((type) => {
+  const getSuggestedModel = (0, import_react63.useCallback)((type) => {
     const configuredDefault = packageSettings?.defaultModel?.trim();
     if (configuredDefault) {
       return configuredDefault;
@@ -43763,7 +43955,7 @@ var ProviderTab = () => {
         return "";
     }
   }, [packageSettings?.defaultModel]);
-  const applyDefaultModel = (0, import_react62.useCallback)((config) => {
+  const applyDefaultModel = (0, import_react63.useCallback)((config) => {
     const normalized = { ...config };
     const trimmed = typeof normalized.defaultModel === "string" ? normalized.defaultModel.trim() : void 0;
     const requiresModel = normalized.type === "openai" /* OPENAI */ || normalized.type === "xai" /* XAI */ || normalized.type === "bandit" /* BANDIT */;
@@ -43783,7 +43975,7 @@ var ProviderTab = () => {
     }
     return normalized;
   }, [getSuggestedModel]);
-  const sanitizeConfigForSave = (0, import_react62.useCallback)((config) => {
+  const sanitizeConfigForSave = (0, import_react63.useCallback)((config) => {
     const sanitized = { ...config };
     if (typeof sanitized.defaultModel === "string") {
       const trimmed = sanitized.defaultModel.trim();
@@ -43795,14 +43987,14 @@ var ProviderTab = () => {
     }
     return sanitized;
   }, []);
-  const [providerConfig, setProviderConfig] = (0, import_react62.useState)({
+  const [providerConfig, setProviderConfig] = (0, import_react63.useState)({
     type: "gateway",
     gatewayUrl: packageSettings?.gatewayApiUrl || "",
     provider: "bandit"
   });
-  const [snackbarMessage, setSnackbarMessage] = (0, import_react62.useState)("");
-  const [showSnackbar, setShowSnackbar] = (0, import_react62.useState)(false);
-  const [snackbarSeverity, setSnackbarSeverity] = (0, import_react62.useState)("success");
+  const [snackbarMessage, setSnackbarMessage] = (0, import_react63.useState)("");
+  const [showSnackbar, setShowSnackbar] = (0, import_react63.useState)(false);
+  const [snackbarSeverity, setSnackbarSeverity] = (0, import_react63.useState)("success");
   const saveProviderConfigToDB = async (config) => {
     try {
       const { tokenFactory: _tokenFactory, ...persistableConfig } = config;
@@ -43843,7 +44035,7 @@ var ProviderTab = () => {
     }
     return null;
   };
-  const convertAnthropicConfig = (0, import_react62.useCallback)((config) => {
+  const convertAnthropicConfig = (0, import_react63.useCallback)((config) => {
     if (!config) return null;
     if (config.type !== "anthropic" /* ANTHROPIC */) {
       return config;
@@ -43859,7 +44051,7 @@ var ProviderTab = () => {
     };
     return converted;
   }, [packageSettings?.gatewayApiUrl]);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     const initializeProviderConfig = async () => {
       const savedConfig = await loadProviderConfigFromDB();
       if (savedConfig) {
@@ -44329,7 +44521,7 @@ var ProviderTab = () => {
 };
 
 // src/management/components/MCPToolsTabV2.tsx
-var import_react64 = require("react");
+var import_react65 = require("react");
 var import_material54 = require("@mui/material");
 
 // src/services/mcp/mcpControllerService.ts
@@ -44406,7 +44598,7 @@ async function fetchMcpHealth() {
 }
 
 // src/management/components/McpServersSection.tsx
-var import_react63 = require("react");
+var import_react64 = require("react");
 var import_material53 = require("@mui/material");
 init_lucide_icons();
 init_mcpServersService();
@@ -44482,17 +44674,17 @@ var CATALOG = [
   }
 ];
 var McpServersSection = () => {
-  const [servers, setServers] = (0, import_react63.useState)([]);
-  const [loading, setLoading] = (0, import_react63.useState)(false);
-  const [error, setError] = (0, import_react63.useState)(null);
-  const [form, setForm] = (0, import_react63.useState)(emptyForm);
-  const [activeEntry, setActiveEntry] = (0, import_react63.useState)(null);
-  const [adding, setAdding] = (0, import_react63.useState)(false);
-  const [showForm, setShowForm] = (0, import_react63.useState)(false);
-  const [tools, setTools] = (0, import_react63.useState)({});
+  const [servers, setServers] = (0, import_react64.useState)([]);
+  const [loading, setLoading] = (0, import_react64.useState)(false);
+  const [error, setError] = (0, import_react64.useState)(null);
+  const [form, setForm] = (0, import_react64.useState)(emptyForm);
+  const [activeEntry, setActiveEntry] = (0, import_react64.useState)(null);
+  const [adding, setAdding] = (0, import_react64.useState)(false);
+  const [showForm, setShowForm] = (0, import_react64.useState)(false);
+  const [tools, setTools] = (0, import_react64.useState)({});
   const reloadChatTools = useMCPToolsStore((s) => s.loadMcpServerTools);
-  const formRef = (0, import_react63.useRef)(null);
-  const refresh = (0, import_react63.useCallback)(async () => {
+  const formRef = (0, import_react64.useRef)(null);
+  const refresh = (0, import_react64.useCallback)(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -44503,7 +44695,7 @@ var McpServersSection = () => {
       setLoading(false);
     }
   }, []);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     refresh();
   }, [refresh]);
   const connectedKeys = new Set(servers.map((s) => s.url.replace(/\/+$/, "")));
@@ -44799,10 +44991,10 @@ var import_jsx_runtime54 = require("react/jsx-runtime");
 var MCPToolsTabV2 = () => {
   const { settings } = usePackageSettingsStore();
   const { tools: localTools, loadTools, toggleTool, addTool, updateTool, isLoaded } = useMCPToolsStore();
-  const [loading, setLoading] = (0, import_react64.useState)(true);
-  const [error, setError] = (0, import_react64.useState)(null);
-  const [tools, setTools] = (0, import_react64.useState)([]);
-  const [health, setHealth] = (0, import_react64.useState)(null);
+  const [loading, setLoading] = (0, import_react65.useState)(true);
+  const [error, setError] = (0, import_react65.useState)(null);
+  const [tools, setTools] = (0, import_react65.useState)([]);
+  const [health, setHealth] = (0, import_react65.useState)(null);
   const gatewayConfigured = !!settings?.gatewayApiUrl;
   const refresh = async () => {
     setLoading(true);
@@ -44856,7 +45048,7 @@ var MCPToolsTabV2 = () => {
       setLoading(false);
     }
   };
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     if (isLoaded) {
       refresh();
     } else {
@@ -44865,7 +45057,7 @@ var MCPToolsTabV2 = () => {
       });
     }
   }, [isLoaded]);
-  const localEnabledMap = (0, import_react64.useMemo)(() => {
+  const localEnabledMap = (0, import_react65.useMemo)(() => {
     const map23 = /* @__PURE__ */ new Map();
     const sortedTools = [...localTools].sort((a, b) => {
       if (a.isBuiltIn && !b.isBuiltIn) return -1;
@@ -44996,10 +45188,10 @@ var buildCapabilitiesUrl = (gatewayApiUrl) => {
   return `${trimmed}/api/capabilities`;
 };
 var Management = () => {
-  const navigate = (0, import_react_router_dom6.useNavigate)();
+  const navigate = (0, import_react_router_dom7.useNavigate)();
   const notificationService2 = useNotificationService();
   const isMobile = (0, import_useMediaQuery2.default)("(max-width:900px)");
-  const [sidebarOpen, setSidebarOpen] = (0, import_react65.useState)(false);
+  const [sidebarOpen, setSidebarOpen] = (0, import_react66.useState)(false);
   const getOptimalFabLogo = async () => {
     const banditHead6 = "https://cdn.burtson.ai/images/bandit-head.png";
     try {
@@ -45039,17 +45231,17 @@ var Management = () => {
     hasTransparentLogo,
     setHasTransparentLogo
   } = useModelStore();
-  const [modalOpen, setModalOpen] = (0, import_react65.useState)(false);
+  const [modalOpen, setModalOpen] = (0, import_react66.useState)(false);
   const banditHead5 = "https://cdn.burtson.ai/images/bandit-head.png";
-  const [fabLogo, setFabLogo] = (0, import_react65.useState)(banditHead5);
-  const [tabIndex, setTabIndex] = (0, import_react65.useState)(4);
-  const [logoFile, setLogoFile] = (0, import_react65.useState)(null);
-  const [logoBase64, setLogoBase64] = (0, import_react65.useState)(null);
-  const [brandingText, setBrandingText] = (0, import_react65.useState)("");
-  const [headerMode, setHeaderMode] = (0, import_react65.useState)("logo");
-  const [theme, setTheme] = (0, import_react65.useState)("bandit-dark");
-  const [customAvatarBase64, setCustomAvatarBase64] = (0, import_react65.useState)(null);
-  const [presetAvatar, setPresetAvatar] = (0, import_react65.useState)(null);
+  const [fabLogo, setFabLogo] = (0, import_react66.useState)(banditHead5);
+  const [tabIndex, setTabIndex] = (0, import_react66.useState)(4);
+  const [logoFile, setLogoFile] = (0, import_react66.useState)(null);
+  const [logoBase64, setLogoBase64] = (0, import_react66.useState)(null);
+  const [brandingText, setBrandingText] = (0, import_react66.useState)("");
+  const [headerMode, setHeaderMode] = (0, import_react66.useState)("logo");
+  const [theme, setTheme] = (0, import_react66.useState)("bandit-dark");
+  const [customAvatarBase64, setCustomAvatarBase64] = (0, import_react66.useState)(null);
+  const [presetAvatar, setPresetAvatar] = (0, import_react66.useState)(null);
   const showSnackbarMessage = (message, severity = "success") => {
     if (severity === "success") {
       notificationService2?.showSuccess(message);
@@ -45057,9 +45249,9 @@ var Management = () => {
       notificationService2?.showError(message);
     }
   };
-  const [restoreDialogOpen, setRestoreDialogOpen] = (0, import_react65.useState)(false);
-  const [brandingLoaded, setBrandingLoaded] = (0, import_react65.useState)(false);
-  const [isLoadingBranding, setIsLoadingBranding] = (0, import_react65.useState)(false);
+  const [restoreDialogOpen, setRestoreDialogOpen] = (0, import_react66.useState)(false);
+  const [brandingLoaded, setBrandingLoaded] = (0, import_react66.useState)(false);
+  const [isLoadingBranding, setIsLoadingBranding] = (0, import_react66.useState)(false);
   const { initModels } = useModelStore();
   const { settings: packageSettings } = usePackageSettingsStore();
   const authToken = useAuthenticationStore((state) => state.token);
@@ -45067,8 +45259,8 @@ var Management = () => {
   const { hasAdminDashboard, hasLimitedAdminDashboard, getCurrentTier, hasAdvancedSearch } = useFeatures();
   const { showAdminPanel, showLimitedAdminPanel } = useFeatureVisibility();
   const { provider: currentProvider, config: currentProviderConfig } = useAIProviderStore();
-  const [seedPacksEnabled, setSeedPacksEnabled] = (0, import_react65.useState)(false);
-  const [localSelectedModel, setLocalSelectedModel] = (0, import_react65.useState)({
+  const [seedPacksEnabled, setSeedPacksEnabled] = (0, import_react66.useState)(false);
+  const [localSelectedModel, setLocalSelectedModel] = (0, import_react66.useState)({
     name: "",
     tagline: "",
     systemPrompt: "",
@@ -45081,7 +45273,7 @@ var Management = () => {
     loadDocuments,
     clearAllDocuments
   } = useKnowledgeStore2();
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     if (selectedModel) {
       const selected = availableModels.find((m) => m.name === selectedModel);
       if (selected) {
@@ -45105,7 +45297,7 @@ var Management = () => {
       }
     }
   }, [selectedModel, availableModels]);
-  const loadBrandingConfig = (0, import_react65.useCallback)(async () => {
+  const loadBrandingConfig = (0, import_react66.useCallback)(async () => {
     if (isLoadingBranding || brandingLoaded) {
       debugLogger.warn("Branding loading already in progress or completed, skipping");
       return;
@@ -45222,15 +45414,15 @@ var Management = () => {
     setTagline,
     setTheme
   ]);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     void loadBrandingConfig();
   }, [loadBrandingConfig]);
   const handleOpenModal = () => setModalOpen(true);
   const handleCloseModal = () => setModalOpen(false);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     getOptimalFabLogo().then(setFabLogo);
   }, []);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     if (logoBase64) {
       setFabLogo(logoBase64);
     } else {
@@ -45683,7 +45875,7 @@ var Management = () => {
       reader.readAsText(file);
     }
   };
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     if (localSelectedModel.selectedModel && !availableModels.some((m) => m.name === localSelectedModel.selectedModel)) {
       setLocalSelectedModel((prev) => ({
         ...prev,
@@ -45691,10 +45883,10 @@ var Management = () => {
       }));
     }
   }, [availableModels, localSelectedModel.selectedModel]);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     loadDocuments();
   }, [loadDocuments]);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     const gatewayApiUrl = packageSettings?.gatewayApiUrl;
     if (!gatewayApiUrl || gatewayApiUrl.toLowerCase().startsWith("playground://")) {
       setSeedPacksEnabled(false);
@@ -45737,7 +45929,7 @@ var Management = () => {
       isActive = false;
     };
   }, [packageSettings?.gatewayApiUrl, authToken]);
-  const currentTheme = (0, import_react65.useMemo)(() => {
+  const currentTheme = (0, import_react66.useMemo)(() => {
     const baseTheme = predefinedThemes[theme] || banditDarkTheme;
     return (0, import_styles35.createTheme)(baseTheme, {
       // Management-scoped density: condenses every settings tab at once. This
@@ -45858,7 +46050,7 @@ var Management = () => {
   });
   const preferredDefaultTabIndex = navTabs.findIndex((tab) => tab.label === "Preferences");
   const defaultTabIndex = preferredDefaultTabIndex >= 0 ? preferredDefaultTabIndex : 0;
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     setTabIndex((current) => {
       if (current < 0 || current >= navTabs.length) {
         return defaultTabIndex;
@@ -46015,6 +46207,10 @@ var Management = () => {
                 justifyContent: "space-between",
                 px: 3,
                 py: 1.5,
+                // The native shell and installed PWAs run edge-to-edge, so the
+                // sticky bar starts underneath the status bar / notch unless it
+                // reserves the inset itself (chat-app-bar does the same).
+                pt: "calc(12px + env(safe-area-inset-top, 0px))",
                 bgcolor: (theme2) => theme2.palette.mode === "dark" ? "rgba(24,28,40,0.95)" : "rgba(255,255,255,0.95)",
                 borderBottom: (theme2) => `1px solid ${theme2.palette.divider}`,
                 backdropFilter: "blur(12px)",
@@ -46310,7 +46506,7 @@ var Management = () => {
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          !isMobile && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
             import_material55.Fab,
             {
               "aria-label": "AI",
@@ -46346,7 +46542,7 @@ var Management = () => {
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(chat_modal_default, { open: modalOpen, onClose: handleCloseModal })
+          !isMobile && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(chat_modal_default, { open: modalOpen, onClose: handleCloseModal })
         ]
       }
     )
@@ -46355,7 +46551,7 @@ var Management = () => {
 var management_default = Management;
 
 // src/management/components/InterestsEditor.tsx
-var import_react66 = require("react");
+var import_react67 = require("react");
 var import_material56 = require("@mui/material");
 init_preferencesStore();
 init_getStableQuestionPrompt();
@@ -46368,7 +46564,7 @@ var InterestsEditor = ({
   const updatePreference = usePreferencesStore((s) => s.updatePreference);
   const loadPreferences = usePreferencesStore((s) => s.loadPreferences);
   const isLoaded = usePreferencesStore((s) => s.isLoaded);
-  (0, import_react66.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     if (!isLoaded) {
       void loadPreferences();
     }
@@ -46400,7 +46596,7 @@ var InterestsEditor = ({
 var InterestsEditor_default = InterestsEditor;
 
 // src/shared/custom-element.ts
-var import_react67 = __toESM(require("react"));
+var import_react68 = __toESM(require("react"));
 var import_client = __toESM(require("react-dom/client"));
 function defineCustomElement(name, Component) {
   if (customElements.get(name)) return;
@@ -46428,7 +46624,7 @@ function defineCustomElement(name, Component) {
       if (!this.root) {
         this.root = import_client.default.createRoot(this.mountPoint);
       }
-      this.root.render(import_react67.default.createElement(Component, props));
+      this.root.render(import_react68.default.createElement(Component, props));
     }
   }
   customElements.define(name, ReactElement);
@@ -46637,7 +46833,7 @@ var getFeatureMatrix = () => featureFlagService.generateFeatureMatrix();
 init_featureFlags();
 
 // src/hooks/useVoices.ts
-var import_react68 = require("react");
+var import_react69 = require("react");
 init_voiceStore();
 init_packageSettingsStore();
 init_authenticationStore();
@@ -46657,7 +46853,7 @@ var useVoices = () => {
   } = useVoiceStore();
   const gatewayApiUrl = usePackageSettingsStore((state) => state.settings?.gatewayApiUrl);
   const { token } = useAuthenticationStore();
-  (0, import_react68.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     const isAuthenticated = authenticationService2.isAuthenticated();
     if (gatewayApiUrl && token && isAuthenticated && !isServiceAvailable) {
       debugLogger.debug("Gateway API URL and JWT token available, loading voice models...");
@@ -46785,7 +46981,7 @@ var SubscriptionExpiredModal = ({
 };
 
 // src/guards/SubscriptionExpiredGuard.tsx
-var import_react69 = require("react");
+var import_react70 = require("react");
 init_useFeatures();
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var SubscriptionExpiredGuard = ({
@@ -46796,9 +46992,9 @@ var SubscriptionExpiredGuard = ({
   allowContinue = false
 }) => {
   const { isExpiredTier, getFullEvaluation } = useFeatures();
-  const [showModal, setShowModal] = (0, import_react69.useState)(false);
-  const [userDismissed, setUserDismissed] = (0, import_react69.useState)(false);
-  (0, import_react69.useEffect)(() => {
+  const [showModal, setShowModal] = (0, import_react70.useState)(false);
+  const [userDismissed, setUserDismissed] = (0, import_react70.useState)(false);
+  (0, import_react70.useEffect)(() => {
     if (isExpiredTier() && !userDismissed) {
       setShowModal(true);
     } else {