@parallelworks/ui 0.44.0 → 0.46.0

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/pasteLanguage.d.ts

@@ -1,5 +1,5 @@
 /** The highlighter's name for the language a paste is written in, or ''
- *  when it is not recognisably one. */
+ *  when it is not recognizably one. */
 export declare function guessPasteLanguage(text: string): string;
 /** The paste as a fenced code block in its language. The fence outruns any
  *  run of backticks inside the paste, so nothing in it can close the fence. */

package/dist/ai/core/pasteLanguage.js

@@ -17,7 +17,7 @@ function isJson(trimmed) {
 var YAML_LINE = /^\s*(-\s+)?["']?[\w./-]+["']?\s*:(\s|$)|^\s*-(\s|$)|^---\s*$/;
 var TOML_LINE = /^\s*\[{1,2}[\w."-]+\]{1,2}\s*$|^\s*[\w."-]+\s*=\s*\S/;
 /** The highlighter's name for the language a paste is written in, or ''
-*  when it is not recognisably one. */
+*  when it is not recognizably one. */
 function guessPasteLanguage(text) {
 	const trimmed = text.trim();
 	if (!trimmed) return "";

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 };

package/dist/ai/strings.d.ts

@@ -1,10 +1,6 @@
 import type { ReactNode } from 'react';
+import { type ToolStrings } from './agent/toolStrings.js';
 export interface ChatStrings {
-    modal: {
-        cancel: string;
-        save: string;
-        loading: string;
-    };
     shareConversation: {
         title: string;
         loadError: string;
@@ -16,7 +12,6 @@ export interface ChatStrings {
         noGroups: string;
         viewOnly: string;
         canCollaborate: string;
-        remove: string;
         addGroups: string;
         info: ReactNode;
         shareButton: string;
@@ -40,7 +35,6 @@ export interface ChatStrings {
         search: string;
         loading: string;
         failed: string;
-        retry: string;
         none: string;
         /** Beside a provider another user registered and shared with the reader. */
         sharedBy: (owner: string) => string;
@@ -50,6 +44,8 @@ export interface ChatStrings {
         notResponding: string;
         /** Links the provider's settings from its issue banner, for its owner. */
         manageProvider: string;
+        /** Sending before a model is chosen. */
+        selectFirst: string;
     };
     allocationPicker: {
         choose: string;
@@ -64,9 +60,6 @@ export interface ChatStrings {
         waitingNextStep: string;
         /** Under a message the host has already handed to the running turn. */
         handedOver: string;
-        /** The visible label of the remove control; `remove` names it for
-         *  assistive technology. */
-        removeShort: string;
     };
     activity: {
         tokens: (input: string, output: string) => string;
@@ -80,7 +73,6 @@ export interface ChatStrings {
         addProvider: string;
         sessionUnreachableTitle: (session: string) => ReactNode;
         sessionUnreachableBody: string;
-        retry: string;
     };
     input: {
         placeholder: string;
@@ -101,7 +93,11 @@ export interface ChatStrings {
         label: string;
         ellipsis: string;
         thoughtFor: (duration: string) => string;
+        /** A finished reasoning toggle's label when its duration is unknown. */
+        thoughtProcess: string;
         activity: string;
+        /** A finished turn's label when it ran tools without reasoning. */
+        ranToolCalls: (count: number) => string;
     };
     thread: {
         viewOnly: string;
@@ -113,9 +109,6 @@ export interface ChatStrings {
         groupThisMonth: string;
         groupOlder: string;
         untitled: string;
-        rename: string;
-        share: string;
-        delete: string;
         sharedWithYou: string;
         openSidebar: string;
         closeSidebar: string;
@@ -130,26 +123,22 @@ export interface ChatStrings {
         noConversations: string;
         deleteTitle: string;
         deleteBody: string;
-        deleteAction: string;
         renameTitle: string;
-        renameAction: string;
         renameLabel: string;
         renamePlaceholder: string;
     };
     attachmentUpload: {
         fileTooLarge: (maxSize: string) => string;
         maxFilesAllowed: (max: number) => string;
-        remove: string;
         dropFilesHere: string;
+        releaseToUpload: string;
         addFiles: string;
+        maxSizePerFile: (size: string) => string;
+        uploading: string;
     };
     attachmentManager: {
         title: string;
         empty: string;
-        download: string;
-        delete: string;
-        loadMore: string;
-        loading: string;
     };
     branch: {
         previous: string;
@@ -159,24 +148,19 @@ export interface ChatStrings {
         searchPlaceholder: string;
         searchLabel: string;
         noMatches: string;
-        download: string;
         exportError: string;
         jumpToLatest: string;
-        dismiss: string;
+        /** The copy shortcut's note when no reply has come yet. */
+        noResponseToCopy: string;
     };
     messageMeta: {
         stopped: string;
-        showMore: string;
-        showLess: string;
         tokens: (total: number) => string;
         tokensBreakdown: (prompt: number, completion: number) => string;
         copy: string;
         edit: string;
         regenerate: string;
-        retry: string;
         editPlaceholder: string;
-        cancel: string;
-        send: string;
     };
     permissions: {
         choose: string;
@@ -192,8 +176,6 @@ export interface ChatStrings {
         planHint: string;
     };
     agentTranscript: {
-        showMore: string;
-        showLess: string;
         running: string;
         done: string;
         failed: string;
@@ -212,7 +194,6 @@ export interface ChatStrings {
         denyCall: string;
         denyWithFeedback: string;
         feedbackPlaceholder: string;
-        send: string;
         answered: string;
         writeOwnAnswer: string;
         subagent: string;
@@ -221,5 +202,7 @@ export interface ChatStrings {
         approvalPending: string;
         approvalOptions: string;
     };
+    /** One-line summaries of an agent's finished tool calls. */
+    tools: ToolStrings;
 }
 export declare const defaultChatStrings: ChatStrings;