@blade-hq/agent-kit 1.0.29 → 1.0.31

package/dist/react/api/model-config.d.ts

@@ -1,5 +1,5 @@
 export type ThinkingRequestFormat = "auto" | "none" | "openai_reasoning_effort" | "openrouter_reasoning" | "deepseek_thinking" | "together_reasoning" | "zai_thinking" | "qwen_enable_thinking" | "sglang_chat_template";
-export interface RuntimeProviderConfig {
+export interface RuntimeModelService {
     name: string;
     base_url: string;
     api_key_configured: boolean;
@@ -13,15 +13,15 @@ export interface RuntimeModelDetails {
 }
 export interface RuntimeModelConfig {
     id: string;
-    provider: RuntimeProviderConfig;
     model: RuntimeModelDetails;
 }
 export interface RuntimeModelConfigCollection {
+    service: RuntimeModelService;
     items: RuntimeModelConfig[];
     default_config_id: string;
     source: "saved" | "startup";
 }
-export interface UpdateProviderConfig {
+export interface UpdateRuntimeModelService {
     base_url: string;
     api_key?: string;
     thinking_request_format: ThinkingRequestFormat;
@@ -32,33 +32,30 @@ export interface UpdateModelDetails {
     supports_vision: boolean;
 }
 export interface UpdateRuntimeModelConfig {
-    provider: UpdateProviderConfig;
     model: UpdateModelDetails;
 }
 export interface ModelConfigProbe {
-    provider: UpdateProviderConfig;
     model_id: string;
-    config_id?: string;
 }
 export interface ModelCandidatesRequest {
-    provider: UpdateProviderConfig;
-    config_id?: string;
+    service: UpdateRuntimeModelService;
 }
 export interface ModelCandidatesResult {
-    provider_name: string;
+    service_name: string;
     models: string[];
 }
 export interface ContextWindowDetectionResult {
-    provider_name: string;
+    service_name: string;
     model_id: string;
     context_window: number;
 }
 export interface ModelConfigTestResult {
     ok: boolean;
-    provider_name: string;
+    service_name: string;
     model_id: string;
 }
 export declare function getRuntimeModelConfigs(): Promise<RuntimeModelConfigCollection>;
+export declare function updateRuntimeModelService(service: UpdateRuntimeModelService): Promise<RuntimeModelConfigCollection>;
 export declare function createRuntimeModelConfig(config: UpdateRuntimeModelConfig): Promise<RuntimeModelConfigCollection>;
 export declare function updateRuntimeModelConfig(configId: string, config: UpdateRuntimeModelConfig): Promise<RuntimeModelConfigCollection>;
 export declare function deleteRuntimeModelConfig(configId: string): Promise<RuntimeModelConfigCollection>;

package/dist/react/api/published-apps.js

@@ -1,10 +1,10 @@
 import {
   listPublishedApps,
   unpublishApp
-} from "../../chunk-HCQDDDOX.js";
-import "../../chunk-UWNQ4PXK.js";
+} from "../../chunk-ZPZMN7KQ.js";
+import "../../chunk-3PX2W7II.js";
 import "../../chunk-J3XVFPOV.js";
-import "../../chunk-YJ6BX3FU.js";
+import "../../chunk-DSC6KQOI.js";
 import "../../chunk-JCJFFJ42.js";
 import "../../chunk-PZ5AY32C.js";
 export {

package/dist/react/api/sessions.js

@@ -41,9 +41,9 @@ import {
   updateSharing,
   uploadFiles,
   writeFile
-} from "../../chunk-UWNQ4PXK.js";
+} from "../../chunk-3PX2W7II.js";
 import "../../chunk-J3XVFPOV.js";
-import "../../chunk-YJ6BX3FU.js";
+import "../../chunk-DSC6KQOI.js";
 import "../../chunk-JCJFFJ42.js";
 import "../../chunk-PZ5AY32C.js";
 export {

package/dist/react/components/chat/FileDeliveryCards.d.ts

@@ -0,0 +1,11 @@
+import type { ToolCallInfo } from "../../schemas/message.js";
+/** 从该轮工具调用中提取智能体写入的工作区文件（去重、按出现顺序）。 */
+export declare function collectDeliveredFiles(toolCalls: ToolCallInfo[], sessionId: string): Array<{
+    relPath: string;
+    name: string;
+}>;
+/** 文件交付卡片组（需求 10）：助手在本轮写入的工作区文件，以卡片形式内联展示。 */
+export declare function FileDeliveryCards({ toolCalls, sessionId, }: {
+    toolCalls: ToolCallInfo[];
+    sessionId: string;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/react/components/chat/PlanningToggle.d.ts

@@ -0,0 +1,7 @@
+interface PlanningToggleProps {
+    enabled: boolean;
+    onChange: (enabled: boolean) => void;
+    disabled?: boolean;
+}
+export declare function PlanningToggle({ enabled, onChange, disabled }: PlanningToggleProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/react/components/chat/UserMessageBubble.d.ts

@@ -11,7 +11,7 @@ interface UserMessageProps {
     message: UserChatMessage;
     className?: string;
 }
-export declare const USER_MESSAGE_MARKDOWN_CLASS = "prose prose-sm prose-invert max-w-none [&_li>p]:inline [&_li>p]:whitespace-pre-wrap [&_p]:mb-3 [&_p]:whitespace-pre-wrap [&_p:last-child]:mb-0";
+export declare const USER_MESSAGE_MARKDOWN_CLASS = "prose prose-invert chat-prose max-w-none [&_li>p]:inline [&_li>p]:whitespace-pre-wrap [&_p]:whitespace-pre-wrap";
 export declare function UserMessageBubble({ message, className }: UserMessageProps): import("react/jsx-runtime").JSX.Element;
 export declare function ErrorMessageBlock({ message, className, }: {
     message: ErrorChatMessage;

package/dist/react/components/chat/index.d.ts

@@ -2,6 +2,7 @@ export { ChatView, type ChatViewProps } from "./ChatView.js";
 export { AttachmentPreviewDialog } from "./AttachmentPreviewDialog.js";
 export { ChatInput, type ChatSendOptions, type ComposerAttachment, type EnsureSessionResult, type FileComposerAttachment, } from "./ChatInput.js";
 export { ThinkingToggle } from "./ThinkingToggle.js";
+export { PlanningToggle } from "./PlanningToggle.js";
 export { FileSizeLimitDialog } from "./FileSizeLimitDialog.js";
 export { ImageLightbox } from "./ImageLightbox.js";
 export { CompactionCard } from "./CompactionCard.js";

package/dist/react/components/chat/index.js

@@ -8,6 +8,7 @@ import {
   FileSizeLimitDialog,
   ImageLightbox,
   MessageList,
+  PlanningToggle,
   SkillStatusBar,
   ThinkingToggle,
   ToolCallBlock,
@@ -17,16 +18,16 @@ import {
   isErrorMessage,
   isUserMessage,
   useWhatIfQuoteContext
-} from "../../../chunk-N2OE5MVV.js";
+} from "../../../chunk-RAWQ7LWR.js";
 import "../../../chunk-H62LH2AG.js";
 import {
   AskUserQuestionBlock
-} from "../../../chunk-YXHPJGXR.js";
-import "../../../chunk-PYYDXV2A.js";
+} from "../../../chunk-XUWAM6MF.js";
+import "../../../chunk-O32JOWYM.js";
 import "../../../chunk-2UP7MG3J.js";
-import "../../../chunk-UWNQ4PXK.js";
+import "../../../chunk-3PX2W7II.js";
 import "../../../chunk-J3XVFPOV.js";
-import "../../../chunk-YJ6BX3FU.js";
+import "../../../chunk-DSC6KQOI.js";
 import "../../../chunk-7LEKQI47.js";
 import "../../../chunk-JCJFFJ42.js";
 import "../../../chunk-PZ5AY32C.js";
@@ -41,6 +42,7 @@ export {
   FileSizeLimitDialog,
   ImageLightbox,
   MessageList,
+  PlanningToggle,
   SkillStatusBar,
   ThinkingToggle,
   ToolCallBlock,

package/dist/react/components/markdown/ExternalLinkDialog.d.ts

@@ -3,6 +3,8 @@ interface Props {
     onClose: () => void;
     onConfirm: () => void;
     url: string;
+    /** 在会话的沙盒浏览器（「浏览器」面板）中打开链接；不传则不显示该按钮 */
+    onOpenInternal?: () => void | Promise<void>;
 }
-export declare function ExternalLinkDialog({ isOpen, onClose, onConfirm, url }: Props): import("react").ReactPortal | null;
+export declare function ExternalLinkDialog({ isOpen, onClose, onConfirm, url, onOpenInternal }: Props): import("react").ReactPortal | null;
 export {};

package/dist/react/components/plan/index.js

@@ -3,12 +3,12 @@ import {
   PlanSummaryCard,
   extractLatestPlanMessages,
   parsePlanMessages
-} from "../../../chunk-YXHPJGXR.js";
-import "../../../chunk-PYYDXV2A.js";
+} from "../../../chunk-XUWAM6MF.js";
+import "../../../chunk-O32JOWYM.js";
 import "../../../chunk-2UP7MG3J.js";
-import "../../../chunk-UWNQ4PXK.js";
+import "../../../chunk-3PX2W7II.js";
 import "../../../chunk-J3XVFPOV.js";
-import "../../../chunk-YJ6BX3FU.js";
+import "../../../chunk-DSC6KQOI.js";
 import {
   cn
 } from "../../../chunk-7LEKQI47.js";

package/dist/react/components/session/index.js

@@ -1,14 +1,14 @@
 import {
   useSession
-} from "../../../chunk-TVWC3PED.js";
+} from "../../../chunk-3EVO45IN.js";
 import {
   checkoutSession,
   getSessionCheckpoints,
   useChatStore,
   useSessionStore
-} from "../../../chunk-UWNQ4PXK.js";
+} from "../../../chunk-3PX2W7II.js";
 import "../../../chunk-J3XVFPOV.js";
-import "../../../chunk-YJ6BX3FU.js";
+import "../../../chunk-DSC6KQOI.js";
 import {
   cn
 } from "../../../chunk-7LEKQI47.js";

package/dist/react/components/workspace/index.js

@@ -5,7 +5,7 @@ import {
 } from "../../../chunk-H62LH2AG.js";
 import {
   resolveSessionFilePreviewTarget
-} from "../../../chunk-PYYDXV2A.js";
+} from "../../../chunk-O32JOWYM.js";
 import {
   apiFetchText,
   copyFile,
@@ -19,9 +19,9 @@ import {
   useChatStore,
   useSessionStore,
   useUiStore
-} from "../../../chunk-UWNQ4PXK.js";
+} from "../../../chunk-3PX2W7II.js";
 import "../../../chunk-J3XVFPOV.js";
-import "../../../chunk-YJ6BX3FU.js";
+import "../../../chunk-DSC6KQOI.js";
 import {
   cn
 } from "../../../chunk-7LEKQI47.js";
@@ -124,7 +124,7 @@ var FileTree = ({
       ),
       role: "tree",
       ...props,
-      children: /* @__PURE__ */ jsx("div", { className: "p-2", children })
+      children: /* @__PURE__ */ jsx("div", { className: "px-1 py-1", children })
     }
   ) });
 };
@@ -285,7 +285,7 @@ var GENERIC_FILE_ICON_ASSET = new URL("../../assets/file-icons/generic-file.png"
 // src/react/components/workspace/FileTree.tsx
 import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var ROOT_PATH = ".";
-var TREE_ROW_CLASS = "group flex w-full items-center gap-1.5 rounded-md px-2 py-1.5 text-left transition-colors hover:bg-muted/50";
+var TREE_ROW_CLASS = "group flex w-full items-center gap-1 rounded-md px-1.5 py-1 text-left transition-colors hover:bg-muted/50";
 var FOLDER_PATH_MAX_LENGTH = 36;
 function FileTree2({
   sessionId,
@@ -409,8 +409,8 @@ function FileTree2({
     return /* @__PURE__ */ jsx2(EmptyState, { title: "\u6682\u65E0\u6D3B\u8DC3\u4F1A\u8BDD", description: "\u9009\u62E9\u6216\u521B\u5EFA\u4F1A\u8BDD\u540E\u67E5\u770B\u5DE5\u4F5C\u533A\u6587\u4EF6" });
   }
   if (rootLoading) {
-    return /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 px-3 py-4 text-sm text-[hsl(var(--muted-foreground))]", children: [
-      /* @__PURE__ */ jsx2(Loader2, { size: 14, className: "animate-spin" }),
+    return /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1.5 px-2 py-2 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
+      /* @__PURE__ */ jsx2(Loader2, { size: 12, className: "animate-spin" }),
       /* @__PURE__ */ jsx2("span", { children: "\u52A0\u8F7D\u4E2D..." })
     ] });
   }
@@ -433,7 +433,7 @@ function FileTree2({
       onExpandedChange: handleExpandedChange,
       selectedPath,
       onSelect: handleSelect,
-      className: "border-none bg-transparent",
+      className: "border-none bg-transparent text-[12px]",
       children: rootEntries.map(
         (entry) => entry.is_dir ? /* @__PURE__ */ jsx2(
           FolderNode,
@@ -742,6 +742,7 @@ function FileNode({
   const downloadUrl = getAuthedUrl(`/api/sessions/${sessionId}/files/${encodeURIComponent(entry.path)}`);
   const isOpening = openingFilePath === entry.path;
   const isSelected = selectedPath === entry.path;
+  const isUnread = useUiStore((state) => state.previewUnreadArtifactKeys.includes(entry.path));
   const queryClient = useQueryClient();
   const renameInputRef = useRef(null);
   const [isRenaming, setIsRenaming] = useState2(false);
@@ -839,7 +840,7 @@ function FileNode({
         }
       },
       children: [
-        /* @__PURE__ */ jsx2("span", { className: "size-5 shrink-0" }),
+        /* @__PURE__ */ jsx2("span", { className: "size-2 shrink-0" }),
         /* @__PURE__ */ jsx2(FileTreeIcon, { children: getFileIcon(entry.name) }),
         isRenaming ? /* @__PURE__ */ jsx2(
           "input",
@@ -865,6 +866,14 @@ function FileNode({
         ) : /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 flex-1 items-center text-left", children: [
           /* @__PURE__ */ jsx2(FileTreeName, { className: "min-w-0 flex-1", children: entry.name }),
           /* @__PURE__ */ jsx2(FolderPathHoverLabel, { path: getFolderPath(entry.path) }),
+          isUnread ? /* @__PURE__ */ jsx2(
+            "span",
+            {
+              className: "ml-1.5 h-2 w-2 shrink-0 rounded-full bg-[hsl(var(--primary))] group-hover:hidden",
+              title: "\u65B0\u6587\u4EF6",
+              "aria-label": "\u65B0\u6587\u4EF6"
+            }
+          ) : null,
           /* @__PURE__ */ jsx2(FileTagList, { tags: entry.tags })
         ] }),
         isOpening ? /* @__PURE__ */ jsx2(Loader2, { size: 12, className: "ml-auto shrink-0 animate-spin text-[hsl(var(--muted-foreground))]" }) : null,
@@ -1022,24 +1031,34 @@ function LazyDirChildren({
     )
   ) });
 }
-var TAG_STYLES = {
-  "AI \u751F\u6210": "bg-[hsl(var(--muted))] text-[hsl(var(--muted-foreground))]",
-  "\u7528\u6237\u4E0A\u4F20": "bg-[hsl(var(--muted))] text-[hsl(var(--muted-foreground))]",
-  \u4EA7\u7269: "bg-[hsl(var(--muted))] text-[hsl(var(--muted-foreground))]"
+var TAG_ICONS = {
+  \u7528\u6237\u4E0A\u4F20: {
+    icon: /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", children: [
+      /* @__PURE__ */ jsx2("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+      /* @__PURE__ */ jsx2("polyline", { points: "17 8 12 3 7 8" }),
+      /* @__PURE__ */ jsx2("line", { x1: "12", x2: "12", y1: "3", y2: "15" })
+    ] }),
+    className: "text-[hsl(var(--muted-foreground))]"
+  }
 };
-var DEFAULT_TAG_STYLE = "bg-[hsl(var(--muted))] text-[hsl(var(--muted-foreground))]";
 function FileTagList({ tags }) {
-  const normalizedTags = normalizeDisplayTags(tags);
+  const normalizedTags = normalizeDisplayTags(tags).filter((tag) => tag !== "AI \u751F\u6210");
   if (normalizedTags.length === 0) return null;
-  return /* @__PURE__ */ jsx2("span", { className: "ml-1 flex min-w-0 shrink-0 items-center gap-1", children: normalizedTags.map((tag) => /* @__PURE__ */ jsx2(
-    "span",
-    {
-      className: `max-w-20 truncate rounded-full px-2 py-[2px] text-[11px] font-medium leading-[14px] ${TAG_STYLES[tag] ?? DEFAULT_TAG_STYLE}`,
-      title: tag,
-      children: tag
-    },
-    tag
-  )) });
+  return /* @__PURE__ */ jsx2("span", { className: "ml-1 flex shrink-0 items-center gap-0.5 group-hover:hidden", children: normalizedTags.map((tag) => {
+    const entry = TAG_ICONS[tag];
+    if (entry) {
+      return /* @__PURE__ */ jsx2("span", { className: `inline-flex ${entry.className}`, title: tag, children: entry.icon }, tag);
+    }
+    return /* @__PURE__ */ jsx2(
+      "span",
+      {
+        className: "max-w-16 truncate rounded-full bg-[hsl(var(--muted))] px-1.5 py-[1px] text-[10px] leading-[14px] text-[hsl(var(--muted-foreground))]",
+        title: tag,
+        children: tag
+      },
+      tag
+    );
+  }) });
 }
 function normalizeDisplayTags(tags) {
   if (!tags) return [];
@@ -1113,68 +1132,68 @@ function EmptyState({ title, description }) {
     ] })
   ] });
 }
