@parallelworks/ui 0.20.0 → 0.21.1

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", {
@@ -85,16 +93,15 @@ function ConversationRow({ conv, isCurrent, sharingAvailable, openMenu, onRename
 var SIDEBAR_WIDTH_STORAGE_KEY = "aiChatSidebarWidth";
 var SIDEBAR_MIN_WIDTH_PX = 200;
 var SIDEBAR_MAX_WIDTH_PX = 480;
-var SIDEBAR_DEFAULT_WIDTH_PX = 256;
 function clampSidebarWidth(width) {
 	return Math.min(SIDEBAR_MAX_WIDTH_PX, Math.max(SIDEBAR_MIN_WIDTH_PX, width));
 }
 function readStoredSidebarWidth() {
 	try {
 		const stored = Number(window.localStorage.getItem(SIDEBAR_WIDTH_STORAGE_KEY));
-		return Number.isFinite(stored) && stored > 0 ? clampSidebarWidth(stored) : SIDEBAR_DEFAULT_WIDTH_PX;
+		return Number.isFinite(stored) && stored > 0 ? clampSidebarWidth(stored) : 256;
 	} catch {
-		return SIDEBAR_DEFAULT_WIDTH_PX;
+		return 256;
 	}
 }
 function storeSidebarWidth(width) {
@@ -125,8 +132,8 @@ function useResizableSidebarWidth() {
 		window.addEventListener("pointerup", onUp);
 	};
 	const reset = () => {
-		setWidth(SIDEBAR_DEFAULT_WIDTH_PX);
-		storeSidebarWidth(SIDEBAR_DEFAULT_WIDTH_PX);
+		setWidth(256);
+		storeSidebarWidth(256);
 	};
 	const nudge = (delta) => {
 		const next = clampSidebarWidth(widthRef.current + delta);
@@ -211,7 +218,6 @@ function ChatSidebar({ actions = true }) {
 		/* @__PURE__ */ jsxs(SidebarPanel, {
 			collapsed: sidebarCollapsed,
 			width: sidebarWidth,
-			railWidth: 48,
 			resizing,
 			children: [
 				!sidebarCollapsed && /* @__PURE__ */ jsx("div", {
@@ -238,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
 						})]
@@ -246,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
 						})]
@@ -256,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,
@@ -316,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";
@@ -61,11 +62,8 @@ function ChatThread({ conversationId }) {
 		setEditingState(null);
 	}, []);
 	const handleEditLastMessage = useCallback(() => {
-		const conversationMessages = currentConversation?.messages || [];
-		for (let i = conversationMessages.length - 1; i >= 0; i--) if (conversationMessages[i].role === "user") {
-			handleEditMessage(conversationMessages[i].id);
-			break;
-		}
+		const lastUserMessage = (currentConversation?.messages || []).findLast((m) => m.role === "user");
+		if (lastUserMessage) handleEditMessage(lastUserMessage.id);
 	}, [currentConversation?.messages, handleEditMessage]);
 	const handleNavigateBranch = useCallback((messageId) => {
 		navigateToBranch?.(messageId);
@@ -73,9 +71,9 @@ function ChatThread({ conversationId }) {
 	const handleRegenerateMessage = useCallback((messageId) => {
 		const conversationMessages = currentConversation?.messages || [];
 		const assistantMessage = conversationMessages.find((m) => m.id === messageId);
-		if (!assistantMessage || assistantMessage.role !== "assistant") return;
+		if (assistantMessage?.role !== "assistant") return;
 		const userMessage = conversationMessages.find((m) => m.id === assistantMessage.parentId);
-		if (!userMessage || userMessage.role !== "user") return;
+		if (userMessage?.role !== "user") return;
 		sendMessage(userMessage.content || "", userMessage.attachments?.map((a) => a.id), userMessage.parentId || void 0);
 	}, [currentConversation?.messages, sendMessage]);
 	const handleRetryMessage = useCallback((messageId) => {
@@ -99,7 +97,7 @@ function ChatThread({ conversationId }) {
 	]);
 	const messages = currentConversation?.messages || [];
 	const showAuthor = useMemo(() => {
-		return new Set(messages.filter((m) => m.author).map((m) => m.author.username)).size > 1 || currentConversation?.isOwner === false;
+		return new Set(messages.flatMap((m) => m.author ? [m.author.username] : [])).size > 1 || currentConversation?.isOwner === false;
 	}, [messages, currentConversation?.isOwner]);
 	if (isLoadingConversation && !currentConversation) return /* @__PURE__ */ jsxs("div", {
 		className: "flex flex-col h-full bg-(--theme-panel-bg)",
@@ -157,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
@@ -175,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("/");
@@ -33,8 +38,9 @@ function groupModelsByProvider(models) {
 	const groups = /* @__PURE__ */ new Map();
 	for (const model of models) {
 		const key = model.id.includes("/") ? getProviderKeyFromModelId(model.id) : model.provider ?? model.owned_by;
-		if (!groups.has(key)) groups.set(key, []);
-		groups.get(key).push(model);
+		const group = groups.get(key);
+		if (group) group.push(model);
+		else groups.set(key, [model]);
 	}
 	return groups;
 }
@@ -124,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..."
 			})]
@@ -136,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"
@@ -145,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"]
 				})
 			]
 		})
@@ -155,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"
 			})]
