@burtson-labs/bandit-engine 2.0.152 → 2.0.153

package/dist/management/management.js

@@ -18998,6 +18998,24 @@ var init_themeMap = __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/components/StreamingMarkdown.tsx
 var import_react33, import_material25, import_react_markdown2, import_remark_gfm2, import_rehype_raw2, import_rehype_sanitize3, import_styles19, import_jsx_runtime24, StreamingMarkdown, arePropsEqual, StreamingMarkdown_default;
 var init_StreamingMarkdown = __esm({
@@ -19552,7 +19570,7 @@ var init_mcpServersService = __esm({
 });
 
 // src/store/mcpToolsStore.ts
-var import_zustand14, sanitizeMcpToolName, healthCheckTool, webSearchTool, webFetchTool, imageGenerationTool, createFileTool, defaultTools, useMCPToolsStore;
+var import_zustand14, sanitizeMcpToolName, healthCheckTool, webSearchTool, webFetchTool, createFileTool, defaultTools, useMCPToolsStore;
 var init_mcpToolsStore = __esm({
   "src/store/mcpToolsStore.ts"() {
     "use strict";
@@ -19624,47 +19642,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."
             }
           },
@@ -19675,7 +19669,7 @@ var init_mcpToolsStore = __esm({
       method: "POST",
       isBuiltIn: true
     };
-    defaultTools = [healthCheckTool, webSearchTool, webFetchTool, imageGenerationTool, createFileTool];
+    defaultTools = [healthCheckTool, webSearchTool, webFetchTool, createFileTool];
     useMCPToolsStore = (0, import_zustand14.create)((set, get) => ({
       tools: defaultTools,
       isLoaded: false,
@@ -20767,6 +20761,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_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
@@ -20845,8 +20840,8 @@ var init_engine_picker = __esm({
                         ),
                         engine.id === resolvedEngineId && !isGated && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material37.Box, { sx: { width: 8, height: 8, borderRadius: "50%", bgcolor: theme.palette.primary.main } })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material37.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_runtime37.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material37.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_runtime37.jsx)(
                         import_material37.Button,
                         {
                           size: "small",
@@ -22208,12 +22203,14 @@ var init_rate_limit_prompt = __esm({
     import_react_router_dom2 = require("react-router-dom");
     init_lucide_icons();
     init_rateLimitStore();
+    init_packageSettingsStore();
     init_debugLogger();
     import_jsx_runtime41 = require("react/jsx-runtime");
     RateLimitPrompt = () => {
       const theme = (0, import_material41.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_react48.useRef)(false);
       let navigate = null;
       try {
@@ -22243,6 +22240,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.";
         }
@@ -22287,7 +22290,7 @@ var init_rate_limit_prompt = __esm({
               /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.Typography, { variant: "subtitle2", sx: { fontWeight: 600, color: theme.palette.text.primary }, children: title }),
               /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material41.Typography, { variant: "body2", sx: { color: theme.palette.text.secondary, mt: 0.25 }, children: body }),
               /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_material41.Box, { sx: { display: "flex", gap: 1, mt: 1, flexWrap: "wrap" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                !hideUpgradePrompts && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                   import_material41.Button,
                   {
                     size: "small",
@@ -24159,7 +24162,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.
@@ -25252,12 +25254,49 @@ var init_useNetworkStatus = __esm({
   }
 });
 
+// src/hooks/useSafeNavigate.ts
+var import_react53, import_react_router_dom3, useSafeNavigate;
+var init_useSafeNavigate = __esm({
+  "src/hooks/useSafeNavigate.ts"() {
+    "use strict";
+    import_react53 = require("react");
+    import_react_router_dom3 = require("react-router-dom");
+    init_debugLogger();
+    useSafeNavigate = () => {
+      const warned = (0, import_react53.useRef)(false);
+      let navigate = null;
+      try {
+        navigate = (0, import_react_router_dom3.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_react53, import_material42, import_lucide_react9, import_styles26, import_jsx_runtime42, DEFAULT_COLORS2, ProjectManagementModal, project_management_modal_default;
+var import_react54, import_material42, import_lucide_react9, import_styles26, import_jsx_runtime42, DEFAULT_COLORS2, ProjectManagementModal, project_management_modal_default;
 var init_project_management_modal = __esm({
   "src/chat/project-management-modal.tsx"() {
     "use strict";
-    import_react53 = require("react");
+    import_react54 = require("react");
     import_material42 = require("@mui/material");
     import_lucide_react9 = require("lucide-react");
     import_styles26 = require("@mui/material/styles");
@@ -25293,25 +25332,25 @@ var init_project_management_modal = __esm({
         hydrate
       } = useProjectStore();
       const { getConversationsByProject } = useConversationStore();
-      const [showCreateForm, setShowCreateForm] = (0, import_react53.useState)(false);
-      const [editingProject, setEditingProject] = (0, import_react53.useState)(null);
-      const [formData, setFormData] = (0, import_react53.useState)({
+      const [showCreateForm, setShowCreateForm] = (0, import_react54.useState)(false);
+      const [editingProject, setEditingProject] = (0, import_react54.useState)(null);
+      const [formData, setFormData] = (0, import_react54.useState)({
         name: "",
         description: "",
         instructions: "",
         color: DEFAULT_COLORS2[0]
       });
-      const [menuAnchor, setMenuAnchor] = (0, import_react53.useState)(null);
-      const [selectedProject, setSelectedProject] = (0, import_react53.useState)(null);
-      const [loading, setLoading] = (0, import_react53.useState)(false);
-      const [error, setError] = (0, import_react53.useState)(null);
-      const modalContainerRef = (0, import_react53.useRef)(null);
-      (0, import_react53.useEffect)(() => {
+      const [menuAnchor, setMenuAnchor] = (0, import_react54.useState)(null);
+      const [selectedProject, setSelectedProject] = (0, import_react54.useState)(null);
+      const [loading, setLoading] = (0, import_react54.useState)(false);
+      const [error, setError] = (0, import_react54.useState)(null);
+      const modalContainerRef = (0, import_react54.useRef)(null);
+      (0, import_react54.useEffect)(() => {
         if (open && !_hasHydrated) {
           hydrate();
         }
       }, [open, _hasHydrated, hydrate]);
-      (0, import_react53.useEffect)(() => {
+      (0, import_react54.useEffect)(() => {
         if (!open) {
           setMenuAnchor(null);
           setSelectedProject(null);
@@ -25846,11 +25885,11 @@ var init_project_management_modal = __esm({
 });
 
 // src/chat/move-conversation-modal.tsx
-var import_react54, import_material43, import_lucide_react10, import_styles27, import_jsx_runtime43, MoveConversationModal, move_conversation_modal_default;
+var import_react55, import_material43, import_lucide_react10, import_styles27, import_jsx_runtime43, MoveConversationModal, move_conversation_modal_default;
 var init_move_conversation_modal = __esm({
   "src/chat/move-conversation-modal.tsx"() {
     "use strict";
-    import_react54 = require("react");
+    import_react55 = require("react");
     import_material43 = require("@mui/material");
     import_lucide_react10 = require("lucide-react");
     import_styles27 = require("@mui/material/styles");
@@ -25867,15 +25906,15 @@ var init_move_conversation_modal = __esm({
       const theme = (0, import_styles27.useTheme)();
       const { projects, _hasHydrated, hydrate } = useProjectStore();
       const { moveConversationToProject } = useConversationStore();
-      const [selectedProjectId, setSelectedProjectId] = (0, import_react54.useState)(
+      const [selectedProjectId, setSelectedProjectId] = (0, import_react55.useState)(
         currentProjectId
       );
-      (0, import_react54.useEffect)(() => {
+      (0, import_react55.useEffect)(() => {
         if (open && !_hasHydrated) {
           hydrate();
         }
       }, [open, _hasHydrated, hydrate]);
-      (0, import_react54.useEffect)(() => {
+      (0, import_react55.useEffect)(() => {
         setSelectedProjectId(currentProjectId);
       }, [currentProjectId, open]);
       const handleMove = async () => {
@@ -26017,11 +26056,11 @@ var init_move_conversation_modal = __esm({
 });
 
 // src/chat/simple-conversation-item.tsx
-var import_react55, import_material44, import_lucide_react11, import_styles28, import_jsx_runtime44, SimpleConversationItem, simple_conversation_item_default;
+var import_react56, import_material44, import_lucide_react11, import_styles28, import_jsx_runtime44, SimpleConversationItem, simple_conversation_item_default;
 var init_simple_conversation_item = __esm({
   "src/chat/simple-conversation-item.tsx"() {
     "use strict";
-    import_react55 = require("react");
+    import_react56 = require("react");
     import_material44 = require("@mui/material");
     import_lucide_react11 = require("lucide-react");
     import_styles28 = require("@mui/material/styles");
@@ -26043,16 +26082,16 @@ var init_simple_conversation_item = __esm({
     }) => {
       const theme = (0, import_styles28.useTheme)();
       const isMobile = (0, import_material44.useMediaQuery)(theme.breakpoints.down("sm"));
-      const [anchorEl, setAnchorEl] = (0, import_react55.useState)(null);
-      const [isEditing, setIsEditing] = (0, import_react55.useState)(false);
-      const [editName, setEditName] = (0, import_react55.useState)(conversation.name);
-      const [isDragging, setIsDragging] = (0, import_react55.useState)(false);
-      const [isTouchDragging, setIsTouchDragging] = (0, import_react55.useState)(false);
-      const [showRenameDialog, setShowRenameDialog] = (0, import_react55.useState)(false);
-      const longPressTimeoutRef = (0, import_react55.useRef)(null);
-      const touchStartPointRef = (0, import_react55.useRef)(null);
-      const activeTouchIdRef = (0, import_react55.useRef)(null);
-      const suppressClickRef = (0, import_react55.useRef)(false);
+      const [anchorEl, setAnchorEl] = (0, import_react56.useState)(null);
+      const [isEditing, setIsEditing] = (0, import_react56.useState)(false);
+      const [editName, setEditName] = (0, import_react56.useState)(conversation.name);
+      const [isDragging, setIsDragging] = (0, import_react56.useState)(false);
+      const [isTouchDragging, setIsTouchDragging] = (0, import_react56.useState)(false);
+      const [showRenameDialog, setShowRenameDialog] = (0, import_react56.useState)(false);
+      const longPressTimeoutRef = (0, import_react56.useRef)(null);
+      const touchStartPointRef = (0, import_react56.useRef)(null);
+      const activeTouchIdRef = (0, import_react56.useRef)(null);
+      const suppressClickRef = (0, import_react56.useRef)(false);
       const highlightText = (text, query) => {
         if (!query || !query.trim()) {
           return text;
@@ -26191,7 +26230,7 @@ var init_simple_conversation_item = __esm({
         if (!isMobile) return;
         finalizeTouchDrag();
       };
-      (0, import_react55.useEffect)(() => {
+      (0, import_react56.useEffect)(() => {
         if (!isTouchDragActive && isTouchDragging) {
           setIsTouchDragging(false);
         }
@@ -26457,11 +26496,11 @@ var init_simple_conversation_item = __esm({
 });
 
 // src/chat/project-header.tsx
-var import_react56, import_material45, import_lucide_react12, import_styles29, import_jsx_runtime45, ProjectHeader, project_header_default;
+var import_react57, import_material45, import_lucide_react12, import_styles29, import_jsx_runtime45, ProjectHeader, project_header_default;
 var init_project_header = __esm({
   "src/chat/project-header.tsx"() {
     "use strict";
-    import_react56 = require("react");
+    import_react57 = require("react");
     import_material45 = require("@mui/material");
     import_lucide_react12 = require("lucide-react");
     import_styles29 = require("@mui/material/styles");
@@ -26485,10 +26524,10 @@ var init_project_header = __esm({
       const theme = (0, import_styles29.useTheme)();
       const { createNewConversation } = useConversationStore();
       const { renameProject } = useProjectStore();
-      const [isHovered, setIsHovered] = (0, import_react56.useState)(false);
-      const [isDragOver, setIsDragOver] = (0, import_react56.useState)(false);
-      const [renameDraft, setRenameDraft] = (0, import_react56.useState)(projectName);
-      const renameActionRef = (0, import_react56.useRef)("none");
+      const [isHovered, setIsHovered] = (0, import_react57.useState)(false);
+      const [isDragOver, setIsDragOver] = (0, import_react57.useState)(false);
+      const [renameDraft, setRenameDraft] = (0, import_react57.useState)(projectName);
+      const renameActionRef = (0, import_react57.useRef)("none");
       const isUngrouped = projectId === null;
       const Icon = isCollapsed ? import_lucide_react12.Folder : import_lucide_react12.FolderOpen;
       const handleAddConversation = (e) => {
@@ -26762,11 +26801,11 @@ var init_tooltips = __esm({
 });
 
 // src/chat/conversation-drawer.tsx
-var import_react57, import_material46, import_lucide_react13, import_styles30, import_jsx_runtime46, BANDIT_AVATAR, coerceOptionalString, deriveInitials, ConversationDrawer, conversation_drawer_default;
+var import_react58, import_material46, import_lucide_react13, import_styles30, import_jsx_runtime46, BANDIT_AVATAR, coerceOptionalString, deriveInitials, ConversationDrawer, conversation_drawer_default;
 var init_conversation_drawer = __esm({
   "src/chat/conversation-drawer.tsx"() {
     "use strict";
-    import_react57 = require("react");
+    import_react58 = require("react");
     import_material46 = require("@mui/material");
     import_lucide_react13 = require("lucide-react");
     init_FeedbackModal();
@@ -26775,6 +26814,8 @@ var init_conversation_drawer = __esm({
     init_projectStore();
     init_authenticationStore();
     init_packageSettingsStore();
+    init_installedApp();
+    init_useSafeNavigate();
     init_brandingService();
     init_authenticationService();
     init_project_management_modal();
@@ -26838,23 +26879,23 @@ var init_conversation_drawer = __esm({
         createProject,
         deleteProject
       } = useProjectStore();
-      const [projectManagementOpen, setProjectManagementOpen] = (0, import_react57.useState)(false);
-      const [memoryModalOpen, setMemoryModalOpen] = (0, import_react57.useState)(false);
-      const [collapsedProjects, setCollapsedProjects] = (0, import_react57.useState)(/* @__PURE__ */ new Set());
-      const didInitCollapseRef = (0, import_react57.useRef)(false);
-      const [searchQuery, setSearchQuery] = (0, import_react57.useState)("");
-      const [menuAnchorEl, setMenuAnchorEl] = (0, import_react57.useState)(null);
-      const [clearConfirmOpen, setClearConfirmOpen] = (0, import_react57.useState)(false);
-      const [feedbackOpen, setFeedbackOpen] = (0, import_react57.useState)(false);
-      const [moveModalOpen, setMoveModalOpen] = (0, import_react57.useState)(false);
-      const [conversationToMove, setConversationToMove] = (0, import_react57.useState)(null);
-      const [renameProjectId, setRenameProjectId] = (0, import_react57.useState)(null);
-      const getCustomClaim = (0, import_react57.useCallback)((key) => {
+      const [projectManagementOpen, setProjectManagementOpen] = (0, import_react58.useState)(false);
+      const [memoryModalOpen, setMemoryModalOpen] = (0, import_react58.useState)(false);
+      const [collapsedProjects, setCollapsedProjects] = (0, import_react58.useState)(/* @__PURE__ */ new Set());
+      const didInitCollapseRef = (0, import_react58.useRef)(false);
+      const [searchQuery, setSearchQuery] = (0, import_react58.useState)("");
+      const [menuAnchorEl, setMenuAnchorEl] = (0, import_react58.useState)(null);
+      const [clearConfirmOpen, setClearConfirmOpen] = (0, import_react58.useState)(false);
+      const [feedbackOpen, setFeedbackOpen] = (0, import_react58.useState)(false);
+      const [moveModalOpen, setMoveModalOpen] = (0, import_react58.useState)(false);
+      const [conversationToMove, setConversationToMove] = (0, import_react58.useState)(null);
+      const [renameProjectId, setRenameProjectId] = (0, import_react58.useState)(null);
+      const getCustomClaim = (0, import_react58.useCallback)((key) => {
         if (!user2) return void 0;
         const record = user2;
         return coerceOptionalString(record[key]);
       }, [user2]);
-      const userDisplayName = (0, import_react57.useMemo)(() => {
+      const userDisplayName = (0, import_react58.useMemo)(() => {
         if (!user2) return void 0;
         const candidateFields = [
           coerceOptionalString(user2.name),
@@ -26869,7 +26910,7 @@ var init_conversation_drawer = __esm({
         if (trimmedEmail) return trimmedEmail;
         return user2.sub;
       }, [user2, getCustomClaim]);
-      const userSecondaryText = (0, import_react57.useMemo)(() => {
+      const userSecondaryText = (0, import_react58.useMemo)(() => {
         if (!user2) return void 0;
         const trimmedEmail = coerceOptionalString(user2.email);
         if (trimmedEmail && trimmedEmail !== userDisplayName) {
@@ -26881,13 +26922,13 @@ var init_conversation_drawer = __esm({
         }
         return void 0;
       }, [user2, userDisplayName]);
-      const [avatarImage, setAvatarImage] = (0, import_react57.useState)(BANDIT_AVATAR);
-      (0, import_react57.useEffect)(() => {
+      const [avatarImage, setAvatarImage] = (0, import_react58.useState)(BANDIT_AVATAR);
+      (0, import_react58.useEffect)(() => {
         const fresh = readPersistedToken();
         const store = useAuthenticationStore.getState();
         if (fresh && fresh !== store.token) store.setToken(fresh);
       }, []);
-      (0, import_react57.useEffect)(() => {
+      (0, import_react58.useEffect)(() => {
         let active2 = true;
         let objectUrl = null;
         const resolveAvatar2 = async () => {
@@ -26928,13 +26969,13 @@ var init_conversation_drawer = __esm({
         };
       }, [getCustomClaim]);
       const avatarLabel = userDisplayName || user2?.email || "Bandit";
-      const avatarInitials = (0, import_react57.useMemo)(() => deriveInitials(avatarLabel), [avatarLabel]);
-      (0, import_react57.useEffect)(() => {
+      const avatarInitials = (0, import_react58.useMemo)(() => deriveInitials(avatarLabel), [avatarLabel]);
+      (0, import_react58.useEffect)(() => {
         if (!projectsHydrated) {
           hydrateProjects();
         }
       }, [projectsHydrated, hydrateProjects]);
-      (0, import_react57.useEffect)(() => {
+      (0, import_react58.useEffect)(() => {
         if (projectsHydrated && !didInitCollapseRef.current) {
           didInitCollapseRef.current = true;
           if (projects && projects.length > 0) {
@@ -26947,7 +26988,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_react57.useMemo)(() => {
+      const projectGroups = (0, import_react58.useMemo)(() => {
         const listable = conversations.filter((conversation) => !conversation.incognito);
         const groups = projects.map((project) => ({
           id: project.id,
@@ -26971,7 +27012,7 @@ var init_conversation_drawer = __esm({
         }
         return groups.filter((group) => group.conversations.length > 0 || group.id !== null);
       }, [projects, conversations, collapsedProjects]);
-      const filteredProjectGroups = (0, import_react57.useMemo)(() => {
+      const filteredProjectGroups = (0, import_react58.useMemo)(() => {
         if (!searchQuery.trim()) return projectGroups;
         const query = searchQuery.toLowerCase();
         return projectGroups.map((group) => {
@@ -27019,15 +27060,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 {
@@ -27498,7 +27542,7 @@ var init_conversation_drawer = __esm({
                 import_material46.Box,
                 {
                   onClick: user2 ? () => {
-                    window.location.href = "/profile";
+                    safeNavigate("/profile");
                   } : void 0,
                   title: user2 ? "Profile & settings" : void 0,
                   sx: {
@@ -27591,7 +27635,7 @@ var init_conversation_drawer = __esm({
                         title: "Management & settings",
                         onClick: (event) => {
                           event.stopPropagation();
-                          window.location.href = managementPath;
+                          safeNavigate(managementPath);
                         },
                         sx: {
                           flexShrink: 0,
@@ -27751,11 +27795,11 @@ var init_conversation_drawer = __esm({
 });
 
 // src/chat/enhanced-mobile-conversations-modal.tsx
-var import_react58, import_material47, import_lucide_react14, import_styles31, import_jsx_runtime47, BANDIT_AVATAR2, coerceOptionalString2, deriveInitials2, EnhancedMobileConversationsModal, enhanced_mobile_conversations_modal_default;
+var import_react59, import_material47, import_lucide_react14, import_styles31, import_jsx_runtime47, 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_react58 = require("react");
+    import_react59 = require("react");
     import_material47 = require("@mui/material");
     import_lucide_react14 = require("lucide-react");
     import_styles31 = require("@mui/material/styles");
@@ -27763,6 +27807,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();
@@ -27803,7 +27849,8 @@ var init_enhanced_mobile_conversations_modal = __esm({
     };
     EnhancedMobileConversationsModal = ({
       open,
-      onClose
+      onClose,
+      drag
     }) => {
       const theme = (0, import_styles31.useTheme)();
       const { user: user2 } = useAuthenticationStore();
@@ -27830,15 +27877,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 {
@@ -27849,25 +27899,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_react58.useState)(false);
-      const [memoryModalOpen, setMemoryModalOpen] = (0, import_react58.useState)(false);
-      const [collapsedProjects, setCollapsedProjects] = (0, import_react58.useState)(/* @__PURE__ */ new Set());
-      const didInitCollapseRef = (0, import_react58.useRef)(false);
-      const [searchQuery, setSearchQuery] = (0, import_react58.useState)("");
-      const [menuAnchorEl, setMenuAnchorEl] = (0, import_react58.useState)(null);
-      const [clearConfirmOpen, setClearConfirmOpen] = (0, import_react58.useState)(false);
-      const [moveModalOpen, setMoveModalOpen] = (0, import_react58.useState)(false);
-      const [conversationToMove, setConversationToMove] = (0, import_react58.useState)(null);
-      const [renameProjectId, setRenameProjectId] = (0, import_react58.useState)(null);
-      const [deletedConversationIds, setDeletedConversationIds] = (0, import_react58.useState)(/* @__PURE__ */ new Set());
-      const [touchDragState, setTouchDragState] = (0, import_react58.useState)({ conversationId: null, originProjectId: null, hoverProjectId: null });
-      const [avatarImage, setAvatarImage] = (0, import_react58.useState)(BANDIT_AVATAR2);
-      const getCustomClaim = (0, import_react58.useCallback)((key) => {
+      const [projectManagementOpen, setProjectManagementOpen] = (0, import_react59.useState)(false);
+      const [memoryModalOpen, setMemoryModalOpen] = (0, import_react59.useState)(false);
+      const [collapsedProjects, setCollapsedProjects] = (0, import_react59.useState)(/* @__PURE__ */ new Set());
+      const didInitCollapseRef = (0, import_react59.useRef)(false);
+      const [searchQuery, setSearchQuery] = (0, import_react59.useState)("");
+      const [menuAnchorEl, setMenuAnchorEl] = (0, import_react59.useState)(null);
+      const [clearConfirmOpen, setClearConfirmOpen] = (0, import_react59.useState)(false);
+      const [moveModalOpen, setMoveModalOpen] = (0, import_react59.useState)(false);
+      const [conversationToMove, setConversationToMove] = (0, import_react59.useState)(null);
+      const [renameProjectId, setRenameProjectId] = (0, import_react59.useState)(null);
+      const [deletedConversationIds, setDeletedConversationIds] = (0, import_react59.useState)(/* @__PURE__ */ new Set());
+      const [touchDragState, setTouchDragState] = (0, import_react59.useState)({ conversationId: null, originProjectId: null, hoverProjectId: null });
+      const [avatarImage, setAvatarImage] = (0, import_react59.useState)(BANDIT_AVATAR2);
+      const getCustomClaim = (0, import_react59.useCallback)((key) => {
         if (!user2) return void 0;
         const record = user2;
         return coerceOptionalString2(record[key]);
       }, [user2]);
-      const userDisplayName = (0, import_react58.useMemo)(() => {
+      const userDisplayName = (0, import_react59.useMemo)(() => {
         if (!user2) return void 0;
         const candidateFields = [
           coerceOptionalString2(user2.name),
@@ -27882,7 +27932,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
         if (trimmedEmail) return trimmedEmail;
         return user2.sub;
       }, [user2, getCustomClaim]);
-      const userSecondaryText = (0, import_react58.useMemo)(() => {
+      const userSecondaryText = (0, import_react59.useMemo)(() => {
         if (!user2) return void 0;
         const trimmedEmail = coerceOptionalString2(user2.email);
         if (trimmedEmail && trimmedEmail !== userDisplayName) {
@@ -27894,7 +27944,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
         }
         return void 0;
       }, [user2, userDisplayName]);
-      (0, import_react58.useEffect)(() => {
+      (0, import_react59.useEffect)(() => {
         if (!open) return;
         const fresh = readPersistedToken();
         const authStore = useAuthenticationStore.getState();
@@ -27939,18 +27989,18 @@ var init_enhanced_mobile_conversations_modal = __esm({
         };
       }, [open, getCustomClaim]);
       const avatarLabel = userDisplayName || user2?.email || "Bandit";
-      const avatarInitials = (0, import_react58.useMemo)(() => deriveInitials2(avatarLabel), [avatarLabel]);
+      const avatarInitials = (0, import_react59.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_react58.useEffect)(() => {
+      (0, import_react59.useEffect)(() => {
         if (open && !projectsHydrated) {
           hydrateProjects();
         }
       }, [open, projectsHydrated, hydrateProjects]);
-      (0, import_react58.useEffect)(() => {
+      (0, import_react59.useEffect)(() => {
         if (projectsHydrated && !didInitCollapseRef.current) {
           didInitCollapseRef.current = true;
           if (projects && projects.length > 0) {
@@ -27958,7 +28008,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
           }
         }
       }, [projectsHydrated, projects]);
-      const projectGroups = (0, import_react58.useMemo)(() => {
+      const projectGroups = (0, import_react59.useMemo)(() => {
         const visibleConversations = conversations.filter(
           (conversation) => !deletedConversationIds.has(conversation.id) && !conversation.incognito
         );
@@ -27984,11 +28034,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_react58.useMemo)(
+      const visibleConversationCount = (0, import_react59.useMemo)(
         () => projectGroups.reduce((total, group) => total + group.conversations.length, 0),
         [projectGroups]
       );
-      const filteredProjectGroups = (0, import_react58.useMemo)(() => {
+      const filteredProjectGroups = (0, import_react59.useMemo)(() => {
         if (!searchQuery.trim()) return projectGroups;
         const query = searchQuery.toLowerCase();
         return projectGroups.map((group) => {
@@ -28013,14 +28063,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_react58.useCallback)((clientX, clientY) => {
+      const getProjectIdFromPoint = (0, import_react59.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_react58.useCallback)((conversation, touch) => {
+      const handleTouchDragStart = (0, import_react59.useCallback)((conversation, touch) => {
         const initialHover = getProjectIdFromPoint(touch.clientX, touch.clientY);
         setTouchDragState({
           conversationId: conversation.id,
@@ -28028,7 +28078,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
           hoverProjectId: initialHover ?? (conversation.projectId ?? null)
         });
       }, [getProjectIdFromPoint]);
-      const handleTouchDragMove = (0, import_react58.useCallback)((touch) => {
+      const handleTouchDragMove = (0, import_react59.useCallback)((touch) => {
         setTouchDragState((prev) => {
           if (!prev.conversationId) return prev;
           const hoverId = getProjectIdFromPoint(touch.clientX, touch.clientY);
@@ -28036,7 +28086,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
           return { ...prev, hoverProjectId: hoverId };
         });
       }, [getProjectIdFromPoint]);
-      const handleTouchDragEnd = (0, import_react58.useCallback)((touch) => {
+      const handleTouchDragEnd = (0, import_react59.useCallback)((touch) => {
         setTouchDragState((prev) => {
           if (!prev.conversationId) {
             return { conversationId: null, originProjectId: null, hoverProjectId: null };
@@ -28064,11 +28114,11 @@ var init_enhanced_mobile_conversations_modal = __esm({
           return { conversationId: null, originProjectId: null, hoverProjectId: null };
         });
       }, [getProjectIdFromPoint, moveConversationToProject]);
-      const activeDragConversation = (0, import_react58.useMemo)(() => {
+      const activeDragConversation = (0, import_react59.useMemo)(() => {
         if (!touchDragState.conversationId) return null;
         return conversations.find((conv) => conv.id === touchDragState.conversationId) || null;
       }, [touchDragState.conversationId, conversations]);
-      const activeHoverLabel = (0, import_react58.useMemo)(() => {
+      const activeHoverLabel = (0, import_react59.useMemo)(() => {
         if (!touchDragState.hoverProjectId) return "";
         if (touchDragState.hoverProjectId === "__ungrouped") return "Ungrouped";
         const project = projects.find((p) => p.id === touchDragState.hoverProjectId);
@@ -28117,7 +28167,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
         setMoveModalOpen(false);
         setConversationToMove(null);
       };
-      (0, import_react58.useEffect)(() => {
+      (0, import_react59.useEffect)(() => {
         setDeletedConversationIds((prev) => {
           let changed = false;
           const active2 = new Set(conversations.map((conv) => conv.id));
@@ -28142,6 +28192,11 @@ var init_enhanced_mobile_conversations_modal = __esm({
             children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.Slide, { direction: "right", in: open, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
               import_material47.Box,
               {
+                style: drag?.style,
+                onTouchStart: drag?.onTouchStart,
+                onTouchMove: drag?.onTouchMove,
+                onTouchEnd: drag?.onTouchEnd,
+                onTouchCancel: drag?.onTouchEnd,
                 sx: {
                   position: "fixed",
                   top: 0,
@@ -28649,7 +28704,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                     import_material47.Box,
                     {
                       onClick: user2 ? () => {
-                        window.location.href = "/profile";
+                        safeNavigate("/profile");
                       } : void 0,
                       sx: {
                         mt: "auto",
@@ -28725,7 +28780,7 @@ var init_enhanced_mobile_conversations_modal = __esm({
                             title: "Management & settings",
                             onClick: (event) => {
                               event.stopPropagation();
-                              window.location.href = managementPath;
+                              safeNavigate(managementPath);
                             },
                             sx: {
                               flexShrink: 0,
@@ -28887,15 +28942,15 @@ var init_enhanced_mobile_conversations_modal = __esm({
 });
 
 // src/chat/chat-app-bar.tsx
-var import_material48, import_react59, import_material49, import_react_router_dom3, import_shallow2, import_jsx_runtime48, CDN_BASE2, banditHead4, modelAvatars3, ChatAppBar, chat_app_bar_default;
+var import_material48, import_react60, import_material49, import_react_router_dom4, import_shallow2, import_jsx_runtime48, CDN_BASE2, banditHead4, modelAvatars3, ChatAppBar, chat_app_bar_default;
 var init_chat_app_bar = __esm({
   "src/chat/chat-app-bar.tsx"() {
     "use strict";
     import_material48 = require("@mui/material");
     init_modelStore();
-    import_react59 = require("react");
+    import_react60 = require("react");
     import_material49 = require("@mui/material");
-    import_react_router_dom3 = require("react-router-dom");
+    import_react_router_dom4 = require("react-router-dom");
     init_lucide_icons();
     init_conversation_drawer();
     init_enhanced_mobile_conversations_modal();
@@ -28927,14 +28982,15 @@ var init_chat_app_bar = __esm({
       drawerOpen,
       setDrawerOpen,
       mobileConversationsOpen,
-      onMobileConversationsOpenChange
+      onMobileConversationsOpenChange,
+      mobileConversationsDrag
     }) => {
       const theme = (0, import_material49.useTheme)();
       const isMobile = (0, import_material49.useMediaQuery)(theme.breakpoints.down("sm"));
-      const hasLoggedRouterWarningRef = (0, import_react59.useRef)(false);
+      const hasLoggedRouterWarningRef = (0, import_react60.useRef)(false);
       let navigate = null;
       try {
-        navigate = (0, import_react_router_dom3.useNavigate)();
+        navigate = (0, import_react_router_dom4.useNavigate)();
       } catch (error) {
         if (!hasLoggedRouterWarningRef.current) {
           debugLogger.warn("ChatAppBar: Navigation not available (missing Router context)", { error });
@@ -28961,17 +29017,17 @@ var init_chat_app_bar = __esm({
         menuBackground,
         menuText
       } = theme.palette.chat.appBar;
-      const [modelAnchorEl, setModelAnchorEl] = (0, import_react59.useState)(null);
-      const [engineAnchorEl, setEngineAnchorEl] = (0, import_react59.useState)(null);
-      const [voiceAnchorEl, setVoiceAnchorEl] = (0, import_react59.useState)(null);
-      const [internalModalOpen, setInternalModalOpen] = (0, import_react59.useState)(false);
+      const [modelAnchorEl, setModelAnchorEl] = (0, import_react60.useState)(null);
+      const [engineAnchorEl, setEngineAnchorEl] = (0, import_react60.useState)(null);
+      const [voiceAnchorEl, setVoiceAnchorEl] = (0, import_react60.useState)(null);
+      const [internalModalOpen, setInternalModalOpen] = (0, import_react60.useState)(false);
       const modalOpen = mobileConversationsOpen ?? internalModalOpen;
       const setModalOpen = (open) => {
         setInternalModalOpen(open);
         onMobileConversationsOpenChange?.(open);
       };
-      const [confirmModelChangeOpen, setConfirmModelChangeOpen] = (0, import_react59.useState)(false);
-      const [pendingModel, setPendingModel] = (0, import_react59.useState)(null);
+      const [confirmModelChangeOpen, setConfirmModelChangeOpen] = (0, import_react60.useState)(false);
+      const [pendingModel, setPendingModel] = (0, import_react60.useState)(null);
       const { conversations, currentId, createNewConversation, toggleIncognito, _hasHydrated } = useConversationStore();
       const { preferences } = usePreferencesStore();
       const { settings: packageSettings } = usePackageSettingsStore();
@@ -28981,7 +29037,7 @@ var init_chat_app_bar = __esm({
         syncEnabled: state.syncEnabled,
         setSyncEnabled: state.setSyncEnabled
       }), import_shallow2.shallow);
-      (0, import_react59.useEffect)(() => {
+      (0, import_react60.useEffect)(() => {
         if (isPlaygroundMode3 && syncEnabled) {
           void setSyncEnabled(false).catch((error) => {
             debugLogger.warn("ChatAppBar: Failed to disable sync in playground", {
@@ -29036,7 +29092,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_react59.useEffect)(() => {
+      (0, import_react60.useEffect)(() => {
         useEngineStore.getState().fetchEngines();
       }, []);
       const pendingModelAvatar = useModelStore.getState().availableModels.find((m) => m.name === pendingModel)?.avatarBase64 || modelAvatars3[pendingModel || ""] || banditHead4;
@@ -29279,7 +29335,7 @@ var init_chat_app_bar = __esm({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(conversation_drawer_default, { open: drawerOpen, onClose: () => setDrawerOpen(false) }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(enhanced_mobile_conversations_modal_default, { open: modalOpen, onClose: () => setModalOpen(false) }),
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(enhanced_mobile_conversations_modal_default, { open: modalOpen, onClose: () => setModalOpen(false), drag: mobileConversationsDrag }),
         /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
           import_material49.Dialog,
           {
@@ -29419,11 +29475,11 @@ Respond with just the title and nothing else.
 });
 
 // src/chat/query-suggestion-picker.tsx
-var import_react60, import_material50, import_styles32, import_react_markdown3, import_remark_gfm3, import_rehype_raw3, import_jsx_runtime49, markdownComponents, QuerySuggestionPicker;
+var import_react61, import_material50, import_styles32, import_react_markdown3, import_remark_gfm3, import_rehype_raw3, import_jsx_runtime49, markdownComponents, QuerySuggestionPicker;
 var init_query_suggestion_picker = __esm({
   "src/chat/query-suggestion-picker.tsx"() {
     "use strict";
-    import_react60 = require("react");
+    import_react61 = require("react");
     import_material50 = require("@mui/material");
     import_styles32 = require("@mui/material/styles");
     import_react_markdown3 = __toESM(require("react-markdown"));
@@ -29448,16 +29504,16 @@ var init_query_suggestion_picker = __esm({
       onSend,
       inputHeight
     }) => {
-      const hasGenerated = (0, import_react60.useRef)(false);
-      const [hasSentPrompt, setHasSentPrompt] = (0, import_react60.useState)(false);
-      const [examplePrompts, setExamplePrompts] = (0, import_react60.useState)([]);
-      const [visiblePrompts, setVisiblePrompts] = (0, import_react60.useState)([]);
-      const scrollRef = (0, import_react60.useRef)(null);
+      const hasGenerated = (0, import_react61.useRef)(false);
+      const [hasSentPrompt, setHasSentPrompt] = (0, import_react61.useState)(false);
+      const [examplePrompts, setExamplePrompts] = (0, import_react61.useState)([]);
+      const [visiblePrompts, setVisiblePrompts] = (0, import_react61.useState)([]);
+      const scrollRef = (0, import_react61.useRef)(null);
       const theme = (0, import_styles32.useTheme)();
       const isMobile = (0, import_material50.useMediaQuery)((theme2) => theme2.breakpoints.down("sm"));
       const { background, text, border, hoverBackground, hoverBorder } = theme.palette.chat.suggestion;
       const { getCurrentModel, isLoading } = useModelStore();
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         if (hasGenerated.current || isLoading) return;
         hasGenerated.current = true;
         const currentModel = getCurrentModel();
@@ -29490,12 +29546,12 @@ var init_query_suggestion_picker = __esm({
           hasGenerated.current = false;
         });
       }, [getCurrentModel, isLoading]);
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         if (!isLoading) {
           hasGenerated.current = false;
         }
       }, [isLoading]);
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         if (hasSentPrompt || examplePrompts.length === 0) return;
         const interval = setInterval(() => {
           setExamplePrompts((prev) => {
@@ -29612,17 +29668,17 @@ var init_query_suggestion_picker = __esm({
 });
 
 // src/components/UnderReview.tsx
-var import_material51, import_react_router_dom4, import_jsx_runtime50, UnderReview, UnderReview_default;
+var import_material51, import_react_router_dom5, import_jsx_runtime50, UnderReview, UnderReview_default;
 var init_UnderReview = __esm({
   "src/components/UnderReview.tsx"() {
     "use strict";
     import_material51 = require("@mui/material");
-    import_react_router_dom4 = require("react-router-dom");
+    import_react_router_dom5 = require("react-router-dom");
     init_authenticationService();
     import_jsx_runtime50 = require("react/jsx-runtime");
     UnderReview = () => {
       const theme = (0, import_material51.useTheme)();
-      const navigate = (0, import_react_router_dom4.useNavigate)();
+      const navigate = (0, import_react_router_dom5.useNavigate)();
       const handleResetSession = () => {
         authenticationService2.clearToken();
         navigate("/login");
@@ -29686,11 +29742,11 @@ var init_UnderReview = __esm({
 });
 
 // src/components/feedback/FeedbackPulse.tsx
-var import_react61, import_material52, import_styles33, import_lucide_react15, import_jsx_runtime51, STORAGE_KEY3, COOLDOWN_DAYS, MIN_SESSION_MS, MIN_MESSAGES_SENT, CHECK_INTERVAL_MS, readLastInteraction, recordInteraction, FeedbackPulse, FeedbackPulse_default;
+var import_react62, import_material52, import_styles33, import_lucide_react15, import_jsx_runtime51, 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_react61 = require("react");
+    import_react62 = require("react");
     import_material52 = require("@mui/material");
     import_styles33 = require("@mui/material/styles");
     import_lucide_react15 = require("lucide-react");
@@ -29719,21 +29775,21 @@ var init_FeedbackPulse = __esm({
     };
     FeedbackPulse = ({ isMobile, feedbackEmail }) => {
       const theme = (0, import_styles33.useTheme)();
-      const [visible, setVisible] = (0, import_react61.useState)(false);
-      const [thanked, setThanked] = (0, import_react61.useState)(false);
-      const [modalOpen, setModalOpen] = (0, import_react61.useState)(false);
-      const mountedAtRef = (0, import_react61.useRef)(Date.now());
-      const baselineMessagesRef = (0, import_react61.useRef)(null);
+      const [visible, setVisible] = (0, import_react62.useState)(false);
+      const [thanked, setThanked] = (0, import_react62.useState)(false);
+      const [modalOpen, setModalOpen] = (0, import_react62.useState)(false);
+      const mountedAtRef = (0, import_react62.useRef)(Date.now());
+      const baselineMessagesRef = (0, import_react62.useRef)(null);
       const totalMessages = useConversationStore(
         (s) => s.conversations.reduce((n, c) => n + c.history.length, 0)
       );
       const hydrated = useConversationStore((s) => s._hasHydrated);
-      (0, import_react61.useEffect)(() => {
+      (0, import_react62.useEffect)(() => {
         if (hydrated && baselineMessagesRef.current === null) {
           baselineMessagesRef.current = totalMessages;
         }
       }, [hydrated, totalMessages]);
-      (0, import_react61.useEffect)(() => {
+      (0, import_react62.useEffect)(() => {
         const cooldownMs = COOLDOWN_DAYS * 24 * 60 * 60 * 1e3;
         const forced = typeof window !== "undefined" && new URLSearchParams(window.location.search).has("feedbackPulse");
         const check = () => {
@@ -29943,11 +29999,11 @@ var init_ConnectionStatus = __esm({
 });
 
 // src/hooks/useVoiceMode.ts
-var import_react62, RMS_BASELINE, RMS_NORMALIZER, computeRms, pickSupportedMimeType, useVoiceMode;
+var import_react63, RMS_BASELINE, RMS_NORMALIZER, computeRms, pickSupportedMimeType, useVoiceMode;
 var init_useVoiceMode = __esm({
   "src/hooks/useVoiceMode.ts"() {
     "use strict";
-    import_react62 = require("react");
+    import_react63 = require("react");
     init_stt_client();
     init_debugLogger();
     init_voiceModeStore();
@@ -29980,11 +30036,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_react62.useRef)(config);
-      (0, import_react62.useEffect)(() => {
+      const configRef = (0, import_react63.useRef)(config);
+      (0, import_react63.useEffect)(() => {
         configRef.current = config;
       }, [config]);
-      (0, import_react62.useEffect)(() => {
+      (0, import_react63.useEffect)(() => {
         if (!enabled) {
           return () => void 0;
         }
@@ -30245,11 +30301,11 @@ var chat_exports = {};
 __export(chat_exports, {
   default: () => chat_default
 });
-var import_react63, import_material54, import_styles34, import_react_router_dom5, import_lucide_react16, import_jsx_runtime53, ChatContent, Chat, chat_default;
+var import_react64, import_material54, import_styles34, import_react_router_dom6, import_lucide_react16, import_jsx_runtime53, ChatContent, Chat, chat_default;
 var init_chat2 = __esm({
   "src/chat/chat.tsx"() {
     "use strict";
-    import_react63 = require("react");
+    import_react64 = require("react");
     init_custom_logo();
     init_indexedDBService();
     import_material54 = require("@mui/material");
@@ -30258,7 +30314,7 @@ var init_chat2 = __esm({
     init_modelStore();
     init_canvasStore();
     init_canvas_panel();
-    import_react_router_dom5 = require("react-router-dom");
+    import_react_router_dom6 = require("react-router-dom");
     init_chat_scroll_to_bottom_button();
     init_bandit_chat_logo();
     init_chat_messages();
@@ -30291,6 +30347,8 @@ var init_chat2 = __esm({
     init_voiceModeStore();
     init_ttsSanitizer();
     init_FeatureFlagContext();
+    init_knowledgeStore();
+    init_lucide_icons();
     import_lucide_react16 = require("lucide-react");
     import_jsx_runtime53 = require("react/jsx-runtime");
     ChatContent = () => {
@@ -30301,12 +30359,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_react63.useState)(null);
-      const [themeLoading, setThemeLoading] = (0, import_react63.useState)(true);
+      const [selectedTheme, setSelectedTheme] = (0, import_react64.useState)(null);
+      const [themeLoading, setThemeLoading] = (0, import_react64.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_react63.useMemo)(() => {
+      const banditTheme = (0, import_react64.useMemo)(() => {
         return (0, import_styles34.createTheme)(baseTheme, {
           components: {
             MuiInputBase: {
@@ -30354,12 +30412,12 @@ var init_chat2 = __esm({
       } = useVoiceStore();
       const isVoiceModeEnabled = useVoiceModeStore((state) => state.enabled);
       const canvasOpen = useCanvasStore((state) => state.open);
-      const previousVoiceModeEnabledRef = (0, import_react63.useRef)(isVoiceModeEnabled);
-      const historyRef = (0, import_react63.useRef)(history);
-      (0, import_react63.useEffect)(() => {
+      const previousVoiceModeEnabledRef = (0, import_react64.useRef)(isVoiceModeEnabled);
+      const historyRef = (0, import_react64.useRef)(history);
+      (0, import_react64.useEffect)(() => {
         historyRef.current = history;
       }, [history]);
-      (0, import_react63.useEffect)(() => {
+      (0, import_react64.useEffect)(() => {
         if (!hydrated) return;
         const params = new URLSearchParams(window.location.search);
         const title = params.get("title") || "";
@@ -30375,7 +30433,7 @@ var init_chat2 = __esm({
         stop: ttsStop,
         isAvailable: isTTSAvailable
       } = useTTS();
-      (0, import_react63.useEffect)(() => {
+      (0, import_react64.useEffect)(() => {
         const timer = setTimeout(() => {
           const isAuthenticated = authenticationService2.isAuthenticated();
           if (!initialized || availableVoices.length === 0) {
@@ -30389,7 +30447,7 @@ var init_chat2 = __esm({
         }, 500);
         return () => clearTimeout(timer);
       }, [initialized, availableVoices.length, loadVoicesFromAPI, token]);
-      (0, import_react63.useEffect)(() => {
+      (0, import_react64.useEffect)(() => {
         const isAuthenticated = authenticationService2.isAuthenticated();
         if (packageSettings?.gatewayApiUrl && availableVoices.length === 0 && !initialized) {
           if (token && isAuthenticated) {
@@ -30401,19 +30459,82 @@ var init_chat2 = __esm({
         }
       }, [packageSettings?.gatewayApiUrl, availableVoices.length, initialized, loadVoicesFromAPI, token]);
       const provider = useAIProviderStore((state) => state.provider);
-      const inputRef = (0, import_react63.useRef)(null);
-      const [pastedImages, setPastedImages] = (0, import_react63.useState)([]);
-      const inputContainerRef = (0, import_react63.useRef)(null);
-      const [inputHeight, setInputHeight] = (0, import_react63.useState)(80);
-      const [isSubmitting, setIsSubmitting] = (0, import_react63.useState)(false);
-      const [pendingMessage, setPendingMessage] = (0, import_react63.useState)(null);
+      const inputRef = (0, import_react64.useRef)(null);
+      const [pastedImages, setPastedImages] = (0, import_react64.useState)([]);
+      const inputContainerRef = (0, import_react64.useRef)(null);
+      const [inputHeight, setInputHeight] = (0, import_react64.useState)(80);
+      const [isSubmitting, setIsSubmitting] = (0, import_react64.useState)(false);
+      const [pendingMessage, setPendingMessage] = (0, import_react64.useState)(null);
       const { conversations, currentId, _hasHydrated, hydrate, toggleIncognito } = useConversationStore();
       const isTemporaryChat = Boolean(conversations.find((c) => c.id === currentId)?.incognito);
-      const [isMobile, setIsMobile] = (0, import_react63.useState)(false);
-      const [drawerOpen, setDrawerOpen] = (0, import_react63.useState)(false);
-      const [mobileConversationsOpen, setMobileConversationsOpen] = (0, import_react63.useState)(false);
-      const cardSwipeStartXRef = (0, import_react63.useRef)(null);
-      (0, import_react63.useEffect)(() => {
+      const [isMobile, setIsMobile] = (0, import_react64.useState)(false);
+      const [drawerOpen, setDrawerOpen] = (0, import_react64.useState)(false);
+      const [mobileConversationsOpen, setMobileConversationsOpen] = (0, import_react64.useState)(false);
+      const cardSwipeStartXRef = (0, import_react64.useRef)(null);
+      const dragStartRef = (0, import_react64.useRef)(null);
+      const [drawerDragX, setDrawerDragX] = (0, import_react64.useState)(null);
+      const [drawerSettling, setDrawerSettling] = (0, import_react64.useState)(false);
+      const [drawerSwap, setDrawerSwap] = (0, import_react64.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_react64.useEffect)(() => {
         if (typeof document === "undefined") return;
         const meta = document.querySelector('meta[name="theme-color"]');
         if (!meta) return;
@@ -30431,27 +30552,50 @@ var init_chat2 = __esm({
       const chatContainerEl = chatContainerRef.current;
       const scrollTargetEl = scrollTargetRef.current;
       const { isSlowConnection, connectionQuality, trackRequestStart, trackRequestEnd } = useNetworkStatus();
-      const [showScrollToBottom, setShowScrollToBottom] = (0, import_react63.useState)(false);
-      const [streamBuffer, setStreamBuffer] = (0, import_react63.useState)("");
-      const [responseStarted, setResponseStarted] = (0, import_react63.useState)(false);
-      const [isStreaming, setIsStreaming] = (0, import_react63.useState)(false);
-      const [isThinking, setIsThinking] = (0, import_react63.useState)(false);
+      const [showScrollToBottom, setShowScrollToBottom] = (0, import_react64.useState)(false);
+      const [streamBuffer, setStreamBuffer] = (0, import_react64.useState)("");
+      const [responseStarted, setResponseStarted] = (0, import_react64.useState)(false);
+      const [isStreaming, setIsStreaming] = (0, import_react64.useState)(false);
+      const [isThinking, setIsThinking] = (0, import_react64.useState)(false);
       const initialLogoState = history.length === 0;
-      const [logoVisible, setLogoVisible] = (0, import_react63.useState)(initialLogoState);
-      const [logoShouldRender, setLogoShouldRender] = (0, import_react63.useState)(initialLogoState);
-      const streamingGraceUntilRef = (0, import_react63.useRef)(0);
+      const [logoVisible, setLogoVisible] = (0, import_react64.useState)(initialLogoState);
+      const [logoShouldRender, setLogoShouldRender] = (0, import_react64.useState)(initialLogoState);
+      const streamingGraceUntilRef = (0, import_react64.useRef)(0);
       const GRACE_MS = 450;
       const GRACE_OFFSET_DESKTOP = 28;
       const GRACE_OFFSET_MOBILE = 20;
-      const followStreamRef = (0, import_react63.useRef)(true);
-      const lastSpokenResponseRef = (0, import_react63.useRef)(null);
-      const previousConversationIdRef = (0, import_react63.useRef)(null);
-      const logoFadeTimeoutRef = (0, import_react63.useRef)(null);
-      const [branding, setBranding] = (0, import_react63.useState)(null);
-      const [brandingLoading, setBrandingLoading] = (0, import_react63.useState)(true);
-      const isBrandingLoadInProgressRef = (0, import_react63.useRef)(false);
+      const followStreamRef = (0, import_react64.useRef)(true);
+      const lastSpokenResponseRef = (0, import_react64.useRef)(null);
+      const previousConversationIdRef = (0, import_react64.useRef)(null);
+      const logoFadeTimeoutRef = (0, import_react64.useRef)(null);
+      const [branding, setBranding] = (0, import_react64.useState)(null);
+      const [brandingLoading, setBrandingLoading] = (0, import_react64.useState)(true);
+      const isBrandingLoadInProgressRef = (0, import_react64.useRef)(false);
       const logoOnly = history.length === 0 && !brandingLoading;
-      (0, import_react63.useEffect)(() => {
+      const knowledgeDocs = useKnowledgeStore((s) => s.docs);
+      const knowledgeLoaded = useKnowledgeStore((s) => s.isLoaded);
+      const [knowledgeNudgeDismissed, setKnowledgeNudgeDismissed] = (0, import_react64.useState)(() => {
+        try {
+          return localStorage.getItem("bandit.knowledgeNudge.dismissed") === "true";
+        } catch {
+          return false;
+        }
+      });
+      const dismissKnowledgeNudge = (0, import_react64.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_react64.useEffect)(() => {
         const isEmptyConversation = (history?.length ?? 0) === 0;
         const isSending = Boolean(pendingMessage);
         const shouldShowLogo = isEmptyConversation && !isSending;
@@ -30481,7 +30625,7 @@ var init_chat2 = __esm({
           }, 500);
         }
       }, [history, pendingMessage]);
-      (0, import_react63.useEffect)(() => {
+      (0, import_react64.useEffect)(() => {
         if (!brandingLoading && !themeLoading) {
           return;
         }
@@ -30497,18 +30641,18 @@ var init_chat2 = __esm({
         }, 2500);
         return () => window.clearTimeout(timeoutId);
       }, [brandingLoading, themeLoading, selectedTheme]);
-      (0, import_react63.useEffect)(() => () => {
+      (0, import_react64.useEffect)(() => () => {
         if (logoFadeTimeoutRef.current) {
           window.clearTimeout(logoFadeTimeoutRef.current);
           logoFadeTimeoutRef.current = null;
         }
       }, []);
-      (0, import_react63.useEffect)(() => {
+      (0, import_react64.useEffect)(() => {
         if (isStreaming && streamBuffer.trim() === "") {
           streamingGraceUntilRef.current = Date.now() + GRACE_MS;
         }
       }, [isStreaming, streamBuffer]);
-      (0, import_react63.useEffect)(() => {
+      (0, import_react64.useEffect)(() => {
         if (!isStreaming) return;
         const container = chatContainerRef.current;
         if (!container) return;
@@ -30519,13 +30663,13 @@ var init_chat2 = __esm({
           container.scrollTo({ top: targetTop, behavior: "smooth" });
         }
       }, [streamBuffer, isStreaming, isMobile, chatContainerRef]);
-      (0, import_react63.useEffect)(() => {
+      (0, import_react64.useEffect)(() => {
         if (!_hasHydrated) {
           debugLogger.info("Chat component triggering conversation store hydration");
           hydrate();
         }
       }, [_hasHydrated, hydrate]);
-      (0, import_react63.useEffect)(() => {
+      (0, import_react64.useEffect)(() => {
         const loadBrandingAndTheme = async () => {
           if (isBrandingLoadInProgressRef.current) {
             debugLogger.warn("Branding loading already in progress, skipping");
@@ -30714,7 +30858,7 @@ var init_chat2 = __esm({
           window.removeEventListener("bandit-theme-changed", handleThemeChange);
         };
       }, []);
-      (0, import_react63.useEffect)(() => {
+      (0, import_react64.useEffect)(() => {
         if (!chatContainerEl) return;
         const blurInputOnTouchScroll = () => {
           if (document.activeElement === inputRef.current) inputRef.current?.blur();
@@ -30722,13 +30866,13 @@ var init_chat2 = __esm({
         chatContainerEl.addEventListener("touchmove", blurInputOnTouchScroll, { passive: true });
         return () => chatContainerEl.removeEventListener("touchmove", blurInputOnTouchScroll);
       }, [chatContainerEl]);
-      (0, import_react63.useEffect)(() => {
+      (0, import_react64.useEffect)(() => {
         const handleResize = () => setIsMobile(window.innerWidth <= 768);
         handleResize();
         window.addEventListener("resize", handleResize);
         return () => window.removeEventListener("resize", handleResize);
       }, []);
-      (0, import_react63.useEffect)(() => {
+      (0, import_react64.useEffect)(() => {
         const setViewportHeight = () => {
           document.documentElement.style.setProperty(
             "--vh",
@@ -30739,7 +30883,7 @@ var init_chat2 = __esm({
         window.addEventListener("resize", setViewportHeight);
         return () => window.removeEventListener("resize", setViewportHeight);
       }, []);
-      (0, import_react63.useEffect)(() => {
+      (0, import_react64.useEffect)(() => {
         if (!chatContainerEl) return;
         let rafId = null;
         const update = () => {
@@ -30758,7 +30902,7 @@ var init_chat2 = __esm({
           chatContainerEl.removeEventListener(SCROLL_STATE_CHANGED_EVENT, update);
         };
       }, [chatContainerEl, getScrollState]);
-      (0, import_react63.useEffect)(() => {
+      (0, import_react64.useEffect)(() => {
         if (!chatContainerEl) return;
         let observer = null;
         let rafId = null;
@@ -30793,7 +30937,7 @@ var init_chat2 = __esm({
           if (observer) observer.disconnect();
         };
       }, [chatContainerEl, scrollTargetEl, scrollTargetRef, getScrollState, inputHeight, history.length]);
-      (0, import_react63.useEffect)(() => {
+      (0, import_react64.useEffect)(() => {
         const isTransitioning = isStreaming || streamBuffer.trim() === "";
         const delay = isTransitioning ? 400 : 100;
         const timer = setTimeout(() => {
@@ -30802,7 +30946,7 @@ var init_chat2 = __esm({
         }, delay);
         return () => clearTimeout(timer);
       }, [history, streamBuffer, getScrollState, isStreaming]);
-      (0, import_react63.useLayoutEffect)(() => {
+      (0, import_react64.useLayoutEffect)(() => {
         const scrollState = getScrollState();
         const now = Date.now();
         if (isStreaming && scrollState.shouldAutoScroll && followStreamRef.current) {
@@ -30836,7 +30980,7 @@ var init_chat2 = __esm({
           return () => clearTimeout(scrollTimer);
         }
       }, [history, isStreaming, scrollToBottom, getScrollState, isMobile, chatContainerRef]);
-      (0, import_react63.useEffect)(() => {
+      (0, import_react64.useEffect)(() => {
         const observer = new ResizeObserver(() => {
           if (inputContainerRef.current)
             setInputHeight(inputContainerRef.current.offsetHeight);
@@ -30847,7 +30991,7 @@ var init_chat2 = __esm({
         }
         return () => observer.disconnect();
       }, []);
-      (0, import_react63.useEffect)(() => {
+      (0, import_react64.useEffect)(() => {
         if (!hydrated || !_hasHydrated) return;
         if (currentId === null) {
           useAIQueryStore.setState({ history: [] });
@@ -30896,7 +31040,7 @@ var init_chat2 = __esm({
         setResponse,
         setComponentStatus
       ]);
-      (0, import_react63.useEffect)(() => {
+      (0, import_react64.useEffect)(() => {
         debugLogger.info("Chat component conversation state", {
           hasHydrated: _hasHydrated,
           conversationCount: conversations.length,
@@ -30905,7 +31049,7 @@ var init_chat2 = __esm({
           storeState: "main-chat"
         });
       }, [_hasHydrated, conversations, currentId]);
-      (0, import_react63.useEffect)(() => {
+      (0, import_react64.useEffect)(() => {
         if (!_hasHydrated || !chatContainerEl) return;
         let rafId = null;
         const sync = () => {
@@ -30940,7 +31084,7 @@ var init_chat2 = __esm({
           notificationService2?.handleHttpError(error);
         }
       });
-      const handleStop = (0, import_react63.useCallback)(() => {
+      const handleStop = (0, import_react64.useCallback)(() => {
         try {
           aiProvider.cancel();
         } catch (error) {
@@ -30949,7 +31093,7 @@ var init_chat2 = __esm({
           });
         }
       }, [aiProvider]);
-      const handleVoiceInterrupt = (0, import_react63.useCallback)(() => {
+      const handleVoiceInterrupt = (0, import_react64.useCallback)(() => {
         try {
           ttsStop();
         } catch (error) {
@@ -30968,7 +31112,7 @@ var init_chat2 = __esm({
           handleStop();
         }
       }, [ttsStop, isStreaming, handleStop]);
-      const handleSend = (0, import_react63.useCallback)(
+      const handleSend = (0, import_react64.useCallback)(
         (question, images, displayQuestion) => {
           const requestStartTime = trackRequestStart();
           const questionForDisplay = displayQuestion || question;
@@ -31078,7 +31222,7 @@ var init_chat2 = __esm({
           trackRequestStart
         ]
       );
-      const handleVoiceTranscription = (0, import_react63.useCallback)(
+      const handleVoiceTranscription = (0, import_react64.useCallback)(
         (text) => {
           const cleaned = text.trim();
           if (!cleaned) {
@@ -31095,7 +31239,7 @@ var init_chat2 = __esm({
         onInterrupt: handleVoiceInterrupt,
         onError: (message) => notificationService2?.showError?.(message)
       });
-      (0, import_react63.useEffect)(() => {
+      (0, import_react64.useEffect)(() => {
         const previouslyEnabled = previousVoiceModeEnabledRef.current;
         previousVoiceModeEnabledRef.current = isVoiceModeEnabled;
         if (!previouslyEnabled && isVoiceModeEnabled) {
@@ -31120,7 +31264,7 @@ var init_chat2 = __esm({
           }
         }
       }, [isVoiceModeEnabled, ttsStop]);
-      (0, import_react63.useEffect)(() => {
+      (0, import_react64.useEffect)(() => {
         if (!isVoiceModeEnabled || !isStreaming) {
           return;
         }
@@ -31140,7 +31284,7 @@ var init_chat2 = __esm({
         }
         lastSpokenResponseRef.current = null;
       }, [isStreaming, isVoiceModeEnabled, ttsStop]);
-      (0, import_react63.useEffect)(() => {
+      (0, import_react64.useEffect)(() => {
         if (!isVoiceModeEnabled) {
           lastSpokenResponseRef.current = null;
           return;
@@ -31181,13 +31325,13 @@ var init_chat2 = __esm({
           cancelled = true;
         };
       }, [history, isStreaming, isVoiceModeEnabled, isTTSAvailable, ttsSpeak]);
-      const handleModelChange = (0, import_react63.useCallback)(
+      const handleModelChange = (0, import_react64.useCallback)(
         (modelId) => {
           setSelectedModel(modelId);
         },
         [setSelectedModel]
       );
-      const handleVoiceChange = (0, import_react63.useCallback)(async (voiceId) => {
+      const handleVoiceChange = (0, import_react64.useCallback)(async (voiceId) => {
         ttsStop();
         stopTTS();
         setSelectedVoice(voiceId);
@@ -31297,27 +31441,23 @@ var init_chat2 = __esm({
               // 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_runtime53.jsx)(
                 chat_app_bar_default,
@@ -31330,7 +31470,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_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
@@ -31486,6 +31632,53 @@ var init_chat2 = __esm({
                           }
                           return branding?.logoBase64 ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(custom_logo_default, { visible: logoVisible, atTop: true }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(bandit_chat_logo_default, { visible: logoVisible, atTop: true });
                         })(),
+                        showKnowledgeNudge && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+                          import_material54.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_runtime53.jsxs)(import_material54.Box, { sx: { flex: 1, minWidth: 0 }, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_material54.Typography, { variant: "body2", sx: { fontWeight: 600 }, children: "Add your documents" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_material54.Typography, { variant: "caption", color: "text.secondary", children: "Upload your policies, handbooks or notes and Bandit answers from them, with sources." })
+                              ] }),
+                              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                                import_material54.Button,
+                                {
+                                  size: "small",
+                                  variant: "outlined",
+                                  onClick: () => safeNavigateTo(knowledgePath),
+                                  sx: { textTransform: "none", fontWeight: 600, flexShrink: 0 },
+                                  children: "Upload"
+                                }
+                              ),
+                              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                                import_material54.IconButton,
+                                {
+                                  size: "small",
+                                  "aria-label": "Dismiss",
+                                  onClick: dismissKnowledgeNudge,
+                                  sx: { flexShrink: 0 },
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(CloseIcon, { fontSize: "small" })
+                                }
+                              )
+                            ]
+                          }
+                        ),
                         /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                           import_material54.Box,
                           {
@@ -31622,7 +31815,7 @@ var init_chat2 = __esm({
       });
       if (!allowUnauthenticated && !bypassAuth && !authenticationService2.isAuthenticated()) {
         debugLogger.debug("User is not authenticated, redirecting to login");
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_router_dom5.Navigate, { to: "/login", replace: true });
+        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_router_dom6.Navigate, { to: "/login", replace: true });
       }
       return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ChatContent, {});
     };
@@ -31636,13 +31829,13 @@ __export(management_exports, {
   default: () => management_default
 });
 module.exports = __toCommonJS(management_exports);
-var import_react64 = require("react");
+var import_react65 = 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_react23 = require("react");
@@ -36463,6 +36656,7 @@ var useGatewayHealth = (options) => {
 };
 
 // src/management/components/PreferencesTab.tsx
+init_installedApp();
 init_lucide_icons();
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var PreferencesTab = ({
@@ -37319,9 +37513,8 @@ var ViewportDiagnostics = () => {
       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}`,
@@ -44335,10 +44528,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_react64.useState)(false);
+  const [sidebarOpen, setSidebarOpen] = (0, import_react65.useState)(false);
   const getOptimalFabLogo = async () => {
     const banditHead6 = "https://cdn.burtson.ai/images/bandit-head.png";
     try {
@@ -44378,17 +44571,17 @@ var Management = () => {
     hasTransparentLogo,
     setHasTransparentLogo
   } = useModelStore();
-  const [modalOpen, setModalOpen] = (0, import_react64.useState)(false);
+  const [modalOpen, setModalOpen] = (0, import_react65.useState)(false);
   const banditHead5 = "https://cdn.burtson.ai/images/bandit-head.png";
-  const [fabLogo, setFabLogo] = (0, import_react64.useState)(banditHead5);
-  const [tabIndex, setTabIndex] = (0, import_react64.useState)(4);
-  const [logoFile, setLogoFile] = (0, import_react64.useState)(null);
-  const [logoBase64, setLogoBase64] = (0, import_react64.useState)(null);
-  const [brandingText, setBrandingText] = (0, import_react64.useState)("");
-  const [headerMode, setHeaderMode] = (0, import_react64.useState)("logo");
-  const [theme, setTheme] = (0, import_react64.useState)("bandit-dark");
-  const [customAvatarBase64, setCustomAvatarBase64] = (0, import_react64.useState)(null);
-  const [presetAvatar, setPresetAvatar] = (0, import_react64.useState)(null);
+  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 showSnackbarMessage = (message, severity = "success") => {
     if (severity === "success") {
       notificationService2?.showSuccess(message);
@@ -44396,9 +44589,9 @@ var Management = () => {
       notificationService2?.showError(message);
     }
   };
-  const [restoreDialogOpen, setRestoreDialogOpen] = (0, import_react64.useState)(false);
-  const [brandingLoaded, setBrandingLoaded] = (0, import_react64.useState)(false);
-  const [isLoadingBranding, setIsLoadingBranding] = (0, import_react64.useState)(false);
+  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 { initModels } = useModelStore();
   const { settings: packageSettings } = usePackageSettingsStore();
   const authToken = useAuthenticationStore((state) => state.token);
@@ -44406,8 +44599,8 @@ var Management = () => {
   const { hasAdminDashboard, hasLimitedAdminDashboard, getCurrentTier, hasAdvancedSearch } = useFeatures();
   const { showAdminPanel, showLimitedAdminPanel } = useFeatureVisibility();
   const { provider: currentProvider, config: currentProviderConfig } = useAIProviderStore();
-  const [seedPacksEnabled, setSeedPacksEnabled] = (0, import_react64.useState)(false);
-  const [localSelectedModel, setLocalSelectedModel] = (0, import_react64.useState)({
+  const [seedPacksEnabled, setSeedPacksEnabled] = (0, import_react65.useState)(false);
+  const [localSelectedModel, setLocalSelectedModel] = (0, import_react65.useState)({
     name: "",
     tagline: "",
     systemPrompt: "",
@@ -44420,7 +44613,7 @@ var Management = () => {
     loadDocuments,
     clearAllDocuments
   } = useKnowledgeStore2();
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     if (selectedModel) {
       const selected = availableModels.find((m) => m.name === selectedModel);
       if (selected) {
@@ -44444,7 +44637,7 @@ var Management = () => {
       }
     }
   }, [selectedModel, availableModels]);
-  const loadBrandingConfig = (0, import_react64.useCallback)(async () => {
+  const loadBrandingConfig = (0, import_react65.useCallback)(async () => {
     if (isLoadingBranding || brandingLoaded) {
       debugLogger.warn("Branding loading already in progress or completed, skipping");
       return;
@@ -44561,15 +44754,15 @@ var Management = () => {
     setTagline,
     setTheme
   ]);
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     void loadBrandingConfig();
   }, [loadBrandingConfig]);
   const handleOpenModal = () => setModalOpen(true);
   const handleCloseModal = () => setModalOpen(false);
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     getOptimalFabLogo().then(setFabLogo);
   }, []);
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     if (logoBase64) {
       setFabLogo(logoBase64);
     } else {
@@ -45022,7 +45215,7 @@ var Management = () => {
       reader.readAsText(file);
     }
   };
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     if (localSelectedModel.selectedModel && !availableModels.some((m) => m.name === localSelectedModel.selectedModel)) {
       setLocalSelectedModel((prev) => ({
         ...prev,
@@ -45030,10 +45223,10 @@ var Management = () => {
       }));
     }
   }, [availableModels, localSelectedModel.selectedModel]);
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     loadDocuments();
   }, [loadDocuments]);
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     const gatewayApiUrl = packageSettings?.gatewayApiUrl;
     if (!gatewayApiUrl || gatewayApiUrl.toLowerCase().startsWith("playground://")) {
       setSeedPacksEnabled(false);
@@ -45076,7 +45269,7 @@ var Management = () => {
       isActive = false;
     };
   }, [packageSettings?.gatewayApiUrl, authToken]);
-  const currentTheme = (0, import_react64.useMemo)(() => {
+  const currentTheme = (0, import_react65.useMemo)(() => {
     const baseTheme = predefinedThemes[theme] || banditDarkTheme;
     return (0, import_styles35.createTheme)(baseTheme, {
       // Management-scoped density: condenses every settings tab at once. This
@@ -45197,7 +45390,7 @@ var Management = () => {
   });
   const preferredDefaultTabIndex = navTabs.findIndex((tab) => tab.label === "Preferences");
   const defaultTabIndex = preferredDefaultTabIndex >= 0 ? preferredDefaultTabIndex : 0;
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     setTabIndex((current) => {
       if (current < 0 || current >= navTabs.length) {
         return defaultTabIndex;
@@ -45354,6 +45547,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)",
@@ -45649,7 +45846,7 @@ var Management = () => {
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+          !isMobile && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             import_material55.Fab,
             {
               "aria-label": "AI",
@@ -45685,7 +45882,7 @@ var Management = () => {
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(chat_modal_default, { open: modalOpen, onClose: handleCloseModal })
+          !isMobile && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(chat_modal_default, { open: modalOpen, onClose: handleCloseModal })
         ]
       }
     )