-var ICO_DOC = /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+var ICO_DOC = /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ jsx2("path", { d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" }),
   /* @__PURE__ */ jsx2("polyline", { points: "14 2 14 8 20 8" })
 ] });
-var ICO_CODE = /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+var ICO_CODE = /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ jsx2("polyline", { points: "16 18 22 12 16 6" }),
   /* @__PURE__ */ jsx2("polyline", { points: "8 6 2 12 8 18" })
 ] });
-var ICO_TABLE = /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx2("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
+var ICO_TABLE = /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ jsx2("rect", { x: "3", y: "3", width: "14", height: "14", rx: "2" }),
   /* @__PURE__ */ jsx2("path", { d: "M3 9h18" }),
   /* @__PURE__ */ jsx2("path", { d: "M3 15h18" }),
   /* @__PURE__ */ jsx2("path", { d: "M9 3v18" })
 ] });
-var ICO_SLIDES = /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+var ICO_SLIDES = /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ jsx2("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
   /* @__PURE__ */ jsx2("path", { d: "M8 21h8" }),
   /* @__PURE__ */ jsx2("path", { d: "M12 17v4" })
 ] });
-var ICO_PDF = /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+var ICO_PDF = /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ jsx2("path", { d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" }),
   /* @__PURE__ */ jsx2("path", { d: "M8 13h8" }),
   /* @__PURE__ */ jsx2("path", { d: "M8 17h5" })
 ] });
