@parallelworks/ui 0.20.0 → 0.21.1

package/README.md

@@ -64,6 +64,11 @@ import { AddIcon, LoaderIcon, TrashIcon } from '@parallelworks/ui/icons'
 The barrel re-exports a curated, stable set of icon names over `react-icons`
 so applications never depend on a specific icon pack directly.
 
+Each icon ships as its own module under `dist/icons/<set>/`, so an application
+bundles an icon only into the chunks that render it. Every module carries its
+icon's data, copied from its `react-icons` set at build time, and opens with that
+set's name and license.
+
 ## Workflow engine
 
 The workflow surfaces (`/form`'s `DynamicForm`, `/graph`'s `DependencyGraph`,

package/dist/ai/adapter/openai/createOpenAIStream.js

@@ -5,8 +5,9 @@ import { processSSEStream } from "./sse.js";
 //#region src/ai/adapter/openai/createOpenAIStream.ts
 function createOpenAICompatibleStream(config) {
 	return async (req, handlers, signal) => {
-		const useResponses = req.useResponses === true && !!config.responsesUrl;
-		const url = useResponses ? config.responsesUrl : config.completionsUrl;
+		const responsesUrl = req.useResponses === true ? config.responsesUrl : void 0;
+		const useResponses = !!responsesUrl;
+		const url = responsesUrl || config.completionsUrl;
 		const body = useResponses ? buildResponsesRequestBody(req.model, req.messages) : {
 			model: req.model,
 			messages: req.messages,

package/dist/ai/agent/diff.d.ts

@@ -1,6 +1,5 @@
 export declare const MAX_EDIT_DIFF_LINES = 100;
 export declare const MAX_WRITE_DIFF_LINES = 50;
-export declare const DIFF_CONTEXT = 3;
 export interface EditToolArgs {
     path?: string;
     old_string?: string;

package/dist/ai/agent/diff.js

@@ -2,6 +2,7 @@ import { sanitizeLabel } from "./toolfmt.js";
 //#region src/ai/agent/diff.ts
 var MAX_EDIT_DIFF_LINES = 100;
 var MAX_WRITE_DIFF_LINES = 50;
+var DIFF_CONTEXT = 3;
 function isEditDiffTool(name) {
 	return name === "EditFile" || name === "WriteFile";
 }
@@ -133,8 +134,8 @@ function computeEditDiff(oldString, newString, startLine = 0) {
 		if (!op) continue;
 		if (op.tag === "e") {
 			const len = op.i2 - op.i1;
-			const leading = k > 0 ? Math.min(3, len) : 0;
-			const trailing = k < ops.length - 1 ? Math.min(3, len) : 0;
+			const leading = k > 0 ? Math.min(DIFF_CONTEXT, len) : 0;
+			const trailing = k < ops.length - 1 ? Math.min(DIFF_CONTEXT, len) : 0;
 			const showAll = len <= leading + trailing;
 			const emit = (offset) => {
 				const oldNo = op.i1 + offset + 1;

package/dist/ai/agent/toolfmt.js

@@ -53,7 +53,7 @@ function clip(s, max) {
 	const r = [...s];
 	if (r.length <= max) return s;
 	if (max <= 3) return r.slice(0, max).join("");
-	return r.slice(0, max - 3).join("") + "...";
+	return `${r.slice(0, max - 3).join("")}...`;
 }
 function sanitizeLabel(s) {
 	let out = "";
@@ -211,8 +211,7 @@ function grepMatchPath(line, lineNums) {
 		const i = line.indexOf(":");
 		return i >= 0 ? line.slice(0, i) : null;
 	}
-	const m = GREP_CONTENT_PATH.exec(line);
-	return m ? m[1] ?? null : null;
+	return GREP_CONTENT_PATH.exec(line)?.[1] ?? null;
 }
 function grepSearchSummary(argsJSON, body) {
 	if (body === "No matches found." || body === "No results after applying offset.") return "No matches";

package/dist/ai/ai.css

@@ -208,6 +208,7 @@
 
 /* Light mode: use the primary Shiki theme (--sdm-bg/--sdm-c) */
 .markdown [data-streamdown="code-block-body"] pre {
+  /* biome-ignore lint/complexity/noImportantStyles: the highlighter sets the background as an inline style */
   background-color: var(--sdm-bg, inherit) !important;
   color: var(--sdm-fg, inherit);
 }
@@ -217,6 +218,7 @@
 
 /* Dark mode: switch to --shiki-dark variants */
 .dark .markdown [data-streamdown="code-block-body"] pre {
+  /* biome-ignore lint/complexity/noImportantStyles: the highlighter sets the background as an inline style */
   background-color: var(--shiki-dark-bg, var(--sdm-bg, inherit)) !important;
   color: var(--shiki-dark, var(--sdm-fg, inherit));
 }
@@ -233,6 +235,7 @@
 /* Remove prose backtick pseudo-elements on inline code */
 .markdown code::before,
 .markdown code::after {
+  /* biome-ignore lint/complexity/noImportantStyles: the typography styles add these with a more specific selector */
   content: none !important;
 }
 
@@ -250,7 +253,9 @@
 @media (hover: none) {
   .chat-actions,
   .chat-meta {
+    /* biome-ignore lint/complexity/noImportantStyles: must win over the utility classes that hide these until hover */
     opacity: 1 !important;
+    /* biome-ignore lint/complexity/noImportantStyles: must win over the utility classes that hide these until hover */
     pointer-events: auto !important;
   }
 }

package/dist/ai/components/AllocationSelector.js

@@ -10,9 +10,10 @@ function AllocationSelector({ variant = "default" } = {}) {
 	const { adapter, selectedProvider, selectedAllocation, setSelectedAllocation } = useChat();
 	const isOrgProvider = isOrgModel(selectedProvider);
 	const allocationsAdapter = adapter.allocations;
-	const { data: allocations } = useSWR(isOrgProvider && allocationsAdapter ? ["ai-chat-allocations"] : null, () => allocationsAdapter.list());
+	const { data: allocations } = useSWR(isOrgProvider && allocationsAdapter ? ["ai-chat-allocations"] : null, () => allocationsAdapter?.list());
 	useEffect(() => {
-		if (isOrgProvider && allocations?.length && !selectedAllocation) setSelectedAllocation(allocations[0].name);
+		const first = allocations?.[0];
+		if (isOrgProvider && first && !selectedAllocation) setSelectedAllocation(first.name);
 	}, [
 		isOrgProvider,
 		allocations,

package/dist/ai/components/AttachmentManager.js

@@ -1,5 +1,7 @@
 import { safeUrl } from "../../safeUrl.js";
-import { DownloadFileIcon, FileIcon, TrashIcon } from "../../icons.js";
+import { BiSolidTrashAlt } from "../../icons/bi/BiSolidTrashAlt.js";
+import { FiDownload } from "../../icons/fi/FiDownload.js";
+import { FiFile } from "../../icons/fi/FiFile.js";
 import { useChatConfig } from "../core/config.js";
 import { useChat } from "../core/ChatProvider.js";
 import { formatFileSize } from "../utils.js";
@@ -32,7 +34,7 @@ function AttachmentManager() {
 			[attachmentId]: state
 		});
 	}, []);
-	const { data: pages, size, setSize, isLoading, isValidating, mutate } = useSWRInfinite(attachmentsAdapter ? attachmentsPageKey : () => null, ([, cursor]) => attachmentsAdapter.list({
+	const { data: pages, size, setSize, isLoading, isValidating, mutate } = useSWRInfinite(attachmentsAdapter ? attachmentsPageKey : () => null, ([, cursor]) => attachmentsAdapter?.list({
 		limit: 24,
 		cursor
 	}));
@@ -89,7 +91,7 @@ function AttachmentManager() {
 								children: [/* @__PURE__ */ jsxs("div", {
 									className: "relative aspect-square bg-(--theme-muted-panel-bg) flex items-center justify-center",
 									...openProps,
-									children: [/* @__PURE__ */ jsx(FileIcon, { className: "w-8 h-8 theme-muted-text" }), showThumbnail && /* @__PURE__ */ jsx("img", {
+									children: [/* @__PURE__ */ jsx(FiFile, { className: "w-8 h-8 theme-muted-text" }), showThumbnail && /* @__PURE__ */ jsx("img", {
 										src: downloadUrl,
 										alt: att.filename || "Image",
 										className: cx("absolute inset-0 w-full h-full object-cover", thumbnail !== "loaded" && "opacity-0"),
@@ -115,14 +117,14 @@ function AttachmentManager() {
 											onClick: () => triggerDownload(downloadUrl, att.filename || "File"),
 											className: "p-1.5 rounded-lg hover:theme-hover theme-muted-text transition-colors",
 											title: t.download,
-											children: /* @__PURE__ */ jsx(DownloadFileIcon, { className: "w-4 h-4" })
+											children: /* @__PURE__ */ jsx(FiDownload, { className: "w-4 h-4" })
 										}), /* @__PURE__ */ jsx("button", {
 											type: "button",
 											onClick: () => handleDelete(att.id),
 											disabled: isDeleting,
 											className: "p-1.5 rounded-lg hover:bg-red-500/15 theme-muted-text hover:text-red-600 transition-colors",
 											title: t.delete,
-											children: /* @__PURE__ */ jsx(TrashIcon, { className: "w-4 h-4" })
+											children: /* @__PURE__ */ jsx(BiSolidTrashAlt, { className: "w-4 h-4" })
 										})]
 									})]
 								})]

package/dist/ai/components/AttachmentUpload.js

@@ -1,4 +1,8 @@
-import { AddIcon, FileSolidIcon, ImageSolidIcon, PdfSolidIcon, TrashIcon } from "../../icons.js";
+import { BiSolidTrashAlt } from "../../icons/bi/BiSolidTrashAlt.js";
+import { FaFile } from "../../icons/fa/FaFile.js";
+import { FaFilePdf } from "../../icons/fa/FaFilePdf.js";
+import { FaImage } from "../../icons/fa/FaImage.js";
+import { FaPlus } from "../../icons/fa/FaPlus.js";
 import { useChatConfig } from "../core/config.js";
 import { useChat } from "../core/ChatProvider.js";
 import { formatFileSize } from "../utils.js";
@@ -11,10 +15,10 @@ import { mutate } from "swr";
 var DEFAULT_MAX_FILE_SIZE = 26214400;
 var DEFAULT_MAX_FILES = 10;
 function getFileIcon(mimeType) {
-	if (!mimeType) return FileSolidIcon;
-	if (mimeType.startsWith("image/")) return ImageSolidIcon;
-	if (mimeType === "application/pdf") return PdfSolidIcon;
-	return FileSolidIcon;
+	if (!mimeType) return FaFile;
+	if (mimeType.startsWith("image/")) return FaImage;
+	if (mimeType === "application/pdf") return FaFilePdf;
+	return FaFile;
 }
 var AttachmentUpload = forwardRef(function AttachmentUpload({ conversationId, attachments, onAttachmentsChange, disabled = false, maxFiles = DEFAULT_MAX_FILES, maxFileSize = DEFAULT_MAX_FILE_SIZE }, ref) {
 	const { adapter, notify } = useChat();
@@ -149,7 +153,7 @@ var AttachmentUpload = forwardRef(function AttachmentUpload({ conversationId, at
 							className: "p-0.5 rounded hover:bg-red-500/10",
 							title: t.remove,
 							disabled,
-							children: /* @__PURE__ */ jsx(TrashIcon, { className: "w-3 h-3 text-red-500" })
+							children: /* @__PURE__ */ jsx(BiSolidTrashAlt, { className: "w-3 h-3 text-red-500" })
 						})
 					]
 				}, attachment.id || index);
@@ -163,7 +167,7 @@ var AttachmentUpload = forwardRef(function AttachmentUpload({ conversationId, at
 			onClick: disabled ? void 0 : handleClick,
 			children: [/* @__PURE__ */ jsxs("span", {
 				className: "flex items-center justify-center gap-2 text-sm theme-muted-text",
-				children: [/* @__PURE__ */ jsx(AddIcon, { className: "w-4 h-4" }), /* @__PURE__ */ jsx("span", { children: isDragging ? t.dropFilesHere : t.addFiles })]
+				children: [/* @__PURE__ */ jsx(FaPlus, { className: "w-4 h-4" }), /* @__PURE__ */ jsx("span", { children: isDragging ? t.dropFilesHere : t.addFiles })]
 			}), /* @__PURE__ */ jsxs("span", {
 				className: "block text-xs theme-muted-text mt-1",
 				children: [

package/dist/ai/components/BlockedGroupBanner.js

@@ -1,4 +1,4 @@
-import { WarningTriangleIcon } from "../../icons.js";
+import { FaExclamationTriangle } from "../../icons/fa/FaExclamationTriangle.js";
 import { useChatConfig } from "../core/config.js";
 import { useChat } from "../core/ChatProvider.js";
 import { getProviderKeyFromModelId } from "./ModelSelector.js";
@@ -13,7 +13,7 @@ function BlockedGroupBanner() {
 	if (!provider?.groupBlocked || !provider.group) return null;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "mx-4 mt-2 flex items-start gap-3 p-3 rounded-lg bg-amber-500/10 border border-amber-500/20",
-		children: [/* @__PURE__ */ jsx(WarningTriangleIcon, { className: "w-4 h-4 text-amber-500 shrink-0 mt-0.5" }), /* @__PURE__ */ jsxs("div", {
+		children: [/* @__PURE__ */ jsx(FaExclamationTriangle, { className: "w-4 h-4 text-amber-500 shrink-0 mt-0.5" }), /* @__PURE__ */ jsxs("div", {
 			className: "flex-1 min-w-0",
 			children: [/* @__PURE__ */ jsx("p", {
 				className: "text-sm font-medium text-amber-700",

package/dist/ai/components/BranchNavigator.js

@@ -1,4 +1,5 @@
-import { AngleLeftIcon, AngleRightIcon } from "../../icons.js";
+import { FaAngleLeft } from "../../icons/fa/FaAngleLeft.js";
+import { FaAngleRight } from "../../icons/fa/FaAngleRight.js";
 import { useChatConfig } from "../core/config.js";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -16,10 +17,12 @@ function BranchNavigator({ messages, currentMessageId, onNavigate }) {
 	const hasPrev = currentIndex > 0;
 	const hasNext = currentIndex < siblings.length - 1;
 	const handlePrev = () => {
-		if (hasPrev) onNavigate(siblings[currentIndex - 1].id);
+		const prev = siblings[currentIndex - 1];
+		if (hasPrev && prev) onNavigate(prev.id);
 	};
 	const handleNext = () => {
-		if (hasNext) onNavigate(siblings[currentIndex + 1].id);
+		const next = siblings[currentIndex + 1];
+		if (hasNext && next) onNavigate(next.id);
 	};
 	return /* @__PURE__ */ jsxs("div", {
 		className: "inline-flex items-center gap-1 text-xs theme-muted-text",
@@ -31,7 +34,7 @@ function BranchNavigator({ messages, currentMessageId, onNavigate }) {
 				className: "p-0.5 rounded theme-hover disabled:opacity-30 disabled:cursor-not-allowed",
 				title: t.previous,
 				"aria-label": t.previous,
-				children: /* @__PURE__ */ jsx(AngleLeftIcon, { className: "w-3 h-3" })
+				children: /* @__PURE__ */ jsx(FaAngleLeft, { className: "w-3 h-3" })
 			}),
 			/* @__PURE__ */ jsxs("span", {
 				className: "min-w-[3ch] text-center",
@@ -48,7 +51,7 @@ function BranchNavigator({ messages, currentMessageId, onNavigate }) {
 				className: "p-0.5 rounded theme-hover disabled:opacity-30 disabled:cursor-not-allowed",
 				title: t.next,
 				"aria-label": t.next,
-				children: /* @__PURE__ */ jsx(AngleRightIcon, { className: "w-3 h-3" })
+				children: /* @__PURE__ */ jsx(FaAngleRight, { className: "w-3 h-3" })
 			})
 		]
 	});

package/dist/ai/components/ChatEmptyState.js

@@ -1,4 +1,7 @@
-import { AddIcon, CloudIcon, TimesIcon, WarningTriangleIcon } from "../../icons.js";
+import { FaCloud } from "../../icons/fa/FaCloud.js";
+import { FaExclamationTriangle } from "../../icons/fa/FaExclamationTriangle.js";
+import { FaPlus } from "../../icons/fa/FaPlus.js";
+import { FaTimes } from "../../icons/fa/FaTimes.js";
 import { keyedByContent } from "../../components/keys.js";
 import { useChatConfig } from "../core/config.js";
 import { useChat } from "../core/ChatProvider.js";
@@ -75,7 +78,7 @@ function ChatEmptyState({ targetSession }) {
 				sessionUnreachable && !sessionBannerDismissed && /* @__PURE__ */ jsxs("div", {
 					className: "mx-4 mt-2 flex items-start gap-3 p-3 rounded-lg bg-amber-500/10 border border-amber-500/20",
 					children: [
-						/* @__PURE__ */ jsx(WarningTriangleIcon, { className: "w-4 h-4 text-amber-500 flex-shrink-0 mt-0.5" }),
+						/* @__PURE__ */ jsx(FaExclamationTriangle, { className: "w-4 h-4 text-amber-500 flex-shrink-0 mt-0.5" }),
 						/* @__PURE__ */ jsxs("div", {
 							className: "flex-1 min-w-0",
 							children: [/* @__PURE__ */ jsx("p", {
@@ -97,7 +100,7 @@ function ChatEmptyState({ targetSession }) {
 								type: "button",
 								onClick: () => setSessionBannerDismissed(true),
 								className: "text-amber-400 hover:text-amber-600 transition-colors cursor-pointer",
-								children: /* @__PURE__ */ jsx(TimesIcon, { className: "w-3 h-3" })
+								children: /* @__PURE__ */ jsx(FaTimes, { className: "w-3 h-3" })
 							})]
 						})
 					]
@@ -123,7 +126,7 @@ function ChatEmptyState({ targetSession }) {
 								}), hasLoadedModels && models.length === 0 ? /* @__PURE__ */ jsxs("div", {
 									className: "flex flex-col items-center justify-center gap-4 py-8",
 									children: [
-										/* @__PURE__ */ jsx(CloudIcon, { className: "h-16 w-16 theme-muted-text opacity-50" }),
+										/* @__PURE__ */ jsx(FaCloud, { className: "h-16 w-16 theme-muted-text opacity-50" }),
 										/* @__PURE__ */ jsx("p", {
 											className: "text-lg theme-muted-text",
 											children: t.noProvidersTitle
@@ -138,7 +141,7 @@ function ChatEmptyState({ targetSession }) {
 												href: extraLinks.addProvider
 											},
 											className: "inline-flex items-center gap-2 px-4 py-2 rounded-lg transition-colors text-sm font-medium theme-element hover:opacity-90",
-											children: [/* @__PURE__ */ jsx(AddIcon, { className: "h-3 w-3" }), t.addProvider]
+											children: [/* @__PURE__ */ jsx(FaPlus, { className: "h-3 w-3" }), t.addProvider]
 										})
 									]
 								}) : /* @__PURE__ */ jsx("div", {

package/dist/ai/components/ChatInput.d.ts

@@ -1,11 +1,8 @@
 import { type ReactNode } from 'react';
+import type { AttachmentMeta } from '../types.js';
 import { type SlashMenuConfig } from './SlashMenu.js';
 interface ChatInputProps {
-    onSend: (content: string, attachmentIds?: string[], attachmentMeta?: Record<string, {
-        filename: string;
-        contentType: string;
-        size: number;
-    }>) => void;
+    onSend: (content: string, attachmentIds?: string[], attachmentMeta?: AttachmentMeta) => void;
     disabled?: boolean;
     placeholder?: string | undefined;
     conversationId?: string;

package/dist/ai/components/ChatInput.js

@@ -1,4 +1,6 @@
-import { ArrowUpIcon, AttachmentIcon, StopSolidIcon } from "../../icons.js";
+import { FaArrowUp } from "../../icons/fa/FaArrowUp.js";
+import { FaPaperclip } from "../../icons/fa/FaPaperclip.js";
+import { FaStop } from "../../icons/fa/FaStop.js";
 import { useChatConfig } from "../core/config.js";
 import { useChat } from "../core/ChatProvider.js";
 import AttachmentUpload from "./AttachmentUpload.js";
@@ -54,7 +56,7 @@ function AttachButton({ open, disabled, label, onClick }) {
 		disabled,
 		className: cx("flex-shrink-0 p-3 ml-1 mb-1 rounded-xl transition-colors", open ? "text-blue-600" : "theme-muted-text hover:theme-text", "disabled:opacity-50 disabled:cursor-not-allowed"),
 		"aria-label": label,
-		children: /* @__PURE__ */ jsx(AttachmentIcon, { className: "h-5 w-5" })
+		children: /* @__PURE__ */ jsx(FaPaperclip, { className: "h-5 w-5" })
 	});
 }
 function SendButton({ onClick, enabled, emphasised, label, testId }) {
@@ -66,7 +68,7 @@ function SendButton({ onClick, enabled, emphasised, label, testId }) {
 		className: cx("p-2.5 rounded-xl transition-all duration-200", emphasised ? "theme-element hover:opacity-90" : "theme-muted-panel theme-muted-text", !enabled && "cursor-not-allowed"),
 		"aria-label": label,
 		title: label,
-		children: /* @__PURE__ */ jsx(ArrowUpIcon, { className: "h-4 w-4" })
+		children: /* @__PURE__ */ jsx(FaArrowUp, { className: "h-4 w-4" })
 	});
 }
 /** A host-driven turn stands in for the provider's stream and queue. */
@@ -139,14 +141,17 @@ var ChatInput = forwardRef(function ChatInput({ onSend, disabled = false, placeh
 			flushQueuedMessages();
 			return;
 		}
-		const uploaded = attachments.filter((a) => a.uploaded && a.id);
-		const attachmentIds = uploaded.map((a) => a.id);
+		const attachmentIds = [];
 		const meta = {};
-		for (const a of uploaded) meta[a.id] = {
-			filename: a.filename,
-			contentType: a.mimeType,
-			size: a.size
-		};
+		for (const a of attachments) {
+			if (!a.uploaded || !a.id) continue;
+			attachmentIds.push(a.id);
+			meta[a.id] = {
+				filename: a.filename,
+				contentType: a.mimeType,
+				size: a.size
+			};
+		}
 		onSend(input.trim(), attachmentIds.length > 0 ? attachmentIds : void 0, attachmentIds.length > 0 ? meta : void 0);
 		setInput("");
 		clearDraft(conversationId);
@@ -237,7 +242,7 @@ var ChatInput = forwardRef(function ChatInput({ onSend, disabled = false, placeh
 										className: cx("p-2.5 rounded-xl", "theme-muted-panel", "hover:theme-hover", "transition-colors"),
 										"aria-label": t.stopGenerating,
 										title: t.stopGenerating,
-										children: /* @__PURE__ */ jsx(StopSolidIcon, { className: "h-4 w-4" })
+										children: /* @__PURE__ */ jsx(FaStop, { className: "h-4 w-4" })
 									}) : /* @__PURE__ */ jsx(SendButton, {
 										onClick: handleSubmit,
 										enabled: canSend,

package/dist/ai/components/ChatMessage.js

@@ -1,5 +1,13 @@
 import { safeUrl } from "../../safeUrl.js";
-import { CheckIcon, ChevronRightIcon, CopyIcon, DownloadFileIcon, EditIcon, ErrorIcon, FileIcon, RefreshIcon, RetryIcon } from "../../icons.js";
+import { BiError } from "../../icons/bi/BiError.js";
+import { FaCheck } from "../../icons/fa/FaCheck.js";
+import { FaEdit } from "../../icons/fa/FaEdit.js";
+import { FaUndoAlt } from "../../icons/fa/FaUndoAlt.js";
+import { FiCopy } from "../../icons/fi/FiCopy.js";
+import { FiDownload } from "../../icons/fi/FiDownload.js";
+import { FiFile } from "../../icons/fi/FiFile.js";
+import { LuChevronRight } from "../../icons/lu/LuChevronRight.js";
+import { MdRefresh } from "../../icons/md/MdRefresh.js";
 import { durationToAbsHumanDuration } from "../../duration.js";
 import { useChatConfig } from "../core/config.js";
 import { formatFileSize } from "../utils.js";
@@ -36,7 +44,8 @@ function triggerDownload(url, filename) {
 function ChatMessage({ message, allMessages, isStreaming = false, isEditing = false, showAuthor = false, currentUsername, attachmentDownloadUrl, onOpenAttachment, onNavigateBranch, onEdit, onSaveEdit, onCancelEdit, onRegenerate, onRetry, onOpenReasoning, onApprovalAnswer, flush }) {
 	const isUser = message.role === "user";
 	const isTool = message.role === "tool";
-	const isOtherUser = isUser && showAuthor && !!message.author && !!currentUsername && message.author.username !== currentUsername;
+	const otherAuthor = isUser && showAuthor && message.author && currentUsername && message.author.username !== currentUsername ? message.author : void 0;
+	const isOtherUser = !!otherAuthor;
 	const isRightAligned = isUser && !isOtherUser;
 	const hasError = !!message.error;
 	const hasReasoning = !!message.reasoning;
@@ -151,7 +160,7 @@ function ChatMessage({ message, allMessages, isStreaming = false, isEditing = fa
 							type: "button",
 							onClick: () => onOpenReasoning?.(message.reasoning || "", message.reasoningDuration ?? null),
 							className: "flex items-center gap-x-1 text-sm theme-muted-text hover:theme-text transition-colors",
-							children: [/* @__PURE__ */ jsx("span", { children: message.reasoningDuration ? `Thought for ${formatDuration(message.reasoningDuration)}` : "Thought process" }), /* @__PURE__ */ jsx(ChevronRightIcon, { className: "w-3.5 h-3.5" })]
+							children: [/* @__PURE__ */ jsx("span", { children: message.reasoningDuration ? `Thought for ${formatDuration(message.reasoningDuration)}` : "Thought process" }), /* @__PURE__ */ jsx(LuChevronRight, { className: "w-3.5 h-3.5" })]
 						})
 					}),
 					showTurnDurationLabel && /* @__PURE__ */ jsx("div", {
@@ -169,16 +178,15 @@ function ChatMessage({ message, allMessages, isStreaming = false, isEditing = fa
 							onApprovalAnswer
 						})
 					}),
-					isOtherUser && /* @__PURE__ */ jsx("span", {
+					otherAuthor && /* @__PURE__ */ jsx("span", {
 						className: "text-xs theme-muted-text",
-						children: message.author.name || message.author.username
+						children: otherAuthor.name || otherAuthor.username
 					}),
-					message.content ? isUser && isOtherUser ? /* @__PURE__ */ jsxs("div", {
+					message.content ? otherAuthor ? /* @__PURE__ */ jsxs("div", {
 						className: "flex items-end gap-2",
 						children: [/* @__PURE__ */ jsx(Avatar, {
-							src: message.author.avatarUrl ?? void 0,
-							name: message.author.name || message.author.username,
-							size: "sm",
+							src: otherAuthor.avatarUrl ?? void 0,
+							name: otherAuthor.name || otherAuthor.username,
 							className: "flex-shrink-0 mb-0.5"
 						}), /* @__PURE__ */ jsx("div", {
 							className: "px-4 py-2.5 chat-ink rounded-2xl rounded-bl-md max-w-[70%] inline-block whitespace-pre-wrap text-base leading-6 bg-[color-mix(in_oklab,var(--theme-panel)_6%,transparent)]",
@@ -208,7 +216,7 @@ function ChatMessage({ message, allMessages, isStreaming = false, isEditing = fa
 					hasError && /* @__PURE__ */ jsxs("div", {
 						className: "flex items-center gap-2 mt-2 p-3 rounded-lg bg-red-500/10 border border-red-500/30",
 						children: [
-							/* @__PURE__ */ jsx(ErrorIcon, { className: "w-4 h-4 text-red-600 flex-shrink-0" }),
+							/* @__PURE__ */ jsx(BiError, { className: "w-4 h-4 text-red-600 flex-shrink-0" }),
 							/* @__PURE__ */ jsx("span", {
 								className: "text-sm text-red-700 flex-1",
 								children: message.error
@@ -217,7 +225,7 @@ function ChatMessage({ message, allMessages, isStreaming = false, isEditing = fa
 								type: "button",
 								onClick: () => onRetry(message.id),
 								className: "flex items-center gap-1 px-2 py-1 text-xs font-medium text-red-700 hover:bg-red-500/15 rounded transition-colors",
-								children: [/* @__PURE__ */ jsx(RetryIcon, { className: "w-3 h-3" }), t.retry]
+								children: [/* @__PURE__ */ jsx(FaUndoAlt, { className: "w-3 h-3" }), t.retry]
 							})
 						]
 					}),
@@ -245,7 +253,7 @@ function ChatMessage({ message, allMessages, isStreaming = false, isEditing = fa
 								onClick: () => onOpenAttachment ? onOpenAttachment(att) : triggerDownload(downloadUrl, att.filename || "File"),
 								className: "inline-flex items-center gap-1.5 text-xs px-2.5 py-1.5 rounded-lg bg-(--theme-muted-panel-bg) hover:theme-hover transition-colors cursor-pointer",
 								children: [
-									/* @__PURE__ */ jsx(FileIcon, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+									/* @__PURE__ */ jsx(FiFile, { className: "w-3.5 h-3.5 flex-shrink-0" }),
 									/* @__PURE__ */ jsx("span", {
 										className: "truncate max-w-[150px]",
 										children: att.filename || "File"
@@ -258,7 +266,7 @@ function ChatMessage({ message, allMessages, isStreaming = false, isEditing = fa
 											")"
 										]
 									}) : null,
-									/* @__PURE__ */ jsx(DownloadFileIcon, { className: "w-3 h-3 flex-shrink-0" })
+									/* @__PURE__ */ jsx(FiDownload, { className: "w-3 h-3 flex-shrink-0" })
 								]
 							}, att.id);
 							return /* @__PURE__ */ jsxs("div", {
@@ -269,7 +277,7 @@ function ChatMessage({ message, allMessages, isStreaming = false, isEditing = fa
 									style: { cursor: "pointer" }
 								} : {},
 								children: [
-									/* @__PURE__ */ jsx(FileIcon, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+									/* @__PURE__ */ jsx(FiFile, { className: "w-3.5 h-3.5 flex-shrink-0" }),
 									/* @__PURE__ */ jsx("span", {
 										className: "truncate max-w-[150px]",
 										children: att.filename || "File"
@@ -294,21 +302,21 @@ function ChatMessage({ message, allMessages, isStreaming = false, isEditing = fa
 								onClick: copyToClipboard,
 								className: "p-1.5 rounded-lg hover:theme-hover theme-muted-text transition-colors",
 								title: t.copy,
-								children: copied ? /* @__PURE__ */ jsx(CheckIcon, { className: "w-4 h-4 text-green-500" }) : /* @__PURE__ */ jsx(CopyIcon, { className: "w-4 h-4" })
+								children: copied ? /* @__PURE__ */ jsx(FaCheck, { className: "w-4 h-4 text-green-500" }) : /* @__PURE__ */ jsx(FiCopy, { className: "w-4 h-4" })
 							}),
 							isUser && !isOtherUser && onEdit && /* @__PURE__ */ jsx("button", {
 								type: "button",
 								onClick: () => onEdit(message.id),
 								className: "p-1.5 rounded-lg hover:theme-hover theme-muted-text transition-colors",
 								title: t.edit,
-								children: /* @__PURE__ */ jsx(EditIcon, { className: "w-4 h-4" })
+								children: /* @__PURE__ */ jsx(FaEdit, { className: "w-4 h-4" })
 							}),
 							!isUser && onRegenerate && /* @__PURE__ */ jsx("button", {
 								type: "button",
 								onClick: () => onRegenerate(message.id),
 								className: "p-1.5 rounded-lg hover:theme-hover theme-muted-text transition-colors",
 								title: t.regenerate,
-								children: /* @__PURE__ */ jsx(RefreshIcon, { className: "w-4 h-4" })
+								children: /* @__PURE__ */ jsx(MdRefresh, { className: "w-4 h-4" })
 							}),
 							!isUser && onNavigateBranch && /* @__PURE__ */ jsx(BranchNavigator, {
 								messages: allMessages,

package/dist/ai/components/ChatMessageList.js

@@ -1,4 +1,5 @@
-import { ChevronRightIcon, XIcon } from "../../icons.js";
+import { FiX } from "../../icons/fi/FiX.js";
+import { LuChevronRight } from "../../icons/lu/LuChevronRight.js";
 import { durationToAbsHumanDuration } from "../../duration.js";
 import { useChatConfig } from "../core/config.js";
 import { useChat } from "../core/ChatProvider.js";
@@ -208,7 +209,7 @@ function ChatMessageList({ messages, allMessages, streamingMessage, queuedMessag
 										children: /* @__PURE__ */ jsx("span", { children: elapsedTime > 0 ? `${tThinking.label} (${elapsedTime}s)` : tThinking.ellipsis })
 									}) : /* @__PURE__ */ jsxs("div", {
 										className: "flex items-center gap-x-1 text-sm theme-muted-text hover:theme-text transition-colors",
-										children: [/* @__PURE__ */ jsx("span", { children: tThinking.thoughtFor(finalThinkingDuration ? durationToAbsHumanDuration(Duration.fromMillis(finalThinkingDuration)) : `${elapsedTime}s`) }), /* @__PURE__ */ jsx(ChevronRightIcon, { className: "w-3.5 h-3.5" })]
+										children: [/* @__PURE__ */ jsx("span", { children: tThinking.thoughtFor(finalThinkingDuration ? durationToAbsHumanDuration(Duration.fromMillis(finalThinkingDuration)) : `${elapsedTime}s`) }), /* @__PURE__ */ jsx(LuChevronRight, { className: "w-3.5 h-3.5" })]
 									})
 								}), isThinking && /* @__PURE__ */ jsxs("div", {
 									className: "relative ml-6 pl-3 border-l-2 theme-border",
@@ -271,7 +272,7 @@ function ChatMessageList({ messages, allMessages, streamingMessage, queuedMessag
 							title: strings.queue.remove,
 							onClick: () => onRemoveQueued(msg.id),
 							className: "absolute top-1 right-1 rounded p-1 opacity-0 transition-opacity group-hover/queued:opacity-100 focus-visible:opacity-100 hover:bg-(--theme-hover) text-(--theme-muted-text-color)",
-							children: /* @__PURE__ */ jsx(XIcon, { className: "h-3.5 w-3.5" })
+							children: /* @__PURE__ */ jsx(FiX, { className: "h-3.5 w-3.5" })
 						})]
 					}, msg.id)),
 					footer,

package/dist/ai/components/ChatSidebar.d.ts

@@ -1,4 +1,3 @@
-export type ConversationGroupKey = 'groupToday' | 'groupYesterday' | 'groupThisWeek' | 'groupThisMonth' | 'groupOlder';
 export default function ChatSidebar({ actions, }: {
     /** False when the host's page header carries new chat, attachments and search. */
     actions?: boolean;