@@ -172,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", {
@@ -191,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,
@@ -230,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
@@ -253,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
@@ -314,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" })
 									})
 								]
 							})
@@ -330,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";
@@ -7,6 +8,9 @@ import Dropdown from "../ui/Dropdown.js";
 import { useCallback, useEffect, useState, useTransition } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/ai/components/ShareDialog.tsx
+function isTeamPermission(p) {
+	return !!p.team && !p.entireOrganization;
+}
 function ShareDialog({ conversationId, isOpen, onClose }) {
 	const { strings } = useChatConfig();
 	const t = strings.shareConversation;
@@ -66,8 +70,8 @@ function ShareDialog({ conversationId, isOpen, onClose }) {
 				});
 				else if (!wantOrgPerm && hadOrgPerm?.id) await sharing.removePermission(conversationId, hadOrgPerm.id);
 				else if (wantOrgPerm && hadOrgPerm?.id && (originalOrgCollaborateAccess !== orgCollaborateAccess || hadOrgPerm.permission === "collaborate" !== orgCollaborateAccess)) await sharing.updatePermission(conversationId, hadOrgPerm.id, orgCollaborateAccess ? "collaborate" : "view");
-				const originalTeamPerms = originalPermissions.filter((p) => p.team && !p.entireOrganization);
-				const currentTeamPerms = permissions.filter((p) => p.team && !p.entireOrganization);
+				const originalTeamPerms = originalPermissions.filter(isTeamPermission);
+				const currentTeamPerms = permissions.filter(isTeamPermission);
 				for (const perm of currentTeamPerms) {
 					const original = originalTeamPerms.find((p) => p.team === perm.team);
 					if (!original) await sharing.addPermission(conversationId, {
@@ -117,7 +121,7 @@ function ShareDialog({ conversationId, isOpen, onClose }) {
 		} : p));
 	}, []);
 	if (!sharing) return null;
-	const teamPermissions = permissions.filter((p) => p.team && !p.entireOrganization);
+	const teamPermissions = permissions.filter(isTeamPermission);
 	const availableTeams = teams.filter((team) => !permissions.some((p) => p.team === team.id));
 	return /* @__PURE__ */ jsx(ConfirmModal, {
 		open: isOpen,
@@ -206,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))
@@ -249,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/SlashMenu.d.ts

