@blade-hq/agent-kit 0.5.30 → 0.5.31

package/dist/react/api/vibe-coding.js

@@ -1,6 +1,6 @@
 import {
   getClient
-} from "../../chunk-JWHBUVSM.js";
+} from "../../chunk-OPMRX65X.js";
 import "../../chunk-J3XVFPOV.js";
 import "../../chunk-ZWO6YBLA.js";
 import "../../chunk-JCJFFJ42.js";

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

@@ -16,14 +16,14 @@ import {
   isErrorMessage,
   isUserMessage,
   useWhatIfQuoteContext
-} from "../../../chunk-UW55FYRL.js";
+} from "../../../chunk-HFVB57MR.js";
 import {
   AskUserQuestionBlock
-} from "../../../chunk-S66X23O7.js";
+} from "../../../chunk-BUQRNLEE.js";
 import "../../../chunk-2UP7MG3J.js";
 import "../../../chunk-H62LH2AG.js";
-import "../../../chunk-XTEHNSFN.js";
-import "../../../chunk-JWHBUVSM.js";
+import "../../../chunk-KMQQDKGU.js";
+import "../../../chunk-OPMRX65X.js";
 import "../../../chunk-J3XVFPOV.js";
 import "../../../chunk-ZWO6YBLA.js";
 import "../../../chunk-7LEKQI47.js";

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

@@ -3,10 +3,10 @@ import {
   PlanSummaryCard,
   extractLatestPlanMessages,
   parsePlanMessages
-} from "../../../chunk-S66X23O7.js";
+} from "../../../chunk-BUQRNLEE.js";
 import "../../../chunk-2UP7MG3J.js";
