@parallelworks/ui 0.21.0 → 0.21.2

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/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";
@@ -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";
@@ -33,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",
@@ -50,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.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. */
@@ -240,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";
@@ -152,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", {
@@ -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.js

@@ -1,4 +1,12 @@
-import { DownloadIcon, EditIcon, ImageIcon, NewChatIcon, SearchIcon, SettingsIcon, ShareIcon, SharingIcon, TrashIcon } from "../../icons.js";
+import { BiSolidTrashAlt } from "../../icons/bi/BiSolidTrashAlt.js";
+import { FaCloudDownloadAlt } from "../../icons/fa/FaCloudDownloadAlt.js";
+import { FaEdit } from "../../icons/fa/FaEdit.js";
+import { FaRegFileImage } from "../../icons/fa/FaRegFileImage.js";
+import { FaSearch } from "../../icons/fa/FaSearch.js";
+import { FaUsers } from "../../icons/fa/FaUsers.js";
+import { IoSettingsOutline } from "../../icons/io5/IoSettingsOutline.js";
+import { PiShareBold } from "../../icons/pi/PiShareBold.js";
+import { TbEdit } from "../../icons/tb/TbEdit.js";
 import { positionKeys } from "../../components/keys.js";
 import { useRowMenu } from "../../list/RowContextMenu.js";
 import { useChatConfig } from "../core/config.js";