@@ -2,7 +2,6 @@ import { type KeyboardEvent } from 'react';
 export interface SlashCommandOption {
     name: string;
     description?: string | undefined;
-    usage?: string | undefined;
 }
 export interface SlashMenuConfig {
     commands: SlashCommandOption[];

package/dist/ai/components/agent/ActivityLine.d.ts

@@ -1,6 +1,5 @@
 /** The agent status words: one is picked per turn and held until it ends. */
 export declare const activityWords: readonly ['Thinking', 'Cogitating', 'Pondering', 'Percolating', 'Ruminating', 'Noodling', 'Conjuring', 'Simmering', 'Marinating', 'Tinkering', 'Scheming', 'Brewing', 'Wrangling', 'Finagling', 'Spelunking', 'Puttering', 'Composing', 'Synthesizing', 'Deliberating', 'Mulling', 'Contemplating', 'Vibing', 'Whittling', 'Concocting', 'Formulating', 'Hatching', 'Herding', 'Ideating', 'Manifesting', 'Moseying', 'Musing', 'Percussing', 'Reticulating', 'Schlepping', 'Stewing', 'Transmuting', 'Wibbling', 'Crunching', 'Forging', 'Cooking'];
-export declare function randomActivityWord(): string;
 /** Elapsed run time the way an agent status line prints it: 45s, 2m13s,
  *  1h2m3s. */
 export declare function formatElapsed(seconds: number): string;

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";
@@ -49,7 +50,7 @@ var activityWords = [
 	"Cooking"
 ];
 function randomActivityWord() {
-	return activityWords[Math.floor(Math.random() * activityWords.length)];
+	return activityWords[Math.floor(Math.random() * activityWords.length)] ?? activityWords[0];
 }
 /** Elapsed run time the way an agent status line prints it: 45s, 2m13s,
 *  1h2m3s. */
@@ -142,10 +143,10 @@ 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]
 			})
 		]
 	});
 }
 //#endregion
-export { activityWords, compactCount, ActivityLine as default, formatElapsed, randomActivityWord };
+export { activityWords, compactCount, ActivityLine as default, formatElapsed };

package/dist/ai/components/agent/AgentMessageParts.d.ts

@@ -1,31 +1,9 @@
 import { type PartRendererProps } from '../../core/config.js';
-import type { ApprovalPart, MessagePart, NoticePart, ReasoningPart, SubagentPart, TodoSnapshotPart, ToolCallPart } from '../../types.js';
-export declare function ToolCallBlock({ part }: {
-    part: ToolCallPart;
-}): import("react").JSX.Element;
-/** Drawn the way the TUI draws a delegated Task: a tool-shaped header
- *  `Task(description)`, and under it the latest action while running or
- *  `Done (summary)` once finished. Expanding shows the whole activity feed. */
-export declare function SubagentCard({ part }: {
-    part: SubagentPart;
-}): import("react").JSX.Element;
+import type { ApprovalPart, MessagePart, ReasoningPart, ToolCallPart } from '../../types.js';
 export declare function ApprovalBlock({ part, onApprovalAnswer, }: {
     part: ApprovalPart;
     onApprovalAnswer?: PartRendererProps['onApprovalAnswer'];
 }): import("react").JSX.Element;
-export declare function TodoSnapshotBlock({ part }: {
-    part: TodoSnapshotPart;
-}): import("react").JSX.Element;
-export declare function NoticeBlock({ part }: {
-    part: NoticePart;
-}): import("react").JSX.Element;
-/** The TUI's thought: the body shows while it streams, then folds to its
- *  label and opens on request. The composer's activity line carries the
- *  live signal, so nothing here animates. */
-export declare function ReasoningBlock({ part, isStreaming, }: {
-    part: ReasoningPart;
-    isStreaming?: boolean;
-}): import("react").JSX.Element;
 type RunMember = {
     part: ToolCallPart | ReasoningPart;
     index: number;
@@ -42,9 +20,6 @@ type RenderItem = {
     kind: 'rollup';
     members: RunMember[];
 };
-/** Two thoughts with nothing visible between them read as one, not as a
- *  stack of identical lines. */
-export declare function mergeReasoning(parts: ReasoningPart[]): ReasoningPart;
 export declare function buildRenderItems(parts: MessagePart[]): RenderItem[];
 export default function AgentMessageParts({ message, isStreaming, onApprovalAnswer, }: {
     message: PartRendererProps['message'];

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

@@ -1,4 +1,6 @@
-import { CheckIcon, ChevronRightIcon, LoaderIcon } from "../../../icons.js";
+import { FaCheck } from "../../../icons/fa/FaCheck.js";
+import { LuChevronRight } from "../../../icons/lu/LuChevronRight.js";
+import { LoaderIcon } from "../../../components/StatusIcons.js";
 import { useCssIsDark } from "../../../components/useCssIsDark.js";
 import { LogViewer } from "../../../logviewer/LogViewer.js";
 import { agentColorHex, bashExitCode, fullToolArgs, isGroupableTool, rollupSentence, summarizeToolArgs, toolHeaderFor, toolSummary } from "../../agent/toolfmt.js";
@@ -204,7 +206,7 @@ function ToolCallBlock({ part }) {
 							]
 						})]
 					}),
