@parallelworks/ui 0.51.0 → 0.52.0

package/dist/ai/components/agent/AgentMessageParts.js

@@ -1,6 +1,7 @@
 import { cx } from "../../../cx.js";
 import { CheckIcon } from "../../../icons.js";
 import { Loader } from "../../../components/Loader.js";
+import { toneSurface } from "../../../components/tone.js";
 import { useStrings } from "../../../components/Provider.js";
 import { fieldBox } from "../../../components/fieldBox.js";
 import { Disclosure } from "../../../components/Disclosure.js";
@@ -11,11 +12,12 @@ import { computeEditDiff, computeWriteRows, editSummary, isEditDiffTool, parseEd
 import { languageForPath, tokenizeDiffLines } from "../../agent/diffHighlight.js";
 import { thinkingHeading } from "../../agent/transcript.js";
 import { useChatConfig } from "../../core/config.js";
+import { focusOnMount } from "../../../components/focus.js";
 import Markdown from "../../ui/Markdown.js";
 import { chatProseClasses } from "../../ui/prose.js";
 import { Reasoning, ReasoningBody } from "../Reasoning.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from "react";
+import { memo, useEffect, useId, useMemo, useState } from "react";
 //#region src/ai/components/agent/AgentMessageParts.tsx
 var COLLAPSED_RESULT_LINES = 12;
 function LineSpans({ text, tokens, emphasis }) {
@@ -35,7 +37,7 @@ function LineSpans({ text, tokens, emphasis }) {
 			let end = start + 1;
 			while (end < t.content.length && inEmphasis(offset + end) === emphasized) end++;
 			out.push(/* @__PURE__ */ jsx("span", {
-				className: emphasized ? "bg-green-500/30 rounded-[2px]" : void 0,
+				className: emphasized ? "bg-(--theme-success)/30 rounded-[2px]" : void 0,
 				style: t.color ? { color: t.color } : void 0,
 				children: t.content.slice(start, end)
 			}, key++));
@@ -65,7 +67,7 @@ function DiffRows({ rows, lang }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: "overflow-x-auto rounded-md border theme-border font-mono text-xs leading-5",
 		children: rows.map((row, i) => /* @__PURE__ */ jsxs("div", {
-			className: cx("flex whitespace-pre", row.kind === "add" && "bg-green-500/15", row.kind === "del" && "bg-red-500/15", row.kind === "gap" && "theme-muted-text"),
+			className: cx("flex whitespace-pre", row.kind === "add" && "bg-(--theme-success)/15", row.kind === "del" && "bg-(--theme-error)/15", row.kind === "gap" && "theme-muted-text"),
 			children: [
 				numbered && /* @__PURE__ */ jsx("span", {
 					className: "w-10 shrink-0 select-none text-right pr-2 theme-muted-text",
@@ -150,7 +152,7 @@ function ResultBody({ part }) {
 				type: "button",
 				onClick: () => setShowAll(true),
 				className: "text-xs text-(--theme-link) hover:underline",
-				children: t.moreLines.replace("{count}", String(hidden))
+				children: t.moreLines(hidden)
 			}),
 			showAll && lines.length > COLLAPSED_RESULT_LINES && /* @__PURE__ */ jsx("button", {
 				type: "button",
@@ -161,20 +163,42 @@ function ResultBody({ part }) {
 		]
 	});
 }
+/** A status mark, which color alone tells apart, with its status in words for
+*  a screen reader. */
+function StatusMark({ status, children }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+		"aria-hidden": "true",
+		className: "contents",
+		children
+	}), /* @__PURE__ */ jsx("span", {
+		className: "sr-only",
+		children: status
+	})] });
+}
 function ToolStatusDot({ part }) {
-	if (part.status === "running") return /* @__PURE__ */ jsx(Loader, {
-		inline: true,
-		decorative: true,
-		size: 14,
-		color: "var(--theme-muted-text-color)"
+	const t = useChatConfig().strings.agentTranscript;
+	if (part.status === "running") return /* @__PURE__ */ jsx(StatusMark, {
+		status: t.running,
+		children: /* @__PURE__ */ jsx(Loader, {
+			inline: true,
+			decorative: true,
+			size: 14,
+			color: "var(--theme-muted-text-color)"
+		})
 	});
-	if (part.status === "error") return /* @__PURE__ */ jsx("span", {
-		className: "text-red-500 leading-none",
-		children: "●"
+	if (part.status === "error") return /* @__PURE__ */ jsx(StatusMark, {
+		status: t.failed,
+		children: /* @__PURE__ */ jsx("span", {
+			className: "leading-none text-(--theme-error)",
+			children: "●"
+		})
 	});
-	return /* @__PURE__ */ jsx("span", {
-		className: "text-green-600 leading-none",
-		children: "●"
+	return /* @__PURE__ */ jsx(StatusMark, {
+		status: t.done,
+		children: /* @__PURE__ */ jsx("span", {
+			className: "leading-none text-(--theme-success)",
+			children: "●"
+		})
 	});
 }
 /** A part's toggle row: its status mark and name, across the transcript's width. */
@@ -251,18 +275,21 @@ function SubagentCard({ part }) {
 			onOpenChange: setExpanded,
 			disabled: !canExpand,
 			summaryClassName: rowSummaryClasses,
-			summary: /* @__PURE__ */ jsxs(Fragment, { children: [part.status === "running" ? /* @__PURE__ */ jsx("span", {
-				className: "mt-[3px]",
-				children: /* @__PURE__ */ jsx(Loader, {
-					inline: true,
-					decorative: true,
-					size: 14,
-					color: "var(--theme-muted-text-color)"
+			summary: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(StatusMark, {
+				status: part.status === "running" ? t.running : part.status === "failed" ? t.failed : t.done,
+				children: part.status === "running" ? /* @__PURE__ */ jsx("span", {
+					className: "mt-[3px]",
+					children: /* @__PURE__ */ jsx(Loader, {
+						inline: true,
+						decorative: true,
+						size: 14,
+						color: "var(--theme-muted-text-color)"
+					})
+				}) : /* @__PURE__ */ jsx("span", {
+					className: cx("leading-none", part.status === "failed" ? "text-(--theme-error)" : "text-(--theme-success)"),
+					style: color && part.status !== "failed" ? { color } : void 0,
+					children: "●"
 				})
-			}) : /* @__PURE__ */ jsx("span", {
-				className: cx("leading-none", part.status === "failed" ? "text-(--theme-error)" : "text-(--theme-success)"),
-				style: color && part.status !== "failed" ? { color } : void 0,
-				children: "●"
 			}), /* @__PURE__ */ jsxs("span", {
 				className: "font-mono text-[13px] leading-5 min-w-0 truncate",
 				children: [/* @__PURE__ */ jsx("span", {
@@ -343,7 +370,7 @@ function ConfirmApproval({ part, onAnswer }) {
 						kind: "confirm",
 						allowed: false
 					}),
-					className: "px-3 py-1 text-xs font-medium rounded-full border theme-border hover:theme-hover text-red-600",
+					className: "px-3 py-1 text-xs font-medium rounded-full border theme-border hover:theme-hover text-(--theme-error-text)",
 					children: denyLabel
 				}),
 				/* @__PURE__ */ jsx("button", {
@@ -353,21 +380,26 @@ function ConfirmApproval({ part, onAnswer }) {
 					children: t.denyWithFeedback
 				})
 			]
-		}) : /* @__PURE__ */ jsxs("div", {
+		}) : /* @__PURE__ */ jsxs("form", {
 			className: "flex gap-2",
+			onSubmit: (e) => {
+				e.preventDefault();
+				if (feedback.trim()) answer({
+					kind: "confirm",
+					allowed: false,
+					denyMessage: feedback.trim()
+				});
+			},
 			children: [/* @__PURE__ */ jsx("input", {
+				ref: focusOnMount,
 				value: feedback,
 				onChange: (e) => setFeedback(e.target.value),
+				"aria-label": t.feedbackLabel,
 				placeholder: t.feedbackPlaceholder,
 				className: cx(fieldBox({ size: "sm" }), "flex-1")
 			}), /* @__PURE__ */ jsx("button", {
-				type: "button",
+				type: "submit",
 				disabled: !feedback.trim(),
-				onClick: () => answer({
-					kind: "confirm",
-					allowed: false,
-					denyMessage: feedback.trim()
-				}),
 				className: "px-3 py-1 text-xs font-medium rounded-full bg-(--theme-accent) text-(--theme-accent-text) disabled:opacity-50",
 				children: common.send
 			})]
@@ -417,16 +449,22 @@ function AskApproval({ part, onAnswer }) {
 			className: "px-3 py-1 text-xs rounded-full theme-muted-text hover:theme-hover",
 			children: t.writeOwnAnswer
 		})]
-	}) : /* @__PURE__ */ jsxs("div", {
+	}) : /* @__PURE__ */ jsxs("form", {
 		className: "flex gap-2",
+		onSubmit: (e) => {
+			e.preventDefault();
+			if (own.trim()) answer(own.trim());
+		},
 		children: [/* @__PURE__ */ jsx("input", {
+			ref: focusOnMount,
 			value: own,
 			onChange: (e) => setOwn(e.target.value),
+			"aria-label": t.ownAnswerLabel,
+			placeholder: t.ownAnswerLabel,
 			className: cx(fieldBox({ size: "sm" }), "flex-1")
 		}), /* @__PURE__ */ jsx("button", {
-			type: "button",
+			type: "submit",
 			disabled: !own.trim(),
-			onClick: () => answer(own.trim()),
 			className: "px-3 py-1 text-xs font-medium rounded-full bg-(--theme-accent) text-(--theme-accent-text) disabled:opacity-50",
 			children: common.send
 		})]
@@ -435,6 +473,8 @@ function AskApproval({ part, onAnswer }) {
 function ApprovalBlock({ part, onApprovalAnswer }) {
 	const { strings } = useChatConfig();
 	const t = strings.agentTranscript;
+	const headingId = useId();
+	const heading = part.header ?? part.toolName;
 	if (part.resolved) return /* @__PURE__ */ jsxs("div", {
 		className: "my-1.5 rounded-lg border theme-border p-2.5 text-xs theme-muted-text space-y-1",
 		"data-testid": "approval-part",
@@ -446,12 +486,15 @@ function ApprovalBlock({ part, onApprovalAnswer }) {
 			children: [/* @__PURE__ */ jsx(CheckIcon, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ jsxs("span", { children: [t.answered, part.answer ? `: ${part.answer}` : ""] })]
 		})]
 	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: "my-1.5 rounded-lg border border-(--theme-accent) p-3 space-y-2",
+	return /* @__PURE__ */ jsxs("fieldset", {
+		"aria-labelledby": heading ? headingId : void 0,
+		"aria-label": heading ? void 0 : t.approvalLabel,
+		className: "my-1.5 min-w-0 rounded-lg border border-(--theme-accent) p-3 space-y-2",
 		"data-testid": "approval-part",
-		children: [(part.header || part.toolName) && /* @__PURE__ */ jsx("div", {
+		children: [heading && /* @__PURE__ */ jsx("div", {
+			id: headingId,
 			className: "text-xs font-semibold",
-			children: part.header ?? part.toolName
+			children: heading
 		}), part.approvalKind === "confirm" ? /* @__PURE__ */ jsx(ConfirmApproval, {
 			part,
 			onAnswer: onApprovalAnswer
@@ -488,10 +531,18 @@ function TodoSnapshotBlock({ part }) {
 			className: "space-y-0.5 text-sm",
 			children: part.todos.map((todo) => /* @__PURE__ */ jsxs("li", {
 				className: cx("flex items-start gap-2", todo.status === "completed" && "line-through theme-muted-text", todo.status === "in_progress" && "font-semibold"),
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "select-none font-mono",
-					children: todo.status === "completed" ? "✔" : todo.status === "in_progress" ? "■" : "□"
-				}), /* @__PURE__ */ jsx("span", { children: todo.status === "in_progress" && todo.activeForm ? todo.activeForm : todo.content })]
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						"aria-hidden": "true",
+						className: "select-none font-mono",
+						children: todo.status === "completed" ? "✔" : todo.status === "in_progress" ? "■" : "□"
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "sr-only",
+						children: todo.status === "completed" ? t.todoCompleted : todo.status === "in_progress" ? t.todoInProgress : t.todoPending
+					}),
+					/* @__PURE__ */ jsx("span", { children: todo.status === "in_progress" && todo.activeForm ? todo.activeForm : todo.content })
+				]
 			}, todo.content))
 		})]
 	});
@@ -518,7 +569,7 @@ function NoticeBlock({ part }) {
 		});
 	}
 	return /* @__PURE__ */ jsx("div", {
-		className: cx("my-1 text-xs rounded-md px-2.5 py-1.5", part.kind === "error" ? "bg-red-500/10 text-red-700" : "bg-yellow-500/10 text-yellow-700"),
+		className: cx("my-1 text-xs rounded-md border px-2.5 py-1.5", toneSurface[part.kind === "error" ? "error" : "warning"]),
 		"data-testid": `${part.kind}-part`,
 		children: part.text
 	});
@@ -526,7 +577,7 @@ function NoticeBlock({ part }) {
 /** The TUI's thought, drawn like a chat reply's: while it streams its label
 *  shimmers over the latest lines, then it folds to the label and opens in
 *  place on request. */
-function ReasoningBlock({ part, isStreaming }) {
+var ReasoningBlock = memo(function ReasoningBlock({ part, isStreaming }) {
 	const { strings } = useChatConfig();
 	const t = strings.thinking;
 	const [expanded, setExpanded] = useState(false);
@@ -569,7 +620,7 @@ function ReasoningBlock({ part, isStreaming }) {
 			})
 		})
 	});
-}
+});
 function TextBlock({ part, isStreaming }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cx(chatProseClasses, "[&:not(:first-child)]:mt-4"),
@@ -583,21 +634,30 @@ function PartDispatch(props) {
 	const { slots } = useChatConfig();
 	const Override = slots.partRenderers?.[props.part.kind];
 	if (Override) return /* @__PURE__ */ jsx(Override, { ...props });
-	const { part } = props;
+	return /* @__PURE__ */ jsx(BuiltinPart, {
+		part: props.part,
+		isStreaming: props.isStreaming ?? false,
+		onApprovalAnswer: props.onApprovalAnswer
+	});
+}
+/** The package's own drawing of a part. Memoized on the part itself, which
+*  keeps its identity until a delta changes it, so a streamed token re-renders
+*  only the part it lands in, not every finished call and answer before it. */
+var BuiltinPart = memo(function BuiltinPart({ part, isStreaming, onApprovalAnswer }) {
 	switch (part.kind) {
 		case "text": return /* @__PURE__ */ jsx(TextBlock, {
 			part,
-			isStreaming: props.isStreaming ?? false
+			isStreaming
 		});
 		case "reasoning": return /* @__PURE__ */ jsx(ReasoningBlock, {
 			part,
-			isStreaming: props.isStreaming ?? false
+			isStreaming
 		});
 		case "tool_call": return /* @__PURE__ */ jsx(ToolCallBlock, { part });
 		case "subagent": return /* @__PURE__ */ jsx(SubagentCard, { part });
 		case "approval": return /* @__PURE__ */ jsx(ApprovalBlock, {
 			part,
-			onApprovalAnswer: props.onApprovalAnswer
+			onApprovalAnswer
 		});
 		case "notice":
 		case "warning":
@@ -605,13 +665,14 @@ function PartDispatch(props) {
 		case "todo_snapshot": return /* @__PURE__ */ jsx(TodoSnapshotBlock, { part });
 		default: return null;
 	}
-}
+});
 function isReasoning(m) {
 	return m.part.kind === "reasoning";
 }
 /** Two thoughts with nothing visible between them read as one, not as a
 *  stack of identical lines. */
 function mergeReasoning(parts) {
+	if (parts.length === 1 && parts[0]) return parts[0];
 	const durationMs = parts.reduce((sum, p) => sum + (p.durationMs ?? 0), 0);
 	return {
 		kind: "reasoning",

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

@@ -23,11 +23,6 @@ interface ChatContextValue {
     hasLoadedModels: boolean;
     modelsError: string | null;
     isStreaming: boolean;
-    isThinking: boolean;
-    streamingContent: string;
-    streamingReasoning: string;
-    streamingParts: MessagePart[];
-    thinkingStartTime: number | null;
     sidebar: SidebarState;
     /** True unless the sidebar is expanded. */
     sidebarCollapsed: boolean;
@@ -57,12 +52,28 @@ interface ChatContextValue {
     navigateToBranch: (messageId: string) => void;
     clearCurrentConversation: () => void;
 }
+/** The reply being written, which changes with every streamed token. It has
+ *  its own context so that only what draws the reply re-renders per token,
+ *  not the composer, the conversation list and every other `useChat` reader. */
+export interface ChatStream {
+    /** True while the model is reasoning, before its answer starts. */
+    isThinking: boolean;
+    streamingContent: string;
+    streamingReasoning: string;
+    streamingParts: MessagePart[];
+    thinkingStartTime: number | null;
+}
 export declare function useChat(): ChatContextValue;
+/** The reply being streamed. A component that reads it re-renders on every
+ *  token, so read it only where the reply is drawn. */
+export declare function useChatStream(): ChatStream;
 export interface ChatProviderProps {
     adapter: ChatAdapter;
     currentUser: ChatUser;
     navigation: ChatNavigation;
     activeConversationId?: string | null;
+    /** Resolved once per object: keep it stable (a module constant or a
+     *  `useMemo`), or every reader of the config re-renders with the provider. */
     config?: ChatUIConfig;
     /** Owns the sidebar's state. Omit to leave it to the reader, remembered
      *  per browser. */

package/dist/ai/core/ChatProvider.js

@@ -45,11 +45,19 @@ function heldSendArgs(held) {
 	];
 }
 var ChatContext = createContext(void 0);
+var ChatStreamContext = createContext(void 0);
 function useChat() {
 	const context = useContext(ChatContext);
 	if (!context) throw new Error("useChat must be used within a ChatProvider");
 	return context;
 }
+/** The reply being streamed. A component that reads it re-renders on every
+*  token, so read it only where the reply is drawn. */
+function useChatStream() {
+	const context = useContext(ChatStreamContext);
+	if (!context) throw new Error("useChatStream must be used within a ChatProvider");
+	return context;
+}
 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);
@@ -750,11 +758,6 @@ function ChatProvider({ adapter, currentUser, navigation, activeConversationId =
 		hasLoadedModels: state.hasLoadedModels,
 		modelsError: state.modelsError,
 		isStreaming: state.isStreaming,
-		isThinking: state.isThinking,
-		streamingContent: state.streamingContent,
-		streamingReasoning: state.streamingReasoning,
-		streamingParts: state.streamingParts,
-		thinkingStartTime: state.thinkingStartTime,
 		sidebar,
 		sidebarCollapsed: sidebar !== "expanded",
 		sidebarPresentation,
@@ -785,7 +788,21 @@ function ChatProvider({ adapter, currentUser, navigation, activeConversationId =
 		currentUser,
 		navigation,
 		activeConversationId,
-		state,
+		state.conversations,
+		state.currentConversation,
+		state.providers,
+		state.models,
+		state.unreachableSessions,
+		state.providerIssues,
+		state.selectedProvider,
+		state.selectedAllocation,
+		state.isLoading,
+		state.isLoadingConversation,
+		state.isLoadingModels,
+		state.hasLoadedModels,
+		state.modelsError,
+		state.isStreaming,
+		state.queuedMessages,
 		sidebar,
 		sidebarPresentation,
 		drawerOpen,
@@ -811,16 +828,32 @@ function ChatProvider({ adapter, currentUser, navigation, activeConversationId =
 		navigateToBranch,
 		clearCurrentConversation
 	]);
+	const stream = useMemo(() => ({
+		isThinking: state.isThinking,
+		streamingContent: state.streamingContent,
+		streamingReasoning: state.streamingReasoning,
+		streamingParts: state.streamingParts,
+		thinkingStartTime: state.thinkingStartTime
+	}), [
+		state.isThinking,
+		state.streamingContent,
+		state.streamingReasoning,
+		state.streamingParts,
+		state.thinkingStartTime
+	]);
 	return /* @__PURE__ */ jsx(ChatConfigProvider, {
 		value: resolvedConfig,
 		children: /* @__PURE__ */ jsx(ReportSidebarPresentationContext.Provider, {
 			value: reportSidebarPresentation,
 			children: /* @__PURE__ */ jsx(ChatContext.Provider, {
 				value,
-				children
+				children: /* @__PURE__ */ jsx(ChatStreamContext.Provider, {
+					value: stream,
+					children
+				})
 			})
 		})
 	});
 }
 //#endregion
-export { ChatProvider, useChat };
+export { ChatProvider, useChat, useChatStream };

package/dist/ai/core/config.js

@@ -1,4 +1,4 @@
-import { safeUrl } from "../../safeUrl.js";
+import { AppLink } from "../../components/AppLink.js";
 import { defaultChatStrings } from "../strings.js";
 import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
@@ -6,13 +6,14 @@ import { createContext, useContext } from "react";
 function hrefFor(target) {
 	switch (target.kind) {
 		case "conversation": return `/chat/${target.id}`;
+		case "newChat": return "/chat";
 		case "attachments": return "/chat/attachments";
 		case "external": return target.href;
 	}
 }
 function DefaultLink({ target, className, title, onClick, children }) {
-	return /* @__PURE__ */ jsx("a", {
-		href: safeUrl(hrefFor(target)),
+	return /* @__PURE__ */ jsx(AppLink, {
+		href: hrefFor(target),
 		className,
 		title,
 		onClick,

package/dist/ai/index.d.ts

@@ -24,7 +24,7 @@ export { default as ProviderIssueBanner } from './components/ProviderIssueBanner
 export { default as ShareDialog, ShareButton, } from './components/ShareDialog.js';
 export { type SlashCommandOption, type SlashMenuConfig, slashMatches, } from './components/SlashMenu.js';
 export type { ComposerPastes, PasteUploadResult, } from './components/usePasteCards.js';
-export { ChatProvider, type ChatProviderProps, useChat, } from './core/ChatProvider.js';
+export { ChatProvider, type ChatProviderProps, type ChatStream, useChat, useChatStream, } from './core/ChatProvider.js';
 export { type ChatAction, type ChatState, chatReducer, initialState, } from './core/chatReducer.js';
 export type { PartRendererProps } from './core/config.js';
 export { type ChatLinkProps, type ChatUIConfig, resolveChatConfig, useChatConfig, } from './core/config.js';

package/dist/ai/index.js

@@ -11,7 +11,7 @@ import { chatReducer, initialState } from "./core/chatReducer.js";
 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 { ChatProvider, useChat, useChatStream } from "./core/ChatProvider.js";
 import { isMac, isOrgModel } from "./utils.js";
 import AllocationSelector from "./components/AllocationSelector.js";
 import AttachmentManager from "./components/AttachmentManager.js";
@@ -24,7 +24,6 @@ import BlockedGroupBanner from "./components/BlockedGroupBanner.js";
 import BranchNavigator from "./components/BranchNavigator.js";
 import { getGreeting } from "./core/greeting.js";
 import useDragDrop from "./core/useDragDrop.js";
-import { NoticeBar, NoticeCard, OutputCard } from "./ui/Notice.js";
 import { ComposerContext, ComposerControls, ComposerSettings, ComposerUsage, ConnectToolsLink, ManageProvidersLink } from "./components/ComposerChrome.js";
 import DragOverlay from "./components/DragOverlay.js";
 import { pasteInlineMaxBytes } from "./core/pastes.js";
@@ -45,4 +44,5 @@ 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, 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 };
+import { NoticeBar, NoticeCard, OutputCard } from "./ui/Notice.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, 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, useChatStream, useConversationActions, useDragDrop, useKeyboardShortcuts, useRowDialogs, wordEmphasisRanges };

package/dist/ai/strings.d.ts

@@ -17,7 +17,7 @@ export interface ChatStrings {
         shareButton: string;
     };
     blockedGroup: {
-        title: string;
+        title: (group: string) => string;
         message: string;
     };
     providerIssue: {
@@ -64,6 +64,8 @@ export interface ChatStrings {
     activity: {
         tokens: (input: string, output: string) => string;
         stop: string;
+        /** The status words an agent's working line picks from, one per turn. */
+        words: readonly string[];
     };
     emptyState: {
         greeting: string | null;
@@ -101,6 +103,8 @@ export interface ChatStrings {
     };
     thread: {
         viewOnly: string;
+        /** Names the thread, a live log of the conversation, for assistive technology. */
+        label: string;
     };
     sidebar: {
         groupToday: string;
@@ -139,6 +143,16 @@ export interface ChatStrings {
     attachmentManager: {
         title: string;
         empty: string;
+        /** Names an image attachment that has no file name. */
+        unnamedImage: string;
+        /** Names a file attachment that has no file name. */
+        unnamedFile: string;
+        /** Opens an attachment's preview, given its name. */
+        open: (name: string) => string;
+        /** Names an attachment's download link, given its name. */
+        download: (name: string) => string;
+        /** Names an attachment's delete button, given its name. */
+        remove: (name: string) => string;
     };
     branch: {
         previous: string;
@@ -157,7 +171,8 @@ export interface ChatStrings {
         stopped: string;
         tokens: (total: number) => string;
         tokensBreakdown: (prompt: number, completion: number) => string;
-        copy: string;
+        /** What a message's copy button names: "Copy message", then "Copied message". */
+        copyLabel: string;
         edit: string;
         regenerate: string;
         editPlaceholder: string;
@@ -182,7 +197,8 @@ export interface ChatStrings {
         interrupted: string;
         noOutput: string;
         diffTruncated: string;
-        moreLines: string;
+        /** Under a long tool result, how many of its lines are folded away. */
+        moreLines: (count: number) => string;
         allowOnce: string;
         allowDirectory: string;
         deny: string;
@@ -201,6 +217,16 @@ export interface ChatStrings {
         planPending: string;
         approvalPending: string;
         approvalOptions: string;
+        /** Names a question the agent waits on that has no heading of its own. */
+        approvalLabel: string;
+        /** Names the field for the reason a request is denied. */
+        feedbackLabel: string;
+        /** Names the field for an answer of the reader's own. */
+        ownAnswerLabel: string;
+        /** Read out in place of a task's checkbox glyph. */
+        todoPending: string;
+        todoInProgress: string;
+        todoCompleted: string;
     };
     /** One-line summaries of an agent's finished tool calls. */
     tools: ToolStrings;