@burtson-labs/bandit-engine 2.0.50 → 2.0.52

package/dist/{chunk-ZTTGERUG.mjs → chunk-Y5N3NSTU.mjs}

@@ -1,15 +1,15 @@
 import {
   StreamingMarkdown_default
-} from "./chunk-KHKWYHXD.mjs";
+} from "./chunk-YZ2HJFPQ.mjs";
 import {
   aiProviderInitService
-} from "./chunk-VL3CMSDO.mjs";
+} from "./chunk-37PEP5JK.mjs";
 import {
   useMCPToolsStore
 } from "./chunk-EHNWQ4T3.mjs";
 import {
   chat_modal_default
-} from "./chunk-TVF45U7B.mjs";
+} from "./chunk-RSSJADDD.mjs";
 import {
   DocumentCard_default,
   banditDarkTheme,
@@ -17,7 +17,7 @@ import {
   predefinedThemes,
   useNotificationService,
   useVoiceStore
-} from "./chunk-AXFX2HUK.mjs";
+} from "./chunk-M3BEAMCC.mjs";
 import {
   authenticationService,
   brandingService_default,
@@ -30,7 +30,7 @@ import {
   useFeatures,
   useKnowledgeStore2 as useKnowledgeStore,
   useVectorStore
-} from "./chunk-6WZUQHZT.mjs";
+} from "./chunk-QX6CO7TJ.mjs";
 import {
   indexedDBService_default,
   models,
@@ -95,6 +95,7 @@ import {
   Tab,
   Alert as Alert2,
   Chip,
+  Collapse,
   GlobalStyles
 } from "@mui/material";
 import useMediaQuery from "@mui/material/useMediaQuery";
@@ -500,6 +501,7 @@ var PersonalitiesTab = ({
   const [deleteDialogOpen, setDeleteDialogOpen] = useState2(false);
   const [personalityToDelete, setPersonalityToDelete] = useState2(null);
   const [clickedChips, setClickedChips] = useState2(/* @__PURE__ */ new Set());
+  const [showTemplateHelp, setShowTemplateHelp] = useState2(false);
   const [cropperOpen, setCropperOpen] = useState2(false);
   const [selectedImageFile, setSelectedImageFile] = useState2(null);
   const promptTemplates = [
@@ -753,28 +755,15 @@ var PersonalitiesTab = ({
         }
       }
     ),
-    /* @__PURE__ */ jsxs2(Box2, { sx: {
-      height: "100%",
-      overflow: "auto",
-      p: { xs: 1.5, sm: 2 },
-      // Hide scrollbars while keeping scroll functionality
-      scrollbarWidth: "none",
-      // Firefox
-      "&::-webkit-scrollbar": {
-        display: "none"
-        // Chrome, Safari, Edge
-      },
-      "-ms-overflow-style": "none"
-      // IE and Edge
-    }, children: [
+    /* @__PURE__ */ jsxs2(Box2, { sx: { p: { xs: 1, sm: 2 } }, children: [
       /* @__PURE__ */ jsxs2(Box2, { sx: {
         display: "flex",
         flexDirection: { xs: "column", md: "row" },
         alignItems: { xs: "flex-start", md: "center" },
         justifyContent: "space-between",
-        mb: { xs: 2, md: 3 },
+        mb: { xs: 1.25, md: 3 },
         flexWrap: "wrap",
-        gap: { xs: 1.5, md: 2 }
+        gap: { xs: 1, md: 2 }
       }, children: [
         /* @__PURE__ */ jsxs2(Box2, { sx: {
           display: "flex",
@@ -804,8 +793,8 @@ var PersonalitiesTab = ({
                   backgroundClip: "text",
                   WebkitBackgroundClip: "text",
                   WebkitTextFillColor: "transparent",
-                  mb: 0.5,
-                  fontSize: { xs: "1.55rem", sm: "1.75rem" }
+                  mb: { xs: 0.25, sm: 0.5 },
+                  fontSize: { xs: "1.35rem", sm: "1.75rem" }
                 },
                 children: "Quick Start Templates"
               }
@@ -830,12 +819,40 @@ var PersonalitiesTab = ({
               color: "white",
               fontWeight: 600,
               animation: "pulse 2s infinite",
-              alignSelf: { xs: "flex-start", md: "center" }
+              alignSelf: { xs: "flex-start", md: "center" },
+              display: { xs: "none", md: "inline-flex" }
             }
           }
         )
       ] }),
-      /* @__PURE__ */ jsx2(
+      isMobile ? /* @__PURE__ */ jsxs2(
+        Box2,
+        {
+          sx: {
+            mb: 1.75,
+            borderRadius: 2,
+            border: "1px solid rgba(25, 118, 210, 0.2)",
+            background: "linear-gradient(135deg, rgba(25, 118, 210, 0.05) 0%, rgba(66, 165, 245, 0.05) 100%)",
+            px: 1.25,
+            py: 1
+          },
+          children: [
+            /* @__PURE__ */ jsxs2(Box2, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 1 }, children: [
+              /* @__PURE__ */ jsx2(Typography2, { variant: "body2", sx: { fontWeight: 600, color: "primary.main", fontSize: "0.82rem" }, children: "Tap any template to pre-fill your form" }),
+              /* @__PURE__ */ jsx2(
+                Button2,
+                {
+                  size: "small",
+                  onClick: () => setShowTemplateHelp((prev) => !prev),
+                  sx: { minWidth: "auto", px: 1, fontSize: "0.72rem", whiteSpace: "nowrap" },
+                  children: showTemplateHelp ? "Hide" : "Details"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx2(Collapse, { in: showTemplateHelp, children: /* @__PURE__ */ jsx2(Typography2, { variant: "body2", sx: { color: "text.secondary", fontSize: "0.8rem", lineHeight: 1.4, mt: 0.75 }, children: "Choose a setup you like, then tweak name, tone, and prompt details in the Create/Edit tab." }) })
+          ]
+        }
+      ) : /* @__PURE__ */ jsx2(
         Alert2,
         {
           severity: "info",
@@ -861,17 +878,19 @@ var PersonalitiesTab = ({
         Card,
         {
           sx: {
-            mb: { xs: 3, md: 4 },
+            mb: { xs: 2, md: 4 },
             background: "linear-gradient(135deg, #1976d2 0%, #42a5f5 100%)",
             border: "2px solid transparent",
-            borderRadius: 3,
+            borderRadius: { xs: 2.25, sm: 3 },
             cursor: "pointer",
             transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
             position: "relative",
             overflow: "hidden",
-            "&:hover": {
-              transform: "translateY(-4px) scale(1.02)",
-              boxShadow: "0 12px 40px rgba(25, 118, 210, 0.3)"
+            ...isMobile ? {} : {
+              "&:hover": {
+                transform: "translateY(-4px) scale(1.02)",
+                boxShadow: "0 12px 40px rgba(25, 118, 210, 0.3)"
+              }
             },
             "&::before": {
               content: '""',
@@ -896,41 +915,70 @@ var PersonalitiesTab = ({
             setPersonalityTabIndex(1);
           },
           children: /* @__PURE__ */ jsxs2(CardContent, { sx: {
-            p: { xs: 3, sm: 4 },
+            p: { xs: 1.75, sm: 4 },
             color: "white",
-            textAlign: "center",
+            textAlign: { xs: "left", sm: "center" },
             position: "relative",
-            zIndex: 1
+            zIndex: 1,
+            display: "flex",
+            flexDirection: { xs: "row", sm: "column" },
+            alignItems: { xs: "center", sm: "center" },
+            gap: { xs: 1.25, sm: 0 }
           }, children: [
             /* @__PURE__ */ jsx2(Box2, { sx: {
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
               fontSize: 0,
-              mb: { xs: 1.5, sm: 2 }
-            }, children: /* @__PURE__ */ jsx2(AutoAwesomeIcon, { sx: { fontSize: { xs: 36, sm: 44 }, color: "common.white", filter: "drop-shadow(0 4px 12px rgba(0,0,0,0.25))" } }) }),
-            /* @__PURE__ */ jsx2(
-              Typography2,
-              {
-                variant: "h5",
-                sx: {
-                  fontWeight: 700,
-                  mb: { xs: 0.75, sm: 1 },
-                  textShadow: "0 2px 4px rgba(0,0,0,0.2)"
-                },
-                children: "Create from Scratch"
-              }
-            ),
-            /* @__PURE__ */ jsx2(
-              Typography2,
+              mb: { xs: 0, sm: 2 },
+              flexShrink: 0
+            }, children: /* @__PURE__ */ jsx2(AutoAwesomeIcon, { sx: { fontSize: { xs: 28, sm: 44 }, color: "common.white", filter: "drop-shadow(0 4px 12px rgba(0,0,0,0.25))" } }) }),
+            /* @__PURE__ */ jsxs2(Box2, { sx: { flex: 1, minWidth: 0 }, children: [
+              /* @__PURE__ */ jsx2(
+                Typography2,
+                {
+                  variant: "h5",
+                  sx: {
+                    fontWeight: 700,
+                    mb: { xs: 0.25, sm: 1 },
+                    textShadow: "0 2px 4px rgba(0,0,0,0.2)",
+                    fontSize: { xs: "1.1rem", sm: "1.75rem" }
+                  },
+                  children: "Create from Scratch"
+                }
+              ),
+              /* @__PURE__ */ jsx2(
+                Typography2,
+                {
+                  variant: "body1",
+                  sx: {
+                    opacity: 0.9,
+                    fontWeight: 500,
+                    textShadow: "0 1px 2px rgba(0,0,0,0.2)",
+                    fontSize: { xs: "0.8rem", sm: "1rem" },
+                    lineHeight: { xs: 1.3, sm: 1.5 },
+                    display: "-webkit-box",
+                    WebkitLineClamp: { xs: 2, sm: "unset" },
+                    WebkitBoxOrient: "vertical",
+                    overflow: "hidden"
+                  },
+                  children: "Start with a blank canvas and build your perfect AI personality"
+                }
+              )
+            ] }),
+            isMobile && /* @__PURE__ */ jsx2(
+              Chip,
               {
-                variant: "body1",
+                label: "Start",
+                size: "small",
                 sx: {
-                  opacity: 0.9,
-                  fontWeight: 500,
-                  textShadow: "0 1px 2px rgba(0,0,0,0.2)"
-                },
-                children: "Start with a blank canvas and build your perfect AI personality"
+                  backgroundColor: "rgba(255,255,255,0.2)",
+                  color: "common.white",
+                  border: "1px solid rgba(255,255,255,0.45)",
+                  fontWeight: 600,
+                  height: 28,
+                  flexShrink: 0
+                }
               }
             )
           ] })
@@ -945,7 +993,7 @@ var PersonalitiesTab = ({
           lg: "repeat(4, 1fr)",
           xl: "repeat(4, 1fr)"
         },
-        gap: { xs: 2, sm: 2.5, md: 3 },
+        gap: { xs: 1.25, sm: 2.5, md: 3 },
         alignItems: "stretch"
       }, children: promptTemplates.map((template, index) => /* @__PURE__ */ jsx2(
         Card,
@@ -958,7 +1006,7 @@ var PersonalitiesTab = ({
             border: "1px solid",
             borderColor: "rgba(255,255,255,0.1)",
             borderRadius: 3,
-            minHeight: { xs: "auto", md: "280px" },
+            minHeight: { xs: "200px", md: "280px" },
             display: "flex",
             flexDirection: "column",
             overflow: "hidden",
@@ -976,19 +1024,21 @@ var PersonalitiesTab = ({
               opacity: 0,
               transition: "opacity 0.3s ease"
             },
-            "&:hover": {
-              transform: "translateY(-8px) scale(1.02)",
-              boxShadow: "0 20px 40px rgba(0,0,0,0.15)",
-              borderColor: "primary.main",
-              "&::before": {
-                opacity: 1
-              },
-              "& .template-icon": {
-                transform: "scale(1.1) rotate(5deg)"
-              },
-              "& .template-chip": {
-                transform: "translateY(-2px)",
-                boxShadow: "0 4px 12px rgba(0,0,0,0.2)"
+            ...isMobile ? {} : {
+              "&:hover": {
+                transform: "translateY(-8px) scale(1.02)",
+                boxShadow: "0 20px 40px rgba(0,0,0,0.15)",
+                borderColor: "primary.main",
+                "&::before": {
+                  opacity: 1
+                },
+                "& .template-icon": {
+                  transform: "scale(1.1) rotate(5deg)"
+                },
+                "& .template-chip": {
+                  transform: "translateY(-2px)",
+                  boxShadow: "0 4px 12px rgba(0,0,0,0.2)"
+                }
               }
             },
             "&:active": {
@@ -997,7 +1047,7 @@ var PersonalitiesTab = ({
           },
           onClick: () => handleTemplateSelect(template),
           children: /* @__PURE__ */ jsxs2(CardContent, { sx: {
-            p: { xs: 2.5, sm: 3 },
+            p: { xs: 2, sm: 3 },
             display: "flex",
             flexDirection: "column",
             height: "100%",
@@ -1007,7 +1057,7 @@ var PersonalitiesTab = ({
               /* @__PURE__ */ jsxs2(Box2, { sx: {
                 display: "flex",
                 alignItems: "center",
-                mb: { xs: 2, md: 2.5 },
+                mb: { xs: 1.25, md: 2.5 },
                 minHeight: { xs: "auto", md: "60px" }
               }, children: [
                 /* @__PURE__ */ jsx2(
@@ -1016,9 +1066,9 @@ var PersonalitiesTab = ({
                     src: template.avatar,
                     alt: template.name,
                     sx: {
-                      width: { xs: 48, sm: 56, md: 60 },
-                      height: { xs: 48, sm: 56, md: 60 },
-                      mr: { xs: 1.5, md: 2 },
+                      width: { xs: 40, sm: 56, md: 60 },
+                      height: { xs: 40, sm: 56, md: 60 },
+                      mr: { xs: 1.2, md: 2 },
                       transition: "transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
                       boxShadow: "0 4px 12px rgba(0,0,0,0.15)",
                       border: "2px solid rgba(255,255,255,0.8)"
@@ -1072,10 +1122,10 @@ var PersonalitiesTab = ({
                     lineHeight: 1.5,
                     fontSize: { xs: "0.82rem", sm: "0.85rem", md: "0.875rem" },
                     display: "-webkit-box",
-                    WebkitLineClamp: 4,
+                    WebkitLineClamp: { xs: 2, sm: 4 },
                     WebkitBoxOrient: "vertical",
                     overflow: "hidden",
-                    mb: { xs: 1.5, md: 2 },
+                    mb: { xs: 1.25, md: 2 },
                     minHeight: { xs: "auto", md: "84px" }
                   },
                   children: template.description
@@ -1112,7 +1162,7 @@ var PersonalitiesTab = ({
         },
         index
       )) }),
-      /* @__PURE__ */ jsxs2(
+      !isMobile && /* @__PURE__ */ jsxs2(
         Alert2,
         {
           severity: "info",
@@ -1126,20 +1176,7 @@ var PersonalitiesTab = ({
       )
     ] })
   ] });
-  const renderCreateEditTab = () => /* @__PURE__ */ jsxs2(Box2, { sx: {
-    height: "100%",
-    overflow: "auto",
-    p: { xs: 1.5, sm: 2 },
-    // Hide scrollbars while keeping scroll functionality
-    scrollbarWidth: "none",
-    // Firefox
-    "&::-webkit-scrollbar": {
-      display: "none"
-      // Chrome, Safari, Edge
-    },
-    "-ms-overflow-style": "none"
-    // IE and Edge
-  }, children: [
+  const renderCreateEditTab = () => /* @__PURE__ */ jsxs2(Box2, { sx: { p: { xs: 1.5, sm: 2 } }, children: [
     /* @__PURE__ */ jsxs2(Box2, { sx: { mb: { xs: 2.5, md: 4 } }, children: [
       /* @__PURE__ */ jsx2(
         Typography2,
@@ -1609,6 +1646,9 @@ var PersonalitiesTab = ({
       Box2,
       {
         sx: {
+          position: { xs: "sticky", sm: "static" },
+          bottom: { xs: 10, sm: "auto" },
+          zIndex: { xs: 5, sm: "auto" },
           display: "flex",
           flexDirection: { xs: "column", sm: "row" },
           gap: { xs: 1.5, sm: 2 },
@@ -1616,8 +1656,15 @@ var PersonalitiesTab = ({
           // Changed from flex-end to flex-start
           mr: { xs: 0, sm: 10 },
           // Add right margin to avoid FAB
-          mb: { xs: 8, sm: 2 }
+          mb: { xs: 8, sm: 2 },
           // Add bottom margin on mobile for FAB clearance
+          mt: { xs: 1.5, sm: 0 },
+          p: { xs: 1.1, sm: 0 },
+          borderRadius: { xs: 2, sm: 0 },
+          border: { xs: "1px solid", sm: "none" },
+          borderColor: { xs: "divider", sm: "transparent" },
+          bgcolor: { xs: "background.paper", sm: "transparent" },
+          boxShadow: { xs: 3, sm: "none" }
         },
         children: [
           /* @__PURE__ */ jsx2(
@@ -1645,20 +1692,7 @@ var PersonalitiesTab = ({
       }
     )
   ] });
-  const renderManageTab = () => /* @__PURE__ */ jsxs2(Box2, { sx: {
-    height: "100%",
-    overflow: "auto",
-    p: { xs: 1.5, sm: 2 },
-    // Hide scrollbars while keeping scroll functionality
-    scrollbarWidth: "none",
-    // Firefox
-    "&::-webkit-scrollbar": {
-      display: "none"
-      // Chrome, Safari, Edge
-    },
-    "-ms-overflow-style": "none"
-    // IE and Edge
-  }, children: [
+  const renderManageTab = () => /* @__PURE__ */ jsxs2(Box2, { sx: { p: { xs: 1.5, sm: 2 } }, children: [
     /* @__PURE__ */ jsxs2(
       Box2,
       {
@@ -1907,7 +1941,7 @@ var PersonalitiesTab = ({
       ] })
     ] })
   ] });
-  return /* @__PURE__ */ jsxs2(Box2, { sx: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+  return /* @__PURE__ */ jsxs2(Box2, { sx: { display: "flex", flexDirection: "column" }, children: [
     /* @__PURE__ */ jsxs2(
       Box2,
       {
@@ -2033,7 +2067,7 @@ var PersonalitiesTab = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs2(Box2, { sx: { flex: 1, overflow: "hidden" }, children: [
+    /* @__PURE__ */ jsxs2(Box2, { sx: { minHeight: 0 }, children: [
       personalityTabIndex === 0 && renderTemplatesTab(),
       personalityTabIndex === 1 && renderCreateEditTab(),
       personalityTabIndex === 2 && renderManageTab()
@@ -5957,6 +5991,7 @@ import AddIcon from "@mui/icons-material/Add";
 import ArchiveIcon from "@mui/icons-material/Archive";
 import DeleteIcon3 from "@mui/icons-material/Delete";
 import DescriptionIcon2 from "@mui/icons-material/Description";
+import FolderOpenIcon from "@mui/icons-material/FolderOpen";
 import GroupIcon2 from "@mui/icons-material/Group";
 import PersonIcon2 from "@mui/icons-material/Person";
 import PublishIcon from "@mui/icons-material/Publish";
@@ -6229,6 +6264,22 @@ var archiveSeedPack = async (sid) => {
     throw error;
   }
 };
+var deleteSeedPack = async (sid) => {
+  const url = buildUrl(`/seed-packs/${encodeURIComponent(sid)}`);
+  try {
+    const response = await fetch(url, { method: "DELETE", headers: buildHeaders() });
+    if (response.status === 204) {
+      return;
+    }
+    await handleJsonResponse(response, "Failed to delete seed pack");
+  } catch (error) {
+    debugLogger.error("seedPackService: failed to delete seed pack", {
+      sid,
+      error: error instanceof Error ? error.message : String(error)
+    });
+    throw error;
+  }
+};
 
 // src/management/components/SeedPacksTab.tsx
 import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
@@ -6264,10 +6315,23 @@ var getPreviewSnippet = (content) => {
   }
   return trimmed.length > 120 ? `${trimmed.slice(0, 120)}...` : trimmed;
 };
+var getImportedFileKey = (file) => (file.relativePath ?? file.name).toLowerCase();
+var isMarkdownFileName = (name) => {
+  const lower = name.toLowerCase();
+  return lower.endsWith(".md") || lower.endsWith(".markdown");
+};
+var getWebkitRelativePath = (file) => {
+  const relativePath = file.webkitRelativePath;
+  if (!relativePath) {
+    return void 0;
+  }
+  const trimmed = relativePath.trim().replace(/^\/+/, "");
+  return trimmed.length > 0 ? trimmed : void 0;
+};
 var mergeMarkdownFiles = (existing, incoming) => {
   const next = [...existing];
   incoming.forEach((file) => {
-    const index = next.findIndex((item) => item.name === file.name);
+    const index = next.findIndex((item) => getImportedFileKey(item) === getImportedFileKey(file));
     if (index >= 0) {
       next[index] = file;
     } else {
@@ -6279,17 +6343,22 @@ var mergeMarkdownFiles = (existing, incoming) => {
 var buildMarkdownContent = (files) => {
   return files.map((file) => file.content.trim()).filter((content) => content.length > 0).join("\n\n---\n\n");
 };
-var readMarkdownFiles = async (files) => {
+var readMarkdownFiles = async (files, source = "local") => {
   const list = Array.from(files);
-  const markdownFiles = list.filter((file) => file.name.toLowerCase().endsWith(".md"));
+  const markdownFiles = list.filter((file) => isMarkdownFileName(file.name));
   const imported = await Promise.all(
-    markdownFiles.map(async (file) => ({
-      id: `${file.name}-${file.lastModified}`,
-      name: file.name,
-      size: file.size,
-      content: await file.text(),
-      lastModified: file.lastModified
-    }))
+    markdownFiles.map(async (file) => {
+      const relativePath = getWebkitRelativePath(file);
+      return {
+        id: `${source}-${relativePath ?? file.name}-${file.lastModified}-${file.size}`,
+        name: file.name,
+        size: file.size,
+        content: await file.text(),
+        lastModified: file.lastModified,
+        relativePath,
+        source
+      };
+    })
   );
   return { imported, skipped: list.length - markdownFiles.length };
 };
@@ -6405,7 +6474,7 @@ var SeedPackFileCard = ({ file, onPreview, onRemove, isReadOnly }) => /* @__PURE
               )
             }
           ),
-          /* @__PURE__ */ jsx8(Tooltip2, { title: file.name, arrow: true, children: /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsx8(Tooltip2, { title: file.relativePath ?? file.name, arrow: true, children: /* @__PURE__ */ jsx8(
             Typography8,
             {
               variant: "body2",
@@ -6422,6 +6491,21 @@ var SeedPackFileCard = ({ file, onPreview, onRemove, isReadOnly }) => /* @__PURE
               children: file.name
             }
           ) }),
+          file.relativePath && file.relativePath !== file.name && /* @__PURE__ */ jsx8(Tooltip2, { title: file.relativePath, arrow: true, children: /* @__PURE__ */ jsx8(
+            Typography8,
+            {
+              variant: "caption",
+              color: "text.secondary",
+              sx: {
+                display: "block",
+                whiteSpace: "nowrap",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                mb: 1
+              },
+              children: file.relativePath
+            }
+          ) }),
           /* @__PURE__ */ jsxs8(
             Box8,
             {
@@ -6438,7 +6522,7 @@ var SeedPackFileCard = ({ file, onPreview, onRemove, isReadOnly }) => /* @__PURE
                     Chip6,
                     {
                       icon: /* @__PURE__ */ jsx8(PersonIcon2, { sx: { fontSize: "0.9rem !important" } }),
-                      label: "Local",
+                      label: file.source === "azure-wiki" ? "Azure Wiki" : "Local",
                       size: "small",
                       sx: {
                         bgcolor: "#388e3c20",
@@ -6527,16 +6611,20 @@ var SeedPacksTab = () => {
   const [createImportedFiles, setCreateImportedFiles] = useState9([]);
   const [previewFile, setPreviewFile] = useState9(null);
   const fileInputRef = useRef5(null);
+  const wikiFolderInputRef = useRef5(null);
   const createFileInputRef = useRef5(null);
+  const createWikiFolderInputRef = useRef5(null);
   const [isLoadingList, setIsLoadingList] = useState9(false);
   const [isLoadingDetail, setIsLoadingDetail] = useState9(false);
   const [isSaving, setIsSaving] = useState9(false);
   const [isPublishing, setIsPublishing] = useState9(false);
   const [isArchiving, setIsArchiving] = useState9(false);
+  const [isDeleting, setIsDeleting] = useState9(false);
   const [isCreating, setIsCreating] = useState9(false);
   const [createDialogOpen, setCreateDialogOpen] = useState9(false);
   const [publishDialogOpen, setPublishDialogOpen] = useState9(false);
   const [archiveDialogOpen, setArchiveDialogOpen] = useState9(false);
+  const [deleteDialogOpen, setDeleteDialogOpen] = useState9(false);
   const [newPackName, setNewPackName] = useState9("");
   const [newPackDescription, setNewPackDescription] = useState9("");
   const [newPackTags, setNewPackTags] = useState9("");
@@ -6641,26 +6729,37 @@ var SeedPacksTab = () => {
       void loadSeedPackDetail(selectedSid);
     }
   }, [selectedSid, loadSeedPackDetail]);
+  useEffect6(() => {
+    const setDirectoryUploadAttributes = (input) => {
+      if (!input) {
+        return;
+      }
+      input.setAttribute("webkitdirectory", "");
+      input.setAttribute("directory", "");
+    };
+    setDirectoryUploadAttributes(wikiFolderInputRef.current);
+    setDirectoryUploadAttributes(createWikiFolderInputRef.current);
+  }, [selectedSeedPack, createDialogOpen]);
   const handleSelectPack = (pack) => {
     setSelectedSid(pack.sid);
     setSelectedSeedPack(pack);
     hydrateDraft(pack);
   };
   const handleImportFiles = useCallback6(
-    async (files) => {
+    async (files, source = "local") => {
       if (!files || files.length === 0) {
         return;
       }
-      const { imported, skipped } = await readMarkdownFiles(files);
+      const { imported, skipped } = await readMarkdownFiles(files, source);
       if (skipped > 0) {
-        showSnackbar("Only .md files are supported for seed packs.", "error");
+        showSnackbar("Only .md and .markdown files are supported for seed packs.", "error");
       }
       if (imported.length === 0) {
         return;
       }
       try {
         const newlyAdded = imported.filter(
-          (file) => !importedFiles.some((existing) => existing.name === file.name)
+          (file) => !importedFiles.some((existing) => getImportedFileKey(existing) === getImportedFileKey(file))
         );
         setImportedFiles((prev) => mergeMarkdownFiles(prev, imported));
         const combined = buildMarkdownContent(newlyAdded);
@@ -6675,8 +6774,9 @@ ${combined}` : combined;
             return { ...prev, content: nextContent };
           });
         }
+        const importLabel = source === "azure-wiki" ? "from Azure DevOps wiki folder into the editor" : "into the editor";
         showSnackbar(
-          `Imported ${imported.length} markdown file${imported.length === 1 ? "" : "s"} into the editor.`,
+          `Imported ${imported.length} markdown file${imported.length === 1 ? "" : "s"} ${importLabel}.`,
           "success"
         );
       } catch (error) {
@@ -6690,7 +6790,14 @@ ${combined}` : combined;
   );
   const handleFileInputChange = useCallback6(
     async (event) => {
-      await handleImportFiles(event.target.files);
+      await handleImportFiles(event.target.files, "local");
+      event.target.value = "";
+    },
+    [handleImportFiles]
+  );
+  const handleWikiFolderInputChange = useCallback6(
+    async (event) => {
+      await handleImportFiles(event.target.files, "azure-wiki");
       event.target.value = "";
     },
     [handleImportFiles]
@@ -6699,20 +6806,21 @@ ${combined}` : combined;
     setImportedFiles((prev) => prev.filter((file) => file.id !== id));
   }, []);
   const handleCreateImportFiles = useCallback6(
-    async (files) => {
+    async (files, source = "local") => {
       if (!files || files.length === 0) {
         return;
       }
-      const { imported, skipped } = await readMarkdownFiles(files);
+      const { imported, skipped } = await readMarkdownFiles(files, source);
       if (skipped > 0) {
-        showSnackbar("Only .md files are supported for seed packs.", "error");
+        showSnackbar("Only .md and .markdown files are supported for seed packs.", "error");
       }
       if (imported.length === 0) {
         return;
       }
       setCreateImportedFiles((prev) => mergeMarkdownFiles(prev, imported));
+      const importLabel = source === "azure-wiki" ? "from Azure DevOps wiki folder for this seed pack" : "for this seed pack";
       showSnackbar(
-        `Imported ${imported.length} markdown file${imported.length === 1 ? "" : "s"} for this seed pack.`,
+        `Imported ${imported.length} markdown file${imported.length === 1 ? "" : "s"} ${importLabel}.`,
         "success"
       );
     },
@@ -6720,7 +6828,14 @@ ${combined}` : combined;
   );
   const handleCreateFileInputChange = useCallback6(
     async (event) => {
-      await handleCreateImportFiles(event.target.files);
+      await handleCreateImportFiles(event.target.files, "local");
+      event.target.value = "";
+    },
+    [handleCreateImportFiles]
+  );
+  const handleCreateWikiFolderInputChange = useCallback6(
+    async (event) => {
+      await handleCreateImportFiles(event.target.files, "azure-wiki");
       event.target.value = "";
     },
     [handleCreateImportFiles]
@@ -6865,6 +6980,34 @@ ${combined}` : combined;
       setIsArchiving(false);
     }
   };
+  const handleDelete = async () => {
+    if (!selectedSeedPack) {
+      return;
+    }
+    const deletingSid = selectedSeedPack.sid;
+    const deletingName = selectedSeedPack.name;
+    setDeleteDialogOpen(false);
+    setIsDeleting(true);
+    try {
+      await deleteSeedPack(deletingSid);
+      setSelectedSid(null);
+      setSelectedSeedPack(null);
+      setDraft({ name: "", description: "", content: "" });
+      setTagsInput("");
+      setImportedFiles([]);
+      setPreviewFile(null);
+      await refreshSeedPacks();
+      showSnackbar(`Deleted seed pack "${deletingName}".`, "success");
+    } catch (error) {
+      showSnackbar("Failed to delete seed pack.", "error");
+      debugLogger.error("SeedPacksTab: failed to delete seed pack", {
+        sid: deletingSid,
+        error: error instanceof Error ? error.message : String(error)
+      });
+    } finally {
+      setIsDeleting(false);
+    }
+  };
   const previewContent = draft.content.trim().length > 0 ? draft.content : "Preview will appear here as you type.";
   const selectedStatus = selectedSeedPack?.status ?? "draft";
   const statusChip = getStatusChip(selectedStatus);
@@ -7066,32 +7209,56 @@ ${combined}` : combined;
                           sx: { mb: 1 },
                           children: [
                             /* @__PURE__ */ jsx8(Typography8, { variant: "subtitle2", children: "Markdown content" }),
+                            /* @__PURE__ */ jsxs8(Stack3, { direction: { xs: "column", sm: "row" }, spacing: 1, children: [
+                              /* @__PURE__ */ jsx8(
+                                Button7,
+                                {
+                                  size: "small",
+                                  variant: "outlined",
+                                  startIcon: /* @__PURE__ */ jsx8(UploadFileIcon2, {}),
+                                  onClick: () => fileInputRef.current?.click(),
+                                  disabled: isReadOnly,
+                                  children: "Import .md"
+                                }
+                              ),
+                              /* @__PURE__ */ jsx8(
+                                Button7,
+                                {
+                                  size: "small",
+                                  variant: "outlined",
+                                  startIcon: /* @__PURE__ */ jsx8(FolderOpenIcon, {}),
+                                  onClick: () => wikiFolderInputRef.current?.click(),
+                                  disabled: isReadOnly,
+                                  children: "Import wiki folder"
+                                }
+                              )
+                            ] }),
                             /* @__PURE__ */ jsx8(
-                              Button7,
+                              "input",
                               {
-                                size: "small",
-                                variant: "outlined",
-                                startIcon: /* @__PURE__ */ jsx8(UploadFileIcon2, {}),
-                                onClick: () => fileInputRef.current?.click(),
-                                disabled: isReadOnly,
-                                children: "Import .md"
+                                ref: fileInputRef,
+                                type: "file",
+                                accept: ".md,.markdown,text/markdown",
+                                multiple: true,
+                                onChange: handleFileInputChange,
+                                style: { display: "none" }
                               }
                             ),
                             /* @__PURE__ */ jsx8(
                               "input",
                               {
-                                ref: fileInputRef,
+                                ref: wikiFolderInputRef,
                                 type: "file",
-                                accept: ".md",
+                                accept: ".md,.markdown,text/markdown",
                                 multiple: true,
-                                onChange: handleFileInputChange,
+                                onChange: handleWikiFolderInputChange,
                                 style: { display: "none" }
                               }
                             )
                           ]
                         }
                       ),
-                      /* @__PURE__ */ jsx8(Typography8, { variant: "caption", color: "text.secondary", sx: { mb: 1, display: "block" }, children: "Paste or import markdown files. Imports copy content into the editor." }),
+                      /* @__PURE__ */ jsx8(Typography8, { variant: "caption", color: "text.secondary", sx: { mb: 1, display: "block" }, children: "Paste or import markdown files. Use folder import for Azure DevOps wiki clones." }),
                       /* @__PURE__ */ jsx8(
                         TextField5,
                         {
@@ -7190,6 +7357,17 @@ ${combined}` : combined;
                     disabled: isReadOnly || isArchiving,
                     children: isArchiving ? "Archiving..." : "Archive"
                   }
+                ),
+                /* @__PURE__ */ jsx8(
+                  Button7,
+                  {
+                    variant: "text",
+                    color: "error",
+                    startIcon: /* @__PURE__ */ jsx8(DeleteIcon3, {}),
+                    onClick: () => setDeleteDialogOpen(true),
+                    disabled: isDeleting,
+                    children: isDeleting ? "Deleting..." : "Delete"
+                  }
                 )
               ] })
             ] })
@@ -7239,26 +7417,50 @@ ${combined}` : combined;
           ),
           /* @__PURE__ */ jsx8(Divider, {}),
           /* @__PURE__ */ jsxs8(Stack3, { direction: { xs: "column", sm: "row" }, spacing: 1, alignItems: "center", children: [
+            /* @__PURE__ */ jsxs8(Stack3, { direction: { xs: "column", sm: "row" }, spacing: 1, children: [
+              /* @__PURE__ */ jsx8(
+                Button7,
+                {
+                  size: "small",
+                  variant: "outlined",
+                  startIcon: /* @__PURE__ */ jsx8(UploadFileIcon2, {}),
+                  onClick: () => createFileInputRef.current?.click(),
+                  disabled: !canManage,
+                  children: "Import .md files"
+                }
+              ),
+              /* @__PURE__ */ jsx8(
+                Button7,
+                {
+                  size: "small",
+                  variant: "outlined",
+                  startIcon: /* @__PURE__ */ jsx8(FolderOpenIcon, {}),
+                  onClick: () => createWikiFolderInputRef.current?.click(),
+                  disabled: !canManage,
+                  children: "Import wiki folder"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx8(Typography8, { variant: "caption", color: "text.secondary", children: "Optional. Local files or cloned Azure DevOps wiki folders are merged into draft content." }),
             /* @__PURE__ */ jsx8(
-              Button7,
+              "input",
               {
-                size: "small",
-                variant: "outlined",
-                startIcon: /* @__PURE__ */ jsx8(UploadFileIcon2, {}),
-                onClick: () => createFileInputRef.current?.click(),
-                disabled: !canManage,
-                children: "Import .md files"
+                ref: createFileInputRef,
+                type: "file",
+                accept: ".md,.markdown,text/markdown",
+                multiple: true,
+                onChange: handleCreateFileInputChange,
+                style: { display: "none" }
               }
             ),
-            /* @__PURE__ */ jsx8(Typography8, { variant: "caption", color: "text.secondary", children: "Optional. Files are merged into the draft content." }),
             /* @__PURE__ */ jsx8(
               "input",
               {
-                ref: createFileInputRef,
+                ref: createWikiFolderInputRef,
                 type: "file",
-                accept: ".md",
+                accept: ".md,.markdown,text/markdown",
                 multiple: true,
-                onChange: handleCreateFileInputChange,
+                onChange: handleCreateWikiFolderInputChange,
                 style: { display: "none" }
               }
             )
@@ -7323,6 +7525,21 @@ ${combined}` : combined;
         /* @__PURE__ */ jsx8(Button7, { variant: "contained", color: "error", onClick: handleArchive, disabled: isArchiving, children: isArchiving ? "Archiving..." : "Archive" })
       ] })
     ] }),
+    /* @__PURE__ */ jsxs8(Dialog6, { open: deleteDialogOpen, onClose: () => setDeleteDialogOpen(false), maxWidth: "sm", fullWidth: true, children: [
+      /* @__PURE__ */ jsx8(DialogTitle5, { children: "Delete seed pack" }),
+      /* @__PURE__ */ jsxs8(DialogContent6, { children: [
+        /* @__PURE__ */ jsxs8(DialogContentText3, { children: [
+          'Delete "',
+          selectedSeedPack?.name ?? "this seed pack",
+          '" permanently from this scope. Published versions and draft content will no longer be available.'
+        ] }),
+        /* @__PURE__ */ jsx8(Alert7, { severity: "warning", sx: { mt: 2 }, children: "This action cannot be undone." })
+      ] }),
+      /* @__PURE__ */ jsxs8(DialogActions5, { children: [
+        /* @__PURE__ */ jsx8(Button7, { onClick: () => setDeleteDialogOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ jsx8(Button7, { variant: "contained", color: "error", onClick: handleDelete, disabled: isDeleting, children: isDeleting ? "Deleting..." : "Delete" })
+      ] })
+    ] }),
     /* @__PURE__ */ jsxs8(
       Dialog6,
       {
@@ -8103,15 +8320,7 @@ var StorageTab = ({ currentTheme }) => {
       ] }) })
     ] }),
     /* @__PURE__ */ jsx10(Typography9, { variant: "h6", gutterBottom: true, sx: { mb: 2, fontWeight: 600, color: "text.primary" }, children: "Storage Categories" }),
-    /* @__PURE__ */ jsx10(Box10, { sx: {
-      maxHeight: "60vh",
-      overflow: "auto",
-      "&::-webkit-scrollbar": {
-        display: "none"
-      },
-      msOverflowStyle: "none",
-      scrollbarWidth: "none"
-    }, children: storageCategories.length === 0 ? /* @__PURE__ */ jsxs10(Alert8, { severity: "info", sx: { mt: 2 }, children: [
+    /* @__PURE__ */ jsx10(Box10, { children: storageCategories.length === 0 ? /* @__PURE__ */ jsxs10(Alert8, { severity: "info", sx: { mt: 2 }, children: [
       /* @__PURE__ */ jsx10(Typography9, { variant: "body2", children: "No storage data found. This could mean:" }),
       /* @__PURE__ */ jsxs10(Typography9, { variant: "body2", component: "ul", sx: { mt: 1, pl: 2 }, children: [
         /* @__PURE__ */ jsx10("li", { children: "All databases are empty" }),
@@ -9286,7 +9495,7 @@ var MCPToolsTabV2_default = MCPToolsTabV2;
 
 // src/management/management.tsx
 import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
-var preloadChatPage = () => import("./chat-CQWZOJH4.mjs");
+var preloadChatPage = () => import("./chat-YWYLVKXX.mjs");
 var buildCapabilitiesUrl = (gatewayApiUrl) => {
   const trimmed = gatewayApiUrl.replace(/\/$/, "");
   if (trimmed.endsWith("/api")) {
@@ -9341,7 +9550,7 @@ var Management = () => {
   const [modalOpen, setModalOpen] = useState14(false);
   const banditHead = "https://cdn.burtson.ai/images/bandit-head.png";
   const [fabLogo, setFabLogo] = useState14(banditHead);
-  const [tabIndex, setTabIndex] = useState14(0);
+  const [tabIndex, setTabIndex] = useState14(4);
   const [logoFile, setLogoFile] = useState14(null);
   const [logoBase64, setLogoBase64] = useState14(null);
   const [brandingText, setBrandingText] = useState14("");
@@ -10054,7 +10263,6 @@ var Management = () => {
       }
     });
   }, [theme]);
-  if (!brandingLoaded) return null;
   const allNavTabs = [
     {
       label: "Personalities",
@@ -10111,6 +10319,18 @@ var Management = () => {
     }
     return true;
   });
+  const preferredDefaultTabIndex = navTabs.findIndex((tab) => tab.label === "Preferences");
+  const defaultTabIndex = preferredDefaultTabIndex >= 0 ? preferredDefaultTabIndex : 0;
+  useEffect11(() => {
+    setTabIndex((current) => {
+      if (current < 0 || current >= navTabs.length) {
+        return defaultTabIndex;
+      }
+      return current;
+    });
+  }, [navTabs.length, defaultTabIndex]);
+  const mobileQuickTabs = navTabs.slice(0, 5);
+  const hasMobileOverflowTabs = navTabs.length > mobileQuickTabs.length;
   const navigationContent = /* @__PURE__ */ jsxs13(
     Box13,
     {
@@ -10267,6 +10487,7 @@ var Management = () => {
       ]
     }
   );
+  if (!brandingLoaded) return null;
   return /* @__PURE__ */ jsxs13(ThemeProvider, { theme: currentTheme, children: [
     /* @__PURE__ */ jsx13(CssBaseline, {}),
     /* @__PURE__ */ jsxs13(
@@ -10287,7 +10508,7 @@ var Management = () => {
             {
               sx: {
                 width: "100%",
-                height: 64,
+                minHeight: 64,
                 display: "flex",
                 alignItems: "center",
                 justifyContent: "space-between",
@@ -10370,6 +10591,73 @@ var Management = () => {
               ]
             }
           ),
+          isMobile && /* @__PURE__ */ jsxs13(
+            Box13,
+            {
+              sx: {
+                width: "100%",
+                display: "flex",
+                gap: 1,
+                px: 1.5,
+                py: 1,
+                overflowX: "auto",
+                borderBottom: (theme2) => `1px solid ${theme2.palette.divider}`,
+                bgcolor: (theme2) => theme2.palette.mode === "dark" ? "rgba(24,28,40,0.95)" : "rgba(255,255,255,0.95)",
+                backdropFilter: "blur(12px)"
+              },
+              children: [
+                mobileQuickTabs.map((tab) => {
+                  const quickTabIndex = navTabs.findIndex((navTab) => navTab.label === tab.label);
+                  const selected = tabIndex === quickTabIndex;
+                  return /* @__PURE__ */ jsx13(
+                    Button10,
+                    {
+                      size: "small",
+                      onClick: () => setTabIndex(quickTabIndex),
+                      sx: {
+                        flexShrink: 0,
+                        textTransform: "none",
+                        borderRadius: 999,
+                        px: 1.5,
+                        py: 0.6,
+                        minHeight: 32,
+                        fontSize: "0.78rem",
+                        fontWeight: selected ? 700 : 600,
+                        bgcolor: selected ? (theme2) => theme2.palette.mode === "dark" ? "rgba(25,118,210,0.2)" : "rgba(25,118,210,0.12)" : "transparent",
+                        color: selected ? "primary.main" : "text.secondary",
+                        border: (theme2) => selected ? `1px solid ${theme2.palette.primary.main}66` : `1px solid ${alpha2(theme2.palette.divider, 0.45)}`,
+                        "&:hover": {
+                          bgcolor: (theme2) => theme2.palette.mode === "dark" ? "rgba(25,118,210,0.16)" : "rgba(25,118,210,0.1)"
+                        }
+                      },
+                      children: tab.label
+                    },
+                    tab.label
+                  );
+                }),
+                hasMobileOverflowTabs && /* @__PURE__ */ jsx13(
+                  Button10,
+                  {
+                    size: "small",
+                    onClick: () => setSidebarOpen(true),
+                    sx: {
+                      flexShrink: 0,
+                      textTransform: "none",
+                      borderRadius: 999,
+                      px: 1.5,
+                      py: 0.6,
+                      minHeight: 32,
+                      fontSize: "0.78rem",
+                      fontWeight: 600,
+                      color: "text.secondary",
+                      border: (theme2) => `1px dashed ${alpha2(theme2.palette.divider, 0.6)}`
+                    },
+                    children: "More"
+                  }
+                )
+              ]
+            }
+          ),
           isMobile ? /* @__PURE__ */ jsx13(
             SwipeableDrawer,
             {
@@ -10422,26 +10710,17 @@ var Management = () => {
                 flex: 1,
                 p: { xs: 1, sm: 3, md: 4 },
                 overflowY: "auto",
-                height: isMobile ? "auto" : "100vh",
+                overflowX: "hidden",
                 maxWidth: "100vw",
                 minWidth: 0,
+                minHeight: 0,
                 display: "flex",
                 flexDirection: "column",
                 bgcolor: "background.default",
                 ml: isMobile ? 0 : "280px",
                 // Fixed left margin only on desktop
                 mt: 0,
-                transition: "margin-left 0.2s",
-                overflow: "auto",
-                // Hide scrollbars while keeping scroll functionality
-                scrollbarWidth: "none",
-                // Firefox
-                "&::-webkit-scrollbar": {
-                  display: "none"
-                  // Chrome, Safari, Edge
-                },
-                "-ms-overflow-style": "none"
-                // IE and Edge
+                transition: "margin-left 0.2s"
               },
               children: [
                 navTabs[tabIndex]?.label === "Personalities" && /* @__PURE__ */ jsx13(
@@ -10561,4 +10840,4 @@ export {
   useGatewayMemory,
   management_default
 };
-//# sourceMappingURL=chunk-ZTTGERUG.mjs.map
+//# sourceMappingURL=chunk-Y5N3NSTU.mjs.map