@datum-cloud/datum-ui 2.9.1 → 2.10.0

package/dist/assistant/index.mjs

@@ -1,9 +1,11 @@
 import { t as cn } from "../utils-Bu32wN-x.mjs";
+import { t as Button } from "../button-DoMqfQLu.mjs";
 import { t as Icon } from "../icon-wrapper-DKfJlJd0.mjs";
+import { t as Dialog } from "../dialog-Gu70fban.mjs";
 import { a as DropdownMenuRadioGroup, c as DropdownMenuTrigger, i as DropdownMenuLabel, o as DropdownMenuRadioItem, r as DropdownMenuContent, s as DropdownMenuSeparator, t as DropdownMenu } from "../dropdown-menu-b8zY5Cs6.mjs";
 import { t as Tooltip } from "../tooltip-DhbN1BDK.mjs";
 import { n as EASE, t as DURATION } from "../motion-DvGRWdsm.mjs";
-import { ArrowDown, ArrowRight, ArrowUp, Brain, Check, ChevronDown, Copy, Download, MessagesSquare, Mic, MicOff, PanelLeft, Plus, RotateCw, Square, Trash2 } from "lucide-react";
+import { Archive, ArchiveRestore, ArrowDown, ArrowRight, ArrowUp, Brain, Check, ChevronDown, Copy, Download, MessagesSquare, Mic, MicOff, PanelLeft, Plus, RotateCw, Square, Trash2 } from "lucide-react";
 import { Fragment, createContext, useCallback, useContext, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { AnimatePresence, motion } from "motion/react";
@@ -842,12 +844,32 @@ function downloadChat(chat) {
 	a.click();
 	URL.revokeObjectURL(url);
 }
-function HistoryPanel({ chatList, currentChatId, onLoadChat, onDeleteChat, header }) {
+const ROW_ACTION_CLASS = "text-muted-foreground/40 shrink-0 rounded p-0.5 opacity-0 transition-colors group-hover:opacity-100";
+function HistoryPanel({ chatList, currentChatId, onLoadChat, onDeleteChat, onArchiveChat, onUnarchiveChat, confirmDelete = false, header }) {
+	const archiveEnabled = Boolean(onArchiveChat);
 	const [query, setQuery] = useState("");
+	const [showArchived, setShowArchived] = useState(false);
+	const [pendingDelete, setPendingDelete] = useState(null);
+	const inArchivedView = archiveEnabled && showArchived;
 	const filtered = useMemo(() => {
+		const inView = archiveEnabled ? chatList.filter((c) => Boolean(c.archived) === showArchived) : chatList;
 		const q = query.trim().toLowerCase();
-		return q ? chatList.filter((c) => c.title.toLowerCase().includes(q)) : chatList;
-	}, [chatList, query]);
+		return q ? inView.filter((c) => c.title.toLowerCase().includes(q)) : inView;
+	}, [
+		archiveEnabled,
+		chatList,
+		query,
+		showArchived
+	]);
+	const emptyText = inArchivedView ? query ? "No matching archived chats" : "No archived chats" : query ? "No matching chats" : "No saved chats";
+	const handleDelete = (e, chat) => {
+		if (!confirmDelete) {
+			onDeleteChat(e, chat.id);
+			return;
+		}
+		e.stopPropagation();
+		setPendingDelete(chat);
+	};
 	return /* @__PURE__ */ jsxs("div", {
 		className: "bg-background flex h-full w-64 shrink-0 flex-col border-r",
 		children: [
@@ -855,36 +877,90 @@ function HistoryPanel({ chatList, currentChatId, onLoadChat, onDeleteChat, heade
 				className: "shrink-0 border-b px-3 py-2",
 				children: header
 			}),
-			/* @__PURE__ */ jsx("div", {
-				className: "flex h-12 items-center border-b px-2",
-				children: /* @__PURE__ */ jsx("input", {
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex h-12 items-center gap-1 border-b px-2",
+				children: [/* @__PURE__ */ jsx("input", {
 					value: query,
 					onChange: (e) => setQuery(e.target.value),
-					placeholder: "Search chats…",
+					placeholder: inArchivedView ? "Search archived chats…" : "Search chats…",
 					className: "bg-muted text-foreground placeholder:text-muted-foreground/70 focus:ring-primary/40 w-full rounded-md px-2.5 py-1.5 text-xs focus:ring-1 focus:outline-none"
-				})
+				}), archiveEnabled && /* @__PURE__ */ jsx(Tooltip, {
+					message: showArchived ? "Show active chats" : "Show archived chats",
+					side: "bottom",
+					children: /* @__PURE__ */ jsx("button", {
+						type: "button",
+						"aria-label": "Archived",
+						"aria-pressed": showArchived,
+						onClick: () => setShowArchived((v) => !v),
+						className: cn("shrink-0 rounded-md p-1.5 transition-colors", showArchived ? "bg-accent text-foreground" : "text-muted-foreground hover:text-foreground hover:bg-accent"),
+						children: /* @__PURE__ */ jsx(Icon, {
+							icon: Archive,
+							className: "size-3.5"
+						})
+					})
+				})]
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "flex flex-1 flex-col gap-0.5 overflow-y-auto p-2",
 				children: filtered.length === 0 ? /* @__PURE__ */ jsx("p", {
 					className: "text-muted-foreground/60 px-2 py-1 text-xs",
-					children: query ? "No matching chats" : "No saved chats"
+					children: emptyText
 				}) : filtered.map((chat) => /* @__PURE__ */ jsxs("button", {
 					type: "button",
 					onClick: () => onLoadChat(chat),
 					className: cn("group w-full rounded-lg px-2 py-1.5 text-left transition-colors", chat.id === currentChatId ? "bg-accent text-foreground" : "text-muted-foreground hover:text-foreground hover:bg-accent/50"),
 					children: [/* @__PURE__ */ jsxs("span", {
 						className: "flex items-center gap-1",
-						children: [/* @__PURE__ */ jsx("span", {
-							className: "min-w-0 flex-1 truncate text-xs font-medium",
-							children: chat.title
-						}), /* @__PURE__ */ jsx("span", {
-							role: "button",
-							onClick: (e) => onDeleteChat(e, chat.id),
-							"aria-label": "Delete chat",
-							className: "text-muted-foreground/40 hover:text-destructive shrink-0 rounded p-0.5 opacity-0 transition-colors group-hover:opacity-100",
-							children: /* @__PURE__ */ jsx(Trash2, { className: "size-3" })
-						})]
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								className: "min-w-0 flex-1 truncate text-xs font-medium",
+								children: chat.title
+							}),
+							archiveEnabled && !inArchivedView && /* @__PURE__ */ jsx(Tooltip, {
+								message: "Archive chat",
+								side: "top",
+								children: /* @__PURE__ */ jsx("span", {
+									role: "button",
+									onClick: (e) => {
+										e.stopPropagation();
+										onArchiveChat?.(e, chat.id);
+									},
+									"aria-label": "Archive chat",
+									className: cn(ROW_ACTION_CLASS, "hover:text-foreground"),
+									children: /* @__PURE__ */ jsx(Icon, {
+										icon: Archive,
+										className: "size-3"
+									})
+								})
+							}),
+							inArchivedView && onUnarchiveChat && /* @__PURE__ */ jsx(Tooltip, {
+								message: "Unarchive chat",
+								side: "top",
+								children: /* @__PURE__ */ jsx("span", {
+									role: "button",
+									onClick: (e) => {
+										e.stopPropagation();
+										onUnarchiveChat(e, chat.id);
+									},
+									"aria-label": "Unarchive chat",
+									className: cn(ROW_ACTION_CLASS, "hover:text-foreground"),
+									children: /* @__PURE__ */ jsx(Icon, {
+										icon: ArchiveRestore,
+										className: "size-3"
+									})
+								})
+							}),
+							/* @__PURE__ */ jsx("span", {
+								role: "button",
+								onClick: (e) => handleDelete(e, chat),
+								"aria-label": "Delete chat",
+								className: cn(ROW_ACTION_CLASS, "hover:text-destructive"),
+								children: /* @__PURE__ */ jsx(Icon, {
+									icon: Trash2,
+									className: "size-3"
+								})
+							})
+						]
 					}), /* @__PURE__ */ jsxs("span", {
 						className: "flex items-center gap-1",
 						children: [/* @__PURE__ */ jsx("span", {
@@ -900,8 +976,11 @@ function HistoryPanel({ chatList, currentChatId, onLoadChat, onDeleteChat, heade
 									downloadChat(chat);
 								},
 								"aria-label": "Download chat as Markdown",
-								className: "text-muted-foreground/40 hover:text-foreground shrink-0 rounded p-0.5 opacity-0 transition-colors group-hover:opacity-100",
-								children: /* @__PURE__ */ jsx(Download, { className: "size-3" })
+								className: cn(ROW_ACTION_CLASS, "hover:text-foreground"),
+								children: /* @__PURE__ */ jsx(Icon, {
+									icon: Download,
+									className: "size-3"
+								})
 							})
 						})]
 					})]
@@ -910,13 +989,40 @@ function HistoryPanel({ chatList, currentChatId, onLoadChat, onDeleteChat, heade
 			/* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground mt-auto shrink-0 border-t px-3 py-2 text-[10px]",
 				children: "Chats are saved to your browser's local storage."
+			}),
+			confirmDelete && /* @__PURE__ */ jsx(Dialog, {
+				open: pendingDelete !== null,
+				onOpenChange: (open) => !open && setPendingDelete(null),
+				children: /* @__PURE__ */ jsxs(Dialog.Content, {
+					className: "sm:max-w-md",
+					children: [/* @__PURE__ */ jsx(Dialog.Header, {
+						title: "Delete chat?",
+						description: pendingDelete ? `"${pendingDelete.title}" will be permanently deleted. This can't be undone.` : void 0
+					}), /* @__PURE__ */ jsxs(Dialog.Footer, {
+						className: "border-t-0",
+						children: [/* @__PURE__ */ jsx(Button, {
+							type: "tertiary",
+							theme: "outline",
+							onClick: () => setPendingDelete(null),
+							children: "Cancel"
+						}), /* @__PURE__ */ jsx(Button, {
+							type: "danger",
+							theme: "solid",
+							onClick: (e) => {
+								if (pendingDelete) onDeleteChat(e, pendingDelete.id);
+								setPendingDelete(null);
+							},
+							children: "Delete"
+						})]
+					})]
+				})
 			})
 		]
 	});
 }
 //#endregion
 //#region src/components/features/assistant/components/assistant-workspace.tsx
-function AssistantWorkspace({ config, userName, title, messages, status, error, isReady, chatList, currentChatId, sidebarHeader, editor, htmlByUserMsgIndex, bottomRef, containerRef, userScrolledUpRef, onSend, onStop, onRetry, onNewChat, onLoadChat, onDeleteChat, onSuggestion, modelId, effortId, onModelChange, onEffortChange, micSupported, micListening, micFrequencyData, onMicToggle, historyOpen, onToggleHistory }) {
+function AssistantWorkspace({ config, userName, title, messages, status, error, isReady, chatList, currentChatId, sidebarHeader, editor, htmlByUserMsgIndex, bottomRef, containerRef, userScrolledUpRef, onSend, onStop, onRetry, onNewChat, onLoadChat, onDeleteChat, onArchiveChat, onUnarchiveChat, confirmDelete, onSuggestion, modelId, effortId, onModelChange, onEffortChange, micSupported, micListening, micFrequencyData, onMicToggle, historyOpen, onToggleHistory }) {
 	const hasMessages = messages.length > 0;
 	const promptCard = /* @__PURE__ */ jsx(PromptCard, {
 		editor,
@@ -961,7 +1067,10 @@ function AssistantWorkspace({ config, userName, title, messages, status, error,
 							currentChatId,
 							header: sidebarHeader,
 							onLoadChat,
-							onDeleteChat
+							onDeleteChat,
+							onArchiveChat,
+							onUnarchiveChat,
+							confirmDelete
 						})
 					})
 				}),

package/dist/components/features/assistant/components/assistant-workspace.d.ts

@@ -38,6 +38,16 @@ export interface AssistantWorkspaceProps {
     onNewChat: () => void;
     onLoadChat: (chat: ChatSummary) => void;
     onDeleteChat: (e: ReactMouseEvent, chatId: string) => void;
+    /**
+     * Opt-in archive support. When provided, `chatList` may mix archived and
+     * active chats; the history panel lists active chats by default and adds an
+     * "Archived" view toggle plus per-row archive actions.
+     */
+    onArchiveChat?: (e: ReactMouseEvent, chatId: string) => void;
+    /** Restores an archived chat from the history panel's archived view. */
+    onUnarchiveChat?: (e: ReactMouseEvent, chatId: string) => void;
+    /** Confirm (deletion can't be undone) before calling `onDeleteChat`. */
+    confirmDelete?: boolean;
     onSuggestion: (text: string) => void;
     modelId: string;
     effortId: EffortId;
@@ -50,4 +60,4 @@ export interface AssistantWorkspaceProps {
     historyOpen: boolean;
     onToggleHistory: () => void;
 }
-export declare function AssistantWorkspace({ config, userName, title, messages, status, error, isReady, chatList, currentChatId, sidebarHeader, editor, htmlByUserMsgIndex, bottomRef, containerRef, userScrolledUpRef, onSend, onStop, onRetry, onNewChat, onLoadChat, onDeleteChat, onSuggestion, modelId, effortId, onModelChange, onEffortChange, micSupported, micListening, micFrequencyData, onMicToggle, historyOpen, onToggleHistory, }: AssistantWorkspaceProps): import("react").JSX.Element;
+export declare function AssistantWorkspace({ config, userName, title, messages, status, error, isReady, chatList, currentChatId, sidebarHeader, editor, htmlByUserMsgIndex, bottomRef, containerRef, userScrolledUpRef, onSend, onStop, onRetry, onNewChat, onLoadChat, onDeleteChat, onArchiveChat, onUnarchiveChat, confirmDelete, onSuggestion, modelId, effortId, onModelChange, onEffortChange, micSupported, micListening, micFrequencyData, onMicToggle, historyOpen, onToggleHistory, }: AssistantWorkspaceProps): import("react").JSX.Element;

package/dist/components/features/assistant/components/sidebar/history-panel.d.ts

@@ -1,10 +1,24 @@
 import type { ReactNode } from 'react';
 import type { ChatSummary } from '../../types';
-interface HistoryPanelProps {
+export interface HistoryPanelProps {
     chatList: ChatSummary[];
     currentChatId: string;
     onLoadChat: (chat: ChatSummary) => void;
     onDeleteChat: (e: React.MouseEvent, chatId: string) => void;
+    /**
+     * Opt-in archive support. When provided, `chatList` may mix archived and
+     * active chats: the panel lists active chats by default, adds an "Archived"
+     * view toggle next to the search input, and gives active rows an archive
+     * action. When omitted, the `archived` flag is ignored and no archive UI renders.
+     */
+    onArchiveChat?: (e: React.MouseEvent, chatId: string) => void;
+    /** Restores an archived chat. Rendered on rows in the archived view. */
+    onUnarchiveChat?: (e: React.MouseEvent, chatId: string) => void;
+    /**
+     * Ask for confirmation (deletion can't be undone) before calling
+     * `onDeleteChat`. Defaults to false, which deletes immediately.
+     */
+    confirmDelete?: boolean;
     /**
      * Optional host-supplied block pinned above the search input, naming the scope
      * the listed chats belong to — cloud-portal shows the current project. Hosts
@@ -12,5 +26,4 @@ interface HistoryPanelProps {
      */
     header?: ReactNode;
 }
-export declare function HistoryPanel({ chatList, currentChatId, onLoadChat, onDeleteChat, header, }: HistoryPanelProps): import("react").JSX.Element;
-export {};
+export declare function HistoryPanel({ chatList, currentChatId, onLoadChat, onDeleteChat, onArchiveChat, onUnarchiveChat, confirmDelete, header, }: HistoryPanelProps): import("react").JSX.Element;

package/dist/components/features/assistant/types.d.ts

@@ -63,4 +63,9 @@ export interface ChatSummary {
     title: string;
     updatedAt: number;
     messages: UIMessage[];
+    /**
+     * Archived (hidden but restorable). Only honoured when the host passes
+     * `onArchiveChat`; otherwise every chat is listed regardless of this flag.
+     */
+    archived?: boolean;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@datum-cloud/datum-ui",
   "type": "module",
-  "version": "2.9.1",
+  "version": "2.10.0",
   "license": "MIT",
   "repository": {
     "url": "https://github.com/datum-cloud/datum-ui"