@parallelworks/ui 0.44.0 → 0.45.0

package/dist/ai/components/conversationActions.js

@@ -1,7 +1,6 @@
-import { BiSolidTrashAlt } from "../../icons/bi/BiSolidTrashAlt.js";
-import { FaCloudDownloadAlt } from "../../icons/fa/FaCloudDownloadAlt.js";
-import { FaEdit } from "../../icons/fa/FaEdit.js";
-import { PiShareBold } from "../../icons/pi/PiShareBold.js";
+import { DownloadIcon, RenameIcon, ShareIcon, TrashIcon } from "../../icons.js";
+import { toast } from "../../components/Toast.js";
+import { useStrings } from "../../components/Provider.js";
 import { useContextMenu } from "../../components/ContextMenu.js";
 import { useChatConfig } from "../core/config.js";
 import { useChat } from "../core/ChatProvider.js";
@@ -37,19 +36,20 @@ function groupConversationsByDate(conversations) {
 *  conversations. Render `overlays` once beside the list. */
 function useConversationActions() {
 	const { strings } = useChatConfig();
+	const { common } = useStrings();
 	const t = strings.sidebar;
-	const { adapter, notify, deleteConversation, updateConversationTitle } = useChat();
+	const { adapter, deleteConversation, updateConversationTitle } = useChat();
 	const { openMenu, contextMenu } = useContextMenu();
 	const [sharing, setSharing] = useState(null);
 	const { requestDelete, requestRename, dialogs } = useRowDialogs({
 		strings: {
 			deleteTitle: t.deleteTitle,
 			deleteBody: () => t.deleteBody,
-			deleteAction: t.deleteAction,
+			deleteAction: common.delete,
 			renameTitle: t.renameTitle,
 			renameLabel: t.renameLabel,
 			renamePlaceholder: t.renamePlaceholder,
-			renameAction: t.renameAction
+			renameAction: common.rename
 		},
 		nameOf: (conv) => conv.title || t.untitled,
 		onDelete: (conv) => deleteConversation(conv.id),
@@ -60,28 +60,28 @@ function useConversationActions() {
 			const conversation = await adapter.conversations.get(id);
 			downloadText(exportFilename(conversation.title), conversationToMarkdown(conversation));
 		} catch {
-			notify.error(strings.chrome.exportError);
+			toast.error(strings.chrome.exportError);
 		}
 	};
 	const menuItems = (conv) => [
 		{
-			label: t.rename,
-			icon: /* @__PURE__ */ jsx(FaEdit, {}),
+			label: common.rename,
+			icon: /* @__PURE__ */ jsx(RenameIcon, {}),
 			onClick: () => requestRename(conv)
 		},
 		...adapter.sharing && conv.isOwner !== false ? [{
-			label: t.share,
-			icon: /* @__PURE__ */ jsx(PiShareBold, {}),
+			label: common.share,
+			icon: /* @__PURE__ */ jsx(ShareIcon, {}),
 			onClick: () => setSharing(conv.id)
 		}] : [],
 		{
-			label: strings.chrome.download,
-			icon: /* @__PURE__ */ jsx(FaCloudDownloadAlt, {}),
+			label: common.download,
+			icon: /* @__PURE__ */ jsx(DownloadIcon, {}),
 			onClick: () => void download(conv.id)
 		},
 		{
-			label: t.delete,
-			icon: /* @__PURE__ */ jsx(BiSolidTrashAlt, {}),
+			label: common.delete,
+			icon: /* @__PURE__ */ jsx(TrashIcon, {}),
 			destructive: true,
 			onClick: () => requestDelete(conv)
 		}

package/dist/ai/core/ChatProvider.d.ts

@@ -1,13 +1,12 @@
 import { type ReactNode } from 'react';
 import type { ChatAdapter } from '../adapter/types.js';
-import type { AttachmentMeta, ChatModel, ChatNavigation, ChatNotify, ChatUser, Conversation, ConversationSummary, ChatMessage as Message, MessagePart, ProviderInfo, ProviderIssue, UnreachableSession } from '../types.js';
+import type { AttachmentMeta, ChatModel, ChatNavigation, ChatUser, Conversation, ConversationSummary, ChatMessage as Message, MessagePart, ProviderInfo, ProviderIssue, UnreachableSession } from '../types.js';
 import { type ChatUIConfig } from './config.js';
 import { type SidebarPresentation, type SidebarState } from './sidebarState.js';
 interface ChatContextValue {
     adapter: ChatAdapter;
     currentUser: ChatUser;
     navigation: ChatNavigation;
-    notify: ChatNotify;
     activeConversationId: string | null;
     conversations: ConversationSummary[];
     currentConversation: Conversation | null;
@@ -63,7 +62,6 @@ export interface ChatProviderProps {
     adapter: ChatAdapter;
     currentUser: ChatUser;
     navigation: ChatNavigation;
-    notify: ChatNotify;
     activeConversationId?: string | null;
     config?: ChatUIConfig;
     /** Owns the sidebar's state. Omit to leave it to the reader, remembered
@@ -76,5 +74,5 @@ export interface ChatProviderProps {
     onDrawerOpenChange?: (open: boolean) => void;
     children: ReactNode;
 }
-export declare function ChatProvider({ adapter, currentUser, navigation, notify, activeConversationId, config, sidebar: sidebarProp, onSidebarChange, drawerOpen: drawerOpenProp, onDrawerOpenChange, children, }: ChatProviderProps): import("react").JSX.Element;
+export declare function ChatProvider({ adapter, currentUser, navigation, activeConversationId, config, sidebar: sidebarProp, onSidebarChange, drawerOpen: drawerOpenProp, onDrawerOpenChange, children, }: ChatProviderProps): import("react").JSX.Element;
 export {};

package/dist/ai/core/ChatProvider.js

@@ -1,26 +1,15 @@
+import { toast } from "../../components/Toast.js";
+import { usePersistedState } from "../../components/Provider.js";
 import { applyPartDelta, finalizeParts, toolTurnMessages } from "./parts.js";
 import { chatReducer, initialState } from "./chatReducer.js";
 import { ChatConfigProvider, resolveChatConfig } from "./config.js";
 import { providerIssueFor } from "./providerIssues.js";
-import { ReportSidebarPresentationContext, readStoredSidebar, storeSidebar, useControllable } from "./sidebarState.js";
+import { ReportSidebarPresentationContext, useControllable, useOwnSidebar } from "./sidebarState.js";
 import { useSSEStream } from "./useSSEStream.js";
 import { jsx } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useEffect, useMemo, useReducer, useRef, useState } from "react";
 import { DateTime } from "luxon";
 //#region src/ai/core/ChatProvider.tsx
-var SELECTED_MODEL_STORAGE_KEY = "aiChatSelectedModel";
-function readStoredModel() {
-	try {
-		return globalThis.localStorage?.getItem(SELECTED_MODEL_STORAGE_KEY) ?? null;
-	} catch {
-		return null;
-	}
-}
-function storeSelectedModel(modelId) {
-	try {
-		globalThis.localStorage?.setItem(SELECTED_MODEL_STORAGE_KEY, modelId);
-	} catch {}
-}
 function generateTitleFromMessage(content) {
 	const cleaned = content.replace(/```[\s\S]*?```/g, "").replace(/`[^`]+`/g, "").replace(/[#*_~[\]()]/g, "").replace(/\s+/g, " ").trim();
 	if (cleaned.length <= 50) return cleaned;
@@ -61,11 +50,14 @@ function useChat() {
 	if (!context) throw new Error("useChat must be used within a ChatProvider");
 	return context;
 }
-function ChatProvider({ adapter, currentUser, navigation, notify, activeConversationId = null, config, sidebar: sidebarProp, onSidebarChange, drawerOpen: drawerOpenProp, onDrawerOpenChange, children }) {
+function ChatProvider({ adapter, currentUser, navigation, activeConversationId = null, config, sidebar: sidebarProp, onSidebarChange, drawerOpen: drawerOpenProp, onDrawerOpenChange, children }) {
 	const [state, dispatch] = useReducer(chatReducer, initialState);
 	const hasLoadedConversationsRef = useRef(false);
 	const { onStreamingChunk, startStreaming, stopAnimationLoop, resetAnimationRefs, targetStreamContentRef, streamActiveRef, streamingConversationIdRef, backgroundStreamsRef, abortControllerRef } = useSSEStream(dispatch);
 	const currentConversationIdRef = useRef(null);
+	const [storedModel, storeModel] = usePersistedState("aiChat.model", null);
+	const storedModelRef = useRef(storedModel);
+	storedModelRef.current = storedModel;
 	const selectedProviderRef = useRef(state.selectedProvider);
 	useEffect(() => {
 		selectedProviderRef.current = state.selectedProvider;
@@ -87,14 +79,14 @@ function ChatProvider({ adapter, currentUser, navigation, notify, activeConversa
 			});
 			hasLoadedConversationsRef.current = true;
 		} catch (error) {
-			notify.error(errorText(error));
+			toast.error(errorText(error));
 		} finally {
 			dispatch({
 				type: "SET_LOADING",
 				isLoading: false
 			});
 		}
-	}, [adapter, notify]);
+	}, [adapter]);
 	const streamingToConversationRef = useRef(null);
 	const loadSequenceRef = useRef(0);
 	const loadConversation = useCallback(async (id) => {
@@ -115,7 +107,7 @@ function ChatProvider({ adapter, currentUser, navigation, notify, activeConversa
 				type: "SET_LOADING_CONVERSATION",
 				isLoadingConversation: false
 			});
-			notify.error(errorText(error));
+			toast.error(errorText(error));
 			currentConversationIdRef.current = null;
 			dispatch({
 				type: "SET_CURRENT_CONVERSATION",
@@ -147,7 +139,6 @@ function ChatProvider({ adapter, currentUser, navigation, notify, activeConversa
 		}
 	}, [
 		adapter,
-		notify,
 		resetAnimationRefs,
 		streamingConversationIdRef,
 		backgroundStreamsRef,
@@ -166,9 +157,9 @@ function ChatProvider({ adapter, currentUser, navigation, notify, activeConversa
 			});
 			hasLoadedProvidersRef.current = true;
 		} catch (error) {
-			notify.error(errorText(error));
+			toast.error(errorText(error));
 		}
-	}, [adapter, notify]);
+	}, [adapter]);
 	const refreshProviders = useCallback(async () => {
 		hasLoadedProvidersRef.current = false;
 		await loadProviders();
@@ -190,7 +181,7 @@ function ChatProvider({ adapter, currentUser, navigation, notify, activeConversa
 			});
 			hasLoadedModelsRef.current = true;
 			const current = selectedProviderRef.current;
-			const stored = readStoredModel();
+			const stored = storedModelRef.current;
 			const offers = (id) => !!id && models.some((m) => m.id === id);
 			const firstUsable = models.find((model) => !providerIssueFor(providerIssues, model)) ?? models[0];
 			const resolved = offers(current) ? current : offers(stored) ? stored : firstUsable?.id ?? null;
@@ -224,6 +215,7 @@ function ChatProvider({ adapter, currentUser, navigation, notify, activeConversa
 		loadProviders();
 		loadModels();
 	}, [loadProviders, loadModels]);
+	const resolvedConfig = useMemo(() => resolveChatConfig(config), [config]);
 	const createConversation = useCallback(async (title) => {
 		try {
 			const conversation = await adapter.conversations.create(title);
@@ -233,15 +225,15 @@ function ChatProvider({ adapter, currentUser, navigation, notify, activeConversa
 			});
 			return conversation.id;
 		} catch (error) {
-			notify.error(errorText(error));
+			toast.error(errorText(error));
 			return null;
 		}
-	}, [adapter, notify]);
+	}, [adapter]);
 	const deleteConversation = useCallback(async (id) => {
 		try {
 			await adapter.conversations.remove(id);
 		} catch (error) {
-			notify.error(errorText(error));
+			toast.error(errorText(error));
 			return false;
 		}
 		dispatch({
@@ -258,7 +250,6 @@ function ChatProvider({ adapter, currentUser, navigation, notify, activeConversa
 		return true;
 	}, [
 		adapter,
-		notify,
 		state.currentConversation,
 		navigation
 	]);
@@ -268,7 +259,7 @@ function ChatProvider({ adapter, currentUser, navigation, notify, activeConversa
 			if (!convId) return false;
 			const MAX_QUEUED_MESSAGES = 10;
 			if (pendingQueueRef.current.length >= MAX_QUEUED_MESSAGES) {
-				notify.error(`You can queue up to ${MAX_QUEUED_MESSAGES} messages while waiting for a response`);
+				toast.error(`You can queue up to ${MAX_QUEUED_MESSAGES} messages while waiting for a response`);
 				return false;
 			}
 			const queuedId = crypto.randomUUID();
@@ -294,7 +285,7 @@ function ChatProvider({ adapter, currentUser, navigation, notify, activeConversa
 		}
 		const modelString = state.selectedProvider;
 		if (!isSelectedModelAvailable || !modelString) {
-			notify.error("Please select a provider first");
+			toast.error(resolvedConfig.strings.modelPicker.selectFirst);
 			return false;
 		}
 		isSendingRef.current = true;
@@ -539,7 +530,7 @@ function ChatProvider({ adapter, currentUser, navigation, notify, activeConversa
 		}
 	}, [
 		adapter,
-		notify,
+		resolvedConfig,
 		isSelectedModelAvailable,
 		state.selectedProvider,
 		state.selectedAllocation,
@@ -563,7 +554,7 @@ function ChatProvider({ adapter, currentUser, navigation, notify, activeConversa
 		try {
 			await adapter.conversations.rename(id, title);
 		} catch (error) {
-			notify.error(errorText(error));
+			toast.error(errorText(error));
 			return false;
 		}
 		dispatch({
@@ -583,17 +574,16 @@ function ChatProvider({ adapter, currentUser, navigation, notify, activeConversa
 		return true;
 	}, [
 		adapter,
-		notify,
 		state.conversations,
 		state.currentConversation
 	]);
 	const setSelectedProvider = useCallback((providerId) => {
-		if (providerId && state.models.some((m) => m.id === providerId)) storeSelectedModel(providerId);
+		if (providerId && state.models.some((m) => m.id === providerId)) storeModel(providerId);
 		dispatch({
 			type: "SET_SELECTED_PROVIDER",
 			providerId
 		});
-	}, [state.models]);
+	}, [state.models, storeModel]);
 	const setSelectedAllocation = useCallback((allocation) => {
 		dispatch({
 			type: "SET_SELECTED_ALLOCATION",
@@ -685,8 +675,8 @@ function ChatProvider({ adapter, currentUser, navigation, notify, activeConversa
 		state.currentConversation?.messages,
 		state.thinkingStartTime
 	]);
-	const [sidebar, setSidebar, sidebarRef] = useControllable(sidebarProp, readStoredSidebar, onSidebarChange, storeSidebar);
-	const [drawerOpen, setDrawerOpen, drawerOpenRef] = useControllable(drawerOpenProp, () => false, onDrawerOpenChange);
+	const [sidebar, setSidebar, sidebarRef] = useControllable(sidebarProp, useOwnSidebar(), onSidebarChange);
+	const [drawerOpen, setDrawerOpen, drawerOpenRef] = useControllable(drawerOpenProp, useState(false), onDrawerOpenChange);
 	const [sidebarPresentation, setSidebarPresentation] = useState("inline");
 	const presentationRef = useRef(sidebarPresentation);
 	presentationRef.current = sidebarPresentation;
@@ -740,12 +730,10 @@ function ChatProvider({ adapter, currentUser, navigation, notify, activeConversa
 			conversation: null
 		});
 	}, [resetAnimationRefs, streamingConversationIdRef]);
-	const resolvedConfig = useMemo(() => resolveChatConfig(config), [config]);
 	const value = useMemo(() => ({
 		adapter,
 		currentUser,
 		navigation,
-		notify,
 		activeConversationId,
 		conversations: state.conversations,
 		currentConversation: state.currentConversation,
@@ -796,7 +784,6 @@ function ChatProvider({ adapter, currentUser, navigation, notify, activeConversa
 		adapter,
 		currentUser,
 		navigation,
-		notify,
 		activeConversationId,
 		state,
 		sidebar,

package/dist/ai/core/exportConversation.js

@@ -1,13 +1,13 @@
-import { DateTime } from "luxon";
+import { formatDateTime } from "../../format.js";
 //#region src/ai/core/exportConversation.ts
 function conversationToMarkdown(conversation) {
 	const lines = [];
 	lines.push(`# ${conversation.title?.trim() || "Conversation"}`);
 	if (conversation.createdAt) {
-		const dt = DateTime.fromISO(conversation.createdAt);
-		if (dt.isValid) {
+		const started = formatDateTime(conversation.createdAt);
+		if (started) {
 			lines.push("");
-			lines.push(`> Started ${dt.toLocaleString(DateTime.DATETIME_MED)}`);
+			lines.push(`> Started ${started}`);
 		}
 	}
 	for (const message of conversation.messages) {

package/dist/ai/core/sidebarState.d.ts

@@ -4,16 +4,18 @@ export type SidebarState = 'expanded' | 'collapsed' | 'hidden';
 /** How the layout shows the list right now: as a column beside the thread,
  *  or as a drawer over it. */
 export type SidebarPresentation = 'inline' | 'drawer';
-export declare function readStoredSidebar(): SidebarState;
-export declare function storeSidebar(state: SidebarState): void;
+/** The reader's own choice between the column and the rail, remembered through
+ *  the host's persisted state. Hiding the list is the host's call, so it lasts
+ *  only for the page that made it. */
+export declare function useOwnSidebar(): readonly [SidebarState, (state: SidebarState) => void];
 /** A value the host may own through a prop. Without the prop the provider
- *  keeps it; either way the change callback hears every change. The ref
- *  reads the latest value from callbacks that should not re-create. */
-export declare function useControllable<T>(controlled: T | undefined, initial: () => T, onChange: ((value: T) => void) | undefined, remember?: (value: T) => void): readonly [T, (next: T) => void, import("react").RefObject<{
+ *  keeps it in `own`; either way the change callback hears every change. The
+ *  ref reads the latest value from callbacks that should not re-create. */
+export declare function useControllable<T>(controlled: T | undefined, own: readonly [T, (value: T) => void], onChange: ((value: T) => void) | undefined): readonly [T, (next: T) => void, import("react").RefObject<{
     value: T;
     controlled: boolean;
     onChange: ((value: T) => void) | undefined;
-    remember: ((value: T) => void) | undefined;
+    setOwn: (value: T) => void;
 }>];
 export declare const ReportSidebarPresentationContext: import("react").Context<(presentation: SidebarPresentation) => void>;
 export declare function useReportSidebarPresentation(): (presentation: SidebarPresentation) => void;

package/dist/ai/core/sidebarState.js

@@ -1,49 +1,42 @@
+import { usePersistedState } from "../../components/Provider.js";
 import { createContext, useCallback, useContext, useRef, useState } from "react";
 //#region src/ai/core/sidebarState.ts
-var SIDEBAR_STORAGE_KEY = "aiChatSidebar";
-var LEGACY_COLLAPSED_STORAGE_KEY = "aiChatSidebarCollapsed";
-function readStoredSidebar() {
-	try {
-		const stored = globalThis.localStorage?.getItem(SIDEBAR_STORAGE_KEY);
-		if (stored === "expanded" || stored === "collapsed") return stored;
-		return globalThis.localStorage?.getItem(LEGACY_COLLAPSED_STORAGE_KEY) === "1" ? "collapsed" : "expanded";
-	} catch {
-		return "expanded";
-	}
-}
-function storeSidebar(state) {
-	if (state === "hidden") return;
-	try {
-		globalThis.localStorage?.setItem(SIDEBAR_STORAGE_KEY, state);
-	} catch {}
+/** The reader's own choice between the column and the rail, remembered through
+*  the host's persisted state. Hiding the list is the host's call, so it lasts
+*  only for the page that made it. */
+function useOwnSidebar() {
+	const [remembered, remember] = usePersistedState("aiChat.sidebar", "expanded");
+	const [hidden, setHidden] = useState(false);
+	const set = useCallback((state) => {
+		setHidden(state === "hidden");
+		if (state !== "hidden") remember(state);
+	}, [remember]);
+	return [hidden ? "hidden" : remembered === "collapsed" ? "collapsed" : "expanded", set];
 }
 /** A value the host may own through a prop. Without the prop the provider
-*  keeps it; either way the change callback hears every change. The ref
-*  reads the latest value from callbacks that should not re-create. */
-function useControllable(controlled, initial, onChange, remember) {
-	const [own, setOwn] = useState(initial);
-	const value = controlled === void 0 ? own : controlled;
+*  keeps it in `own`; either way the change callback hears every change. The
+*  ref reads the latest value from callbacks that should not re-create. */
+function useControllable(controlled, own, onChange) {
+	const [ownValue, setOwn] = own;
+	const value = controlled === void 0 ? ownValue : controlled;
 	const latest = useRef({
 		value,
 		controlled: controlled !== void 0,
 		onChange,
-		remember
+		setOwn
 	});
 	latest.current = {
 		value,
 		controlled: controlled !== void 0,
 		onChange,
-		remember
+		setOwn
 	};
 	return [
 		value,
 		useCallback((next) => {
 			const l = latest.current;
 			if (Object.is(next, l.value)) return;
-			if (!l.controlled) {
-				setOwn(next);
-				l.remember?.(next);
-			}
+			if (!l.controlled) l.setOwn(next);
 			l.onChange?.(next);
 		}, []),
 		latest
@@ -54,4 +47,4 @@ function useReportSidebarPresentation() {
 	return useContext(ReportSidebarPresentationContext);
 }
 //#endregion
-export { ReportSidebarPresentationContext, readStoredSidebar, storeSidebar, useControllable, useReportSidebarPresentation };
+export { ReportSidebarPresentationContext, useControllable, useOwnSidebar, useReportSidebarPresentation };

package/dist/ai/core/useKeyboardShortcuts.js

@@ -1,3 +1,6 @@
+import { toast } from "../../components/Toast.js";
+import { useStrings } from "../../components/Provider.js";
+import { useChatConfig } from "./config.js";
 import { useChat } from "./ChatProvider.js";
 import { isMac } from "../utils.js";
 import { FOCUS_SIDEBAR_SEARCH_EVENT } from "./events.js";
@@ -11,7 +14,9 @@ function lastUserMessage(messages) {
 }
 function useKeyboardShortcuts(options = {}) {
 	const { enabled = true } = options;
-	const { currentConversation, isStreaming, stopStreaming, clearCurrentConversation, navigation, notify } = useChat();
+	const { currentConversation, isStreaming, stopStreaming, clearCurrentConversation, navigation } = useChat();
+	const { common } = useStrings();
+	const { chrome: t } = useChatConfig().strings;
 	const getLastAssistantMessage = useCallback(() => lastAssistantContent(currentConversation?.messages ?? []), [currentConversation?.messages]);
 	const getLastUserMessage = useCallback(() => lastUserMessage(currentConversation?.messages ?? []), [currentConversation?.messages]);
 	const handleNewConversation = useCallback(() => {
@@ -22,12 +27,16 @@ function useKeyboardShortcuts(options = {}) {
 		const content = getLastAssistantMessage();
 		if (content) try {
 			await navigator.clipboard.writeText(content);
-			notify.success("Copied to clipboard");
+			toast.success(common.copiedToClipboard);
 		} catch {
-			notify.error("Failed to copy");
+			toast.error(common.copyFailed);
 		}
-		else notify.info("No response to copy");
-	}, [getLastAssistantMessage, notify]);
+		else toast.info(t.noResponseToCopy);
+	}, [
+		getLastAssistantMessage,
+		common,
+		t
+	]);
 	const handleStopGeneration = useCallback(() => {
 		if (isStreaming) stopStreaming();
 	}, [isStreaming, stopStreaming]);

package/dist/ai/index.d.ts

@@ -1,10 +1,9 @@
-export { durationToAbsHumanDuration } from '../duration.js';
 export * from './adapter/types.js';
 export * from './agent/index.js';
 export { default as AllocationSelector } from './components/AllocationSelector.js';
 export { default as AttachmentManager } from './components/AttachmentManager.js';
 export { type Attachment, type AttachmentUploadHandle, default as AttachmentUpload, } from './components/AttachmentUpload.js';
-export { compactCount, default as ActivityLine, formatElapsed, } from './components/agent/ActivityLine.js';
+export { default as ActivityLine } from './components/agent/ActivityLine.js';
 export { ApprovalBlock, default as AgentMessageParts, } from './components/agent/AgentMessageParts.js';
 export { default as PermissionPicker } from './components/agent/PermissionPicker.js';
 export { default as BlockedGroupBanner } from './components/BlockedGroupBanner.js';
@@ -40,7 +39,7 @@ export { default as useDragDrop } from './core/useDragDrop.js';
 export { useKeyboardShortcuts } from './core/useKeyboardShortcuts.js';
 export { type ChatStrings, defaultChatStrings } from './strings.js';
 export * from './types.js';
-export { ConversationSidebar, type ConversationSidebarGroup, useResizableSidebarWidth, } from './ui/ConversationSidebar.js';
+export { ConversationSidebar, type ConversationSidebarGroup, sidebarDrawerProps, } from './ui/ConversationSidebar.js';
 export { NoticeBar, NoticeCard, type NoticeTone, OutputCard } from './ui/Notice.js';
-export { RenameDialog, type RowDialogStrings, SidebarDrawer, SidebarGroupHeading, SidebarPanel, SidebarPlaceholder, SidebarRailItem, SidebarRow, SidebarRowTitle, SidebarToggle, useRowDialogs, } from './ui/sidebar.js';
-export { formatFileSize, isMac, isOrgModel } from './utils.js';
+export { RenameDialog, type RowDialogStrings, SidebarGroupHeading, SidebarPanel, SidebarRailItem, SidebarRow, SidebarRowTitle, SidebarToggle, useRowDialogs, } from './ui/sidebar.js';
+export { isMac, isOrgModel } from './utils.js';

package/dist/ai/index.js

@@ -1,7 +1,7 @@
-import { durationToAbsHumanDuration } from "../duration.js";
 import { ChatAdapterError } from "./adapter/types.js";
 import { classifyPseudoUserMessage } from "./agent/classifier.js";
-import { AGENT_COLOR_NAMES, agentColorHex, bashExitCode, clip, fullToolArgs, isGroupableTool, plural, resultFailed, rollupSentence, sanitizeLabel, sanitizePanelText, summarizeToolArgs, toolHeaderFor, toolSummary } from "./agent/toolfmt.js";
+import { defaultToolStrings } from "./agent/toolStrings.js";
+import { AGENT_COLOR_NAMES, agentColorHex, bashExitCode, clip, fullToolArgs, isGroupableTool, resultFailed, rollupSentence, sanitizeLabel, sanitizePanelText, summarizeToolArgs, toolHeaderFor, toolSummary } from "./agent/toolfmt.js";
 import { MAX_EDIT_DIFF_LINES, MAX_WRITE_DIFF_LINES, computeEditDiff, computeWriteRows, editSummary, isEditDiffTool, lineDelta, parseEditArgs, wordEmphasisRanges } from "./agent/diff.js";
 import { languageForPath, tokenizeDiffLines } from "./agent/diffHighlight.js";
 import { DEFAULT_PERMISSION_MODE, NAMED_PERMISSION_MODES, clampPermissionMode, isNamedPermissionMode, permissionModesUpTo } from "./agent/permissions.js";
@@ -12,11 +12,11 @@ import { defaultChatStrings } from "./strings.js";
 import { resolveChatConfig, useChatConfig } from "./core/config.js";
 import { providerIssueFor } from "./core/providerIssues.js";
 import { ChatProvider, useChat } from "./core/ChatProvider.js";
-import { formatFileSize, isMac, isOrgModel } from "./utils.js";
+import { isMac, isOrgModel } from "./utils.js";
 import AllocationSelector from "./components/AllocationSelector.js";
 import AttachmentManager from "./components/AttachmentManager.js";
 import AttachmentUpload from "./components/AttachmentUpload.js";
-import ActivityLine, { compactCount, formatElapsed } from "./components/agent/ActivityLine.js";
+import ActivityLine from "./components/agent/ActivityLine.js";
 import AgentMessageParts, { ApprovalBlock } from "./components/agent/AgentMessageParts.js";
 import PermissionPicker from "./components/agent/PermissionPicker.js";
 import ModelSelector, { getProviderKeyFromModelId } from "./components/ModelSelector.js";
@@ -36,8 +36,8 @@ import ChatEmptyState from "./components/ChatEmptyState.js";
 import { FOCUS_SIDEBAR_SEARCH_EVENT } from "./core/events.js";
 import { useKeyboardShortcuts } from "./core/useKeyboardShortcuts.js";
 import { KeyboardShortcutsProvider } from "./core/KeyboardShortcutsProvider.js";
-import { RenameDialog, SidebarDrawer, SidebarGroupHeading, SidebarPanel, SidebarPlaceholder, SidebarRailItem, SidebarRow, SidebarRowTitle, SidebarToggle, useRowDialogs } from "./ui/sidebar.js";
-import { ConversationSidebar, useResizableSidebarWidth } from "./ui/ConversationSidebar.js";
+import { RenameDialog, SidebarGroupHeading, SidebarPanel, SidebarRailItem, SidebarRow, SidebarRowTitle, SidebarToggle, useRowDialogs } from "./ui/sidebar.js";
+import { ConversationSidebar, sidebarDrawerProps } from "./ui/ConversationSidebar.js";
 import ShareDialog, { ShareButton } from "./components/ShareDialog.js";
 import { groupConversationsByDate, useConversationActions } from "./components/conversationActions.js";
 import ChatSidebar from "./components/ChatSidebar.js";
@@ -45,4 +45,4 @@ import ChatLayout, { CHAT_COLUMN_SCOPE, ConversationLayout, DRAWER_BELOW_PX } fr
 import ChatMessage_default from "./components/ChatMessage.js";
 import ChatMessageList from "./components/ChatMessageList.js";
 import ChatThread from "./components/ChatThread.js";
-export { AGENT_COLOR_NAMES, ActivityLine, AgentMessageParts, AllocationSelector, ApprovalBlock, AttachmentManager, AttachmentUpload, BlockedGroupBanner, BranchNavigator, CHAT_COLUMN_SCOPE, ChatAdapterError, ChatEmptyState, ChatInput, ChatLayout, ChatMessageList, ChatMessage_default as ChatMessageView, ChatProvider, ChatSidebar, ChatStage, ChatThread, ComposerContext, ComposerControls, ComposerSettings, ComposerUsage, ConnectToolsLink, ConversationLayout, ConversationSidebar, DEFAULT_PERMISSION_MODE, DRAWER_BELOW_PX, DragOverlay, FOCUS_SIDEBAR_SEARCH_EVENT, INTERRUPTED_NOTICE, KeyboardShortcutsProvider, MAX_EDIT_DIFF_LINES, MAX_WRITE_DIFF_LINES, ManageProvidersLink, ModelSelector, NAMED_PERMISSION_MODES, NoticeBar, NoticeCard, OutputCard, PermissionPicker, ProviderIssueBanner, RenameDialog, ShareButton, ShareDialog, SidebarDrawer, SidebarGroupHeading, SidebarPanel, SidebarPlaceholder, SidebarRailItem, SidebarRow, SidebarRowTitle, SidebarToggle, agentColorHex, agentTypeLabel, applyPartDelta, askQuestionFromArgs, bashExitCode, chatReducer, clampPermissionMode, classifyPseudoUserMessage, clip, compactCount, computeEditDiff, computeWriteRows, defaultChatStrings, durationToAbsHumanDuration, editSummary, finalizeParts, firstNonEmptyLine, formatElapsed, formatFileSize, fullToolArgs, getGreeting, getProviderKeyFromModelId, groupConversationsByDate, hiddenTranscriptTool, initialState, interruptionNotice, isEditDiffTool, isGroupableTool, isMac, isNamedPermissionMode, isOrgModel, languageForPath, lineDelta, parseEditArgs, parseSubagentNotice, pasteInlineMaxBytes, permissionModesUpTo, planFromArgs, plural, providerIssueFor, resolveChatConfig, resultFailed, rollupSentence, sanitizeLabel, sanitizePanelText, slashMatches, subagentDeliveryLine, summarizeToolArgs, taskCallFromArgs, thinkingHeading, tokenizeDiffLines, toolHeaderFor, toolSummary, useChat, useChatConfig, useConversationActions, useDragDrop, useKeyboardShortcuts, useResizableSidebarWidth, useRowDialogs, wordEmphasisRanges };
+export { AGENT_COLOR_NAMES, ActivityLine, AgentMessageParts, AllocationSelector, ApprovalBlock, AttachmentManager, AttachmentUpload, BlockedGroupBanner, BranchNavigator, CHAT_COLUMN_SCOPE, ChatAdapterError, ChatEmptyState, ChatInput, ChatLayout, ChatMessageList, ChatMessage_default as ChatMessageView, ChatProvider, ChatSidebar, ChatStage, ChatThread, ComposerContext, ComposerControls, ComposerSettings, ComposerUsage, ConnectToolsLink, ConversationLayout, ConversationSidebar, DEFAULT_PERMISSION_MODE, DRAWER_BELOW_PX, DragOverlay, FOCUS_SIDEBAR_SEARCH_EVENT, INTERRUPTED_NOTICE, KeyboardShortcutsProvider, MAX_EDIT_DIFF_LINES, MAX_WRITE_DIFF_LINES, ManageProvidersLink, ModelSelector, NAMED_PERMISSION_MODES, NoticeBar, NoticeCard, OutputCard, PermissionPicker, ProviderIssueBanner, RenameDialog, ShareButton, ShareDialog, SidebarGroupHeading, SidebarPanel, SidebarRailItem, SidebarRow, SidebarRowTitle, SidebarToggle, agentColorHex, agentTypeLabel, applyPartDelta, askQuestionFromArgs, bashExitCode, chatReducer, clampPermissionMode, classifyPseudoUserMessage, clip, computeEditDiff, computeWriteRows, defaultChatStrings, defaultToolStrings, editSummary, finalizeParts, firstNonEmptyLine, fullToolArgs, getGreeting, getProviderKeyFromModelId, groupConversationsByDate, hiddenTranscriptTool, initialState, interruptionNotice, isEditDiffTool, isGroupableTool, isMac, isNamedPermissionMode, isOrgModel, languageForPath, lineDelta, parseEditArgs, parseSubagentNotice, pasteInlineMaxBytes, permissionModesUpTo, planFromArgs, providerIssueFor, resolveChatConfig, resultFailed, rollupSentence, sanitizeLabel, sanitizePanelText, sidebarDrawerProps, slashMatches, subagentDeliveryLine, summarizeToolArgs, taskCallFromArgs, thinkingHeading, tokenizeDiffLines, toolHeaderFor, toolSummary, useChat, useChatConfig, useConversationActions, useDragDrop, useKeyboardShortcuts, useRowDialogs, wordEmphasisRanges };