@blade-hq/agent-kit 0.4.21 → 0.4.23

package/dist/client/index.d.ts

@@ -1,4 +1,4 @@
-export { A as ApiKeyCreateResponse, g as ApiKeyPublic, h as ApiKeysResource, i as AuthResource, B as BladeApiError, j as BladeClient, k as BladeClientOptions, l as BladeFetchInit, m as BladeHubScenarioResource, n as ChatEndPayload, o as ChatSendPayload, p as CheckpointNode, q as ClientToServerEvents, r as CodingTask, s as CodingTaskTopic, t as ComputerUpgradeReason, u as ComputerUpgradeStatusResponse, v as ContentPart, w as CreateQuickScenarioPayload, x as CreateSessionRequest, y as CreateSocketOptions, z as CreateSoftwareFactorySharedFilePayload, E as CreateSoftwareFactorySoftwarePayload, f as CreateVibeCodingSessionParams, C as CreateVibeCodingSessionResult, D as DeployBumpMode, F as FileEntry, G as GisResource, H as GlobalSkillStats, I as HeadlessError, J as HeadlessResource, K as HeadlessRunOptions, L as HistoryNode, M as HttpMethod, N as ImportPreview, O as ImportPreviewScenario, Q as ImportPreviewSkill, R as InstalledRegistrySkill, S as JsonSchemaObject, T as MemoriesResource, U as Memory, W as MemoryCreateBody, X as MemoryListParams, Y as MemoryListResponse, Z as ModelOption, _ as ModelsConfig, $ as ModelsResource, a0 as PaginatedSessionsResult, P as PortMapping, a1 as PreviewUrlItem, a2 as ProvidersResponse, a3 as PublishedAppsResource, a4 as QuickScenario, a5 as REGISTRY_PREFIX, a6 as RegistryResource, a7 as ResourceApi, a8 as ScenariosResource, a9 as ServerToClientEvents, aa as SessionContextStats, ab as SessionHistory, ac as SessionUpdatedPayload, ad as SessionsResource, ae as ShareLinkResult, af as SkillDevSession, ag as SkillOrgListResponse, ah as SkillOrgOption, ai as SkillsResource, aj as SoftwareFactoryModuleBlueprint, ak as SoftwareFactoryResource, al as SoftwareFactorySharedFile, am as SoftwareFactorySoftware, an as SoftwareFactoryTopic, ao as SoftwareFactoryTopicModule, ap as SolutionsResource, aq as SystemErrorPayload, ar as SystemNotificationPayload, as as TokenizeResult, at as TurnProjectionPayload, au as TypedSocket, av as UpdateQuickScenarioPayload, aw as UpgradeComputerResponse, ax as UploadFileEntry, ay as UserInfo, az as UserPreferencesResource, b as VibeCodingDebugSessionStatus, d as VibeCodingDeployRecord, a as VibeCodingDeployStatus, V as VibeCodingResource, e as VibeCodingSessionInfo, c as VibeCodingSessionStatus, aA as createSocket, aB as normalizeResource } from '../blade-client-BEjbedNc.js';
+export { A as ApiKeyCreateResponse, g as ApiKeyPublic, h as ApiKeysResource, i as AuthResource, B as BladeApiError, j as BladeClient, k as BladeClientOptions, l as BladeFetchInit, m as BladeHubScenarioResource, n as ChatEndPayload, o as ChatSendPayload, p as CheckpointNode, q as ClientToServerEvents, r as CodingTask, s as CodingTaskTopic, t as ComputerUpgradeReason, u as ComputerUpgradeStatusResponse, v as ContentPart, w as CreateQuickScenarioPayload, x as CreateSessionRequest, y as CreateSocketOptions, z as CreateSoftwareFactorySharedFilePayload, E as CreateSoftwareFactorySoftwarePayload, f as CreateVibeCodingSessionParams, C as CreateVibeCodingSessionResult, D as DeployBumpMode, F as FileEntry, G as GisResource, H as GlobalSkillStats, I as HeadlessError, J as HeadlessResource, K as HeadlessRunOptions, L as HistoryNode, M as HttpMethod, N as ImportPreview, O as ImportPreviewScenario, Q as ImportPreviewSkill, R as InstalledRegistrySkill, S as JsonSchemaObject, T as MemoriesResource, U as Memory, W as MemoryCreateBody, X as MemoryListParams, Y as MemoryListResponse, Z as ModelOption, _ as ModelsConfig, $ as ModelsResource, a0 as PaginatedSessionsResult, P as PortMapping, a1 as PreviewUrlItem, a2 as ProvidersResponse, a3 as PublishedAppsResource, a4 as QuickScenario, a5 as REGISTRY_PREFIX, a6 as RegistryResource, a7 as ResourceApi, a8 as ScenariosResource, a9 as ServerToClientEvents, aa as SessionContextStats, ab as SessionHistory, ac as SessionUpdatedPayload, ad as SessionsResource, ae as ShareLinkResult, af as SkillDevSession, ag as SkillOrgListResponse, ah as SkillOrgOption, ai as SkillsResource, aj as SoftwareFactoryModuleBlueprint, ak as SoftwareFactoryResource, al as SoftwareFactorySharedFile, am as SoftwareFactorySoftware, an as SoftwareFactoryTopic, ao as SoftwareFactoryTopicModule, ap as SolutionsResource, aq as SystemErrorPayload, ar as SystemNotificationPayload, as as TokenizeResult, at as TurnProjectionPayload, au as TypedSocket, av as UpdateQuickScenarioPayload, aw as UpgradeComputerResponse, ax as UploadFileEntry, ay as UserInfo, az as UserPreferencesResource, b as VibeCodingDebugSessionStatus, d as VibeCodingDeployRecord, a as VibeCodingDeployStatus, V as VibeCodingResource, e as VibeCodingSessionInfo, c as VibeCodingSessionStatus, aA as createSocket, aB as normalizeResource } from '../blade-client-BKiP6U73.js';
 import 'arktype/internal/variants/object.ts';
 import 'arktype/internal/variants/string.ts';
 import '../projection-DIfyh6RK.js';
