@burtson-labs/bandit-engine 2.0.51 → 2.0.52

package/dist/index.js

@@ -210,13 +210,22 @@ var init_debugLogger = __esm({
 });
 
 // src/services/auth/authenticationService.ts
-var TOKEN_KEY2, AuthenticationService, authenticationService;
+function emitAuthTokenChanged(token) {
+  if (typeof window === "undefined") {
+    return;
+  }
+  window.dispatchEvent(new CustomEvent(AUTH_TOKEN_CHANGED_EVENT, {
+    detail: { token }
+  }));
+}
+var TOKEN_KEY2, AUTH_TOKEN_CHANGED_EVENT, AuthenticationService, authenticationService;
 var init_authenticationService = __esm({
   "src/services/auth/authenticationService.ts"() {
     "use strict";
     init_authenticationStore();
     init_debugLogger();
     TOKEN_KEY2 = "authToken";
+    AUTH_TOKEN_CHANGED_EVENT = "bandit:auth-token-changed";
     AuthenticationService = class {
       getToken() {
         const token = localStorage.getItem(TOKEN_KEY2);
@@ -225,10 +234,12 @@ var init_authenticationService = __esm({
       setToken(token) {
         localStorage.setItem(TOKEN_KEY2, token);
         useAuthenticationStore.getState().setToken(token);
+        emitAuthTokenChanged(token);
       }
       clearToken() {
         localStorage.removeItem(TOKEN_KEY2);
         useAuthenticationStore.getState().clearToken();
+        emitAuthTokenChanged(null);
       }
       isAuthenticated() {
         const token = useAuthenticationStore.getState().token;
@@ -2183,9 +2194,99 @@ function ensureDeviceId() {
     return (0, import_uuid3.v4)();
   }
 }
+function getStoredSyncIdentity() {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  try {
+    return window.localStorage.getItem(SYNC_IDENTITY_STORAGE_KEY);
+  } catch (error) {
+    debugLogger.warn("conversationSyncStore: unable to read stored sync identity", { error });
+    return null;
+  }
+}
+function setStoredSyncIdentity(identity) {
+  if (typeof window === "undefined") {
+    return;
+  }
+  try {
+    if (identity) {
+      window.localStorage.setItem(SYNC_IDENTITY_STORAGE_KEY, identity);
+    } else {
+      window.localStorage.removeItem(SYNC_IDENTITY_STORAGE_KEY);
+    }
+  } catch (error) {
+    debugLogger.warn("conversationSyncStore: unable to persist sync identity", { error });
+  }
+}
 function getPackageDefaultAdvancedKnowledgeSync() {
   return usePackageSettingsStore.getState().settings?.advancedKnowledgeSyncDefaultEnabled;
 }
+function clearAutoSyncTimer() {
+  if (autoSyncTimeout) {
+    clearTimeout(autoSyncTimeout);
+    autoSyncTimeout = null;
+  }
+}
+function resolveAuthIdentity(token) {
+  if (!token) {
+    return null;
+  }
+  const claims = authenticationService.parseJwtClaims(token);
+  if (claims?.sub) {
+    return claims.sub;
+  }
+  if (claims?.email) {
+    return `email:${claims.email.toLowerCase()}`;
+  }
+  return `token:${token.slice(0, 32)}`;
+}
+function buildQueueResetState() {
+  return {
+    pendingConversationUpserts: /* @__PURE__ */ new Set(),
+    pendingConversationDeletes: /* @__PURE__ */ new Set(),
+    pendingProjectUpserts: /* @__PURE__ */ new Set(),
+    pendingProjectDeletes: /* @__PURE__ */ new Set(),
+    conflicts: null,
+    lastSyncAt: null,
+    cursor: null,
+    lastError: null,
+    totalConversationsOnServer: void 0,
+    totalProjectsOnServer: void 0,
+    hasCompletedInitialUpload: false,
+    warningConversations: [],
+    oversizedConversations: []
+  };
+}
+async function clearLocalStoresForIdentitySwitch(fromIdentity, toIdentity) {
+  const conversationCount = useConversationStore.getState().conversations.length;
+  const projectCount = useProjectStore.getState().projects.length;
+  debugLogger.warn("conversationSyncStore: auth identity changed, clearing local conversation/project cache", {
+    fromIdentity,
+    toIdentity,
+    conversationCount,
+    projectCount
+  });
+  suppressTracking = true;
+  try {
+    await useConversationStore.getState().clearAllConversations();
+    await indexedDBService_default.clear(
+      PROJECT_DB_NAME,
+      PROJECT_DB_VERSION,
+      PROJECT_STORE_NAME,
+      PROJECT_STORE_CONFIGS
+    );
+    useProjectStore.setState({ projects: [] });
+    conversationsMeta = snapshotConversationMetaMap(useConversationStore.getState().conversations);
+    projectsMeta = snapshotProjectMetaMap(useProjectStore.getState().projects);
+  } catch (error) {
+    debugLogger.error("conversationSyncStore: failed to clear local stores on auth switch", {
+      error: error instanceof Error ? error.message : String(error)
+    });
+  } finally {
+    suppressTracking = false;
+  }
+}
 function mapConversationToDTO(conversation) {
   const updatedAtIso = (conversation.updatedAt ?? /* @__PURE__ */ new Date()).toISOString();
   const createdAtIso = conversation.createdAt ? conversation.createdAt.toISOString() : null;
@@ -2579,7 +2680,7 @@ function buildOversizedMessage(notices) {
   const names = notices.map((n) => `"${n.name || "Untitled"}"`).join(", ");
   return `Some conversations (${names}) are too large for Bandit Cloud. Start a new conversation or archive older turns to continue syncing.`;
 }
-var import_zustand9, import_uuid3, DEVICE_STORAGE_KEY, PAYLOAD_VERSION, MAX_CONVERSATION_BYTES, WARN_CONVERSATION_BYTES, suppressTracking, conversationsMeta, projectsMeta, conversationUnsubscribe, projectUnsubscribe, autoSyncTimeout, AUTO_SYNC_DELAY_MS, useConversationSyncStore;
+var import_zustand9, import_uuid3, DEVICE_STORAGE_KEY, SYNC_IDENTITY_STORAGE_KEY, PAYLOAD_VERSION, MAX_CONVERSATION_BYTES, WARN_CONVERSATION_BYTES, PROJECT_DB_NAME, PROJECT_DB_VERSION, PROJECT_STORE_NAME, PROJECT_STORE_CONFIGS, suppressTracking, conversationsMeta, projectsMeta, conversationUnsubscribe, projectUnsubscribe, autoSyncTimeout, AUTO_SYNC_DELAY_MS, useConversationSyncStore;
 var init_conversationSyncStore = __esm({
   "src/store/conversationSyncStore.ts"() {
     "use strict";
@@ -2589,13 +2690,19 @@ var init_conversationSyncStore = __esm({
     init_projectStore();
     init_packageSettingsStore();
     init_authenticationService();
+    init_indexedDBService();
     init_conversationSyncEvents();
     init_conversationSyncService();
     init_debugLogger();
     DEVICE_STORAGE_KEY = "banditConversationDeviceId";
+    SYNC_IDENTITY_STORAGE_KEY = "banditConversationSyncIdentity";
     PAYLOAD_VERSION = 1;
     MAX_CONVERSATION_BYTES = 12 * 1024 * 1024;
     WARN_CONVERSATION_BYTES = 10 * 1024 * 1024;
+    PROJECT_DB_NAME = "bandit-projects";
+    PROJECT_DB_VERSION = 1;
+    PROJECT_STORE_NAME = "projects";
+    PROJECT_STORE_CONFIGS = [{ name: PROJECT_STORE_NAME, keyPath: "id" }];
     suppressTracking = false;
     conversationsMeta = /* @__PURE__ */ new Map();
     projectsMeta = /* @__PURE__ */ new Map();
@@ -2631,6 +2738,9 @@ var init_conversationSyncStore = __esm({
     }
     useConversationSyncStore = (0, import_zustand9.create)((set, get) => ({
       initialized: false,
+      hasLoadedPreference: false,
+      initializedForToken: null,
+      initializedForIdentity: null,
       syncEnabled: false,
       status: "disabled",
       lastSyncAt: null,
@@ -2650,20 +2760,63 @@ var init_conversationSyncStore = __esm({
       warningConversations: [],
       oversizedConversations: [],
       async initialize() {
-        if (get().initialized) {
-          return;
-        }
         ensureTrackersInitialized();
         const gatewayUrl = usePackageSettingsStore.getState().settings?.gatewayApiUrl;
+        const token = authenticationService.getToken();
+        const tokenIdentity = resolveAuthIdentity(token);
+        const current = get();
+        const storedIdentity = getStoredSyncIdentity();
+        const knownIdentity = current.initializedForIdentity ?? storedIdentity;
+        if (current.initialized && current.hasLoadedPreference && knownIdentity && tokenIdentity && knownIdentity === tokenIdentity) {
+          return;
+        }
+        const hasIdentitySwitch = Boolean(
+          knownIdentity && tokenIdentity && knownIdentity !== tokenIdentity
+        );
+        if (hasIdentitySwitch) {
+          clearAutoSyncTimer();
+          set({
+            ...buildQueueResetState(),
+            syncEnabled: false,
+            status: "disabled",
+            hasLoadedPreference: false,
+            initializedForToken: null,
+            initializedForIdentity: tokenIdentity
+          });
+          await clearLocalStoresForIdentitySwitch(
+            knownIdentity,
+            tokenIdentity
+          );
+          setStoredSyncIdentity(tokenIdentity);
+        }
         if (!gatewayUrl) {
           debugLogger.info("conversationSyncStore: gateway API URL not configured; sync disabled");
-          set({ initialized: true, status: "disabled", syncEnabled: false });
+          if (tokenIdentity) {
+            setStoredSyncIdentity(tokenIdentity);
+          }
+          set({
+            ...buildQueueResetState(),
+            initialized: true,
+            hasLoadedPreference: false,
+            initializedForToken: null,
+            initializedForIdentity: tokenIdentity,
+            status: "disabled",
+            syncEnabled: false
+          });
           return;
         }
-        const token = authenticationService.getToken();
         if (!token) {
           debugLogger.info("conversationSyncStore: no authentication token; sync disabled until login");
-          set({ initialized: true, status: "disabled", syncEnabled: false });
+          clearAutoSyncTimer();
+          set({
+            ...buildQueueResetState(),
+            initialized: true,
+            hasLoadedPreference: false,
+            initializedForToken: null,
+            initializedForIdentity: null,
+            status: "disabled",
+            syncEnabled: false
+          });
           return;
         }
         try {
@@ -2685,14 +2838,27 @@ var init_conversationSyncStore = __esm({
               isAdvancedVectorFeaturesEnabled: get().isAdvancedVectorFeaturesEnabled
             }
           });
-          set({ initialized: true });
+          set({
+            initialized: true,
+            hasLoadedPreference: true,
+            initializedForToken: token,
+            initializedForIdentity: tokenIdentity
+          });
+          setStoredSyncIdentity(tokenIdentity);
           if (preference.syncEnabled) {
             await get().runSync({ force: true });
           }
         } catch (error) {
           const message = error instanceof Error ? error.message : "Failed to load conversation sync preference";
           debugLogger.error("conversationSyncStore: initialization failed", { error: message });
-          set({ initialized: true, status: "error", lastError: message });
+          set({
+            initialized: true,
+            hasLoadedPreference: false,
+            initializedForToken: null,
+            initializedForIdentity: tokenIdentity,
+            status: "error",
+            lastError: message
+          });
         }
       },
       async setSyncEnabled(enabled) {
@@ -2720,6 +2886,12 @@ var init_conversationSyncStore = __esm({
               isAdvancedVectorFeaturesEnabled
             }
           });
+          set({
+            hasLoadedPreference: true,
+            initializedForToken: authenticationService.getToken(),
+            initializedForIdentity: resolveAuthIdentity(authenticationService.getToken())
+          });
+          setStoredSyncIdentity(resolveAuthIdentity(authenticationService.getToken()));
           if (enabled) {
             set({ hasCompletedInitialUpload: false });
           }
@@ -2757,6 +2929,12 @@ var init_conversationSyncStore = __esm({
               isAdvancedVectorFeaturesEnabled: enabled
             }
           });
+          set({
+            hasLoadedPreference: true,
+            initializedForToken: authenticationService.getToken(),
+            initializedForIdentity: resolveAuthIdentity(authenticationService.getToken())
+          });
+          setStoredSyncIdentity(resolveAuthIdentity(authenticationService.getToken()));
           if (preference.syncEnabled && preference.isAdvancedVectorFeaturesEnabled) {
             await get().runSync({ force: true });
           }
@@ -2802,6 +2980,15 @@ var init_conversationSyncStore = __esm({
           debugLogger.error("conversationSyncStore: runSync error - missing auth token");
           return;
         }
+        const tokenIdentity = resolveAuthIdentity(token);
+        if (state.initializedForIdentity && tokenIdentity && state.initializedForIdentity !== tokenIdentity) {
+          debugLogger.warn("conversationSyncStore: runSync aborted due auth identity mismatch; reinitializing", {
+            initializedForIdentity: state.initializedForIdentity,
+            tokenIdentity
+          });
+          await get().initialize();
+          return;
+        }
         const pendingConversationIds = Array.from(state.pendingConversationUpserts);
         const pendingConversationDeleteIds = Array.from(state.pendingConversationDeletes);
         const pendingProjectIds = Array.from(state.pendingProjectUpserts);
@@ -29845,6 +30032,36 @@ var ChatProvider = (props) => {
     };
     initializeAsync();
   }, [props.packageSettings, loadDocuments]);
+  (0, import_react6.useEffect)(() => {
+    const isPlaygroundRoute = typeof window !== "undefined" && window.location.pathname.includes("/playground");
+    const isPlaygroundMode3 = isPlaygroundRoute || props.packageSettings.playgroundMode === true;
+    if (isPlaygroundMode3 || !props.packageSettings.gatewayApiUrl) {
+      return;
+    }
+    const initializeSyncState = async () => {
+      try {
+        await useConversationSyncStore.getState().initialize();
+      } catch (error) {
+        debugLogger.error("ChatProvider: deferred sync initialization failed", {
+          error: error instanceof Error ? error.message : String(error)
+        });
+      }
+    };
+    if (typeof window === "undefined") {
+      return;
+    }
+    const handleAuthTokenChange = () => {
+      void initializeSyncState();
+    };
+    window.addEventListener(AUTH_TOKEN_CHANGED_EVENT, handleAuthTokenChange);
+    window.addEventListener("pageshow", handleAuthTokenChange);
+    window.addEventListener("focus", handleAuthTokenChange);
+    return () => {
+      window.removeEventListener(AUTH_TOKEN_CHANGED_EVENT, handleAuthTokenChange);
+      window.removeEventListener("pageshow", handleAuthTokenChange);
+      window.removeEventListener("focus", handleAuthTokenChange);
+    };
+  }, [props.packageSettings.gatewayApiUrl, props.packageSettings.playgroundMode]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_query.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FeatureFlagProvider, { config: featureFlagConfig, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(NotificationProvider, { children: props.children }) }) });
 };
 var chat_provider_default = ChatProvider;
@@ -33032,6 +33249,7 @@ var PersonalitiesTab = ({
   const [deleteDialogOpen, setDeleteDialogOpen] = (0, import_react44.useState)(false);
   const [personalityToDelete, setPersonalityToDelete] = (0, import_react44.useState)(null);
   const [clickedChips, setClickedChips] = (0, import_react44.useState)(/* @__PURE__ */ new Set());
+  const [showTemplateHelp, setShowTemplateHelp] = (0, import_react44.useState)(false);
   const [cropperOpen, setCropperOpen] = (0, import_react44.useState)(false);
   const [selectedImageFile, setSelectedImageFile] = (0, import_react44.useState)(null);
   const promptTemplates = [
@@ -33285,28 +33503,15 @@ var PersonalitiesTab = ({
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_material36.Box, { 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__ */ (0, import_jsx_runtime36.jsxs)(import_material36.Box, { sx: { p: { xs: 1, sm: 2 } }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_material36.Box, { 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__ */ (0, import_jsx_runtime36.jsxs)(import_material36.Box, { sx: {
           display: "flex",
@@ -33336,8 +33541,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"
               }
@@ -33362,12 +33567,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__ */ (0, import_jsx_runtime36.jsx)(
+      isMobile ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+        import_material36.Box,
+        {
+          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__ */ (0, import_jsx_runtime36.jsxs)(import_material36.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 1 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material36.Typography, { variant: "body2", sx: { fontWeight: 600, color: "primary.main", fontSize: "0.82rem" }, children: "Tap any template to pre-fill your form" }),
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                import_material36.Button,
+                {
+                  size: "small",
+                  onClick: () => setShowTemplateHelp((prev) => !prev),
+                  sx: { minWidth: "auto", px: 1, fontSize: "0.72rem", whiteSpace: "nowrap" },
+                  children: showTemplateHelp ? "Hide" : "Details"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material36.Collapse, { in: showTemplateHelp, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material36.Typography, { 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__ */ (0, import_jsx_runtime36.jsx)(
         import_material36.Alert,
         {
           severity: "info",
@@ -33393,17 +33626,19 @@ var PersonalitiesTab = ({
         import_material36.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: '""',
@@ -33428,41 +33663,70 @@ var PersonalitiesTab = ({
             setPersonalityTabIndex(1);
           },
           children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_material36.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__ */ (0, import_jsx_runtime36.jsx)(import_material36.Box, { sx: {
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
               fontSize: 0,
-              mb: { xs: 1.5, sm: 2 }
-            }, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_AutoAwesome.default, { sx: { fontSize: { xs: 36, sm: 44 }, color: "common.white", filter: "drop-shadow(0 4px 12px rgba(0,0,0,0.25))" } }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-              import_material36.Typography,
-              {
-                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__ */ (0, import_jsx_runtime36.jsx)(
-              import_material36.Typography,
+              mb: { xs: 0, sm: 2 },
+              flexShrink: 0
+            }, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_AutoAwesome.default, { sx: { fontSize: { xs: 28, sm: 44 }, color: "common.white", filter: "drop-shadow(0 4px 12px rgba(0,0,0,0.25))" } }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_material36.Box, { sx: { flex: 1, minWidth: 0 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                import_material36.Typography,
+                {
+                  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__ */ (0, import_jsx_runtime36.jsx)(
+                import_material36.Typography,
+                {
+                  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__ */ (0, import_jsx_runtime36.jsx)(
+              import_material36.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
+                }
               }
             )
           ] })
@@ -33477,7 +33741,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__ */ (0, import_jsx_runtime36.jsx)(
         import_material36.Card,
@@ -33490,7 +33754,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",
@@ -33508,19 +33772,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": {
@@ -33529,7 +33795,7 @@ var PersonalitiesTab = ({
           },
           onClick: () => handleTemplateSelect(template),
           children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_material36.CardContent, { sx: {
-            p: { xs: 2.5, sm: 3 },
+            p: { xs: 2, sm: 3 },
             display: "flex",
             flexDirection: "column",
             height: "100%",
@@ -33539,7 +33805,7 @@ var PersonalitiesTab = ({
               /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_material36.Box, { 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__ */ (0, import_jsx_runtime36.jsx)(
@@ -33548,9 +33814,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)"
@@ -33604,10 +33870,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
@@ -33644,7 +33910,7 @@ var PersonalitiesTab = ({
         },
         index
       )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+      !isMobile && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
         import_material36.Alert,
         {
           severity: "info",
@@ -33658,20 +33924,7 @@ var PersonalitiesTab = ({
       )
     ] })
   ] });
-  const renderCreateEditTab = () => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_material36.Box, { 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__ */ (0, import_jsx_runtime36.jsxs)(import_material36.Box, { sx: { p: { xs: 1.5, sm: 2 } }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_material36.Box, { sx: { mb: { xs: 2.5, md: 4 } }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         import_material36.Typography,
@@ -34141,6 +34394,9 @@ var PersonalitiesTab = ({
       import_material36.Box,
       {
         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 },
@@ -34148,8 +34404,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__ */ (0, import_jsx_runtime36.jsx)(
@@ -34177,20 +34440,7 @@ var PersonalitiesTab = ({
       }
     )
   ] });
-  const renderManageTab = () => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_material36.Box, { 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__ */ (0, import_jsx_runtime36.jsxs)(import_material36.Box, { sx: { p: { xs: 1.5, sm: 2 } }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
       import_material36.Box,
       {
@@ -34439,7 +34689,7 @@ var PersonalitiesTab = ({
       ] })
     ] })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_material36.Box, { sx: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_material36.Box, { sx: { display: "flex", flexDirection: "column" }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
       import_material36.Box,
       {
@@ -34565,7 +34815,7 @@ var PersonalitiesTab = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_material36.Box, { sx: { flex: 1, overflow: "hidden" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_material36.Box, { sx: { minHeight: 0 }, children: [
       personalityTabIndex === 0 && renderTemplatesTab(),
       personalityTabIndex === 1 && renderCreateEditTab(),
       personalityTabIndex === 2 && renderManageTab()
@@ -38394,6 +38644,7 @@ var import_Add2 = __toESM(require("@mui/icons-material/Add"));
 var import_Archive = __toESM(require("@mui/icons-material/Archive"));
 var import_Delete6 = __toESM(require("@mui/icons-material/Delete"));
 var import_Description4 = __toESM(require("@mui/icons-material/Description"));
+var import_FolderOpen = __toESM(require("@mui/icons-material/FolderOpen"));
 var import_Group2 = __toESM(require("@mui/icons-material/Group"));
 var import_Person3 = __toESM(require("@mui/icons-material/Person"));
 var import_Publish = __toESM(require("@mui/icons-material/Publish"));
@@ -38673,6 +38924,22 @@ var archiveSeedPack = async (sid) => {
     throw error;
   }
 };
+var deleteSeedPack = async (sid) => {
+  const url = buildUrl2(`/seed-packs/${encodeURIComponent(sid)}`);
+  try {
+    const response = await fetch(url, { method: "DELETE", headers: buildHeaders2() });
+    if (response.status === 204) {
+      return;
+    }
+    await handleJsonResponse2(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
 var import_jsx_runtime42 = require("react/jsx-runtime");
@@ -38708,10 +38975,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 {
@@ -38723,17 +39003,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 };
 };
@@ -38849,7 +39134,7 @@ var SeedPackFileCard = ({ file, onPreview, onRemove, isReadOnly }) => /* @__PURE
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Tooltip, { title: file.name, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Tooltip, { title: file.relativePath ?? file.name, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
             import_material42.Typography,
             {
               variant: "body2",
@@ -38866,6 +39151,21 @@ var SeedPackFileCard = ({ file, onPreview, onRemove, isReadOnly }) => /* @__PURE
               children: file.name
             }
           ) }),
+          file.relativePath && file.relativePath !== file.name && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Tooltip, { title: file.relativePath, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            import_material42.Typography,
+            {
+              variant: "caption",
+              color: "text.secondary",
+              sx: {
+                display: "block",
+                whiteSpace: "nowrap",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                mb: 1
+              },
+              children: file.relativePath
+            }
+          ) }),
           /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
             import_material42.Box,
             {
@@ -38882,7 +39182,7 @@ var SeedPackFileCard = ({ file, onPreview, onRemove, isReadOnly }) => /* @__PURE
                     import_material42.Chip,
                     {
                       icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Person3.default, { sx: { fontSize: "0.9rem !important" } }),
-                      label: "Local",
+                      label: file.source === "azure-wiki" ? "Azure Wiki" : "Local",
                       size: "small",
                       sx: {
                         bgcolor: "#388e3c20",
@@ -38971,16 +39271,20 @@ var SeedPacksTab = () => {
   const [createImportedFiles, setCreateImportedFiles] = (0, import_react52.useState)([]);
   const [previewFile, setPreviewFile] = (0, import_react52.useState)(null);
   const fileInputRef = (0, import_react52.useRef)(null);
+  const wikiFolderInputRef = (0, import_react52.useRef)(null);
   const createFileInputRef = (0, import_react52.useRef)(null);
+  const createWikiFolderInputRef = (0, import_react52.useRef)(null);
   const [isLoadingList, setIsLoadingList] = (0, import_react52.useState)(false);
   const [isLoadingDetail, setIsLoadingDetail] = (0, import_react52.useState)(false);
   const [isSaving, setIsSaving] = (0, import_react52.useState)(false);
   const [isPublishing, setIsPublishing] = (0, import_react52.useState)(false);
   const [isArchiving, setIsArchiving] = (0, import_react52.useState)(false);
+  const [isDeleting, setIsDeleting] = (0, import_react52.useState)(false);
   const [isCreating, setIsCreating] = (0, import_react52.useState)(false);
   const [createDialogOpen, setCreateDialogOpen] = (0, import_react52.useState)(false);
   const [publishDialogOpen, setPublishDialogOpen] = (0, import_react52.useState)(false);
   const [archiveDialogOpen, setArchiveDialogOpen] = (0, import_react52.useState)(false);
+  const [deleteDialogOpen, setDeleteDialogOpen] = (0, import_react52.useState)(false);
   const [newPackName, setNewPackName] = (0, import_react52.useState)("");
   const [newPackDescription, setNewPackDescription] = (0, import_react52.useState)("");
   const [newPackTags, setNewPackTags] = (0, import_react52.useState)("");
@@ -39085,26 +39389,37 @@ var SeedPacksTab = () => {
       void loadSeedPackDetail(selectedSid);
     }
   }, [selectedSid, loadSeedPackDetail]);
+  (0, import_react52.useEffect)(() => {
+    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 = (0, import_react52.useCallback)(
-    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);
@@ -39119,8 +39434,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) {
@@ -39134,7 +39450,14 @@ ${combined}` : combined;
   );
   const handleFileInputChange = (0, import_react52.useCallback)(
     async (event) => {
-      await handleImportFiles(event.target.files);
+      await handleImportFiles(event.target.files, "local");
+      event.target.value = "";
+    },
+    [handleImportFiles]
+  );
+  const handleWikiFolderInputChange = (0, import_react52.useCallback)(
+    async (event) => {
+      await handleImportFiles(event.target.files, "azure-wiki");
       event.target.value = "";
     },
     [handleImportFiles]
@@ -39143,20 +39466,21 @@ ${combined}` : combined;
     setImportedFiles((prev) => prev.filter((file) => file.id !== id));
   }, []);
   const handleCreateImportFiles = (0, import_react52.useCallback)(
-    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"
       );
     },
@@ -39164,7 +39488,14 @@ ${combined}` : combined;
   );
   const handleCreateFileInputChange = (0, import_react52.useCallback)(
     async (event) => {
-      await handleCreateImportFiles(event.target.files);
+      await handleCreateImportFiles(event.target.files, "local");
+      event.target.value = "";
+    },
+    [handleCreateImportFiles]
+  );
+  const handleCreateWikiFolderInputChange = (0, import_react52.useCallback)(
+    async (event) => {
+      await handleCreateImportFiles(event.target.files, "azure-wiki");
       event.target.value = "";
     },
     [handleCreateImportFiles]
@@ -39309,6 +39640,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);
@@ -39510,32 +39869,56 @@ ${combined}` : combined;
                           sx: { mb: 1 },
                           children: [
                             /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "subtitle2", children: "Markdown content" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Stack, { direction: { xs: "column", sm: "row" }, spacing: 1, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                                import_material42.Button,
+                                {
+                                  size: "small",
+                                  variant: "outlined",
+                                  startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_UploadFile2.default, {}),
+                                  onClick: () => fileInputRef.current?.click(),
+                                  disabled: isReadOnly,
+                                  children: "Import .md"
+                                }
+                              ),
+                              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                                import_material42.Button,
+                                {
+                                  size: "small",
+                                  variant: "outlined",
+                                  startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_FolderOpen.default, {}),
+                                  onClick: () => wikiFolderInputRef.current?.click(),
+                                  disabled: isReadOnly,
+                                  children: "Import wiki folder"
+                                }
+                              )
+                            ] }),
                             /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                              import_material42.Button,
+                              "input",
                               {
-                                size: "small",
-                                variant: "outlined",
-                                startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_UploadFile2.default, {}),
-                                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__ */ (0, import_jsx_runtime42.jsx)(
                               "input",
                               {
-                                ref: fileInputRef,
+                                ref: wikiFolderInputRef,
                                 type: "file",
-                                accept: ".md",
+                                accept: ".md,.markdown,text/markdown",
                                 multiple: true,
-                                onChange: handleFileInputChange,
+                                onChange: handleWikiFolderInputChange,
                                 style: { display: "none" }
                               }
                             )
                           ]
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "caption", color: "text.secondary", sx: { mb: 1, display: "block" }, children: "Paste or import markdown files. Imports copy content into the editor." }),
+                      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { 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__ */ (0, import_jsx_runtime42.jsx)(
                         import_material42.TextField,
                         {
@@ -39634,6 +40017,17 @@ ${combined}` : combined;
                     disabled: isReadOnly || isArchiving,
                     children: isArchiving ? "Archiving..." : "Archive"
                   }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                  import_material42.Button,
+                  {
+                    variant: "text",
+                    color: "error",
+                    startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_Delete6.default, {}),
+                    onClick: () => setDeleteDialogOpen(true),
+                    disabled: isDeleting,
+                    children: isDeleting ? "Deleting..." : "Delete"
+                  }
                 )
               ] })
             ] })
@@ -39683,26 +40077,50 @@ ${combined}` : combined;
           ),
           /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Divider, {}),
           /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Stack, { direction: { xs: "column", sm: "row" }, spacing: 1, alignItems: "center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Stack, { direction: { xs: "column", sm: "row" }, spacing: 1, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                import_material42.Button,
+                {
+                  size: "small",
+                  variant: "outlined",
+                  startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_UploadFile2.default, {}),
+                  onClick: () => createFileInputRef.current?.click(),
+                  disabled: !canManage,
+                  children: "Import .md files"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                import_material42.Button,
+                {
+                  size: "small",
+                  variant: "outlined",
+                  startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_FolderOpen.default, {}),
+                  onClick: () => createWikiFolderInputRef.current?.click(),
+                  disabled: !canManage,
+                  children: "Import wiki folder"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "caption", color: "text.secondary", children: "Optional. Local files or cloned Azure DevOps wiki folders are merged into draft content." }),
             /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-              import_material42.Button,
+              "input",
               {
-                size: "small",
-                variant: "outlined",
-                startIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_UploadFile2.default, {}),
-                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__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "caption", color: "text.secondary", children: "Optional. Files are merged into the draft content." }),
             /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
               "input",
               {
-                ref: createFileInputRef,
+                ref: createWikiFolderInputRef,
                 type: "file",
-                accept: ".md",
+                accept: ".md,.markdown,text/markdown",
                 multiple: true,
-                onChange: handleCreateFileInputChange,
+                onChange: handleCreateWikiFolderInputChange,
                 style: { display: "none" }
               }
             )
@@ -39767,6 +40185,21 @@ ${combined}` : combined;
         /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Button, { variant: "contained", color: "error", onClick: handleArchive, disabled: isArchiving, children: isArchiving ? "Archiving..." : "Archive" })
       ] })
     ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.Dialog, { open: deleteDialogOpen, onClose: () => setDeleteDialogOpen(false), maxWidth: "sm", fullWidth: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.DialogTitle, { children: "Delete seed pack" }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogContent, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogContentText, { children: [
+          'Delete "',
+          selectedSeedPack?.name ?? "this seed pack",
+          '" permanently from this scope. Published versions and draft content will no longer be available.'
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Alert, { severity: "warning", sx: { mt: 2 }, children: "This action cannot be undone." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.DialogActions, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Button, { onClick: () => setDeleteDialogOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Button, { variant: "contained", color: "error", onClick: handleDelete, disabled: isDeleting, children: isDeleting ? "Deleting..." : "Delete" })
+      ] })
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
       import_material42.Dialog,
       {
@@ -40525,15 +40958,7 @@ var StorageTab = ({ currentTheme }) => {
       ] }) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "h6", gutterBottom: true, sx: { mb: 2, fontWeight: 600, color: "text.primary" }, children: "Storage Categories" }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { sx: {
-      maxHeight: "60vh",
-      overflow: "auto",
-      "&::-webkit-scrollbar": {
-        display: "none"
-      },
-      msOverflowStyle: "none",
-      scrollbarWidth: "none"
-    }, children: storageCategories.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Alert, { severity: "info", sx: { mt: 2 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { children: storageCategories.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Alert, { severity: "info", sx: { mt: 2 }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "body2", children: "No storage data found. This could mean:" }),
       /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Typography, { variant: "body2", component: "ul", sx: { mt: 1, pl: 2 }, children: [
         /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { children: "All databases are empty" }),
@@ -41775,7 +42200,7 @@ var Management = () => {
   const [modalOpen, setModalOpen] = (0, import_react57.useState)(false);
   const banditHead6 = "https://cdn.burtson.ai/images/bandit-head.png";
   const [fabLogo, setFabLogo] = (0, import_react57.useState)(banditHead6);
-  const [tabIndex, setTabIndex] = (0, import_react57.useState)(0);
+  const [tabIndex, setTabIndex] = (0, import_react57.useState)(4);
   const [logoFile, setLogoFile] = (0, import_react57.useState)(null);
   const [logoBase64, setLogoBase64] = (0, import_react57.useState)(null);
   const [brandingText, setBrandingText] = (0, import_react57.useState)("");
@@ -42488,7 +42913,6 @@ var Management = () => {
       }
     });
   }, [theme]);
-  if (!brandingLoaded) return null;
   const allNavTabs = [
     {
       label: "Personalities",
@@ -42545,6 +42969,18 @@ var Management = () => {
     }
     return true;
   });
+  const preferredDefaultTabIndex = navTabs.findIndex((tab) => tab.label === "Preferences");
+  const defaultTabIndex = preferredDefaultTabIndex >= 0 ? preferredDefaultTabIndex : 0;
+  (0, import_react57.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime47.jsxs)(
     import_material47.Box,
     {
@@ -42701,6 +43137,7 @@ var Management = () => {
       ]
     }
   );
+  if (!brandingLoaded) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_material47.ThemeProvider, { theme: currentTheme, children: [
     /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_material47.CssBaseline, {}),
     /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
@@ -42721,7 +43158,7 @@ var Management = () => {
             {
               sx: {
                 width: "100%",
-                height: 64,
+                minHeight: 64,
                 display: "flex",
                 alignItems: "center",
                 justifyContent: "space-between",
@@ -42804,6 +43241,73 @@ var Management = () => {
               ]
             }
           ),
+          isMobile && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+            import_material47.Box,
+            {
+              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__ */ (0, import_jsx_runtime47.jsx)(
+                    import_material47.Button,
+                    {
+                      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 ${(0, import_styles31.alpha)(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__ */ (0, import_jsx_runtime47.jsx)(
+                  import_material47.Button,
+                  {
+                    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 ${(0, import_styles31.alpha)(theme2.palette.divider, 0.6)}`
+                    },
+                    children: "More"
+                  }
+                )
+              ]
+            }
+          ),
           isMobile ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
             import_material47.SwipeableDrawer,
             {
@@ -42856,26 +43360,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__ */ (0, import_jsx_runtime47.jsx)(