-					/* @__PURE__ */ jsx(ChevronRightIcon, { className: cx("w-3.5 h-3.5 mt-1 shrink-0 theme-muted-text transition-transform", expanded && "rotate-90") })
+					/* @__PURE__ */ jsx(LuChevronRight, { className: cx("w-3.5 h-3.5 mt-1 shrink-0 theme-muted-text transition-transform", expanded && "rotate-90") })
 				]
 			}),
 			!isDiff && /* @__PURE__ */ jsx("div", {
@@ -266,7 +268,7 @@ function SubagentCard({ part }) {
 						]
 					})]
 				}),
-				canExpand && /* @__PURE__ */ jsx(ChevronRightIcon, { className: cx("w-3.5 h-3.5 mt-1 shrink-0 theme-muted-text transition-transform", expanded && "rotate-90") })
+				canExpand && /* @__PURE__ */ jsx(LuChevronRight, { className: cx("w-3.5 h-3.5 mt-1 shrink-0 theme-muted-text transition-transform", expanded && "rotate-90") })
 			]
 		}), /* @__PURE__ */ jsx("div", {
 			className: cx("ml-5 mt-0.5 text-[13px]", part.status === "failed" ? "text-red-600" : "theme-muted-text"),
@@ -427,7 +429,7 @@ function ApprovalBlock({ part, onApprovalAnswer }) {
 			children: part.question
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ jsx(CheckIcon, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ jsxs("span", { children: [t.answered, part.answer ? `: ${part.answer}` : ""] })]
+			children: [/* @__PURE__ */ jsx(FaCheck, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ jsxs("span", { children: [t.answered, part.answer ? `: ${part.answer}` : ""] })]
 		})]
 	});
 	return /* @__PURE__ */ jsxs("div", {
@@ -499,7 +501,7 @@ function NoticeBlock({ part }) {
 				children: [/* @__PURE__ */ jsx("span", {
 					className: "min-w-0 flex-1 whitespace-pre-wrap",
 					children: part.text
-				}), /* @__PURE__ */ jsx(ChevronRightIcon, { className: cx("mt-0.5 h-3.5 w-3.5 shrink-0 transition-transform", expanded && "rotate-90") })]
+				}), /* @__PURE__ */ jsx(LuChevronRight, { className: cx("mt-0.5 h-3.5 w-3.5 shrink-0 transition-transform", expanded && "rotate-90") })]
 			}), expanded && /* @__PURE__ */ jsx("div", {
 				className: "ml-4 mt-1 border-l-2 theme-border pl-3 text-sm theme-muted-text",
 				children: /* @__PURE__ */ jsx(Markdown, { children: part.detail })
@@ -548,7 +550,7 @@ function ReasoningBlock({ part, isStreaming }) {
 			onClick: () => hasBody && setExpanded((v) => !v),
 			"aria-expanded": expanded,
 			className: cx("flex min-h-6 items-center gap-x-1 text-sm theme-muted-text transition-colors", hasBody && "hover:theme-text"),
-			children: [/* @__PURE__ */ jsx("span", { children: label }), hasBody && /* @__PURE__ */ jsx(ChevronRightIcon, { className: cx("w-3.5 h-3.5 transition-transform", expanded && "rotate-90") })]
+			children: [/* @__PURE__ */ jsx("span", { children: label }), hasBody && /* @__PURE__ */ jsx(LuChevronRight, { className: cx("w-3.5 h-3.5 transition-transform", expanded && "rotate-90") })]
 		}), expanded && /* @__PURE__ */ jsx("div", {
 			className: "mt-1.5",
 			children: body
@@ -632,10 +634,9 @@ function buildRenderItems(parts) {
 		emitThoughts(thoughts);
 	};
 	const flush = () => {
-		let start = 0;
-		while (start < run.length && isReasoning(run[start])) start++;
-		let end = run.length;
-		while (end > start && isReasoning(run[end - 1])) end--;
+		const firstCore = run.findIndex((m) => !isReasoning(m));
+		const start = firstCore === -1 ? run.length : firstCore;
+		const end = firstCore === -1 ? run.length : run.findLastIndex((m) => !isReasoning(m)) + 1;
 		emitThoughts(run.slice(0, start));
 		const core = run.slice(start, end);
 		if (core.filter((m) => !isReasoning(m)).length >= 2) items.push({
@@ -685,7 +686,7 @@ function RollupGroup({ members, message }) {
 					className: "font-mono text-[13px] theme-muted-text min-w-0 truncate",
 					children: sentence
 				}),
-				/* @__PURE__ */ jsx(ChevronRightIcon, { className: cx("w-3.5 h-3.5 shrink-0 theme-muted-text transition-transform", expanded && "rotate-90") })
+				/* @__PURE__ */ jsx(LuChevronRight, { className: cx("w-3.5 h-3.5 shrink-0 theme-muted-text transition-transform", expanded && "rotate-90") })
 			]
 		}), /* @__PURE__ */ jsx("div", {
 			className: cx("ml-1.5 mt-0.5 rounded-md", expanded ? "bg-(--theme-muted-panel-bg)/40 px-2" : "hidden"),
@@ -718,4 +719,4 @@ function AgentMessageParts({ message, isStreaming, onApprovalAnswer }) {
 	});
 }
 //#endregion
-export { ApprovalBlock, NoticeBlock, ReasoningBlock, SubagentCard, TodoSnapshotBlock, ToolCallBlock, buildRenderItems, AgentMessageParts as default, mergeReasoning };
+export { ApprovalBlock, buildRenderItems, AgentMessageParts as default };

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

@@ -1,6 +1,6 @@
 import { type ReactNode } from 'react';
 import type { ChatAdapter } from '../adapter/types.js';
-import type { ChatModel, ChatNavigation, ChatNotify, ChatUser, Conversation, ConversationSummary, ChatMessage as Message, MessagePart, ProviderInfo, UnreachableSession } from '../types.js';
+import type { AttachmentMeta, ChatModel, ChatNavigation, ChatNotify, ChatUser, Conversation, ConversationSummary, ChatMessage as Message, MessagePart, ProviderInfo, UnreachableSession } from '../types.js';
 import { type ChatUIConfig } from './config.js';
 interface ChatContextValue {
     adapter: ChatAdapter;
@@ -36,11 +36,7 @@ interface ChatContextValue {
     refreshModels: () => Promise<void>;
     createConversation: (title?: string) => Promise<string | null>;
     deleteConversation: (id: string) => Promise<boolean>;
-    sendMessage: (content: string, attachmentIds?: string[], parentId?: string, attachmentMeta?: Record<string, {
-        filename: string;
-        contentType: string;
-        size: number;
-    }>) => Promise<boolean>;
+    sendMessage: (content: string, attachmentIds?: string[], parentId?: string, attachmentMeta?: AttachmentMeta) => Promise<boolean>;
     retryMessage: (messageId: string) => Promise<boolean>;
     setSelectedProvider: (providerId: string | null) => void;
     setSelectedAllocation: (allocation: string | null) => void;