@@ -6093,7 +6093,9 @@ interface operations {
     };
     list_background_tasks_api_sessions__session_id__background_tasks_get: {
         parameters: {
-            query?: never;
+            query?: {
+                debug?: boolean;
+            };
             header?: never;
             path: {
                 session_id: string;
@@ -6188,6 +6190,7 @@ interface operations {
         parameters: {
             query?: {
                 tail?: number;
+                debug?: boolean;
             };
             header?: never;
             path: {
@@ -6220,7 +6223,9 @@ interface operations {
     };
     stop_background_task_api_sessions__session_id__background_tasks__task_id__stop_post: {
         parameters: {
-            query?: never;
+            query?: {
+                debug?: boolean;
+            };
             header?: never;
             path: {
                 session_id: string;
@@ -10949,6 +10954,10 @@ interface operations {
             query?: {
                 type?: string | null;
                 subtype?: string | null;
+                /** @description 可选过滤；目前只接受 'me'，返回调用者自己拥有的 resource。 */
+                owner?: string | null;
+                /** @description 返回 secret 明文（仅 caller 是 owner 时生效）；CLI / 前端要 secret 才透传。 */
+                reveal?: boolean;
                 limit?: number;
                 offset?: number;
             };
@@ -10983,6 +10992,10 @@ interface operations {
             query?: {
                 type?: string | null;
                 subtype?: string | null;
+                /** @description 可选过滤；目前只接受 'me'，返回调用者自己拥有的 resource。 */
+                owner?: string | null;
+                /** @description 返回 secret 明文（仅 caller 是 owner 时生效）；CLI / 前端要 secret 才透传。 */
+                reveal?: boolean;
                 limit?: number;
                 offset?: number;
             };
@@ -11014,7 +11027,10 @@ interface operations {
     };
     get_resource_api_registry_resources__resource_id__get: {
         parameters: {
-            query?: never;
+            query?: {
+                /** @description 返回 secret 明文（仅 caller 是 owner 时生效）。 */
+                reveal?: boolean;
+            };
             header?: never;
             path: {
                 resource_id: string;
@@ -11045,7 +11061,10 @@ interface operations {
     };
     get_resource_api_registry_resources__resource_id__get_2: {
         parameters: {
-            query?: never;
+            query?: {
+                /** @description 返回 secret 明文（仅 caller 是 owner 时生效）。 */
+                reveal?: boolean;
+            };
             header?: never;
             path: {
                 resource_id: string;

package/dist/react/api/vibe-coding.d.ts

@@ -1,5 +1,5 @@
-import { V as VibeCodingResource, C as CreateVibeCodingSessionResult, a as VibeCodingDeployStatus, b as VibeCodingDebugSessionStatus, c as VibeCodingSessionStatus, d as VibeCodingDeployRecord, e as VibeCodingSessionInfo } from '../../blade-client-BEjbedNc.js';
-export { f as CreateVibeCodingSessionParams, D as DeployBumpMode, P as PortMapping } from '../../blade-client-BEjbedNc.js';
+import { V as VibeCodingResource, C as CreateVibeCodingSessionResult, a as VibeCodingDeployStatus, b as VibeCodingDebugSessionStatus, c as VibeCodingSessionStatus, d as VibeCodingDeployRecord, e as VibeCodingSessionInfo } from '../../blade-client-BKiP6U73.js';
+export { f as CreateVibeCodingSessionParams, D as DeployBumpMode, P as PortMapping } from '../../blade-client-BKiP6U73.js';
 import 'arktype/internal/variants/object.ts';
 import 'arktype/internal/variants/string.ts';
 import '../../projection-DIfyh6RK.js';

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

@@ -1,5 +1,5 @@
-import { C as ChatViewCustomization, P as ParsedWhatIfPrompt } from '../../../SkillStatusBar-DCOlTYcT.js';
-export { A as AssistantTurnComponentProps, a as ChatInput, b as ChatView, c as ChatViewClassNames, d as ChatViewComponents, e as ChatViewProps, f as ChatViewRenderers, E as ErrorMessageBlock, F as FileComposerAttachment, g as FileSizeLimitDialog, M as MessageList, S as SkillStatusBar, h as SkillStatusBarComponentProps, T as ToolCallComponentProps, i as ToolRendererProps, U as UserMessageBubble, j as isErrorMessage, k as isUserMessage } from '../../../SkillStatusBar-DCOlTYcT.js';
+import { C as ChatViewCustomization, P as ParsedWhatIfPrompt } from '../../../SkillStatusBar-B7-EU8A4.js';
+export { A as AssistantTurnComponentProps, a as ChatInput, b as ChatView, c as ChatViewClassNames, d as ChatViewComponents, e as ChatViewProps, f as ChatViewRenderers, E as ErrorMessageBlock, F as FileComposerAttachment, g as FileSizeLimitDialog, M as MessageList, S as SkillStatusBar, h as SkillStatusBarComponentProps, T as ToolCallComponentProps, i as ToolRendererProps, U as UserMessageBubble, j as isErrorMessage, k as isUserMessage } from '../../../SkillStatusBar-B7-EU8A4.js';
 import * as react from 'react';
 import { ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -10,7 +10,7 @@ import 'zustand';
 import '../../../session-nZdIuWrS.js';
 import 'arktype/internal/variants/object.ts';
 import 'arktype/internal/variants/string.ts';
-import '../../../blade-client-BEjbedNc.js';
+import '../../../blade-client-BKiP6U73.js';
 import 'socket.io-client';
 
 /**

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

@@ -16,7 +16,7 @@ import {
   isErrorMessage,
   isUserMessage,
   useWhatIfQuoteContext
-} from "../../../chunk-RMLZ4ZBY.js";
+} from "../../../chunk-LKOBHTL7.js";
 import {
   AskUserQuestionBlock
 } from "../../../chunk-WZT2DOBJ.js";

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

@@ -277,7 +277,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 rounded px-2 py-1 text-left transition-colors hover:bg-muted/50";
+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";
 function FileTree2({
   sessionId,
   checkActiveSession = true,
@@ -549,7 +549,7 @@ function FolderNode({
             ChevronRight,
             {
               className: cn(
-                "size-4 shrink-0 text-[hsl(var(--muted-foreground))] transition-transform",
+                "size-5 shrink-0 text-[hsl(var(--muted-foreground))] transition-transform",
                 isExpanded && "rotate-90"
               )
             }
@@ -773,120 +773,131 @@ function FileNode({
       setActiveAction(null);
     }
   };
-  return /* @__PURE__ */ jsxs2("div", { className: cn(TREE_ROW_CLASS, isSelected && "bg-muted"), children: [
-    /* @__PURE__ */ jsx2("span", { className: "size-4 shrink-0" }),
-    /* @__PURE__ */ jsx2(FileTreeIcon, { children: getFileIcon(entry.name) }),
-    isRenaming ? /* @__PURE__ */ jsx2(
-      "input",
-      {
-        ref: renameInputRef,
-        value: renamingValue,
-        className: "h-6 min-w-0 flex-1 rounded border border-[hsl(var(--border))] bg-background px-2 text-xs outline-none ring-offset-background focus-visible:ring-1 focus-visible:ring-[hsl(var(--ring))]",
-        disabled: activeAction === "rename",
-        onBlur: () => void finishRename(),
-        onChange: (event) => setRenamingValue(event.target.value),
-        onClick: (event) => event.stopPropagation(),
-        onKeyDown: (event) => {
-          event.stopPropagation();
-          if (event.key === "Enter") {
-            event.preventDefault();
-            void finishRename();
-          } else if (event.key === "Escape") {
-            event.preventDefault();
-            cancelRename();
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: cn(TREE_ROW_CLASS, isSelected && "bg-muted"),
+      draggable: !isRenaming,
+      onDragStart: (e) => {
+        e.dataTransfer.setData("application/blade-file-ref", JSON.stringify({ path: entry.path, name: entry.name }));
+        e.dataTransfer.effectAllowed = "copy";
+      },
+      children: [
+        /* @__PURE__ */ jsx2("span", { className: "size-5 shrink-0" }),
+        /* @__PURE__ */ jsx2(FileTreeIcon, { children: getFileIcon(entry.name) }),
+        isRenaming ? /* @__PURE__ */ jsx2(
+          "input",
+          {
+            ref: renameInputRef,
+            value: renamingValue,
+            className: "h-6 min-w-0 flex-1 rounded border border-[hsl(var(--border))] bg-background px-2 text-xs outline-none ring-offset-background focus-visible:ring-1 focus-visible:ring-[hsl(var(--ring))]",
+            disabled: activeAction === "rename",
+            onBlur: () => void finishRename(),
+            onChange: (event) => setRenamingValue(event.target.value),
+            onClick: (event) => event.stopPropagation(),
+            onKeyDown: (event) => {
+              event.stopPropagation();
+              if (event.key === "Enter") {
+                event.preventDefault();
+                void finishRename();
+              } else if (event.key === "Escape") {
+                event.preventDefault();
+                cancelRename();
+              }
+            }
           }
-        }
-      }
-    ) : /* @__PURE__ */ jsxs2(
-      "button",
-      {
-        type: "button",
-        className: "flex min-w-0 flex-1 cursor-pointer items-center border-none bg-transparent p-0 text-left",
-        onClick: () => {
-          onSelectPath(entry.path);
-          void onOpenFile(entry.path, entry.name);
-        },
-        children: [
-          /* @__PURE__ */ jsx2(FileTreeName, { className: "min-w-0 flex-1", children: entry.name }),
-          /* @__PURE__ */ jsx2(FileTagList, { tags: entry.tags })
-        ]
-      }
-    ),
-    isOpening ? /* @__PURE__ */ jsx2(Loader2, { size: 12, className: "ml-auto shrink-0 animate-spin text-[hsl(var(--muted-foreground))]" }) : !readOnly ? /* @__PURE__ */ jsxs2(FileTreeActions, { className: "ml-auto hidden shrink-0 group-hover:flex", children: [
-      /* @__PURE__ */ jsx2(
-        TreeActionButton,
-        {
-          onClick: () => {
-            const anchor = document.createElement("a");
-            anchor.href = downloadUrl;
-            anchor.download = entry.name;
-            anchor.click();
-          },
-          title: "\u4E0B\u8F7D\u6587\u4EF6",
-          children: /* @__PURE__ */ jsx2(Download, { size: 12 })
-        }
-      ),
-      /* @__PURE__ */ jsx2(
-        TreeActionButton,
-        {
-          disabled: activeAction !== null,
-          onClick: () => {
-            onSelectPath(entry.path);
-            setRenamingValue(entry.name);
-            setIsRenaming(true);
-          },
-          title: "\u91CD\u547D\u540D",
-          children: activeAction === "rename" ? /* @__PURE__ */ jsx2(Loader2, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsx2(Pencil, { size: 12 })
-        }
-      ),
-      /* @__PURE__ */ jsx2(
-        TreeActionButton,
-        {
-          disabled: activeAction !== null,
-          onClick: () => void handleCopy(),
-          title: "\u590D\u5236\u6587\u4EF6",
-          children: activeAction === "copy" ? /* @__PURE__ */ jsx2(Loader2, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsx2(Copy, { size: 12 })
-        }
-      ),
-      /* @__PURE__ */ jsx2(
-        TreeActionButton,
-        {
-          disabled: activeAction !== null || !onShareFile,
-          onClick: async () => {
-            if (!onShareFile) return;
-            setActiveAction("share");
-            try {
-              await onShareFile(entry.path, entry.name);
-              await queryClient.invalidateQueries({ queryKey: ["file-tree", sessionId] });
-            } catch (error) {
-              alert(getErrorMessage(error, "\u5171\u4EAB\u5931\u8D25"));
-            } finally {
-              setActiveAction(null);
+        ) : /* @__PURE__ */ jsxs2(
+          "button",
+          {
+            type: "button",
+            className: "flex min-w-0 flex-1 cursor-pointer items-center border-none bg-transparent p-0 text-left",
+            onClick: () => {
+              onSelectPath(entry.path);
+              void onOpenFile(entry.path, entry.name);
+            },
+            children: [
+              /* @__PURE__ */ jsx2(FileTreeName, { className: "min-w-0 flex-1", children: entry.name }),
+              /* @__PURE__ */ jsx2(FileTagList, { tags: entry.tags })
+            ]
+          }
+        ),
+        isOpening ? /* @__PURE__ */ jsx2(Loader2, { size: 12, className: "ml-auto shrink-0 animate-spin text-[hsl(var(--muted-foreground))]" }) : !readOnly ? /* @__PURE__ */ jsxs2(FileTreeActions, { className: "ml-auto hidden shrink-0 group-hover:flex", children: [
+          /* @__PURE__ */ jsx2(
+            TreeActionButton,
+            {
+              onClick: () => {
+                const anchor = document.createElement("a");
+                anchor.href = downloadUrl;
+                anchor.download = entry.name;
+                anchor.click();
+              },
+              title: "\u4E0B\u8F7D\u6587\u4EF6",
+              children: /* @__PURE__ */ jsx2(Download, { size: 12 })
             }
-          },
-          title: "\u5171\u4EAB\u5230 .share",
-          children: activeAction === "share" ? /* @__PURE__ */ jsx2(Loader2, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsx2(Link2, { size: 12 })
-        }
-      ),
-      /* @__PURE__ */ jsx2(
-        TreeActionButton,
-        {
-          disabled: activeAction !== null,
-          onClick: () => void handleDelete(),
-          title: "\u5220\u9664\u6587\u4EF6",
-          children: activeAction === "delete" ? /* @__PURE__ */ jsx2(Loader2, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsx2(Trash2, { size: 12 })
-        }
-      )
-    ] }) : allowDelete ? /* @__PURE__ */ jsx2(FileTreeActions, { className: "ml-auto hidden shrink-0 group-hover:flex", children: /* @__PURE__ */ jsx2(
-      TreeActionButton,
-      {
-        disabled: activeAction !== null,
-        onClick: () => void handleDelete(),
-        title: "\u5220\u9664\u6587\u4EF6",
-        children: activeAction === "delete" ? /* @__PURE__ */ jsx2(Loader2, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsx2(Trash2, { size: 12 })
-      }
-    ) }) : null
-  ] });
+          ),
+          /* @__PURE__ */ jsx2(
+            TreeActionButton,
+            {
+              disabled: activeAction !== null,
+              onClick: () => {
+                onSelectPath(entry.path);
+                setRenamingValue(entry.name);
+                setIsRenaming(true);
+              },
+              title: "\u91CD\u547D\u540D",
+              children: activeAction === "rename" ? /* @__PURE__ */ jsx2(Loader2, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsx2(Pencil, { size: 12 })
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            TreeActionButton,
+            {
+              disabled: activeAction !== null,
+              onClick: () => void handleCopy(),
+              title: "\u590D\u5236\u6587\u4EF6",
+              children: activeAction === "copy" ? /* @__PURE__ */ jsx2(Loader2, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsx2(Copy, { size: 12 })
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            TreeActionButton,
+            {
+              disabled: activeAction !== null || !onShareFile,
+              onClick: async () => {
+                if (!onShareFile) return;
+                setActiveAction("share");
+                try {
+                  await onShareFile(entry.path, entry.name);
+                  await queryClient.invalidateQueries({ queryKey: ["file-tree", sessionId] });
+                } catch (error) {
+                  alert(getErrorMessage(error, "\u5171\u4EAB\u5931\u8D25"));
+                } finally {
+                  setActiveAction(null);
+                }
+              },
+              title: "\u5171\u4EAB\u5230 .share",
+              children: activeAction === "share" ? /* @__PURE__ */ jsx2(Loader2, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsx2(Link2, { size: 12 })
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            TreeActionButton,
+            {
+              disabled: activeAction !== null,
+              onClick: () => void handleDelete(),
+              title: "\u5220\u9664\u6587\u4EF6",
+              children: activeAction === "delete" ? /* @__PURE__ */ jsx2(Loader2, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsx2(Trash2, { size: 12 })
+            }
+          )
+        ] }) : allowDelete ? /* @__PURE__ */ jsx2(FileTreeActions, { className: "ml-auto hidden shrink-0 group-hover:flex", children: /* @__PURE__ */ jsx2(
+          TreeActionButton,
+          {
+            disabled: activeAction !== null,
+            onClick: () => void handleDelete(),
+            title: "\u5220\u9664\u6587\u4EF6",
+            children: activeAction === "delete" ? /* @__PURE__ */ jsx2(Loader2, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsx2(Trash2, { size: 12 })
+          }
+        ) }) : null
+      ]
+    }
+  );
 }
 function LazyDirChildren({
   dirPath,
@@ -961,12 +972,18 @@ function LazyDirChildren({
     )
   ) });
 }
+var TAG_STYLES = {
+  "AI \u751F\u6210": "border-purple-500/30 bg-purple-500/10 text-purple-400",
+  "\u7528\u6237\u4E0A\u4F20": "border-blue-500/30 bg-blue-500/10 text-blue-400",
+  \u4EA7\u7269: "border-amber-500/30 bg-amber-500/10 text-amber-400"
+};
+var DEFAULT_TAG_STYLE = "border-[hsl(var(--border))] bg-[hsl(var(--muted))] text-[hsl(var(--muted-foreground))]";
 function FileTagList({ tags }) {
   if (!tags || tags.length === 0) return null;
-  return /* @__PURE__ */ jsx2("span", { className: "ml-2 flex min-w-0 shrink-0 items-center gap-1", children: tags.map((tag) => /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx2("span", { className: "ml-1 flex min-w-0 shrink-0 items-center gap-1", children: tags.map((tag) => /* @__PURE__ */ jsx2(
     "span",
     {
-      className: "max-w-20 truncate rounded border border-[hsl(var(--border))] bg-[hsl(var(--muted))] px-1.5 py-0.5 text-[10px] leading-none text-[hsl(var(--muted-foreground))]",
+      className: `max-w-20 truncate rounded-full border px-1.5 py-0.5 text-[9px] font-medium leading-none ${TAG_STYLES[tag] ?? DEFAULT_TAG_STYLE}`,
       title: tag,
       children: tag
     },
@@ -1000,25 +1017,121 @@ 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: [
+  /* @__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: [
+  /* @__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" }),
+  /* @__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: [
+  /* @__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: [
+  /* @__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" }),
+  /* @__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: [
+  /* @__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: [
+  /* @__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: [
+  /* @__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: [
+  /* @__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: [
+  /* @__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: [
+  /* @__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: [
+  /* @__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" }),
+  /* @__PURE__ */ jsx2("circle", { cx: "11", cy: "11", r: "2" })
+] });
+var EXT_ICON = {};
+function reg(exts, icon, color) {
+  for (const ext of exts) EXT_ICON[ext] = { icon, color };
+}
+reg(["py"], ICO_CODE, "text-[hsl(210,70%,58%)]");
+reg(["js", "jsx"], ICO_CODE, "text-[hsl(48,90%,50%)]");
+reg(["ts", "tsx"], ICO_CODE, "text-[hsl(210,80%,55%)]");
+reg(["go"], ICO_CODE, "text-[hsl(195,70%,50%)]");
+reg(["rs"], ICO_CODE, "text-[hsl(25,80%,55%)]");
+reg(["java", "kt"], ICO_CODE, "text-[hsl(20,85%,52%)]");
+reg(["rb"], ICO_CODE, "text-[hsl(0,70%,55%)]");
+reg(["c", "cpp", "h", "hpp"], ICO_CODE, "text-[hsl(210,60%,55%)]");
+reg(["cs"], ICO_CODE, "text-[hsl(265,55%,55%)]");
+reg(["swift"], ICO_CODE, "text-[hsl(20,90%,55%)]");
+reg(["html"], ICO_CODE, "text-[hsl(15,85%,55%)]");
+reg(["css", "scss"], ICO_CODE, "text-[hsl(210,70%,55%)]");
+reg(["vue"], ICO_CODE, "text-[hsl(153,60%,48%)]");
+reg(["svelte"], ICO_CODE, "text-[hsl(15,90%,55%)]");
+reg(["php"], ICO_CODE, "text-[hsl(240,40%,58%)]");
+reg(["sh", "zsh"], ICO_CODE, "text-[hsl(var(--muted-foreground))]");
+reg(["sql"], ICO_CODE, "text-[hsl(210,50%,55%)]");
+reg(["json", "jsonl", "ndjson"], ICO_CONFIG, "text-[hsl(158,55%,48%)]");
+reg(["yaml", "yml", "toml", "ini", "conf", "env", "lock"], ICO_CONFIG, "text-[hsl(var(--muted-foreground))]");
+reg(["xml"], ICO_CODE, "text-[hsl(25,65%,52%)]");
+reg(["db", "sqlite"], ICO_DB, "text-[hsl(210,50%,55%)]");
+reg(["parquet"], ICO_DB, "text-[hsl(158,50%,45%)]");
+reg(["doc", "docx", "odt", "rtf", "pages"], ICO_TEXT, "text-[hsl(210,65%,52%)]");
+reg(["xls", "xlsx", "csv", "tsv", "ods", "numbers"], ICO_TABLE, "text-[hsl(140,55%,42%)]");
+reg(["ppt", "pptx", "odp", "key"], ICO_SLIDES, "text-[hsl(15,80%,52%)]");
+reg(["pdf"], ICO_PDF, "text-[hsl(0,65%,50%)]");
+reg(["md", "markdown", "txt", "log", "tex", "epub"], ICO_TEXT, "text-[hsl(var(--muted-foreground))]");
+reg(["png", "jpg", "jpeg", "gif", "webp", "bmp", "ico", "heic", "heif", "avif", "tif", "tiff", "svg"], ICO_IMAGE, "text-[hsl(280,55%,58%)]");
+reg(["psd"], ICO_DESIGN, "text-[hsl(210,60%,55%)]");
+reg(["ai"], ICO_DESIGN, "text-[hsl(25,85%,52%)]");
+reg(["fig", "sketch", "xd", "blend"], ICO_DESIGN, "text-[hsl(280,50%,55%)]");
+reg(["mp3", "wav", "flac", "ogg", "aac", "aiff", "m4a", "mid"], ICO_AUDIO, "text-[hsl(330,60%,55%)]");
+reg(["mp4", "mov", "mkv", "avi", "webm", "wmv", "flv", "m4v"], ICO_VIDEO, "text-[hsl(340,65%,52%)]");
+reg(["zip", "tar", "gz", "rar", "7z", "bz2", "xz", "tgz", "dmg", "iso", "pkg"], ICO_ARCHIVE, "text-[hsl(30,50%,48%)]");
+reg(["ttf", "otf", "woff", "woff2"], ICO_DOC, "text-[hsl(var(--muted-foreground))]");
+var DEFAULT_ICON = { icon: ICO_DOC, color: "text-[hsl(var(--muted-foreground))]" };
+var FOLDER_COLOR = "text-[hsl(38,80%,55%)]";
 function getFileIcon(fileName) {
   const ext = fileName.split(".").pop()?.toLowerCase() ?? "";
-  const src = FILE_ICON_ASSETS[ext] ?? GENERIC_FILE_ICON_ASSET;
-  return /* @__PURE__ */ jsx2(FileTypeIcon, { src, alt: `${ext || "file"} \u6587\u4EF6` });
+  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 });
 }
 function getFolderIcon() {
-  return /* @__PURE__ */ jsx2(FileTypeIcon, { src: FOLDER_ICON_ASSET, alt: "\u6587\u4EF6\u5939" });
-}
-function FileTypeIcon({ src, alt }) {
-  return /* @__PURE__ */ jsx2(
-    "img",
-    {
-      src,
-      alt,
-      className: "size-4 shrink-0 object-contain",
-      draggable: false,
-      loading: "lazy"
-    }
-  );
+  return /* @__PURE__ */ jsx2("span", { className: `flex size-5 shrink-0 items-center justify-center ${FOLDER_COLOR}`, children: ICO_FOLDER });
 }
 function getErrorMessage(error, fallback) {
   if (error instanceof Error && error.message) {