-var ICO_IMAGE = /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx2("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
+var ICO_IMAGE = /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ jsx2("rect", { x: "3", y: "3", width: "14", height: "14", rx: "2" }),
   /* @__PURE__ */ jsx2("circle", { cx: "9", cy: "9", r: "2" }),
   /* @__PURE__ */ jsx2("path", { d: "m21 15-3.09-3.09a2 2 0 0 0-2.82 0L6 21" })
 ] });
-var ICO_AUDIO = /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+var ICO_AUDIO = /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ jsx2("path", { d: "M9 18V5l12-2v13" }),
   /* @__PURE__ */ jsx2("circle", { cx: "6", cy: "18", r: "3" }),
   /* @__PURE__ */ jsx2("circle", { cx: "18", cy: "16", r: "3" })
 ] });
-var ICO_VIDEO = /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+var ICO_VIDEO = /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ jsx2("rect", { x: "2", y: "2", width: "20", height: "20", rx: "2" }),
   /* @__PURE__ */ jsx2("path", { d: "m10 8 6 4-6 4V8z" })
 ] });
-var ICO_ARCHIVE = /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+var ICO_ARCHIVE = /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ jsx2("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" }),
   /* @__PURE__ */ jsx2("path", { d: "M12 4v16" }),
   /* @__PURE__ */ jsx2("path", { d: "m10 10 4 4" }),
   /* @__PURE__ */ jsx2("path", { d: "m14 10-4 4" })
 ] });