@@ -39,25 +47,25 @@ function ConversationRow({ conv, isCurrent, sharingAvailable, openMenu, onRename
 		{
 			kind: "action",
 			label: t.rename,
-			icon: /* @__PURE__ */ jsx(EditIcon, {}),
+			icon: /* @__PURE__ */ jsx(FaEdit, {}),
 			onSelect: () => onRename(conv)
 		},
 		...sharingAvailable ? [{
 			kind: "action",
 			label: t.share,
-			icon: /* @__PURE__ */ jsx(ShareIcon, {}),
+			icon: /* @__PURE__ */ jsx(PiShareBold, {}),
 			onSelect: () => onShare(conv.id)
 		}] : [],
 		{
 			kind: "action",
 			label: strings.chrome.download,
-			icon: /* @__PURE__ */ jsx(DownloadIcon, {}),
+			icon: /* @__PURE__ */ jsx(FaCloudDownloadAlt, {}),
 			onSelect: () => onExport(conv.id)
 		},
 		{
 			kind: "action",
 			label: t.delete,
-			icon: /* @__PURE__ */ jsx(TrashIcon, {}),
+			icon: /* @__PURE__ */ jsx(BiSolidTrashAlt, {}),
 			destructive: true,
 			onSelect: () => onDelete(conv)
 		}
@@ -72,7 +80,7 @@ function ConversationRow({ conv, isCurrent, sharingAvailable, openMenu, onRename
 				id: conv.id
 			},
 			className: "flex min-w-0 flex-1 items-center gap-1.5 py-1 text-left",
-			children: [conv.isOwner === false && /* @__PURE__ */ jsx(SharingIcon, {
+			children: [conv.isOwner === false && /* @__PURE__ */ jsx(FaUsers, {
 				className: "h-3 w-3 shrink-0 theme-muted-text",
 				title: t.sharedWithYou
 			}), /* @__PURE__ */ jsx("span", {
@@ -236,7 +244,7 @@ function ChatSidebar({ actions = true }) {
 						onClick: handleNewChat,
 						className: cx("flex items-center h-9 px-2 gap-3 rounded-lg hover:theme-muted-panel", "transition-colors", !sidebarCollapsed && "border theme-border"),
 						title: tSidebar.newChat,
-						children: [/* @__PURE__ */ jsx(NewChatIcon, { className: cx("flex-shrink-0", "w-4 h-4") }), /* @__PURE__ */ jsx("span", {
+						children: [/* @__PURE__ */ jsx(TbEdit, { className: cx("flex-shrink-0", "w-4 h-4") }), /* @__PURE__ */ jsx("span", {
 							className: cx("text-sm transition-opacity duration-200", sidebarCollapsed ? "opacity-0 w-0 overflow-hidden" : "opacity-100"),
 							children: tSidebar.newChat
 						})]
@@ -244,7 +252,7 @@ function ChatSidebar({ actions = true }) {
 						target: { kind: "attachments" },
 						className: "flex items-center h-9 px-2 gap-3 rounded-lg hover:theme-muted-panel",
 						title: tSidebar.attachments,
-						children: [/* @__PURE__ */ jsx(ImageIcon, { className: "flex-shrink-0 w-4 h-4" }), /* @__PURE__ */ jsx("span", {
+						children: [/* @__PURE__ */ jsx(FaRegFileImage, { className: "flex-shrink-0 w-4 h-4" }), /* @__PURE__ */ jsx("span", {
 							className: cx("text-sm transition-opacity duration-200", sidebarCollapsed ? "opacity-0 w-0 overflow-hidden" : "opacity-100"),
 							children: tSidebar.attachments
 						})]
@@ -254,7 +262,7 @@ function ChatSidebar({ actions = true }) {
 					className: "px-2 pb-1",
 					children: /* @__PURE__ */ jsxs("div", {
 						className: "relative",
-						children: [/* @__PURE__ */ jsx(SearchIcon, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 theme-muted-text pointer-events-none" }), /* @__PURE__ */ jsx("input", {
+						children: [/* @__PURE__ */ jsx(FaSearch, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 theme-muted-text pointer-events-none" }), /* @__PURE__ */ jsx("input", {
 							ref: searchInputRef,
 							type: "text",
 							value: search,
@@ -314,7 +322,7 @@ function ChatSidebar({ actions = true }) {
 						},
 						className: "flex min-w-0 items-center gap-2 rounded-md px-2 py-1.5 text-xs theme-muted-text hover:theme-hover",
 						title: tSidebar.manageProviders,
-						children: [/* @__PURE__ */ jsx(SettingsIcon, { className: "h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ jsx("span", {
+						children: [/* @__PURE__ */ jsx(IoSettingsOutline, { className: "h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ jsx("span", {
 							className: "truncate",
 							children: tSidebar.manageProviders
 						})]

package/dist/ai/components/ChatThread.js

@@ -1,4 +1,5 @@
-import { CloseIcon, ThinkingIcon } from "../../icons.js";
+import { IoMdClose } from "../../icons/io/IoMdClose.js";
+import { TbBrain } from "../../icons/tb/TbBrain.js";
 import { useChatConfig } from "../core/config.js";
 import { useChat } from "../core/ChatProvider.js";
 import Markdown from "../ui/Markdown.js";
@@ -154,7 +155,7 @@ function ChatThread({ conversationId }) {
 					children: [/* @__PURE__ */ jsxs("div", {
 						className: "flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ jsx(ThinkingIcon, { className: "w-5 h-5 theme-muted-text" }),
+							/* @__PURE__ */ jsx(TbBrain, { className: "w-5 h-5 theme-muted-text" }),
 							/* @__PURE__ */ jsx("span", {
 								className: "font-medium",
 								children: strings.thinking.activity
@@ -172,7 +173,7 @@ function ChatThread({ conversationId }) {
 						type: "button",
 						onClick: () => setReasoningDrawerOpen(false),
 						className: "p-1 rounded hover:theme-hover transition-colors",
-						children: /* @__PURE__ */ jsx(CloseIcon, { className: "w-5 h-5 theme-muted-text" })
+						children: /* @__PURE__ */ jsx(IoMdClose, { className: "w-5 h-5 theme-muted-text" })
 					})]
 				}), /* @__PURE__ */ jsx("div", {
 					className: "flex-1 overflow-y-auto p-4",

package/dist/ai/components/ComposerChrome.js

@@ -1,4 +1,4 @@
-import { ConnectIcon } from "../../icons.js";
+import { PiPlugsConnectedFill } from "../../icons/pi/PiPlugsConnectedFill.js";
 import { useChatConfig } from "../core/config.js";
 import AllocationSelector from "./AllocationSelector.js";
 import ModelSelector from "./ModelSelector.js";
@@ -43,7 +43,7 @@ function ConnectToolsLink() {
 			href: extraLinks.connectTools
 		},
 		className: "flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[11px] theme-muted-text transition-colors hover:theme-muted-panel hover:theme-text",
-		children: [/* @__PURE__ */ jsx(ConnectIcon, { className: "h-3 w-3" }), strings.sidebar.connectTools]
+		children: [/* @__PURE__ */ jsx(PiPlugsConnectedFill, { className: "h-3 w-3" }), strings.sidebar.connectTools]
 	});
 }
 //#endregion

package/dist/ai/components/ModelSelector.js

@@ -1,4 +1,9 @@
-import { CheckIcon, ChevronDownIcon, CloudIcon, CogIcon, RetryIcon, RobotIcon } from "../../icons.js";
+import { FaCheck } from "../../icons/fa/FaCheck.js";
+import { FaChevronDown } from "../../icons/fa/FaChevronDown.js";
+import { FaCloud } from "../../icons/fa/FaCloud.js";
+import { FaCog } from "../../icons/fa/FaCog.js";
+import { FaRobot } from "../../icons/fa/FaRobot.js";
+import { FaUndoAlt } from "../../icons/fa/FaUndoAlt.js";
 import { useChatConfig } from "../core/config.js";
 import { useChat } from "../core/ChatProvider.js";
 import cx from "classnames";
@@ -13,7 +18,7 @@ function CspIcon({ cspKind, className }) {
 	const { slots } = useChatConfig();
 	const custom = slots.providerIcon?.(cspKind, className);
 	if (custom) return /* @__PURE__ */ jsx(Fragment$1, { children: custom });
-	return /* @__PURE__ */ jsx(CloudIcon, { className: cx("text-purple-500", className) });
+	return /* @__PURE__ */ jsx(FaCloud, { className: cx("text-purple-500", className) });
 }
 function getProviderKeyFromModelId(modelId) {
 	const idx = modelId.indexOf("/");
@@ -125,7 +130,7 @@ function ModelSelector({ targetSession, variant = "default" }) {
 		className: "relative",
 		children: /* @__PURE__ */ jsxs("div", {
 			className: boxClass,
-			children: [!bare && /* @__PURE__ */ jsx(RobotIcon, { className: "h-4 w-4 text-purple-500 flex-shrink-0 animate-pulse" }), /* @__PURE__ */ jsx("span", {
+			children: [!bare && /* @__PURE__ */ jsx(FaRobot, { className: "h-4 w-4 text-purple-500 flex-shrink-0 animate-pulse" }), /* @__PURE__ */ jsx("span", {
 				className: cx(textClass, "theme-muted-text"),
 				children: "Loading models..."
 			})]
@@ -137,7 +142,7 @@ function ModelSelector({ targetSession, variant = "default" }) {
 		children: /* @__PURE__ */ jsxs("div", {
 			className: boxClass,
 			children: [
-				!bare && /* @__PURE__ */ jsx(RobotIcon, { className: "h-4 w-4 text-red-500 flex-shrink-0" }),
+				!bare && /* @__PURE__ */ jsx(FaRobot, { className: "h-4 w-4 text-red-500 flex-shrink-0" }),
 				/* @__PURE__ */ jsx("span", {
 					className: cx(textClass, "text-red-600"),
 					children: "Failed to load models"
@@ -146,7 +151,7 @@ function ModelSelector({ targetSession, variant = "default" }) {
 					type: "button",
 					onClick: () => refreshModels(),
 					className: cx("flex items-center gap-1 text-blue-600 hover:underline ml-1", bare ? "text-[11px]" : "text-xs"),
-					children: [/* @__PURE__ */ jsx(RetryIcon, { className: "h-2.5 w-2.5" }), "Retry"]
+					children: [/* @__PURE__ */ jsx(FaUndoAlt, { className: "h-2.5 w-2.5" }), "Retry"]
 				})
 			]
 		})
@@ -156,7 +161,7 @@ function ModelSelector({ targetSession, variant = "default" }) {
 		className: "relative",
 		children: /* @__PURE__ */ jsxs("div", {
 			className: boxClass,
-			children: [!bare && /* @__PURE__ */ jsx(RobotIcon, { className: "h-4 w-4 theme-muted-text flex-shrink-0" }), /* @__PURE__ */ jsx("span", {
+			children: [!bare && /* @__PURE__ */ jsx(FaRobot, { className: "h-4 w-4 theme-muted-text flex-shrink-0" }), /* @__PURE__ */ jsx("span", {
 				className: cx(textClass, "theme-muted-text"),
 				children: "No models available"
 			})]
@@ -173,7 +178,7 @@ function ModelSelector({ targetSession, variant = "default" }) {
 			disabled: models.length === 0 && !targetSessionStatus && unreachableSessions.length === 0,
 			className: cx(boxClass, "transition-all cursor-pointer bg-transparent", "focus:outline-none", "disabled:opacity-50 disabled:cursor-not-allowed", bare ? "hover:theme-muted-panel" : "border theme-border hover:theme-hover"),
 			children: [
-				!bare && /* @__PURE__ */ jsx(RobotIcon, { className: cx("h-4 w-4 flex-shrink-0", targetSessionStatus === "connecting" ? "text-amber-500 animate-pulse" : "text-purple-500") }),
+				!bare && /* @__PURE__ */ jsx(FaRobot, { className: cx("h-4 w-4 flex-shrink-0", targetSessionStatus === "connecting" ? "text-amber-500 animate-pulse" : "text-purple-500") }),
 				/* @__PURE__ */ jsx("div", {
 					className: "flex-1 min-w-0 text-left",
 					children: selectedModelName ? /* @__PURE__ */ jsxs("div", {
@@ -192,7 +197,7 @@ function ModelSelector({ targetSession, variant = "default" }) {
 						children: triggerText
 					})
 				}),
-				/* @__PURE__ */ jsx(ChevronDownIcon, { className: cx("h-3 w-3 theme-muted-text transition-transform flex-shrink-0", !bare && "ml-auto", isOpen && "rotate-180") })
+				/* @__PURE__ */ jsx(FaChevronDown, { className: cx("h-3 w-3 theme-muted-text transition-transform flex-shrink-0", !bare && "ml-auto", isOpen && "rotate-180") })
 			]
 		}), isOpen && mounted && createPortal(/* @__PURE__ */ jsxs("div", {
 			ref: dropdownRef,
@@ -231,7 +236,7 @@ function ModelSelector({ targetSession, variant = "default" }) {
 						children: /* @__PURE__ */ jsxs("div", {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ jsx(CloudIcon, { className: "h-3 w-3 text-amber-500" }),
+								/* @__PURE__ */ jsx(FaCloud, { className: "h-3 w-3 text-amber-500" }),
 								/* @__PURE__ */ jsx("span", {
 									className: "text-xs font-semibold text-amber-600 uppercase tracking-wide flex-1",
 									children: targetSessionDisplayName
@@ -254,7 +259,7 @@ function ModelSelector({ targetSession, variant = "default" }) {
 						children: /* @__PURE__ */ jsxs("div", {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ jsx(CloudIcon, { className: "h-3 w-3 text-amber-500" }),
+								/* @__PURE__ */ jsx(FaCloud, { className: "h-3 w-3 text-amber-500" }),
 								/* @__PURE__ */ jsx("span", {
 									className: "text-xs font-semibold text-amber-600 uppercase tracking-wide flex-1",
 									children: s.name
@@ -315,7 +320,7 @@ function ModelSelector({ targetSession, variant = "default" }) {
 										onClick: (e) => e.stopPropagation(),
 										className: "p-0.5 rounded hover:theme-hover theme-muted-text hover:text-blue-600 transition-colors",
 										title: "Manage provider",
-										children: /* @__PURE__ */ jsx(CogIcon, { className: "h-3 w-3" })
+										children: /* @__PURE__ */ jsx(FaCog, { className: "h-3 w-3" })
 									})
 								]
 							})
@@ -331,7 +336,7 @@ function ModelSelector({ targetSession, variant = "default" }) {
 									className: cx("flex-1 min-w-0 text-sm truncate", isSelected ? "text-blue-600 font-medium" : ""),
 									style: !isSelected ? { color: "var(--theme-panel, #1f2937)" } : void 0,
 									children: modelName
-								}), isSelected && /* @__PURE__ */ jsx(CheckIcon, { className: "h-3.5 w-3.5 text-blue-600 flex-shrink-0" })]
+								}), isSelected && /* @__PURE__ */ jsx(FaCheck, { className: "h-3.5 w-3.5 text-blue-600 flex-shrink-0" })]
 							}, model.id);
 						})] }, providerKey);
 					})

package/dist/ai/components/ShareDialog.js

@@ -1,4 +1,5 @@
-import { ShareIcon, TrashIcon } from "../../icons.js";
+import { BiSolidTrashAlt } from "../../icons/bi/BiSolidTrashAlt.js";
+import { PiShareBold } from "../../icons/pi/PiShareBold.js";
 import { ConfirmModal } from "../../components/ConfirmModal.js";
 import Loader from "../../components/Loader.js";
 import { useChatConfig } from "../core/config.js";
@@ -209,7 +210,7 @@ function ShareDialog({ conversationId, isOpen, onClose }) {
 										onClick: () => handleRemoveTeam(perm.team),
 										className: "p-1 rounded hover:bg-red-500/10",
 										title: t.remove,
-										children: /* @__PURE__ */ jsx(TrashIcon, { className: "w-3 h-3 text-red-500" })
+										children: /* @__PURE__ */ jsx(BiSolidTrashAlt, { className: "w-3 h-3 text-red-500" })
 									})]
 								})]
 							}, perm.team))
@@ -252,7 +253,7 @@ function ShareButton({ conversationId, disabled = false }) {
 		disabled,
 		className: "flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[11px] theme-muted-text transition-colors hover:theme-muted-panel hover:theme-text disabled:opacity-50",
 		title: strings.shareConversation.shareButton,
-		children: [/* @__PURE__ */ jsx(ShareIcon, { className: "h-3 w-3" }), strings.shareConversation.shareButton]
+		children: [/* @__PURE__ */ jsx(PiShareBold, { className: "h-3 w-3" }), strings.shareConversation.shareButton]
 	}), /* @__PURE__ */ jsx(ShareDialog, {
 		conversationId,
 		isOpen,

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

@@ -1,4 +1,5 @@
-import { LoaderIcon, StopSolidIcon } from "../../../icons.js";
+import { FaStop } from "../../../icons/fa/FaStop.js";
+import { LoaderIcon } from "../../../components/StatusIcons.js";
 import { useChatConfig } from "../../core/config.js";
 import cx from "classnames";
 import { useEffect, useRef, useState } from "react";
@@ -142,7 +143,7 @@ function ActivityLine({ startedAt, inputTokens, outputTokens, onStop, stopping =
 				"aria-label": strings.input.stopGenerating,
 				title: strings.input.stopGenerating,
 				className: cx("ml-auto inline-flex h-7 items-center gap-1.5 rounded-md px-2 text-xs theme-muted-text transition-colors", "hover:theme-hover hover:theme-text disabled:cursor-not-allowed disabled:opacity-50"),
-				children: [/* @__PURE__ */ jsx(StopSolidIcon, { className: "h-3 w-3" }), strings.activity.stop]
+				children: [/* @__PURE__ */ jsx(FaStop, { className: "h-3 w-3" }), strings.activity.stop]
 			})
 		]
 	});