@burtson-labs/bandit-engine 2.1.4 → 2.1.7

package/dist/ProjectsPane-E5D72PUG.mjs

@@ -0,0 +1,866 @@
+import {
+  ProjectDialog,
+  chatTokens,
+  formatRelative,
+  lastActivity,
+  listable,
+  managementPathFor,
+  move_conversation_modal_default,
+  simple_conversation_item_default,
+  summarizeProjects,
+  useConversationStore,
+  useHostSections,
+  useProjectStore,
+  useSafeNavigate,
+  useSidebarStore
+} from "./chunk-SQJ4OKWM.mjs";
+import "./chunk-KWOUXBSF.mjs";
+import {
+  ArrowLeft,
+  Edit,
+  ExternalLink,
+  MessageSquarePlus,
+  MoreVertical,
+  Plus,
+  Trash
+} from "./chunk-5URP2E5V.mjs";
+import "./chunk-2HFSBPOE.mjs";
+import "./chunk-K7SQWDNF.mjs";
+import "./chunk-S3DWWUBD.mjs";
+import {
+  debugLogger
+} from "./chunk-NI7BKLC7.mjs";
+
+// src/chat/sidebar/ProjectsPane.tsx
+import { useEffect as useEffect3 } from "react";
+import { Box as Box3 } from "@mui/material";
+import { useTheme as useTheme3 } from "@mui/material/styles";
+
+// src/chat/sidebar/ProjectsIndexView.tsx
+import { useMemo, useState } from "react";
+import {
+  Box,
+  Button,
+  ButtonBase,
+  Dialog,
+  DialogActions,
+  DialogContent,
+  DialogTitle,
+  IconButton,
+  ListItemIcon,
+  ListItemText,
+  Menu,
+  MenuItem,
+  Typography,
+  alpha
+} from "@mui/material";
+import { useTheme } from "@mui/material/styles";
+import { jsx, jsxs } from "react/jsx-runtime";
+async function deleteProjectKeepingChats(projectId) {
+  const { conversations, moveConversationToProject } = useConversationStore.getState();
+  conversations.filter((c) => c.projectId === projectId).forEach((c) => moveConversationToProject(c.id, null));
+  await useProjectStore.getState().deleteProject(projectId);
+}
+var ProjectsIndexView = () => {
+  const theme = useTheme();
+  const projects = useProjectStore((state) => state.projects);
+  const hydrated = useProjectStore((state) => state._hasHydrated);
+  const conversations = useConversationStore((state) => state.conversations);
+  const openProject = useSidebarStore((state) => state.openProject);
+  const showChat = useSidebarStore((state) => state.showChat);
+  const [dialog, setDialog] = useState({
+    open: false,
+    project: null
+  });
+  const [menu, setMenu] = useState(
+    null
+  );
+  const [deleting, setDeleting] = useState(null);
+  const summaries = useMemo(
+    () => summarizeProjects(projects, listable(conversations)),
+    [projects, conversations]
+  );
+  const confirmDelete = async () => {
+    if (!deleting) return;
+    try {
+      await deleteProjectKeepingChats(deleting.id);
+    } catch (error) {
+      debugLogger.error("Failed to delete project", {
+        error: error instanceof Error ? error.message : String(error)
+      });
+    } finally {
+      setDeleting(null);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+      /* @__PURE__ */ jsx(IconButton, { "aria-label": "Back to chat", onClick: showChat, size: "small", children: /* @__PURE__ */ jsx(ArrowLeft, { size: 20 }) }),
+      /* @__PURE__ */ jsx(Typography, { component: "h1", variant: "h5", sx: { flex: 1, fontWeight: 600 }, children: "Projects" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "contained",
+          size: "small",
+          startIcon: /* @__PURE__ */ jsx(Plus, { size: 16 }),
+          onClick: () => setDialog({ open: true, project: null }),
+          sx: { textTransform: "none", fontWeight: 600 },
+          children: "New project"
+        }
+      )
+    ] }),
+    hydrated && summaries.length === 0 && /* @__PURE__ */ jsx(
+      Box,
+      {
+        sx: {
+          p: 3,
+          border: `1px dashed ${theme.palette.divider}`,
+          borderRadius: 2,
+          color: theme.palette.text.secondary
+        },
+        children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "No projects yet. A project keeps related chats together and gives every one of them the same standing instructions." })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        component: "ul",
+        "aria-label": "Projects",
+        sx: {
+          listStyle: "none",
+          m: 0,
+          p: 0,
+          display: "grid",
+          gap: 1.5,
+          gridTemplateColumns: "repeat(auto-fill, minmax(220px, 1fr))"
+        },
+        children: summaries.map(({ project, chatCount, activeAt }) => /* @__PURE__ */ jsxs(
+          Box,
+          {
+            component: "li",
+            sx: {
+              position: "relative",
+              border: `1px solid ${theme.palette.divider}`,
+              borderRadius: 2,
+              bgcolor: theme.palette.background.paper,
+              "&:hover": { borderColor: alpha(theme.palette.text.primary, 0.25) }
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                ButtonBase,
+                {
+                  onClick: () => openProject(project.id),
+                  sx: {
+                    width: "100%",
+                    p: 2,
+                    pr: 6,
+                    display: "flex",
+                    flexDirection: "column",
+                    alignItems: "flex-start",
+                    gap: 0.75,
+                    textAlign: "left",
+                    borderRadius: 2,
+                    font: "inherit",
+                    "&:focus-visible": {
+                      outline: `2px solid ${theme.palette.primary.main}`,
+                      outlineOffset: "2px"
+                    }
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxs(
+                      Box,
+                      {
+                        sx: {
+                          display: "flex",
+                          alignItems: "center",
+                          gap: 1,
+                          minWidth: 0,
+                          width: "100%"
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            Box,
+                            {
+                              "aria-hidden": true,
+                              sx: {
+                                width: 10,
+                                height: 10,
+                                borderRadius: "50%",
+                                bgcolor: project.color || theme.palette.text.disabled,
+                                flexShrink: 0
+                              }
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(Typography, { sx: { fontWeight: 600 }, noWrap: true, children: project.name })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(Typography, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: [
+                      chatCount === 0 ? "No chats" : `${chatCount} ${chatCount === 1 ? "chat" : "chats"}`,
+                      activeAt ? ` \xB7 ${formatRelative(activeAt)}` : ""
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  "aria-label": `Options for ${project.name}`,
+                  "aria-haspopup": "menu",
+                  size: "small",
+                  onClick: (event) => setMenu({ anchor: event.currentTarget, project }),
+                  sx: {
+                    position: "absolute",
+                    top: 10,
+                    right: 10,
+                    color: theme.palette.text.secondary
+                  },
+                  children: /* @__PURE__ */ jsx(MoreVertical, { size: 16 })
+                }
+              )
+            ]
+          },
+          project.id
+        ))
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Menu,
+      {
+        anchorEl: menu?.anchor ?? null,
+        open: Boolean(menu),
+        onClose: () => setMenu(null),
+        anchorOrigin: { vertical: "bottom", horizontal: "right" },
+        transformOrigin: { vertical: "top", horizontal: "right" },
+        children: [
+          /* @__PURE__ */ jsxs(
+            MenuItem,
+            {
+              onClick: () => {
+                if (menu) setDialog({ open: true, project: menu.project });
+                setMenu(null);
+              },
+              children: [
+                /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Edit, { size: 16 }) }),
+                /* @__PURE__ */ jsx(ListItemText, { children: "Edit name and colour" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            MenuItem,
+            {
+              onClick: () => {
+                if (menu) setDeleting(menu.project);
+                setMenu(null);
+              },
+              sx: { color: theme.palette.error.main },
+              children: [
+                /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Trash, { size: 16, color: theme.palette.error.main }) }),
+                /* @__PURE__ */ jsx(ListItemText, { children: "Delete project" })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ProjectDialog,
+      {
+        open: dialog.open,
+        project: dialog.project,
+        onClose: () => setDialog({ open: false, project: null }),
+        onCreated: (project) => openProject(project.id)
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Dialog,
+      {
+        open: Boolean(deleting),
+        onClose: () => setDeleting(null),
+        maxWidth: "xs",
+        fullWidth: true,
+        children: [
+          /* @__PURE__ */ jsxs(DialogTitle, { children: [
+            "Delete ",
+            deleting?.name,
+            "?"
+          ] }),
+          /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(Typography, { children: "The project and its instructions are removed. Its chats are kept and move back to Recents." }) }),
+          /* @__PURE__ */ jsxs(DialogActions, { children: [
+            /* @__PURE__ */ jsx(Button, { onClick: () => setDeleting(null), children: "Cancel" }),
+            /* @__PURE__ */ jsx(Button, { onClick: () => void confirmDelete(), color: "error", variant: "contained", children: "Delete" })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+
+// src/chat/sidebar/ProjectView.tsx
+import { useEffect as useEffect2, useMemo as useMemo3, useState as useState3 } from "react";
+import {
+  Box as Box2,
+  Button as Button3,
+  Dialog as Dialog3,
+  DialogActions as DialogActions3,
+  DialogContent as DialogContent3,
+  DialogTitle as DialogTitle3,
+  IconButton as IconButton2,
+  ListItemIcon as ListItemIcon3,
+  ListItemText as ListItemText3,
+  Menu as Menu2,
+  MenuItem as MenuItem2,
+  Tab,
+  Tabs,
+  TextField,
+  Typography as Typography3
+} from "@mui/material";
+import { useTheme as useTheme2 } from "@mui/material/styles";
+
+// src/chat/sidebar/AddChatsDialog.tsx
+import { useEffect, useMemo as useMemo2, useState as useState2 } from "react";
+import {
+  Button as Button2,
+  Checkbox,
+  Dialog as Dialog2,
+  DialogActions as DialogActions2,
+  DialogContent as DialogContent2,
+  DialogTitle as DialogTitle2,
+  List,
+  ListItem,
+  ListItemButton,
+  ListItemIcon as ListItemIcon2,
+  ListItemText as ListItemText2,
+  Typography as Typography2
+} from "@mui/material";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var AddChatsDialog = ({
+  open,
+  onClose,
+  projectId,
+  projectName
+}) => {
+  const { conversations, moveConversationToProject } = useConversationStore();
+  const [selected, setSelected] = useState2(/* @__PURE__ */ new Set());
+  const candidates = useMemo2(
+    () => listable(conversations).filter((c) => c.projectId !== projectId).sort((a, b) => lastActivity(b) - lastActivity(a)),
+    [conversations, projectId]
+  );
+  useEffect(() => {
+    if (open) setSelected(/* @__PURE__ */ new Set());
+  }, [open]);
+  const toggle = (id) => setSelected((previous) => {
+    const next = new Set(previous);
+    if (next.has(id)) next.delete(id);
+    else next.add(id);
+    return next;
+  });
+  const add = () => {
+    selected.forEach((id) => moveConversationToProject(id, projectId));
+    onClose();
+  };
+  return /* @__PURE__ */ jsxs2(Dialog2, { open, onClose, maxWidth: "xs", fullWidth: true, children: [
+    /* @__PURE__ */ jsxs2(DialogTitle2, { children: [
+      "Add chats to ",
+      projectName
+    ] }),
+    /* @__PURE__ */ jsx2(DialogContent2, { sx: { px: 1 }, children: candidates.length === 0 ? /* @__PURE__ */ jsx2(Typography2, { variant: "body2", color: "text.secondary", sx: { px: 2, py: 1 }, children: "Every chat is already in this project." }) : /* @__PURE__ */ jsx2(List, { dense: true, disablePadding: true, "aria-label": "Chats to add", children: candidates.map((conversation) => {
+      const checked = selected.has(conversation.id);
+      return /* @__PURE__ */ jsx2(ListItem, { disablePadding: true, children: /* @__PURE__ */ jsxs2(
+        ListItemButton,
+        {
+          role: "checkbox",
+          "aria-checked": checked,
+          onClick: () => toggle(conversation.id),
+          dense: true,
+          children: [
+            /* @__PURE__ */ jsx2(ListItemIcon2, { sx: { minWidth: 36 }, children: /* @__PURE__ */ jsx2(
+              Checkbox,
+              {
+                edge: "start",
+                checked,
+                tabIndex: -1,
+                disableRipple: true
+              }
+            ) }),
+            /* @__PURE__ */ jsx2(
+              ListItemText2,
+              {
+                primary: conversation.name,
+                primaryTypographyProps: { noWrap: true }
+              }
+            )
+          ]
+        }
+      ) }, conversation.id);
+    }) }) }),
+    /* @__PURE__ */ jsxs2(DialogActions2, { children: [
+      /* @__PURE__ */ jsx2(Button2, { onClick: onClose, children: "Cancel" }),
+      /* @__PURE__ */ jsxs2(Button2, { variant: "contained", onClick: add, disabled: selected.size === 0, children: [
+        "Add ",
+        selected.size > 0 ? selected.size : ""
+      ] })
+    ] })
+  ] });
+};
+
+// src/chat/sidebar/ProjectView.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var ProjectView = ({ projectId }) => {
+  const theme = useTheme2();
+  const safeNavigate = useSafeNavigate();
+  const project = useProjectStore(
+    (state) => state.projects.find((p) => p.id === projectId)
+  );
+  const hydrated = useProjectStore((state) => state._hasHydrated);
+  const updateProjectInstructions = useProjectStore(
+    (state) => state.updateProjectInstructions
+  );
+  const {
+    conversations,
+    currentId,
+    createNewConversation,
+    switchConversation,
+    deleteConversation,
+    renameConversation
+  } = useConversationStore();
+  const showChat = useSidebarStore((state) => state.showChat);
+  const showProjects = useSidebarStore((state) => state.showProjects);
+  const hostSections = useHostSections();
+  const stashSection = hostSections.find((section) => section.id === "stash");
+  const [tab, setTab] = useState3("chats");
+  const [menuAnchor, setMenuAnchor] = useState3(null);
+  const [editOpen, setEditOpen] = useState3(false);
+  const [addOpen, setAddOpen] = useState3(false);
+  const [deleteOpen, setDeleteOpen] = useState3(false);
+  const [moveTarget, setMoveTarget] = useState3(null);
+  const [draft, setDraft] = useState3("");
+  const [saved, setSaved] = useState3(false);
+  useEffect2(() => {
+    setDraft(project?.instructions ?? "");
+    setSaved(false);
+  }, [project?.id, project?.instructions]);
+  const chats = useMemo3(
+    () => listable(conversations).filter((c) => c.projectId === projectId).sort((a, b) => lastActivity(b) - lastActivity(a)),
+    [conversations, projectId]
+  );
+  if (!project) {
+    return /* @__PURE__ */ jsxs3(Box2, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+      /* @__PURE__ */ jsxs3(Box2, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+        /* @__PURE__ */ jsx3(IconButton2, { "aria-label": "Back to chat", onClick: showChat, size: "small", children: /* @__PURE__ */ jsx3(ArrowLeft, { size: 20 }) }),
+        /* @__PURE__ */ jsx3(Typography3, { component: "h1", variant: "h5", sx: { fontWeight: 600 }, children: "Project" })
+      ] }),
+      /* @__PURE__ */ jsx3(Typography3, { color: "text.secondary", children: hydrated ? "This project no longer exists." : "Loading\u2026" }),
+      hydrated && /* @__PURE__ */ jsx3(
+        Button3,
+        {
+          onClick: showProjects,
+          sx: { alignSelf: "flex-start", textTransform: "none" },
+          children: "All projects"
+        }
+      )
+    ] });
+  }
+  const instructionsChanged = draft.trim() !== (project.instructions ?? "").trim();
+  const saveInstructions = async () => {
+    try {
+      await updateProjectInstructions(project.id, draft);
+      setSaved(true);
+    } catch (error) {
+      debugLogger.error("Failed to save project instructions", {
+        error: error instanceof Error ? error.message : String(error)
+      });
+    }
+  };
+  const newChatHere = () => {
+    createNewConversation(project.id);
+    showChat();
+  };
+  const confirmDelete = async () => {
+    try {
+      await deleteProjectKeepingChats(project.id);
+      showProjects();
+    } catch (error) {
+      debugLogger.error("Failed to delete project", {
+        error: error instanceof Error ? error.message : String(error)
+      });
+    } finally {
+      setDeleteOpen(false);
+    }
+  };
+  const panelId = (name) => `bandit-project-panel-${name}`;
+  const tabId = (name) => `bandit-project-tab-${name}`;
+  return /* @__PURE__ */ jsxs3(Box2, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+    /* @__PURE__ */ jsxs3(Box2, { sx: { display: "flex", alignItems: "center", gap: 1, minWidth: 0 }, children: [
+      /* @__PURE__ */ jsx3(IconButton2, { "aria-label": "Back to chat", onClick: showChat, size: "small", children: /* @__PURE__ */ jsx3(ArrowLeft, { size: 20 }) }),
+      /* @__PURE__ */ jsx3(
+        Box2,
+        {
+          "aria-hidden": true,
+          sx: {
+            width: 12,
+            height: 12,
+            borderRadius: "50%",
+            bgcolor: project.color || theme.palette.text.disabled,
+            flexShrink: 0
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        Typography3,
+        {
+          component: "h1",
+          variant: "h5",
+          sx: { flex: 1, minWidth: 0, fontWeight: 600 },
+          noWrap: true,
+          children: project.name
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        IconButton2,
+        {
+          "aria-label": "Project options",
+          "aria-haspopup": "menu",
+          "aria-expanded": Boolean(menuAnchor),
+          onClick: (event) => setMenuAnchor(event.currentTarget),
+          size: "small",
+          children: /* @__PURE__ */ jsx3(MoreVertical, { size: 18 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs3(
+      Tabs,
+      {
+        value: tab,
+        onChange: (_, value) => setTab(value),
+        variant: "scrollable",
+        allowScrollButtonsMobile: true,
+        "aria-label": "Project sections",
+        sx: { minHeight: 40, "& .MuiTab-root": { minHeight: 40, textTransform: "none" } },
+        children: [
+          /* @__PURE__ */ jsx3(
+            Tab,
+            {
+              value: "chats",
+              label: "Chats",
+              id: tabId("chats"),
+              "aria-controls": panelId("chats")
+            }
+          ),
+          /* @__PURE__ */ jsx3(
+            Tab,
+            {
+              value: "instructions",
+              label: "Instructions",
+              id: tabId("instructions"),
+              "aria-controls": panelId("instructions")
+            }
+          ),
+          /* @__PURE__ */ jsx3(
+            Tab,
+            {
+              value: "files",
+              label: "Files",
+              id: tabId("files"),
+              "aria-controls": panelId("files")
+            }
+          ),
+          stashSection && /* @__PURE__ */ jsx3(
+            Tab,
+            {
+              value: "stash",
+              label: "Stash",
+              id: tabId("stash"),
+              "aria-controls": panelId("stash")
+            }
+          )
+        ]
+      }
+    ),
+    tab === "chats" && /* @__PURE__ */ jsxs3(
+      Box2,
+      {
+        role: "tabpanel",
+        id: panelId("chats"),
+        "aria-labelledby": tabId("chats"),
+        sx: { display: "flex", flexDirection: "column", gap: 1.5 },
+        children: [
+          /* @__PURE__ */ jsxs3(Box2, { sx: { display: "flex", gap: 1, flexWrap: "wrap" }, children: [
+            /* @__PURE__ */ jsxs3(
+              Button3,
+              {
+                variant: "contained",
+                size: "small",
+                startIcon: /* @__PURE__ */ jsx3(MessageSquarePlus, { size: 16 }),
+                onClick: newChatHere,
+                sx: { textTransform: "none", fontWeight: 600 },
+                children: [
+                  "New chat in ",
+                  project.name
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx3(
+              Button3,
+              {
+                variant: "outlined",
+                size: "small",
+                startIcon: /* @__PURE__ */ jsx3(Plus, { size: 16 }),
+                onClick: () => setAddOpen(true),
+                sx: { textTransform: "none", fontWeight: 600 },
+                children: "Add existing chats"
+              }
+            )
+          ] }),
+          chats.length === 0 ? /* @__PURE__ */ jsx3(Typography3, { variant: "body2", color: "text.secondary", children: "No chats in this project yet." }) : /* @__PURE__ */ jsx3(Box2, { sx: { mx: -1 }, children: chats.map((conversation) => /* @__PURE__ */ jsx3(
+            simple_conversation_item_default,
+            {
+              conversation,
+              isSelected: conversation.id === currentId,
+              onSelect: () => {
+                switchConversation(conversation.id);
+                showChat();
+              },
+              onDelete: () => deleteConversation(conversation.id),
+              onRename: (name) => renameConversation(conversation.id, name),
+              onMove: () => setMoveTarget(conversation),
+              projectColor: project.color,
+              dense: true
+            },
+            conversation.id
+          )) })
+        ]
+      }
+    ),
+    tab === "instructions" && /* @__PURE__ */ jsxs3(
+      Box2,
+      {
+        role: "tabpanel",
+        id: panelId("instructions"),
+        "aria-labelledby": tabId("instructions"),
+        sx: { display: "flex", flexDirection: "column", gap: 1.5 },
+        children: [
+          /* @__PURE__ */ jsx3(
+            TextField,
+            {
+              multiline: true,
+              minRows: 8,
+              fullWidth: true,
+              label: "Instructions",
+              value: draft,
+              onChange: (event) => {
+                setDraft(event.target.value);
+                setSaved(false);
+              },
+              helperText: "Added to every chat in this project, ahead of the persona."
+            }
+          ),
+          /* @__PURE__ */ jsxs3(Box2, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
+            /* @__PURE__ */ jsx3(
+              Button3,
+              {
+                variant: "contained",
+                size: "small",
+                disabled: !instructionsChanged,
+                onClick: () => void saveInstructions(),
+                sx: { textTransform: "none", fontWeight: 600 },
+                children: "Save"
+              }
+            ),
+            saved && !instructionsChanged && /* @__PURE__ */ jsx3(Typography3, { variant: "caption", color: "text.secondary", role: "status", children: "Saved" })
+          ] })
+        ]
+      }
+    ),
+    tab === "files" && /* @__PURE__ */ jsxs3(
+      Box2,
+      {
+        role: "tabpanel",
+        id: panelId("files"),
+        "aria-labelledby": tabId("files"),
+        sx: { display: "flex", flexDirection: "column", gap: 1.5 },
+        children: [
+          /* @__PURE__ */ jsx3(Typography3, { variant: "body2", color: "text.secondary", children: "Files are not kept per project yet. Documents added under Knowledge in Settings are available in every chat, including the chats in this project." }),
+          /* @__PURE__ */ jsx3(
+            Button3,
+            {
+              variant: "outlined",
+              size: "small",
+              onClick: () => safeNavigate(managementPathFor(window.location.pathname)),
+              sx: { alignSelf: "flex-start", textTransform: "none", fontWeight: 600 },
+              children: "Open Knowledge"
+            }
+          )
+        ]
+      }
+    ),
+    tab === "stash" && stashSection && /* @__PURE__ */ jsxs3(
+      Box2,
+      {
+        role: "tabpanel",
+        id: panelId("stash"),
+        "aria-labelledby": tabId("stash"),
+        sx: { display: "flex", flexDirection: "column", gap: 1.5 },
+        children: [
+          /* @__PURE__ */ jsx3(Typography3, { variant: "body2", color: "text.secondary", children: "Stash items are not grouped by project yet. Your Stash holds everything you have saved across Bandit." }),
+          /* @__PURE__ */ jsx3(
+            Button3,
+            {
+              component: "a",
+              href: stashSection.href,
+              variant: "outlined",
+              size: "small",
+              endIcon: stashSection.external ? /* @__PURE__ */ jsx3(ExternalLink, { size: 14 }) : void 0,
+              onClick: stashSection.onSelect,
+              sx: { alignSelf: "flex-start", textTransform: "none", fontWeight: 600 },
+              children: "Open Stash"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs3(
+      Menu2,
+      {
+        anchorEl: menuAnchor,
+        open: Boolean(menuAnchor),
+        onClose: () => setMenuAnchor(null),
+        anchorOrigin: { vertical: "bottom", horizontal: "right" },
+        transformOrigin: { vertical: "top", horizontal: "right" },
+        children: [
+          /* @__PURE__ */ jsxs3(
+            MenuItem2,
+            {
+              onClick: () => {
+                setMenuAnchor(null);
+                setEditOpen(true);
+              },
+              children: [
+                /* @__PURE__ */ jsx3(ListItemIcon3, { children: /* @__PURE__ */ jsx3(Edit, { size: 16 }) }),
+                /* @__PURE__ */ jsx3(ListItemText3, { children: "Edit name and colour" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs3(
+            MenuItem2,
+            {
+              onClick: () => {
+                setMenuAnchor(null);
+                setDeleteOpen(true);
+              },
+              sx: { color: theme.palette.error.main },
+              children: [
+                /* @__PURE__ */ jsx3(ListItemIcon3, { children: /* @__PURE__ */ jsx3(Trash, { size: 16, color: theme.palette.error.main }) }),
+                /* @__PURE__ */ jsx3(ListItemText3, { children: "Delete project" })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx3(
+      ProjectDialog,
+      {
+        open: editOpen,
+        project,
+        onClose: () => setEditOpen(false)
+      }
+    ),
+    /* @__PURE__ */ jsx3(
+      AddChatsDialog,
+      {
+        open: addOpen,
+        onClose: () => setAddOpen(false),
+        projectId: project.id,
+        projectName: project.name
+      }
+    ),
+    moveTarget && /* @__PURE__ */ jsx3(
+      move_conversation_modal_default,
+      {
+        open: true,
+        onClose: () => setMoveTarget(null),
+        conversations: [moveTarget],
+        currentProjectId: moveTarget.projectId
+      }
+    ),
+    /* @__PURE__ */ jsxs3(
+      Dialog3,
+      {
+        open: deleteOpen,
+        onClose: () => setDeleteOpen(false),
+        maxWidth: "xs",
+        fullWidth: true,
+        children: [
+          /* @__PURE__ */ jsxs3(DialogTitle3, { children: [
+            "Delete ",
+            project.name,
+            "?"
+          ] }),
+          /* @__PURE__ */ jsx3(DialogContent3, { children: /* @__PURE__ */ jsxs3(Typography3, { children: [
+            "The project and its instructions are removed. Its ",
+            chats.length,
+            " ",
+            chats.length === 1 ? "chat is" : "chats are",
+            " kept and move back to Recents."
+          ] }) }),
+          /* @__PURE__ */ jsxs3(DialogActions3, { children: [
+            /* @__PURE__ */ jsx3(Button3, { onClick: () => setDeleteOpen(false), children: "Cancel" }),
+            /* @__PURE__ */ jsx3(Button3, { onClick: () => void confirmDelete(), color: "error", variant: "contained", children: "Delete" })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+
+// src/chat/sidebar/ProjectsPane.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var CHAT_APP_BAR_HEIGHT = 64;
+var ProjectsPane = ({ isMobile }) => {
+  const theme = useTheme3();
+  const view = useSidebarStore((state) => state.view);
+  const hydrated = useProjectStore((state) => state._hasHydrated);
+  const hydrate = useProjectStore((state) => state.hydrate);
+  useEffect3(() => {
+    if (view.kind !== "chat" && !hydrated) void hydrate();
+  }, [view.kind, hydrated, hydrate]);
+  if (view.kind === "chat") return null;
+  return /* @__PURE__ */ jsx4(
+    Box3,
+    {
+      role: "region",
+      "aria-label": view.kind === "projects" ? "Projects" : "Project",
+      "data-bandit-projects-pane": view.kind,
+      sx: {
+        position: "absolute",
+        inset: 0,
+        zIndex: 1250,
+        display: "flex",
+        flexDirection: "column",
+        bgcolor: chatTokens(theme).surface.base,
+        color: theme.palette.text.primary,
+        pt: `calc(${CHAT_APP_BAR_HEIGHT}px + env(safe-area-inset-top, 0px))`,
+        overflow: "hidden"
+      },
+      children: /* @__PURE__ */ jsx4(
+        Box3,
+        {
+          sx: {
+            flex: 1,
+            minHeight: 0,
+            overflowY: "auto",
+            overscrollBehavior: "contain",
+            px: isMobile ? 2 : 4,
+            pb: `calc(${theme.spacing(4)} + env(safe-area-inset-bottom, 0px))`
+          },
+          children: /* @__PURE__ */ jsx4(Box3, { sx: { maxWidth: 768, mx: "auto" }, children: view.kind === "projects" ? /* @__PURE__ */ jsx4(ProjectsIndexView, {}) : /* @__PURE__ */ jsx4(ProjectView, { projectId: view.projectId }, view.projectId) })
+        }
+      )
+    }
+  );
+};
+export {
+  CHAT_APP_BAR_HEIGHT,
+  ProjectsPane
+};
+//# sourceMappingURL=ProjectsPane-E5D72PUG.mjs.map