@blade-hq/agent-kit 0.4.21 → 0.5.0

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

@@ -3,7 +3,7 @@ import {
   CollapsibleContent,
   CollapsibleTrigger,
   resolveSessionFilePreviewTarget
-} from "../../../chunk-47YVQZQ7.js";
+} from "../../../chunk-CFZDKYT3.js";
 import {
   apiFetchText,
   copyFile,
@@ -17,7 +17,7 @@ import {
   useChatStore,
   useSessionStore,
   useUiStore
-} from "../../../chunk-LKNU4NUC.js";
+} from "../../../chunk-C7VSMOXN.js";
 import "../../../chunk-J3XVFPOV.js";
 import "../../../chunk-ROGNJYST.js";
 import {
@@ -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,
@@ -473,6 +473,7 @@ function FolderNode({
   const queryClient = useQueryClient();
   const isExpanded = expandedDirs.has(entry.path);
   const isSelected = selectedPath === entry.path;
+  const isCurrentSessionDir = entry.name === sessionId;
   const renameInputRef = useRef(null);
   const [isRenaming, setIsRenaming] = useState2(false);
   const [renamingValue, setRenamingValue] = useState2(entry.name);
@@ -549,7 +550,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"
               )
             }
@@ -591,7 +592,8 @@ function FolderNode({
           },
           children: [
             /* @__PURE__ */ jsx2(FileTreeIcon, { children: getFolderIcon() }),
-            /* @__PURE__ */ jsx2(FileTreeName, { className: "min-w-0 flex-1", children: entry.name })
+            /* @__PURE__ */ jsx2(FileTreeName, { className: "min-w-0 flex-1", children: entry.name }),
+            isCurrentSessionDir ? /* @__PURE__ */ jsx2("span", { className: "shrink-0 rounded-full bg-emerald-100 px-2 py-[2px] text-[11px] font-medium leading-[14px] text-emerald-700", children: "\u5F53\u524D\u5BF9\u8BDD" }) : null
           ]
         }
       ),
@@ -631,12 +633,11 @@ function FolderNode({
             children: activeAction === "copy" ? /* @__PURE__ */ jsx2(Loader2, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsx2(Copy, { size: 12 })
           }
         ),
-        /* @__PURE__ */ jsx2(
+        onShareFile ? /* @__PURE__ */ jsx2(
           TreeActionButton,
           {
-            disabled: activeAction !== null || !onShareFile,
+            disabled: activeAction !== null,
             onClick: async () => {
-              if (!onShareFile) return;
               setActiveAction("share");
               try {
                 await onShareFile(entry.path, entry.name);
@@ -647,10 +648,10 @@ function FolderNode({
                 setActiveAction(null);
               }
             },
-            title: "\u5171\u4EAB\u5230 .share",
+            title: "\u5171\u4EAB\u5230\u4EA7\u7269\u533A",
             children: activeAction === "share" ? /* @__PURE__ */ jsx2(Loader2, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsx2(Link2, { size: 12 })
           }
-        ),
+        ) : null,
         /* @__PURE__ */ jsx2(
           TreeActionButton,
           {
@@ -773,120 +774,130 @@ 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 })
+            }
+          ),
+          onShareFile ? /* @__PURE__ */ jsx2(
+            TreeActionButton,
+            {
+              disabled: activeAction !== null,
+              onClick: async () => {
+                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\u4EA7\u7269\u533A",
+              children: activeAction === "share" ? /* @__PURE__ */ jsx2(Loader2, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ jsx2(Link2, { size: 12 })
+            }
+          ) : null,
+          /* @__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,18 +972,40 @@ 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 DEFAULT_TAG_STYLE = "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(
+  const normalizedTags = normalizeDisplayTags(tags);
+  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 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 px-2 py-[2px] text-[11px] font-medium leading-[14px] ${TAG_STYLES[tag] ?? DEFAULT_TAG_STYLE}`,
       title: tag,
       children: tag
     },
     tag
   )) });
 }
+function normalizeDisplayTags(tags) {
+  if (!tags) return [];
+  return tags.flatMap((tag) => {
+    const trimmed = tag.trim();
+    if (!trimmed.startsWith("[") || !trimmed.endsWith("]")) {
+      return trimmed ? [trimmed] : [];
+    }
+    try {
+      const parsed = JSON.parse(trimmed);
+      return Array.isArray(parsed) ? parsed.filter((item) => typeof item === "string") : [trimmed];
+    } catch {
+      return [trimmed];
+    }
+  });
+}
 function TreeActionButton({
   children,
   disabled = false,
@@ -1000,25 +1033,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) {
@@ -1090,16 +1219,25 @@ function WorkspaceFilesPanel({
     }
   }, [activeTab, inlineResources.length]);
   const uploadTargetDir = () => {
-    const candidates = Array.from(expandedDirs).filter((path) => path !== ".").filter((path) => {
+    const candidates = Array.from(expandedDirs).filter((path) => path !== ".").filter((path) => path !== rootPath).filter((path) => {
       const parts = path.split("/").filter(Boolean);
+      const rootParts = rootPath.split("/").filter(Boolean);
+      const ancestorPrefix = path.startsWith("/") ? "/" : "";
+      if (rootParts.length === 0 && path.startsWith("/")) {
+        return false;
+      }
+      if (rootParts.length > 0 && !rootParts.every((part, index) => parts[index] === part)) {
+        return false;
+      }
       for (let index = 1; index < parts.length; index += 1) {
-        const ancestor = parts.slice(0, index).join("/");
+        const ancestor = `${ancestorPrefix}${parts.slice(0, index).join("/")}`;
+        if (rootParts.length > 0 && index < rootParts.length) continue;
         if (!expandedDirs.has(ancestor)) return false;
       }
       return true;
     });
     if (candidates.length === 0) {
-      return ".";
+      return rootPath;
     }
     return candidates.reduce((deepestPath, currentPath) => {
       const deepestDepth = deepestPath.split("/").filter(Boolean).length;