@burtson-labs/bandit-engine 2.1.5 → 2.1.8

package/dist/chunk-5WCKKD3S.mjs

@@ -0,0 +1,1742 @@
+import {
+  PROJECT_COLORS,
+  useConversationStore,
+  useFeatureVisibility,
+  useProjectStore
+} from "./chunk-LAH6UL3Q.mjs";
+import {
+  usePreferencesStore
+} from "./chunk-5LXCZJLJ.mjs";
+import {
+  indexedDBService_default
+} from "./chunk-KPT7NNNK.mjs";
+import {
+  Check,
+  Edit,
+  Folder,
+  GripVertical,
+  Home,
+  Inbox,
+  LogOut,
+  MailOpen,
+  MessageSquarePlus,
+  MoreVertical,
+  Plus,
+  Search,
+  Settings,
+  Trash
+} from "./chunk-5URP2E5V.mjs";
+import {
+  usePackageSettingsStore
+} from "./chunk-K7SQWDNF.mjs";
+import {
+  authenticationService,
+  readPersistedToken,
+  useAuthenticationStore
+} from "./chunk-S3DWWUBD.mjs";
+import {
+  debugLogger
+} from "./chunk-NI7BKLC7.mjs";
+
+// src/chat/sidebar/sidebarState.ts
+import { create } from "zustand";
+var SIDEBAR_WIDTH = 300;
+var SIDEBAR_COLLAPSED_KEY = "bandit.sidebar.collapsed";
+var SIDEBAR_DEFAULT_OPEN_MIN_WIDTH = 1024;
+var CHAT_VIEW = { kind: "chat" };
+var readPersistedCollapsed = () => {
+  try {
+    const raw = localStorage.getItem(SIDEBAR_COLLAPSED_KEY);
+    return raw === null ? null : raw === "1";
+  } catch {
+    return null;
+  }
+};
+var writePersistedCollapsed = (collapsed) => {
+  try {
+    localStorage.setItem(SIDEBAR_COLLAPSED_KEY, collapsed ? "1" : "0");
+  } catch {
+  }
+};
+var initialSidebarOpen = (viewportWidth = typeof window === "undefined" ? 0 : window.innerWidth) => {
+  const persisted = readPersistedCollapsed();
+  if (persisted !== null) return !persisted;
+  return viewportWidth >= SIDEBAR_DEFAULT_OPEN_MIN_WIDTH;
+};
+function viewFromSearch(search) {
+  const params = new URLSearchParams(search);
+  const projectId = params.get("project");
+  if (projectId) return { kind: "project", projectId };
+  if (params.get("view") === "projects") return { kind: "projects" };
+  return CHAT_VIEW;
+}
+function searchWithView(search, view) {
+  const params = new URLSearchParams(search);
+  params.delete("view");
+  params.delete("project");
+  if (view.kind === "projects") params.set("view", "projects");
+  if (view.kind === "project") params.set("project", view.projectId);
+  const next = params.toString();
+  return next ? `?${next}` : "";
+}
+var sameView = (a, b) => a.kind === b.kind && (a.kind !== "project" || b.kind !== "project" || a.projectId === b.projectId);
+var useSidebarStore = create((set) => ({
+  view: CHAT_VIEW,
+  searchFocusRequest: 0,
+  setView: (view) => set({ view }),
+  showChat: () => set({ view: CHAT_VIEW }),
+  showProjects: () => set({ view: { kind: "projects" } }),
+  openProject: (projectId) => set({ view: { kind: "project", projectId } }),
+  requestSearchFocus: () => set((state) => ({ searchFocusRequest: state.searchFocusRequest + 1 }))
+}));
+function syncViewWithUrl() {
+  if (typeof window === "undefined") return () => {
+  };
+  const store = useSidebarStore;
+  store.getState().setView(viewFromSearch(window.location.search));
+  const onPop = () => store.getState().setView(viewFromSearch(window.location.search));
+  window.addEventListener("popstate", onPop);
+  const unsubscribe = store.subscribe((state, previous) => {
+    if (sameView(state.view, previous.view)) return;
+    const current = viewFromSearch(window.location.search);
+    if (sameView(current, state.view)) return;
+    const search = searchWithView(window.location.search, state.view);
+    const url = `${window.location.pathname}${search}${window.location.hash}`;
+    window.history.pushState(window.history.state, "", url);
+  });
+  return () => {
+    window.removeEventListener("popstate", onPop);
+    unsubscribe();
+  };
+}
+var useSidebarLayout = () => usePackageSettingsStore((state) => state.settings?.navigation?.sidebar ?? "classic");
+var useSectionsLayout = () => useSidebarLayout() === "sections";
+
+// src/services/branding/brandingService.ts
+var BrandingService = class {
+  DB_NAME = "banditConfig";
+  DB_VERSION = 1;
+  STORE_NAME = "config";
+  STORE_CONFIGS = [{ name: "config", keyPath: "id" }];
+  async getBranding() {
+    try {
+      const data = await indexedDBService_default.get(
+        this.DB_NAME,
+        this.DB_VERSION,
+        this.STORE_NAME,
+        "main",
+        this.STORE_CONFIGS
+      );
+      if (data?.branding && (data.branding.logoBase64 || data.branding.hasTransparentLogo !== void 0 || data.branding.brandingText)) {
+        return {
+          logoBase64: data.branding.logoBase64,
+          hasTransparentLogo: data.branding.hasTransparentLogo,
+          brandingText: data.branding.brandingText
+        };
+      }
+      return null;
+    } catch (error) {
+      throw error;
+    }
+  }
+  async setBrandingFromConfig(config) {
+    try {
+      const existing = await indexedDBService_default.get(
+        this.DB_NAME,
+        this.DB_VERSION,
+        this.STORE_NAME,
+        "main",
+        this.STORE_CONFIGS
+      ) || { id: "main" };
+      if (existing.branding?.userSaved) {
+        debugLogger.debug(
+          "\u{1F6E1}\uFE0F BrandingService: User branding detected, blocking CDN config override"
+        );
+        return;
+      }
+      const hasUserBranding = existing.branding && (existing.branding.logoBase64 || existing.branding.brandingText || existing.branding.theme || existing.branding.hasTransparentLogo !== void 0);
+      if (hasUserBranding) {
+        debugLogger.debug(
+          "\u{1F6E1}\uFE0F BrandingService: Detected user branding data, blocking CDN config override"
+        );
+        return;
+      }
+      debugLogger.debug(
+        "\u{1F527} BrandingService: No user branding detected, applying CDN config"
+      );
+      const branding = config.branding || {};
+      const updated = {
+        ...existing,
+        branding: {
+          ...existing.branding,
+          ...branding
+        }
+      };
+      await indexedDBService_default.put(
+        this.DB_NAME,
+        this.DB_VERSION,
+        this.STORE_NAME,
+        updated,
+        this.STORE_CONFIGS
+      );
+    } catch (error) {
+      throw error;
+    }
+  }
+};
+var brandingService = new BrandingService();
+var brandingService_default = brandingService;
+
+// src/utils/installedApp.ts
+var isNativeShell = () => {
+  if (typeof window === "undefined") return false;
+  const cap = window.Capacitor;
+  return typeof cap?.isNativePlatform === "function" && cap.isNativePlatform() === true;
+};
+var isStandalonePwa = () => {
+  if (typeof window === "undefined") return false;
+  const nav = window.navigator;
+  return window.matchMedia?.("(display-mode: standalone)").matches || nav.standalone === true;
+};
+
+// src/hooks/useSafeNavigate.ts
+import { useRef } from "react";
+import { useNavigate } from "react-router-dom";
+var useSafeNavigate = () => {
+  const warned = useRef(false);
+  let navigate = null;
+  try {
+    navigate = useNavigate();
+  } catch (error) {
+    if (!warned.current) {
+      debugLogger.warn("useSafeNavigate: no Router context; falling back to location", {
+        error
+      });
+      warned.current = true;
+    }
+    navigate = null;
+  }
+  return (to) => {
+    if (typeof window !== "undefined" && /^[a-z]+:\/\//i.test(to)) {
+      window.location.href = to;
+      return;
+    }
+    if (navigate) {
+      navigate(to);
+      return;
+    }
+    if (typeof window !== "undefined") {
+      window.location.href = to;
+    }
+  };
+};
+
+// src/chat/move-conversation-modal.tsx
+import { useState, useEffect } from "react";
+import {
+  Dialog,
+  DialogTitle,
+  DialogContent,
+  DialogActions,
+  Button,
+  List,
+  ListItem,
+  ListItemButton,
+  ListItemText,
+  ListItemIcon,
+  Typography,
+  Avatar,
+  Radio,
+  Box,
+  Divider
+} from "@mui/material";
+import { useTheme } from "@mui/material/styles";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MoveConversationModal = ({
+  open,
+  onClose,
+  conversations,
+  currentProjectId = null
+}) => {
+  const theme = useTheme();
+  const { projects, _hasHydrated, hydrate } = useProjectStore();
+  const { moveConversationToProject } = useConversationStore();
+  const [selectedProjectId, setSelectedProjectId] = useState(
+    currentProjectId
+  );
+  useEffect(() => {
+    if (open && !_hasHydrated) {
+      hydrate();
+    }
+  }, [open, _hasHydrated, hydrate]);
+  useEffect(() => {
+    setSelectedProjectId(currentProjectId);
+  }, [currentProjectId, open]);
+  const handleMove = async () => {
+    try {
+      await Promise.all(
+        conversations.map(
+          (conv) => moveConversationToProject(conv.id, selectedProjectId)
+        )
+      );
+      onClose();
+    } catch (error) {
+      debugLogger.error("Failed to move conversations", {
+        error: error instanceof Error ? error.message : String(error)
+      });
+    }
+  };
+  const conversationCount = conversations.length;
+  const isMultiple = conversationCount > 1;
+  return /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      open,
+      onClose,
+      maxWidth: "sm",
+      fullWidth: true,
+      PaperProps: {
+        sx: {
+          bgcolor: theme.palette.background.paper,
+          backgroundImage: "none"
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxs(DialogTitle, { children: [
+          "Move ",
+          isMultiple ? `${conversationCount} Conversations` : "Conversation"
+        ] }),
+        /* @__PURE__ */ jsxs(DialogContent, { sx: { px: 3 }, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", sx: { mb: 2 }, children: isMultiple ? `Select a project to move ${conversationCount} conversations to:` : `Select a project to move "${conversations[0]?.name}" to:` }),
+          /* @__PURE__ */ jsxs(List, { children: [
+            /* @__PURE__ */ jsx(ListItem, { disablePadding: true, children: /* @__PURE__ */ jsxs(
+              ListItemButton,
+              {
+                onClick: () => setSelectedProjectId(null),
+                selected: selectedProjectId === null,
+                children: [
+                  /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(
+                    Radio,
+                    {
+                      checked: selectedProjectId === null,
+                      onChange: () => setSelectedProjectId(null),
+                      size: "small"
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(
+                    Avatar,
+                    {
+                      sx: {
+                        bgcolor: theme.palette.grey[400],
+                        width: 32,
+                        height: 32
+                      },
+                      children: /* @__PURE__ */ jsx(Inbox, {})
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(
+                    ListItemText,
+                    {
+                      primary: "No Project",
+                      secondary: "Keep conversations ungrouped"
+                    }
+                  )
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Divider, { sx: { my: 1 } }),
+            projects.map((project) => /* @__PURE__ */ jsx(ListItem, { disablePadding: true, children: /* @__PURE__ */ jsxs(
+              ListItemButton,
+              {
+                onClick: () => setSelectedProjectId(project.id),
+                selected: selectedProjectId === project.id,
+                children: [
+                  /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(
+                    Radio,
+                    {
+                      checked: selectedProjectId === project.id,
+                      onChange: () => setSelectedProjectId(project.id),
+                      size: "small"
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(
+                    Avatar,
+                    {
+                      sx: {
+                        bgcolor: project.color,
+                        width: 32,
+                        height: 32
+                      },
+                      children: /* @__PURE__ */ jsx(Folder, {})
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(ListItemText, { primary: project.name, secondary: project.description })
+                ]
+              }
+            ) }, project.id)),
+            projects.length === 0 && /* @__PURE__ */ jsx(
+              Box,
+              {
+                sx: {
+                  textAlign: "center",
+                  py: 2,
+                  color: theme.palette.text.secondary
+                },
+                children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "No projects available. Create a project first to organize conversations." })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(DialogActions, { sx: { px: 3, pb: 2 }, children: [
+          /* @__PURE__ */ jsx(Button, { onClick: onClose, children: "Cancel" }),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              onClick: handleMove,
+              variant: "contained",
+              disabled: selectedProjectId === currentProjectId,
+              children: [
+                "Move ",
+                isMultiple ? "Conversations" : "Conversation"
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+var move_conversation_modal_default = MoveConversationModal;
+
+// src/chat/simple-conversation-item.tsx
+import { useState as useState2, useRef as useRef2, useEffect as useEffect2 } from "react";
+import {
+  Box as Box2,
+  Typography as Typography2,
+  IconButton,
+  Menu,
+  MenuItem,
+  ListItemIcon as ListItemIcon2,
+  ListItemText as ListItemText2,
+  useMediaQuery,
+  TextField,
+  Dialog as Dialog2,
+  DialogTitle as DialogTitle2,
+  DialogContent as DialogContent2,
+  DialogActions as DialogActions2,
+  Button as Button2
+} from "@mui/material";
+import { useTheme as useTheme2, alpha } from "@mui/material/styles";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var SimpleConversationItem = ({
+  conversation,
+  isSelected,
+  onSelect,
+  onDelete,
+  onRename,
+  onMove,
+  projectColor,
+  snippet,
+  searchQuery,
+  onTouchDragStart,
+  onTouchDragMove,
+  onTouchDragEnd,
+  isTouchDragActive,
+  dense = false
+}) => {
+  const theme = useTheme2();
+  const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
+  const [anchorEl, setAnchorEl] = useState2(null);
+  const [isEditing, setIsEditing] = useState2(false);
+  const [editName, setEditName] = useState2(conversation.name);
+  const [isDragging, setIsDragging] = useState2(false);
+  const [isTouchDragging, setIsTouchDragging] = useState2(false);
+  const [showRenameDialog, setShowRenameDialog] = useState2(false);
+  const longPressTimeoutRef = useRef2(null);
+  const touchStartPointRef = useRef2(null);
+  const activeTouchIdRef = useRef2(null);
+  const suppressClickRef = useRef2(false);
+  const highlightText = (text, query) => {
+    if (!query || !query.trim()) {
+      return text;
+    }
+    const regex = new RegExp(`(${query.trim()})`, "gi");
+    const parts = text.split(regex);
+    return parts.map(
+      (part, index) => regex.test(part) ? /* @__PURE__ */ jsx2(
+        Box2,
+        {
+          component: "span",
+          sx: {
+            bgcolor: alpha(theme.palette.warning.main, 0.3),
+            color: theme.palette.text.primary,
+            fontWeight: 600,
+            borderRadius: 0.5,
+            px: 0.25
+          },
+          children: part
+        },
+        index
+      ) : part
+    );
+  };
+  const handleMenuOpen = (event) => {
+    event.stopPropagation();
+    event.preventDefault();
+    setAnchorEl(event.currentTarget);
+  };
+  const handleMenuClose = () => {
+    setAnchorEl(null);
+  };
+  const handleEdit = () => {
+    setEditName(conversation.name);
+    if (isMobile) {
+      setShowRenameDialog(true);
+    } else {
+      setIsEditing(true);
+    }
+    handleMenuClose();
+  };
+  const handleMove = () => {
+    if (onMove) {
+      onMove();
+    }
+    handleMenuClose();
+  };
+  const handleDelete = () => {
+    onDelete();
+    handleMenuClose();
+  };
+  const commitRename = () => {
+    const trimmed = editName.trim();
+    if (!trimmed) {
+      return;
+    }
+    if (trimmed !== conversation.name) {
+      onRename?.(trimmed);
+    }
+    setEditName(trimmed);
+  };
+  const handleSaveEdit = () => {
+    commitRename();
+    setIsEditing(false);
+  };
+  const handleCancelEdit = () => {
+    setIsEditing(false);
+    setEditName(conversation.name);
+  };
+  const handleDragStart = (e) => {
+    setIsDragging(true);
+    e.dataTransfer.setData("text/plain", conversation.id);
+    e.dataTransfer.effectAllowed = "move";
+  };
+  const handleDragEnd = () => {
+    setIsDragging(false);
+  };
+  const cancelLongPress = () => {
+    if (longPressTimeoutRef.current !== null) {
+      window.clearTimeout(longPressTimeoutRef.current);
+      longPressTimeoutRef.current = null;
+    }
+  };
+  const handleTouchStart = (e) => {
+    if (!isMobile || isEditing) return;
+    if (e.touches.length === 0) return;
+    const touch = e.touches[0];
+    touchStartPointRef.current = { x: touch.clientX, y: touch.clientY };
+    activeTouchIdRef.current = touch.identifier;
+    suppressClickRef.current = false;
+    cancelLongPress();
+    const initialTouch = touch;
+    longPressTimeoutRef.current = window.setTimeout(() => {
+      if (activeTouchIdRef.current !== null) {
+        setIsTouchDragging(true);
+        onTouchDragStart?.(conversation, initialTouch);
+      }
+    }, 350);
+  };
+  const handleTouchMove = (e) => {
+    if (!isMobile) return;
+    const targetTouch = activeTouchIdRef.current !== null ? Array.from(e.touches).find((t) => t.identifier === activeTouchIdRef.current) : e.touches[0];
+    if (!targetTouch) return;
+    if (isTouchDragging) {
+      if (e.cancelable) {
+        e.preventDefault();
+      }
+      onTouchDragMove?.(targetTouch);
+      return;
+    }
+    const startPoint = touchStartPointRef.current;
+    if (startPoint) {
+      const deltaX = Math.abs(targetTouch.clientX - startPoint.x);
+      const deltaY = Math.abs(targetTouch.clientY - startPoint.y);
+      if (deltaX > 8 || deltaY > 8) {
+        cancelLongPress();
+      }
+    }
+  };
+  const finalizeTouchDrag = (touch) => {
+    if (isTouchDragging) {
+      onTouchDragEnd?.(touch);
+      suppressClickRef.current = true;
+    }
+    setIsTouchDragging(false);
+    activeTouchIdRef.current = null;
+    touchStartPointRef.current = null;
+    cancelLongPress();
+  };
+  const handleTouchEnd = (e) => {
+    if (!isMobile) return;
+    const touch = activeTouchIdRef.current !== null ? Array.from(e.changedTouches).find(
+      (t) => t.identifier === activeTouchIdRef.current
+    ) : e.changedTouches[0];
+    finalizeTouchDrag(touch);
+  };
+  const handleTouchCancel = () => {
+    if (!isMobile) return;
+    finalizeTouchDrag();
+  };
+  useEffect2(() => {
+    if (!isTouchDragActive && isTouchDragging) {
+      setIsTouchDragging(false);
+    }
+  }, [isTouchDragActive, isTouchDragging]);
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsxs2(
+      Box2,
+      {
+        "data-project-id": conversation.projectId ?? "__ungrouped",
+        draggable: !isMobile && !isEditing,
+        onDragStart: handleDragStart,
+        onDragEnd: handleDragEnd,
+        onTouchStart: handleTouchStart,
+        onTouchMove: handleTouchMove,
+        onTouchEnd: handleTouchEnd,
+        onTouchCancel: handleTouchCancel,
+        onClick: isEditing || isTouchDragging ? void 0 : (event) => {
+          if (suppressClickRef.current) {
+            suppressClickRef.current = false;
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+          }
+          onSelect();
+        },
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          px: 2,
+          py: dense ? 0.5 : 1.5,
+          mx: 1,
+          borderRadius: 1,
+          cursor: isEditing || isTouchDragging ? "default" : "pointer",
+          bgcolor: isSelected ? alpha(projectColor || theme.palette.primary.main, 0.15) : "transparent",
+          border: isSelected ? `1px solid ${alpha(projectColor || theme.palette.primary.main, 0.3)}` : "1px solid transparent",
+          opacity: isDragging || isTouchDragActive ? 0.55 : 1,
+          transition: "all 0.2s ease",
+          transform: isTouchDragActive ? "scale(0.98)" : "none",
+          boxShadow: isTouchDragActive ? `0 12px 24px ${alpha(theme.palette.common.black, 0.25)}` : void 0,
+          touchAction: isTouchDragActive ? "none" : void 0,
+          userSelect: isTouchDragging || isTouchDragActive ? "none" : void 0,
+          WebkitUserSelect: isTouchDragging || isTouchDragActive ? "none" : void 0,
+          "&:hover": !isEditing && !isTouchDragging ? {
+            bgcolor: alpha(theme.palette.text.primary, 0.04)
+          } : {},
+          // Better touch handling on mobile
+          ...isMobile && {
+            minHeight: dense ? 44 : 48,
+            // Larger touch target
+            userSelect: "none",
+            WebkitUserSelect: "none",
+            WebkitTouchCallout: "none",
+            "&:active": {
+              bgcolor: alpha(theme.palette.text.primary, 0.08)
+            }
+          }
+        },
+        children: [
+          !isMobile && !isEditing && /* @__PURE__ */ jsx2(
+            GripVertical,
+            {
+              size: 16,
+              color: theme.palette.text.disabled,
+              style: { marginRight: 4, cursor: "grab" }
+            }
+          ),
+          /* @__PURE__ */ jsxs2(Box2, { sx: { flex: 1, minWidth: 0 }, children: [
+            isEditing ? /* @__PURE__ */ jsx2(
+              TextField,
+              {
+                value: editName,
+                onChange: (e) => setEditName(e.target.value),
+                onBlur: handleSaveEdit,
+                onKeyDown: (e) => {
+                  if (e.key === "Enter") {
+                    handleSaveEdit();
+                  } else if (e.key === "Escape") {
+                    handleCancelEdit();
+                  }
+                },
+                size: "small",
+                variant: "standard",
+                autoFocus: true,
+                fullWidth: true,
+                sx: {
+                  "& .MuiInput-root": {
+                    fontSize: "0.875rem"
+                  }
+                }
+              }
+            ) : /* @__PURE__ */ jsx2(
+              Typography2,
+              {
+                variant: "body2",
+                sx: {
+                  fontWeight: isSelected ? 600 : 400,
+                  color: isSelected ? projectColor || theme.palette.primary.main : theme.palette.text.primary,
+                  overflow: "hidden",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "nowrap",
+                  fontSize: "0.875rem"
+                },
+                children: highlightText(conversation.name, searchQuery)
+              }
+            ),
+            !isEditing && snippet && /* @__PURE__ */ jsx2(
+              Typography2,
+              {
+                variant: "caption",
+                sx: {
+                  display: "-webkit-box",
+                  WebkitLineClamp: 2,
+                  WebkitBoxOrient: "vertical",
+                  overflow: "hidden",
+                  color: alpha(theme.palette.text.secondary, 0.9),
+                  mt: 0.25,
+                  lineHeight: 1.3,
+                  fontSize: "0.72rem"
+                },
+                title: snippet,
+                children: highlightText(snippet, searchQuery)
+              }
+            )
+          ] }),
+          !isEditing && /* @__PURE__ */ jsx2(
+            IconButton,
+            {
+              onClick: handleMenuOpen,
+              size: "small",
+              sx: {
+                opacity: isMobile ? 1 : isSelected ? 1 : 0,
+                // Always visible on mobile
+                color: theme.palette.text.secondary,
+                ml: 1,
+                minWidth: 32,
+                minHeight: 32,
+                transition: "opacity 0.2s ease",
+                ".MuiBox-root:hover &": {
+                  opacity: 1
+                },
+                // Larger touch target on mobile
+                ...isMobile && {
+                  padding: 1,
+                  "&:before": {
+                    content: '""',
+                    position: "absolute",
+                    top: -8,
+                    left: -8,
+                    right: -8,
+                    bottom: -8
+                  }
+                }
+              },
+              children: /* @__PURE__ */ jsx2(MoreVertical, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsxs2(
+            Menu,
+            {
+              anchorEl,
+              open: Boolean(anchorEl),
+              onClose: handleMenuClose,
+              onClick: (e) => e.stopPropagation(),
+              transformOrigin: {
+                vertical: "top",
+                horizontal: "right"
+              },
+              anchorOrigin: {
+                vertical: "top",
+                horizontal: "right"
+              },
+              PaperProps: {
+                sx: {
+                  // Larger menu items on mobile for easier touch
+                  ...isMobile && {
+                    "& .MuiMenuItem-root": {
+                      minHeight: 48,
+                      fontSize: "1rem"
+                    }
+                  }
+                }
+              },
+              children: [
+                onRename && /* @__PURE__ */ jsxs2(MenuItem, { onClick: handleEdit, children: [
+                  /* @__PURE__ */ jsx2(ListItemIcon2, { children: /* @__PURE__ */ jsx2(Edit, { size: 16 }) }),
+                  /* @__PURE__ */ jsx2(ListItemText2, { children: "Rename" })
+                ] }),
+                onMove && /* @__PURE__ */ jsxs2(MenuItem, { onClick: handleMove, children: [
+                  /* @__PURE__ */ jsx2(ListItemIcon2, { children: /* @__PURE__ */ jsx2(MailOpen, { size: 16 }) }),
+                  /* @__PURE__ */ jsx2(ListItemText2, { children: "Move to Project" })
+                ] }),
+                /* @__PURE__ */ jsxs2(MenuItem, { onClick: handleDelete, children: [
+                  /* @__PURE__ */ jsx2(ListItemIcon2, { children: /* @__PURE__ */ jsx2(Trash, { size: 16 }) }),
+                  /* @__PURE__ */ jsx2(ListItemText2, { children: "Delete" })
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    isMobile && /* @__PURE__ */ jsxs2(
+      Dialog2,
+      {
+        open: showRenameDialog,
+        onClose: () => {
+          setShowRenameDialog(false);
+          setEditName(conversation.name);
+        },
+        fullWidth: true,
+        PaperProps: {
+          sx: {
+            borderRadius: 3,
+            pb: 1
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsx2(DialogTitle2, { sx: { pb: 1 }, children: "Rename Conversation" }),
+          /* @__PURE__ */ jsx2(DialogContent2, { children: /* @__PURE__ */ jsx2(
+            TextField,
+            {
+              value: editName,
+              onChange: (e) => setEditName(e.target.value),
+              autoFocus: true,
+              fullWidth: true,
+              placeholder: "Enter a new name",
+              InputProps: {
+                sx: { fontSize: "1rem" }
+              }
+            }
+          ) }),
+          /* @__PURE__ */ jsxs2(DialogActions2, { sx: { px: 3, pb: 2 }, children: [
+            /* @__PURE__ */ jsx2(
+              Button2,
+              {
+                onClick: () => {
+                  setShowRenameDialog(false);
+                  setEditName(conversation.name);
+                },
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ jsx2(
+              Button2,
+              {
+                onClick: () => {
+                  commitRename();
+                  setShowRenameDialog(false);
+                },
+                variant: "contained",
+                disabled: !editName.trim() || editName.trim() === conversation.name,
+                children: "Save"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+var simple_conversation_item_default = SimpleConversationItem;
+
+// src/chat/sidebar/SidebarUserCard.tsx
+import { Avatar as Avatar2, Box as Box3, IconButton as IconButton2, Tooltip, Typography as Typography3, alpha as alpha2 } from "@mui/material";
+import { useTheme as useTheme3 } from "@mui/material/styles";
+
+// src/chat/sidebar/useSidebarUser.ts
+import { useCallback, useEffect as useEffect3, useMemo, useState as useState3 } from "react";
+var BANDIT_AVATAR = "https://cdn.burtson.ai/images/bandit-head.png";
+var optionalString = (value) => {
+  if (typeof value !== "string") return void 0;
+  const trimmed = value.trim();
+  return trimmed.length > 0 ? trimmed : void 0;
+};
+var deriveInitials = (value) => {
+  const sanitized = (value || "").trim();
+  if (!sanitized) return "B";
+  const words = sanitized.split(/\s+/).filter(Boolean);
+  if (words.length >= 2) {
+    const initials = `${words[0]?.charAt(0) ?? ""}${words[words.length - 1]?.charAt(0) ?? ""}`;
+    return (initials.trim() || sanitized.slice(0, 2)).toUpperCase();
+  }
+  const alphanumeric = sanitized.replace(/[^A-Za-z0-9]/g, "");
+  if (alphanumeric.length >= 1) return alphanumeric.slice(0, 2).toUpperCase();
+  return sanitized.slice(0, 2).toUpperCase();
+};
+function useSidebarUser() {
+  const { user } = useAuthenticationStore();
+  const [avatarSrc, setAvatarSrc] = useState3(BANDIT_AVATAR);
+  const claim = useCallback(
+    (key) => user ? optionalString(user[key]) : void 0,
+    [user]
+  );
+  const displayName = useMemo(() => {
+    if (!user) return void 0;
+    const candidates = [
+      optionalString(user.name),
+      optionalString(user.preferred_username),
+      user.given_name && user.family_name ? optionalString(`${user.given_name} ${user.family_name}`) : void 0,
+      claim("full_name"),
+      claim("displayName")
+    ];
+    return candidates.find(Boolean) ?? optionalString(user.email) ?? user.sub;
+  }, [user, claim]);
+  const secondaryText = useMemo(() => {
+    if (!user) return void 0;
+    const email = optionalString(user.email);
+    if (email && email !== displayName) return email;
+    const sub = optionalString(user.sub);
+    return sub && sub !== displayName ? sub : void 0;
+  }, [user, displayName]);
+  useEffect3(() => {
+    const fresh = readPersistedToken();
+    const store = useAuthenticationStore.getState();
+    if (fresh && fresh !== store.token) store.setToken(fresh);
+  }, []);
+  useEffect3(() => {
+    let active = true;
+    let objectUrl = null;
+    const resolve = async () => {
+      try {
+        const avatarId = claim("avatarUrl");
+        const fileStorageApiUrl = usePackageSettingsStore.getState().settings?.fileStorageApiUrl;
+        const token = useAuthenticationStore.getState().token;
+        if (avatarId && fileStorageApiUrl && token) {
+          const base = fileStorageApiUrl.replace(/\/$/, "");
+          const response = await fetch(
+            `${base}/app-asset/download/${encodeURIComponent(avatarId)}`,
+            { headers: { Authorization: `Bearer ${token}` } }
+          );
+          if (response.ok) {
+            const blob = await response.blob();
+            if (active) {
+              objectUrl = URL.createObjectURL(blob);
+              setAvatarSrc(objectUrl);
+            }
+            return;
+          }
+        }
+      } catch {
+      }
+      try {
+        const branding = await brandingService_default.getBranding();
+        if (active) setAvatarSrc(branding?.logoBase64 || BANDIT_AVATAR);
+      } catch (error) {
+        debugLogger.error("Failed to load branding avatar", {
+          error: error instanceof Error ? error.message : String(error)
+        });
+        if (active) setAvatarSrc(BANDIT_AVATAR);
+      }
+    };
+    void resolve();
+    return () => {
+      active = false;
+      if (objectUrl) URL.revokeObjectURL(objectUrl);
+    };
+  }, [claim]);
+  const label = displayName || user?.email || "Bandit";
+  return {
+    signedIn: Boolean(user),
+    displayName,
+    secondaryText,
+    avatarSrc,
+    initials: deriveInitials(label)
+  };
+}
+
+// src/chat/sidebar/SidebarUserCard.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function goHome(safeNavigate, preferencesHomeUrl) {
+  const homeUrl = preferencesHomeUrl?.trim() || usePackageSettingsStore.getState().settings?.homeUrl?.trim() || "";
+  if (homeUrl) {
+    window.location.href = homeUrl;
+    return;
+  }
+  if (isNativeShell()) {
+    safeNavigate("/chat");
+    return;
+  }
+  if (isStandalonePwa()) {
+    try {
+      sessionStorage.setItem("banditPwaStayOnHome", "true");
+    } catch {
+    }
+    window.location.href = "/?mode=home";
+    return;
+  }
+  window.location.href = "/";
+}
+var managementPathFor = (pathname) => pathname.startsWith("/playground") ? "/playground/management" : "/management";
+var SidebarUserCard = ({ safeAreaBottom }) => {
+  const theme = useTheme3();
+  const user = useSidebarUser();
+  const safeNavigate = useSafeNavigate();
+  const { preferences } = usePreferencesStore();
+  const { showLimitedAdminPanel } = useFeatureVisibility();
+  const managementPath = managementPathFor(
+    typeof window === "undefined" ? "/" : window.location.pathname
+  );
+  const roundButton = {
+    flexShrink: 0,
+    width: 32,
+    height: 32,
+    border: `1px solid ${alpha2(theme.palette.divider, 0.8)}`,
+    color: theme.palette.text.secondary,
+    "&:hover": {
+      color: theme.palette.text.primary,
+      bgcolor: alpha2(theme.palette.text.primary, 0.06)
+    },
+    "&:focus-visible": {
+      outline: `2px solid ${theme.palette.primary.main}`,
+      outlineOffset: "2px"
+    }
+  };
+  return /* @__PURE__ */ jsxs3(
+    Box3,
+    {
+      sx: {
+        mt: "auto",
+        px: 1.5,
+        py: 1.25,
+        pb: safeAreaBottom ? `calc(${theme.spacing(1.25)} + env(safe-area-inset-bottom, 0px))` : 1.25,
+        borderTop: `1px solid ${alpha2(theme.palette.divider, 0.6)}`,
+        display: "flex",
+        alignItems: "center",
+        gap: 1
+      },
+      children: [
+        /* @__PURE__ */ jsxs3(
+          Box3,
+          {
+            component: user.signedIn ? "button" : "div",
+            type: user.signedIn ? "button" : void 0,
+            onClick: user.signedIn ? () => safeNavigate("/profile") : void 0,
+            "aria-label": user.signedIn ? "Profile and account" : void 0,
+            sx: {
+              flex: 1,
+              minWidth: 0,
+              display: "flex",
+              alignItems: "center",
+              gap: 1.25,
+              p: 0.5,
+              m: -0.5,
+              border: 0,
+              borderRadius: 1,
+              bgcolor: "transparent",
+              color: "inherit",
+              font: "inherit",
+              textAlign: "left",
+              cursor: user.signedIn ? "pointer" : "default",
+              "&:hover": user.signedIn ? { bgcolor: alpha2(theme.palette.text.primary, 0.04) } : void 0,
+              "&:focus-visible": {
+                outline: `2px solid ${theme.palette.primary.main}`,
+                outlineOffset: "-2px"
+              }
+            },
+            children: [
+              /* @__PURE__ */ jsx3(
+                Avatar2,
+                {
+                  src: user.avatarSrc,
+                  alt: "",
+                  sx: {
+                    width: 34,
+                    height: 34,
+                    fontSize: "0.9rem",
+                    bgcolor: alpha2(theme.palette.primary.main, 0.12),
+                    color: theme.palette.primary.main
+                  },
+                  children: user.initials
+                }
+              ),
+              /* @__PURE__ */ jsxs3(Box3, { sx: { minWidth: 0, display: "flex", flexDirection: "column" }, children: [
+                /* @__PURE__ */ jsx3(
+                  Typography3,
+                  {
+                    variant: "subtitle2",
+                    noWrap: true,
+                    sx: { fontWeight: 600, lineHeight: 1.3 },
+                    children: user.signedIn ? user.displayName : "Not signed in"
+                  }
+                ),
+                /* @__PURE__ */ jsx3(
+                  Typography3,
+                  {
+                    variant: "caption",
+                    noWrap: true,
+                    sx: { color: theme.palette.text.secondary, lineHeight: 1.3 },
+                    children: user.signedIn ? user.secondaryText || "Profile and account" : "Sign in to sync chats"
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx3(Tooltip, { title: "Home", arrow: true, children: /* @__PURE__ */ jsx3(
+          IconButton2,
+          {
+            "aria-label": "Home",
+            onClick: () => goHome(safeNavigate, preferences.homeUrl),
+            sx: roundButton,
+            children: /* @__PURE__ */ jsx3(Home, { size: 16 })
+          }
+        ) }),
+        user.signedIn && showLimitedAdminPanel() && /* @__PURE__ */ jsx3(Tooltip, { title: "Settings", arrow: true, children: /* @__PURE__ */ jsx3(
+          IconButton2,
+          {
+            "aria-label": "Settings",
+            onClick: () => safeNavigate(managementPath),
+            sx: roundButton,
+            children: /* @__PURE__ */ jsx3(Settings, { size: 16 })
+          }
+        ) }),
+        user.signedIn && /* @__PURE__ */ jsx3(Tooltip, { title: "Sign out", arrow: true, children: /* @__PURE__ */ jsx3(
+          IconButton2,
+          {
+            "aria-label": "Sign out",
+            onClick: () => {
+              authenticationService.clearToken();
+              window.location.href = "/login";
+            },
+            sx: {
+              ...roundButton,
+              border: `1px solid ${alpha2(theme.palette.error.main, 0.4)}`,
+              color: theme.palette.error.main,
+              "&:hover": { bgcolor: alpha2(theme.palette.error.main, 0.1) }
+            },
+            children: /* @__PURE__ */ jsx3(LogOut, { size: 16 })
+          }
+        ) })
+      ]
+    }
+  );
+};
+
+// src/chat/sidebar/ProjectDialog.tsx
+import { useEffect as useEffect4, useState as useState4 } from "react";
+import {
+  Box as Box4,
+  Button as Button3,
+  Dialog as Dialog3,
+  DialogActions as DialogActions3,
+  DialogContent as DialogContent3,
+  DialogTitle as DialogTitle3,
+  TextField as TextField2,
+  alpha as alpha3
+} from "@mui/material";
+import { useTheme as useTheme4 } from "@mui/material/styles";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var ProjectDialog = ({
+  open,
+  onClose,
+  project,
+  onCreated
+}) => {
+  const theme = useTheme4();
+  const { createProject, renameProject, updateProjectColor, projects } = useProjectStore();
+  const [name, setName] = useState4("");
+  const [color, setColor] = useState4(PROJECT_COLORS[0]);
+  const [saving, setSaving] = useState4(false);
+  const [error, setError] = useState4(null);
+  useEffect4(() => {
+    if (!open) return;
+    setName(project?.name ?? "");
+    setColor(project?.color ?? PROJECT_COLORS[projects.length % PROJECT_COLORS.length]);
+    setError(null);
+  }, [open, project, projects.length]);
+  const trimmed = name.trim();
+  const canSave = trimmed.length > 0 && !saving;
+  const save = async () => {
+    if (!canSave) return;
+    setSaving(true);
+    setError(null);
+    try {
+      if (project) {
+        if (trimmed !== project.name)
+          await renameProject(project.id, trimmed, project.description);
+        if (color !== project.color) await updateProjectColor(project.id, color);
+      } else {
+        const created = await createProject(trimmed, void 0, color);
+        onCreated?.(created);
+      }
+      onClose();
+    } catch (cause) {
+      debugLogger.error("Saving the project failed", {
+        error: cause instanceof Error ? cause.message : String(cause)
+      });
+      setError("The project could not be saved. Try again.");
+    } finally {
+      setSaving(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs4(Dialog3, { open, onClose, maxWidth: "xs", fullWidth: true, children: [
+    /* @__PURE__ */ jsx4(DialogTitle3, { children: project ? "Edit project" : "New project" }),
+    /* @__PURE__ */ jsxs4(DialogContent3, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+      /* @__PURE__ */ jsx4(
+        TextField2,
+        {
+          autoFocus: true,
+          label: "Name",
+          value: name,
+          onChange: (event) => setName(event.target.value),
+          onKeyDown: (event) => {
+            if (event.key === "Enter") {
+              event.preventDefault();
+              void save();
+            }
+          },
+          error: Boolean(error),
+          helperText: error ?? " ",
+          fullWidth: true,
+          size: "small",
+          inputProps: { maxLength: 80 }
+        }
+      ),
+      /* @__PURE__ */ jsx4(
+        Box4,
+        {
+          role: "radiogroup",
+          "aria-label": "Colour",
+          sx: { display: "flex", gap: 1, flexWrap: "wrap" },
+          children: PROJECT_COLORS.map((swatch) => {
+            const selected = swatch === color;
+            return /* @__PURE__ */ jsx4(
+              Box4,
+              {
+                component: "button",
+                type: "button",
+                role: "radio",
+                "aria-checked": selected,
+                "aria-label": `Colour ${swatch}`,
+                onClick: () => setColor(swatch),
+                sx: {
+                  width: 28,
+                  height: 28,
+                  p: 0,
+                  borderRadius: "50%",
+                  border: `2px solid ${selected ? theme.palette.text.primary : "transparent"}`,
+                  bgcolor: swatch,
+                  cursor: "pointer",
+                  display: "grid",
+                  placeItems: "center",
+                  color: theme.palette.getContrastText(swatch),
+                  "&:focus-visible": {
+                    outline: `2px solid ${theme.palette.primary.main}`,
+                    outlineOffset: "2px"
+                  },
+                  "&:hover": { boxShadow: `0 0 0 3px ${alpha3(swatch, 0.35)}` }
+                },
+                children: selected && /* @__PURE__ */ jsx4(Check, { size: 14, "aria-hidden": true })
+              },
+              swatch
+            );
+          })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs4(DialogActions3, { children: [
+      /* @__PURE__ */ jsx4(Button3, { onClick: onClose, children: "Cancel" }),
+      /* @__PURE__ */ jsx4(Button3, { variant: "contained", onClick: () => void save(), disabled: !canSave, children: project ? "Save" : "Create" })
+    ] })
+  ] });
+};
+
+// src/chat/sidebar/recents.ts
+var BUCKET_LABELS = {
+  today: "Today",
+  week: "Previous 7 days",
+  older: "Older"
+};
+var DAY_MS = 24 * 60 * 60 * 1e3;
+var asTime = (value) => {
+  if (!value) return 0;
+  const time = value instanceof Date ? value.getTime() : new Date(value).getTime();
+  return Number.isNaN(time) ? 0 : time;
+};
+var lastActivity = (conversation) => asTime(conversation.updatedAt) || asTime(conversation.createdAt);
+var startOfDay = (now) => {
+  const date = new Date(now);
+  date.setHours(0, 0, 0, 0);
+  return date.getTime();
+};
+function groupByRecency(conversations, now = Date.now()) {
+  const today = startOfDay(now);
+  const weekAgo = today - 7 * DAY_MS;
+  const sorted = [...conversations].sort((a, b) => lastActivity(b) - lastActivity(a));
+  const buckets = { today: [], week: [], older: [] };
+  for (const conversation of sorted) {
+    const time = lastActivity(conversation);
+    if (time >= today) buckets.today.push(conversation);
+    else if (time >= weekAgo) buckets.week.push(conversation);
+    else buckets.older.push(conversation);
+  }
+  return ["today", "week", "older"].filter((id) => buckets[id].length > 0).map((id) => ({ id, label: BUCKET_LABELS[id], items: buckets[id] }));
+}
+var buildSnippet = (text, query, index) => {
+  const start = Math.max(0, index - 40);
+  const end = Math.min(text.length, index + query.length + 60);
+  return text.slice(start, end).replace(/\s+/g, " ").trim();
+};
+function searchConversations(conversations, query) {
+  const needle = query.trim().toLowerCase();
+  if (!needle) return [];
+  const matches = [];
+  for (const conversation of conversations) {
+    if (conversation.name.toLowerCase().includes(needle)) {
+      matches.push({ conversation });
+      continue;
+    }
+    for (const entry of conversation.history) {
+      const body = `${entry.question || ""} ${entry.answer || ""}`;
+      const index = body.toLowerCase().indexOf(needle);
+      if (index !== -1) {
+        matches.push({ conversation, snippet: buildSnippet(body, needle, index) });
+        break;
+      }
+    }
+  }
+  return matches;
+}
+var listable = (conversations) => conversations.filter((conversation) => !conversation.incognito);
+function formatRelative(time, now = Date.now()) {
+  if (!time) return "";
+  const diff = Math.max(0, now - time);
+  const minute = 60 * 1e3;
+  const hour = 60 * minute;
+  if (diff < minute) return "just now";
+  if (diff < hour) return `${Math.floor(diff / minute)} min ago`;
+  if (diff < DAY_MS) return `${Math.floor(diff / hour)} h ago`;
+  const days = Math.floor((startOfDay(now) - startOfDay(time)) / DAY_MS);
+  if (days <= 1) return "yesterday";
+  if (days < 7) return `${days} days ago`;
+  const date = new Date(time);
+  const sameYear = date.getFullYear() === new Date(now).getFullYear();
+  return date.toLocaleDateString(void 0, {
+    month: "short",
+    day: "numeric",
+    ...sameYear ? {} : { year: "numeric" }
+  });
+}
+
+// src/chat/sidebar/SidebarProjects.tsx
+import { useMemo as useMemo2 } from "react";
+import { Box as Box6, IconButton as IconButton3, Tooltip as Tooltip2, Typography as Typography5 } from "@mui/material";
+import { useTheme as useTheme6 } from "@mui/material/styles";
+
+// src/chat/sidebar/SectionRow.tsx
+import { forwardRef } from "react";
+import { Box as Box5, ButtonBase, Typography as Typography4, alpha as alpha4 } from "@mui/material";
+import { useTheme as useTheme5 } from "@mui/material/styles";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var IS_MAC = typeof navigator !== "undefined" && /Mac|iPhone|iPad/.test(navigator.platform ?? "");
+var shortcutLabel = (combo) => {
+  if (IS_MAC) {
+    return combo.map((key) => key === "mod" ? "\u2318" : key === "shift" ? "\u21E7" : key).join("");
+  }
+  return combo.map((key) => key === "mod" ? "Ctrl" : key === "shift" ? "Shift" : key).join("+");
+};
+var SidebarKbd = ({ children }) => {
+  const theme = useTheme5();
+  return /* @__PURE__ */ jsx5(
+    Box5,
+    {
+      component: "kbd",
+      "aria-hidden": true,
+      sx: {
+        ml: "auto",
+        px: 0.6,
+        py: 0.1,
+        borderRadius: 0.75,
+        border: `1px solid ${alpha4(theme.palette.text.primary, 0.14)}`,
+        color: theme.palette.text.secondary,
+        fontFamily: "inherit",
+        fontSize: "0.68rem",
+        lineHeight: 1.4,
+        whiteSpace: "nowrap",
+        opacity: 0.9
+      },
+      children
+    }
+  );
+};
+var SidebarCaption = ({
+  children,
+  action,
+  component = "h2"
+}) => {
+  const theme = useTheme5();
+  return /* @__PURE__ */ jsxs5(
+    Box5,
+    {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        gap: 1,
+        px: 2,
+        pt: 1.5,
+        pb: 0.5,
+        minHeight: 32
+      },
+      children: [
+        /* @__PURE__ */ jsx5(
+          Typography4,
+          {
+            component,
+            sx: {
+              m: 0,
+              flex: 1,
+              color: theme.palette.text.secondary,
+              fontSize: "0.7rem",
+              fontWeight: 600,
+              letterSpacing: "0.5px",
+              textTransform: "uppercase",
+              lineHeight: 1.4
+            },
+            children
+          }
+        ),
+        action
+      ]
+    }
+  );
+};
+var SectionRow = forwardRef(function SectionRow2({
+  icon,
+  label,
+  trailing,
+  active = false,
+  href,
+  external,
+  onClick,
+  size = "regular",
+  swatch,
+  ...rest
+}, ref) {
+  const theme = useTheme5();
+  const anchorProps = href ? {
+    component: "a",
+    href,
+    ...external ? { rel: "noopener" } : {}
+  } : { component: "button", type: "button" };
+  return /* @__PURE__ */ jsxs5(
+    ButtonBase,
+    {
+      ref,
+      ...anchorProps,
+      onClick,
+      "aria-current": active ? "page" : void 0,
+      "aria-label": rest["aria-label"],
+      "data-section": rest["data-section"],
+      "data-external": external ? "" : void 0,
+      sx: {
+        width: "calc(100% - 16px)",
+        mx: 1,
+        minHeight: size === "touch" ? 44 : 36,
+        px: 1.25,
+        py: 0.5,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "flex-start",
+        gap: 1.25,
+        borderRadius: 1,
+        textAlign: "left",
+        textDecoration: "none",
+        font: "inherit",
+        fontSize: "0.875rem",
+        fontWeight: active ? 600 : 500,
+        color: active ? theme.palette.text.primary : theme.palette.text.secondary,
+        bgcolor: active ? alpha4(theme.palette.text.primary, 0.08) : "transparent",
+        transition: theme.transitions.create(["background-color", "color"], {
+          duration: theme.transitions.duration.shorter
+        }),
+        "@media (pointer: coarse)": { minHeight: 44 },
+        "&:hover": {
+          color: theme.palette.text.primary,
+          bgcolor: alpha4(theme.palette.text.primary, active ? 0.1 : 0.04)
+        },
+        "&:focus-visible": {
+          outline: `2px solid ${theme.palette.primary.main}`,
+          outlineOffset: "-2px"
+        },
+        "& svg": { flexShrink: 0 }
+      },
+      children: [
+        swatch ? /* @__PURE__ */ jsx5(
+          Box5,
+          {
+            "aria-hidden": true,
+            sx: {
+              width: 10,
+              height: 10,
+              mx: "4px",
+              borderRadius: "50%",
+              bgcolor: swatch,
+              flexShrink: 0
+            }
+          }
+        ) : icon,
+        /* @__PURE__ */ jsx5(
+          Box5,
+          {
+            component: "span",
+            sx: {
+              flex: 1,
+              minWidth: 0,
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap"
+            },
+            children: label
+          }
+        ),
+        trailing
+      ]
+    }
+  );
+});
+
+// src/chat/sidebar/SidebarProjects.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var SIDEBAR_PROJECT_LIMIT = 6;
+function summarizeProjects(projects, conversations) {
+  return projects.map((project) => {
+    const chats = conversations.filter((c) => c.projectId === project.id);
+    const newest = chats.reduce((max, c) => Math.max(max, lastActivity(c)), 0);
+    return {
+      project,
+      chatCount: chats.length,
+      activeAt: newest || project.updatedAt.getTime()
+    };
+  }).sort((a, b) => b.activeAt - a.activeAt || a.project.order - b.project.order);
+}
+var SidebarProjects = ({
+  activeProjectId,
+  onOpenProject,
+  onAllProjects,
+  onNewProject,
+  size
+}) => {
+  const theme = useTheme6();
+  const projects = useProjectStore((state) => state.projects);
+  const conversations = useConversationStore((state) => state.conversations);
+  const summaries = useMemo2(
+    () => summarizeProjects(projects, listable(conversations)),
+    [projects, conversations]
+  );
+  const shown = summaries.slice(0, SIDEBAR_PROJECT_LIMIT);
+  return /* @__PURE__ */ jsxs6(Box6, { component: "section", "aria-labelledby": "bandit-sidebar-projects", children: [
+    /* @__PURE__ */ jsx6(
+      SidebarCaption,
+      {
+        action: /* @__PURE__ */ jsx6(Tooltip2, { title: "New project", arrow: true, children: /* @__PURE__ */ jsx6(
+          IconButton3,
+          {
+            size: "small",
+            "aria-label": "New project",
+            onClick: onNewProject,
+            sx: { color: theme.palette.text.secondary, width: 28, height: 28 },
+            children: /* @__PURE__ */ jsx6(Plus, { size: 16 })
+          }
+        ) }),
+        children: /* @__PURE__ */ jsx6("span", { id: "bandit-sidebar-projects", children: "Projects" })
+      }
+    ),
+    shown.length === 0 && /* @__PURE__ */ jsx6(
+      Typography5,
+      {
+        variant: "caption",
+        sx: { display: "block", px: 2.25, pb: 1, color: theme.palette.text.secondary },
+        children: "No projects yet."
+      }
+    ),
+    shown.map(({ project, chatCount }) => /* @__PURE__ */ jsx6(
+      SectionRow,
+      {
+        "data-section": `project:${project.id}`,
+        swatch: project.color || theme.palette.text.disabled,
+        label: project.name,
+        size,
+        active: activeProjectId === project.id,
+        onClick: () => onOpenProject(project.id),
+        trailing: chatCount > 0 ? /* @__PURE__ */ jsx6(
+          Typography5,
+          {
+            component: "span",
+            variant: "caption",
+            "aria-label": `${chatCount} ${chatCount === 1 ? "chat" : "chats"}`,
+            sx: {
+              color: theme.palette.text.disabled,
+              fontVariantNumeric: "tabular-nums"
+            },
+            children: chatCount
+          }
+        ) : null
+      },
+      project.id
+    )),
+    summaries.length > SIDEBAR_PROJECT_LIMIT && /* @__PURE__ */ jsx6(
+      SectionRow,
+      {
+        "data-section": "all-projects",
+        label: `All projects (${summaries.length})`,
+        size,
+        onClick: onAllProjects,
+        icon: /* @__PURE__ */ jsx6(Box6, { "aria-hidden": true, sx: { width: 18 } })
+      }
+    )
+  ] });
+};
+
+// src/chat/sidebar/SidebarSections.tsx
+import { Box as Box7 } from "@mui/material";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var NEW_CHAT_SHORTCUT = ["mod", "shift", "O"];
+var SEARCH_SHORTCUT = ["mod", "K"];
+var TOGGLE_SIDEBAR_SHORTCUT = ["mod", "shift", "S"];
+var useNoSections = () => [];
+function useHostSections() {
+  const useSections = usePackageSettingsStore(
+    (state) => state.settings?.navigation?.useSections
+  );
+  return (useSections ?? useNoSections)();
+}
+var isPlainLeftClick = (event) => event.button === 0 && !event.metaKey && !event.ctrlKey && !event.shiftKey && !event.altKey;
+var SidebarSections = ({
+  onNewChat,
+  onSearch,
+  searchOpen,
+  onProjects,
+  projectsActive,
+  showHints = false,
+  size = "regular",
+  onAfterNavigate
+}) => {
+  const hostSections = useHostSections();
+  const safeNavigate = useSafeNavigate();
+  const iconSize = 18;
+  const follow = (section) => (event) => {
+    if (!isPlainLeftClick(event)) return;
+    section.onSelect?.(event);
+    if (event.defaultPrevented) {
+      onAfterNavigate?.();
+      return;
+    }
+    if (section.external) {
+      onAfterNavigate?.();
+      return;
+    }
+    event.preventDefault();
+    safeNavigate(section.href);
+    onAfterNavigate?.();
+  };
+  return /* @__PURE__ */ jsxs7(
+    Box7,
+    {
+      component: "nav",
+      "aria-label": "Chat navigation",
+      sx: { display: "flex", flexDirection: "column", gap: 0.25, pt: 0.5, pb: 1 },
+      children: [
+        /* @__PURE__ */ jsx7(
+          SectionRow,
+          {
+            "data-section": "new-chat",
+            icon: /* @__PURE__ */ jsx7(MessageSquarePlus, { size: iconSize }),
+            label: "New chat",
+            size,
+            onClick: onNewChat,
+            trailing: showHints ? /* @__PURE__ */ jsx7(SidebarKbd, { children: shortcutLabel(NEW_CHAT_SHORTCUT) }) : null
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          SectionRow,
+          {
+            "data-section": "search",
+            icon: /* @__PURE__ */ jsx7(Search, { size: iconSize }),
+            label: "Search chats",
+            size,
+            active: searchOpen,
+            onClick: onSearch,
+            "aria-label": searchOpen ? "Close search" : "Search chats",
+            trailing: showHints ? /* @__PURE__ */ jsx7(SidebarKbd, { children: shortcutLabel(SEARCH_SHORTCUT) }) : null
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          SectionRow,
+          {
+            "data-section": "projects",
+            icon: /* @__PURE__ */ jsx7(Folder, { size: iconSize }),
+            label: "Projects",
+            size,
+            active: projectsActive,
+            onClick: onProjects
+          }
+        ),
+        hostSections.map((section) => /* @__PURE__ */ jsx7(
+          SectionRow,
+          {
+            "data-section": section.id,
+            icon: section.icon,
+            label: section.label,
+            size,
+            href: section.href,
+            external: section.external,
+            active: section.active,
+            onClick: follow(section)
+          },
+          section.id
+        ))
+      ]
+    }
+  );
+};
+
+export {
+  brandingService_default,
+  isNativeShell,
+  isStandalonePwa,
+  useSafeNavigate,
+  move_conversation_modal_default,
+  simple_conversation_item_default,
+  managementPathFor,
+  SidebarUserCard,
+  ProjectDialog,
+  lastActivity,
+  groupByRecency,
+  searchConversations,
+  listable,
+  formatRelative,
+  shortcutLabel,
+  SidebarCaption,
+  summarizeProjects,
+  SidebarProjects,
+  TOGGLE_SIDEBAR_SHORTCUT,
+  useHostSections,
+  SidebarSections,
+  SIDEBAR_WIDTH,
+  writePersistedCollapsed,
+  initialSidebarOpen,
+  useSidebarStore,
+  syncViewWithUrl,
+  useSectionsLayout
+};
+//# sourceMappingURL=chunk-5WCKKD3S.mjs.map