-var ICO_CONFIG = /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+var ICO_CONFIG = /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ jsx2("path", { d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" }),
   /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "15", r: "2" }),
   /* @__PURE__ */ jsx2("path", { d: "M12 11v2" })
 ] });
-var ICO_TEXT = /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+var ICO_TEXT = /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ jsx2("path", { d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" }),
   /* @__PURE__ */ jsx2("path", { d: "M8 13h8" }),
   /* @__PURE__ */ jsx2("path", { d: "M8 17h8" }),
   /* @__PURE__ */ jsx2("path", { d: "M8 9h3" })
 ] });
-var ICO_DB = /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+var ICO_DB = /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ jsx2("ellipse", { cx: "12", cy: "5", rx: "9", ry: "3" }),
   /* @__PURE__ */ jsx2("path", { d: "M3 5v14a9 3 0 0 0 18 0V5" }),
   /* @__PURE__ */ jsx2("path", { d: "M3 12a9 3 0 0 0 18 0" })
 ] });
-var ICO_FOLDER = /* @__PURE__ */ jsx2("svg", { "aria-hidden": "true", width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor", opacity: "0.85", children: /* @__PURE__ */ jsx2("path", { d: "M20 6h-8l-2-2H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2z" }) });
-var ICO_DESIGN = /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+var ICO_FOLDER = /* @__PURE__ */ jsx2("svg", { "aria-hidden": "true", width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor", opacity: "0.85", children: /* @__PURE__ */ jsx2("path", { d: "M20 6h-8l-2-2H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2z" }) });
+var ICO_DESIGN = /* @__PURE__ */ jsxs2("svg", { "aria-hidden": "true", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ jsx2("path", { d: "m12 19 7-7 3 3-7 7-3-3z" }),
   /* @__PURE__ */ jsx2("path", { d: "m18 13-1.5-7.5L2 2l3.5 14.5L13 18l5-5z" }),
   /* @__PURE__ */ jsx2("path", { d: "m2 2 7.586 7.586" }),
@@ -1224,10 +1243,10 @@ var FOLDER_COLOR = "text-[hsl(38,80%,55%)]";
 function getFileIcon(fileName) {
   const ext = fileName.split(".").pop()?.toLowerCase() ?? "";
   const entry = EXT_ICON[ext] ?? DEFAULT_ICON;
-  return /* @__PURE__ */ jsx2("span", { className: `flex size-5 shrink-0 items-center justify-center ${entry.color}`, children: entry.icon });
+  return /* @__PURE__ */ jsx2("span", { className: `flex size-4 shrink-0 items-center justify-center ${entry.color}`, children: entry.icon });
 }
 function getFolderIcon() {
-  return /* @__PURE__ */ jsx2("span", { className: `flex size-5 shrink-0 items-center justify-center ${FOLDER_COLOR}`, children: ICO_FOLDER });
+  return /* @__PURE__ */ jsx2("span", { className: `flex size-4 shrink-0 items-center justify-center ${FOLDER_COLOR}`, children: ICO_FOLDER });
 }
 function getErrorMessage(error, fallback) {
   if (error instanceof Error && error.message) {