-import "../../../chunk-XTEHNSFN.js";
-import "../../../chunk-JWHBUVSM.js";
+import "../../../chunk-KMQQDKGU.js";
+import "../../../chunk-OPMRX65X.js";
 import "../../../chunk-J3XVFPOV.js";
 import "../../../chunk-ZWO6YBLA.js";
 import {

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

@@ -1,12 +1,12 @@
 import {
   useSession
-} from "../../../chunk-EP5LVNO3.js";
+} from "../../../chunk-4XBNTPVS.js";
 import {
   checkoutSession,
   getSessionCheckpoints,
   useChatStore,
   useSessionStore
-} from "../../../chunk-JWHBUVSM.js";
+} from "../../../chunk-OPMRX65X.js";
 import "../../../chunk-J3XVFPOV.js";
 import "../../../chunk-ZWO6YBLA.js";
 import {

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

@@ -23,6 +23,8 @@ interface WorkspaceFilesPanelProps {
     title?: string;
     rootPath?: string;
     readOnly?: boolean;
+    expandedDirs?: Set<string>;
+    onExpandedDirsChange?: (dirs: Set<string>) => void;
     onShareFile?: (path: string, name: string) => Promise<void>;
     onSync?: () => Promise<void>;
     allowDelete?: boolean;
@@ -33,7 +35,7 @@ interface WorkspaceFilesPanelProps {
     listDir?: (sessionId: string, dirPath: string) => Promise<WorkspaceFileEntry[]>;
     queryKeyScope?: readonly unknown[];
 }
-declare function WorkspaceFilesPanel({ sessionId, enableEditor, className, treeContainerClassName, title, rootPath, readOnly, onShareFile, onSync, allowDelete, topSlot, onOpenFile, listDir, queryKeyScope, }: WorkspaceFilesPanelProps): react_jsx_runtime.JSX.Element;
+declare function WorkspaceFilesPanel({ sessionId, enableEditor, className, treeContainerClassName, title, rootPath, readOnly, expandedDirs: controlledExpandedDirs, onExpandedDirsChange, onShareFile, onSync, allowDelete, topSlot, onOpenFile, listDir, queryKeyScope, }: WorkspaceFilesPanelProps): react_jsx_runtime.JSX.Element;
 
 type FileEntry = Awaited<ReturnType<typeof listDir>>[number];
 type ListDirFn = (sessionId: string, dirPath: string) => Promise<FileEntry[]>;
@@ -41,6 +43,8 @@ interface FileTreeProps {
     sessionId: string | null;
     checkActiveSession?: boolean;
     enableEditor?: boolean;
+    expandedDirs?: Set<string>;
+    defaultExpandedDirs?: Set<string>;
     onExpandedDirsChange?: (dirs: Set<string>) => void;
     rootPath?: string;
     readOnly?: boolean;
@@ -50,6 +54,6 @@ interface FileTreeProps {
     listDir?: ListDirFn;
     queryKeyScope?: readonly unknown[];
 }
-declare function FileTree({ sessionId, checkActiveSession, enableEditor, onExpandedDirsChange, rootPath, readOnly, onShareFile, allowDelete, onOpenFile, listDir, queryKeyScope, }: FileTreeProps): react_jsx_runtime.JSX.Element;
+declare function FileTree({ sessionId, checkActiveSession, enableEditor, expandedDirs: controlledExpandedDirs, defaultExpandedDirs, onExpandedDirsChange, rootPath, readOnly, onShareFile, allowDelete, onOpenFile, listDir, queryKeyScope, }: FileTreeProps): react_jsx_runtime.JSX.Element;
 
 export { FileTree, WorkspaceFilesPanel };

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

@@ -5,7 +5,7 @@ import {
 } from "../../../chunk-H62LH2AG.js";
 import {
   resolveSessionFilePreviewTarget
-} from "../../../chunk-XTEHNSFN.js";
+} from "../../../chunk-KMQQDKGU.js";
 import {
   apiFetchText,
   copyFile,
@@ -19,7 +19,7 @@ import {
   useChatStore,
   useSessionStore,
   useUiStore
-} from "../../../chunk-JWHBUVSM.js";
+} from "../../../chunk-OPMRX65X.js";
 import "../../../chunk-J3XVFPOV.js";
 import "../../../chunk-ZWO6YBLA.js";
 import {
@@ -31,7 +31,13 @@ import "../../../chunk-PZ5AY32C.js";
 // src/react/components/workspace/WorkspaceFilesPanel.tsx
 import { useQueryClient as useQueryClient2 } from "@tanstack/react-query";
 import { FileText, FolderTree, FolderUp, Loader2 as Loader22, PanelRightOpen, RefreshCw, Upload } from "lucide-react";
-import { useEffect as useEffect2, useMemo as useMemo2, useRef as useRef2, useState as useState3 } from "react";
+import {
+  useCallback as useCallback2,
+  useEffect as useEffect2,
+  useMemo as useMemo2,
+  useRef as useRef2,
+  useState as useState3
+} from "react";
 
 // src/react/components/workspace/FileTree.tsx
 import { useQuery, useQueryClient } from "@tanstack/react-query";
@@ -284,6 +290,8 @@ function FileTree2({
   sessionId,
   checkActiveSession = true,
   enableEditor = false,
+  expandedDirs: controlledExpandedDirs,
+  defaultExpandedDirs,
   onExpandedDirsChange,
   rootPath = ROOT_PATH,
   readOnly = false,
@@ -294,14 +302,19 @@ function FileTree2({
   queryKeyScope
 }) {
   const pushArtifact = useUiStore((state) => state.pushArtifact);
-  const [expandedDirs, setExpandedDirs] = useState2(/* @__PURE__ */ new Set([rootPath]));
+  const [internalExpandedDirs, setInternalExpandedDirs] = useState2(
+    () => new Set(defaultExpandedDirs ?? [rootPath])
+  );
+  const expandedDirs = controlledExpandedDirs ?? internalExpandedDirs;
   const [selectedPath, setSelectedPath] = useState2();
   const [openingFilePath, setOpeningFilePath] = useState2(null);
   const isStreaming = useChatStore((s) => sessionId ? s.isStreaming[sessionId] ?? false : false);
   const queryClient = useQueryClient();
   const prevStreamingRef = useRef(isStreaming);
   const applyExpandedDirs = useEffectEvent((dirs) => {
-    setExpandedDirs(dirs);
+    if (!controlledExpandedDirs) {
+      setInternalExpandedDirs(dirs);
+    }
     onExpandedDirsChange?.(dirs);
   });
   useEffect(() => {
@@ -784,15 +797,34 @@ function FileNode({
       setActiveAction(null);
     }
   };
+  const openEntry = () => {
+    if (isRenaming) return;
+    onSelectPath(entry.path);
+    void onOpenFile(entry.path, entry.name);
+  };
   return /* @__PURE__ */ jsxs2(
     "div",
     {
-      className: cn(TREE_ROW_CLASS, isSelected && "bg-muted"),
+      className: cn(
+        TREE_ROW_CLASS,
+        "items-center gap-1.5 py-1.5",
+        isSelected && "bg-muted"
+      ),
       draggable: !isRenaming,
+      role: !isRenaming ? "button" : void 0,
+      tabIndex: !isRenaming ? 0 : void 0,
+      onClick: openEntry,
       onDragStart: (e) => {
         e.dataTransfer.setData("application/blade-file-ref", JSON.stringify({ path: entry.path, name: entry.name }));
         e.dataTransfer.effectAllowed = "copy";
       },
+      onKeyDown: (event) => {
+        if (isRenaming) return;
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          openEntry();
+        }
+      },
       children: [
         /* @__PURE__ */ jsx2("span", { className: "size-5 shrink-0" }),
         /* @__PURE__ */ jsx2(FileTreeIcon, { children: getFileIcon(entry.name) }),
@@ -817,22 +849,12 @@ function FileNode({
               }
             }
           }
-        ) : /* @__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__ */ 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(FileTagList, { tags: entry.tags })
+        ] }),
+        isOpening ? /* @__PURE__ */ jsx2(Loader2, { size: 12, className: "ml-auto shrink-0 animate-spin text-[hsl(var(--muted-foreground))]" }) : null,
+        !isOpening && !readOnly ? /* @__PURE__ */ jsxs2(FileTreeActions, { className: "ml-auto hidden shrink-0 group-hover:flex group-focus-within:flex", children: [
           /* @__PURE__ */ jsx2(
             TreeActionButton,
             {
@@ -896,7 +918,7 @@ function FileNode({
               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(
+        ] }) : !isOpening && allowDelete ? /* @__PURE__ */ jsx2(FileTreeActions, { className: "ml-auto hidden shrink-0 group-hover:flex group-focus-within:flex", children: /* @__PURE__ */ jsx2(
           TreeActionButton,
           {
             disabled: activeAction !== null,
@@ -1031,7 +1053,12 @@ function TreeActionButton({
     {
       type: "button",
       disabled,
-      onClick,
+      onPointerDown: (event) => event.stopPropagation(),
+      onKeyDown: (event) => event.stopPropagation(),
+      onClick: (event) => {
+        event.stopPropagation();
+        onClick();
+      },
       title,
       className: "flex items-center rounded p-1 text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--muted-foreground))/10] hover:text-[hsl(var(--foreground))] disabled:cursor-not-allowed disabled:opacity-50",
       children
@@ -1181,6 +1208,8 @@ function WorkspaceFilesPanel({
   title = "\u5DE5\u4F5C\u533A",
   rootPath = ".",
   readOnly = false,
+  expandedDirs: controlledExpandedDirs,
+  onExpandedDirsChange,
   onShareFile,
   onSync,
   allowDelete = false,
@@ -1189,7 +1218,8 @@ function WorkspaceFilesPanel({
   listDir: listDir2,
   queryKeyScope
 }) {
-  const [expandedDirs, setExpandedDirs] = useState3(/* @__PURE__ */ new Set());
+  const [internalExpandedDirs, setInternalExpandedDirs] = useState3(/* @__PURE__ */ new Set([rootPath]));
+  const expandedDirs = controlledExpandedDirs ?? internalExpandedDirs;
   const [isUploading, setIsUploading] = useState3(false);
   const [uploadProgress, setUploadProgress] = useState3(null);
   const [uploadFileCount, setUploadFileCount] = useState3(0);
@@ -1202,6 +1232,15 @@ function WorkspaceFilesPanel({
     (state) => sessionId ? state.messages[sessionId] ?? EMPTY_MESSAGES : EMPTY_MESSAGES
   );
   const pushArtifact = useUiStore((state) => state.pushArtifact);
+  const updateExpandedDirs = useCallback2(
+    (dirs) => {
+      if (!controlledExpandedDirs) {
+        setInternalExpandedDirs(dirs);
+      }
+      onExpandedDirsChange?.(dirs);
+    },
+    [controlledExpandedDirs, onExpandedDirsChange]
+  );
   const inlineResources = useMemo2(() => {
     if (!sessionId) return [];
     return messages.flatMap(
@@ -1290,11 +1329,9 @@ function WorkspaceFilesPanel({
         type: "active"
       });
       if (targetDir !== ".") {
-        setExpandedDirs((prev) => {
-          const next = new Set(prev);
-          next.add(targetDir);
-          return next;
-        });
+        const next = new Set(expandedDirs);
+        next.add(targetDir);
+        updateExpandedDirs(next);
       }
       if (result.failed.length > 0) {
         alert(`\u90E8\u5206\u6587\u4EF6\u4E0A\u4F20\u5931\u8D25: ${result.failed.join(", ")}`);
@@ -1433,7 +1470,8 @@ function WorkspaceFilesPanel({
       {
         sessionId,
         enableEditor,
-        onExpandedDirsChange: setExpandedDirs,
+        expandedDirs,
+        onExpandedDirsChange: updateExpandedDirs,
         rootPath,
         readOnly,
         onShareFile,