@blade-hq/agent-kit 1.0.21 → 1.0.23

package/dist/{chunk-MPGRAWLS.js → chunk-2QYV43YP.js}

@@ -1,7 +1,7 @@
 import {
   apiFetchResponse,
   getAuthedUrl
-} from "./chunk-YVAP7QQ7.js";
+} from "./chunk-IMMRWXI7.js";
 
 // src/react/lib/session-file-preview.ts
 var IMAGE_EXTS = /* @__PURE__ */ new Set(["png", "jpg", "jpeg", "gif", "svg", "webp", "ico", "bmp"]);
@@ -117,4 +117,4 @@ export {
   resolveTextPreviewType,
   resolveSessionFilePreviewTarget
 };
-//# sourceMappingURL=chunk-MPGRAWLS.js.map
+//# sourceMappingURL=chunk-2QYV43YP.js.map

package/dist/{chunk-O4TRZMGD.js → chunk-BQKF6HJH.js}

@@ -5,12 +5,12 @@ import {
 import {
   getSessionFilePath,
   resolveSessionFilePreviewTarget
-} from "./chunk-MPGRAWLS.js";
+} from "./chunk-2QYV43YP.js";
 import {
   formatToolName,
   getAuthedUrl,
   useUiStore
-} from "./chunk-YVAP7QQ7.js";
+} from "./chunk-IMMRWXI7.js";
 import {
   cn,
   copyToClipboard
@@ -1937,4 +1937,4 @@ export {
   PlanSummaryCard,
   extractLatestPlanMessages
 };
-//# sourceMappingURL=chunk-O4TRZMGD.js.map
+//# sourceMappingURL=chunk-BQKF6HJH.js.map

package/dist/{chunk-XEKYDE2R.js → chunk-ICV7OTGX.js}

@@ -8,7 +8,7 @@ import {
   getCodeLanguageFromFilename,
   parseAskUserQuestion,
   useHighlightedCodeHtml
-} from "./chunk-O4TRZMGD.js";
+} from "./chunk-BQKF6HJH.js";
 import {
   Collapsible,
   CollapsibleContent,
@@ -16,7 +16,7 @@ import {
 } from "./chunk-H62LH2AG.js";
 import {
   resolveSessionFilePreviewTarget
-} from "./chunk-MPGRAWLS.js";
+} from "./chunk-2QYV43YP.js";
 import {
   apiFetchResponse,
   buildMessageContent,
@@ -60,7 +60,7 @@ import {
   useUiBridgeStore,
   useUiStore,
   writeFile
-} from "./chunk-YVAP7QQ7.js";
+} from "./chunk-IMMRWXI7.js";
 import {
   registerBridgeIframe,
   tapBridgeEvent
@@ -4025,7 +4025,7 @@ function ConnectionBanner() {
 import { ChevronDown as ChevronDown3, Lightbulb as Lightbulb2, MessageSquare } from "lucide-react";
 import {
   useCallback as useCallback12,
-  useEffect as useEffect17,
+  useEffect as useEffect18,
   useEffectEvent as useEffectEvent4,
   useMemo as useMemo18,
   useRef as useRef13,
@@ -4458,7 +4458,7 @@ function useStickToBottomContext() {
 
 // src/react/components/chat/AssistantTurnBlock.tsx
 import { AlertCircle, BookOpen, Check as Check5, ChevronRight as ChevronRight5 } from "lucide-react";
-import { memo as memo3, useCallback as useCallback11, useEffect as useEffect15, useMemo as useMemo16, useRef as useRef12, useState as useState18 } from "react";
+import { memo as memo3, useCallback as useCallback11, useEffect as useEffect16, useMemo as useMemo16, useRef as useRef12, useState as useState18 } from "react";
 
 // src/react/routes.ts
 var MEMORIES_ROUTE = "/memories";
@@ -4740,7 +4740,7 @@ ReasoningContent.displayName = "ReasoningContent";
 
 // src/react/components/chat/AgentLoopBlock.tsx
 import { Bot, Check as Check4, ChevronRight as ChevronRight4, FileText as FileText6, Loader2 as Loader25, MessageSquareMore as MessageSquareMore2 } from "lucide-react";
-import { useEffect as useEffect14, useMemo as useMemo15, useState as useState17 } from "react";
+import { useEffect as useEffect15, useMemo as useMemo15, useState as useState17 } from "react";
 
 // src/react/components/chat/ResourceIframe.tsx
 import { useEffect as useEffect10, useEffectEvent as useEffectEvent3, useRef as useRef9, useState as useState11 } from "react";
@@ -4887,7 +4887,7 @@ ${html}`;
 
 // src/react/components/chat/ToolCallBlock.tsx
 import { Check as Check2, ChevronRight as ChevronRight3, Loader2 as Loader23, MessageSquareMore, PanelRightOpen, X as X4 } from "lucide-react";
-import { useMemo as useMemo13, useState as useState14 } from "react";
+import { useEffect as useEffect12, useMemo as useMemo13, useState as useState14 } from "react";
 
 // src/react/components/chat/tool-renderers/shared.tsx
 import { jsx as jsx15 } from "react/jsx-runtime";
@@ -5060,6 +5060,7 @@ function BashRenderer({ toolCall }) {
 // src/react/components/chat/tool-renderers/FileEditRenderer.tsx
 import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 var MAX_DIFF_LINES = 200;
+var FILE_PATH_FIELDS = ["file_path", "path"];
 function computeDiff(oldText, newText) {
   const oldLines = oldText.split("\n");
   const newLines = newText.split("\n");
@@ -5135,7 +5136,7 @@ function buildWritePreview(content) {
     newLine: index + 1
   }));
 }
-function buildEditPreview(args) {
+function buildEditPreview(args, rawArguments) {
   const edits = Array.isArray(args?.edits) ? args.edits : null;
   if (edits) {
     return edits.flatMap((rawEdit, index) => {
@@ -5153,24 +5154,115 @@ function buildEditPreview(args) {
   }
   const oldString = getStringValue(args, "old_string") ?? "";
   const newString = getStringValue(args, "new_string") ?? "";
+  if (!oldString && !newString && !args) {
+    return buildPartialEditPreview(rawArguments);
+  }
   return computeDiff(oldString, newString);
 }
+function buildPartialEditPreview(rawArguments) {
+  const oldValues = extractAllJsonStringFieldPartials(rawArguments, "old_text");
+  const newValues = extractAllJsonStringFieldPartials(rawArguments, "new_text");
+  if (!oldValues.length && !newValues.length) return [];
+  const rows = [];
+  for (let index = 0; index < Math.max(oldValues.length, newValues.length); index += 1) {
+    if (index > 0) {
+      rows.push({ type: "unchanged", value: "", oldLine: null, newLine: null });
+    }
+    const oldText = oldValues[index] ?? "";
+    const newText = newValues[index] ?? "";
+    rows.push(...computeDiff(oldText, newText));
+  }
+  return rows;
+}
 function extractChecksum(result) {
   const text = typeof result === "string" ? result : null;
   const match = text?.match(/\[checksum:\s*([^\]]+)\]/);
   return match?.[1]?.trim() ?? null;
 }
+function getRawStringValue(data, key) {
+  const value = data?.[key];
+  return typeof value === "string" ? value : null;
+}
+function extractJsonStringFieldPartial(raw, names) {
+  for (const name of names) {
+    const values = extractAllJsonStringFieldPartials(raw, name);
+    if (values.length > 0) return values[values.length - 1] ?? "";
+  }
+  return "";
+}
+function extractAllJsonStringFieldPartials(raw, name) {
+  return extractAllJsonStringFields(raw, name, false);
+}
+function extractAllJsonStringFields(raw, name, requireClosed) {
+  const marker = `"${name}"`;
+  const values = [];
+  let searchFrom = 0;
+  while (true) {
+    const markerIndex = raw.indexOf(marker, searchFrom);
+    if (markerIndex < 0) return values;
+    const colonIndex = raw.indexOf(":", markerIndex + marker.length);
+    if (colonIndex < 0) return values;
+    const quoteIndex = raw.indexOf('"', colonIndex + 1);
+    if (quoteIndex < 0) return values;
+    const { value, closed } = readJsonString(raw, quoteIndex + 1);
+    if (closed || !requireClosed) {
+      values.push(value);
+    }
+    searchFrom = quoteIndex + 1;
+  }
+}
+function readJsonString(raw, start) {
+  const chars = [];
+  let index = start;
+  while (index < raw.length) {
+    const char = raw[index];
+    if (char === '"') {
+      return { value: chars.join(""), closed: true };
+    }
+    if (char !== "\\") {
+      chars.push(char);
+      index += 1;
+      continue;
+    }
+    if (index + 1 >= raw.length) {
+      return { value: chars.join(""), closed: false };
+    }
+    const escaped = raw[index + 1];
+    if (escaped === "n") {
+      chars.push("\n");
+    } else if (escaped === "r") {
+      chars.push("\r");
+    } else if (escaped === "t") {
+      chars.push("	");
+    } else if (escaped === '"' || escaped === "\\" || escaped === "/") {
+      chars.push(escaped);
+    } else if (escaped === "u" && index + 5 < raw.length) {
+      const code = raw.slice(index + 2, index + 6);
+      const parsed = Number.parseInt(code, 16);
+      if (Number.isFinite(parsed)) {
+        chars.push(String.fromCharCode(parsed));
+      }
+      index += 4;
+    } else {
+      chars.push(escaped ?? "");
+    }
+    index += 2;
+  }
+  return { value: chars.join(""), closed: false };
+}
 function FileEditRenderer({ toolCall }) {
+  const rawArguments = toolCall.arguments ?? "";
   const argsValue = parseJsonValue(toolCall.arguments);
   const args = isPlainObject(argsValue) ? argsValue : null;
   const normalizedName = formatToolName(toolCall.name);
-  const filePath = extractToolFilePath(toolCall);
+  const partialFilePath = extractJsonStringFieldPartial(rawArguments, FILE_PATH_FIELDS);
+  const filePath = extractToolFilePath(toolCall) ?? partialFilePath;
   const fileName = getFileName(filePath);
   const errorMessage = extractErrorMessage(toolCall.result);
   const checksum = extractChecksum(toolCall.result);
-  const description = getStringValue(args, "description");
-  const writeContent = getStringValue(args, "content") ?? "";
-  const diffLines = normalizedName === "Write" ? buildWritePreview(writeContent) : buildEditPreview(args);
+  const description = getStringValue(args, "description") ?? extractJsonStringFieldPartial(rawArguments, ["description"]);
+  const writeContent = getRawStringValue(args, "content") ?? extractJsonStringFieldPartial(rawArguments, ["content"]);
+  const diffLines = normalizedName === "Write" ? buildWritePreview(writeContent) : buildEditPreview(args, rawArguments);
   const resultStr = typeof toolCall.result === "string" ? toolCall.result : null;
   const summaryText = resultStr?.trim() && !errorMessage ? resultStr.trim() : null;
   return /* @__PURE__ */ jsxs13("div", { className: "space-y-3", children: [
@@ -5870,6 +5962,9 @@ function FilePathLink({ filePath, sessionId }) {
     }
   );
 }
+function isLivePreviewTool(toolName) {
+  return toolName === "Write" || toolName === "Edit" || toolName === "MultiEdit";
+}
 function ToolCallBlock({
   toolCall,
   onAnswer,
@@ -5882,7 +5977,9 @@ function ToolCallBlock({
   reasoning,
   customization
 }) {
-  const [expanded, setExpanded] = useState14(false);
+  const normalizedName = formatToolName(toolCall.name);
+  const shouldAutoExpandWhileStreaming = toolCall.status === "pending" && isLivePreviewTool(normalizedName);
+  const [expanded, setExpanded] = useState14(shouldAutoExpandWhileStreaming);
   const activeSessionId = useSessionStore((s) => s.activeSessionId);
   const sessions = useSessionStore((s) => s.sessions);
   const pushArtifact = useUiStore((s) => s.pushArtifact);
@@ -5893,7 +5990,11 @@ function ToolCallBlock({
   const answerCallback = useAnswerCallbackStore(
     (s) => resolvedSessionId ? s.callbacks[resolvedSessionId] : void 0
   );
-  const normalizedName = formatToolName(toolCall.name);
+  useEffect12(() => {
+    if (shouldAutoExpandWhileStreaming) {
+      setExpanded(true);
+    }
+  }, [shouldAutoExpandWhileStreaming]);
   const resolvedSessionStatus = sessionStatus ?? sessions.find((session) => session.id === resolvedSessionId)?.status;
   const resolvedAnswerData = answerData ?? storedAnswerData;
   const resolvedAnswered = answered ?? (!!resolvedAnswerData && resolvedSessionStatus !== "waiting_for_input");
@@ -6050,7 +6151,7 @@ function buildAskUserPayload(argumentsJson) {
 // src/react/components/chat/UserMessageBubble.tsx
 import { useQueries } from "@tanstack/react-query";
 import { Loader2 as Loader24 } from "lucide-react";
-import { useEffect as useEffect13, useRef as useRef11, useState as useState16 } from "react";
+import { useEffect as useEffect14, useRef as useRef11, useState as useState16 } from "react";
 
 // src/react/lib/preview-dispatch.ts
 var IMAGE_EXTS = [
@@ -6192,12 +6293,12 @@ function parseWhatIfPrompt(text) {
 
 // src/react/components/chat/AttachmentPreviewDialog.tsx
 import { Download as Download3, X as X5 } from "lucide-react";
-import { useEffect as useEffect12 } from "react";
+import { useEffect as useEffect13 } from "react";
 import { createPortal as createPortal4 } from "react-dom";
 import { useQuery as useQuery6 } from "@tanstack/react-query";
 import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 function AttachmentPreviewDialog({ open, onOpenChange, filename, url, mode }) {
-  useEffect12(() => {
+  useEffect13(() => {
     if (!open) return;
     const handleKey = (e) => {
       if (e.key === "Escape") onOpenChange(false);
@@ -6580,7 +6681,7 @@ function UserMessageBubble({ message, className }) {
     if (prev && url && prev !== url) URL.revokeObjectURL(prev);
     if (url) blobUrlMapRef.current.set(key, url);
   }
-  useEffect13(() => {
+  useEffect14(() => {
     const urls = blobUrlMapRef.current;
     return () => {
       for (const u of urls.values()) URL.revokeObjectURL(u);
@@ -6821,7 +6922,7 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
     ),
     [childMessages]
   );
-  useEffect14(() => {
+  useEffect15(() => {
     if (hasAwaitingAnswer) {
       setExpanded(true);
     }
@@ -7291,7 +7392,7 @@ function AssistantTurnBlockBase({
     defaultTurnDisplayMode({ forceExpanded, hasActionableToolCall })
   );
   const wasStreamingRef = useRef12(isStreaming);
-  useEffect15(() => {
+  useEffect16(() => {
     if (wasStreamingRef.current && !isStreaming && !forceExpanded) {
       setDisplayMode(defaultTurnDisplayMode({ forceExpanded, hasActionableToolCall }));
     }
@@ -7939,7 +8040,7 @@ import {
   TerminalSquare,
   WandSparkles
 } from "lucide-react";
-import { useEffect as useEffect16, useMemo as useMemo17, useState as useState20 } from "react";
+import { useEffect as useEffect17, useMemo as useMemo17, useState as useState20 } from "react";
 import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
 var EMPTY_EVENTS = [];
 function formatElapsedDuration(durationMs) {
@@ -8019,7 +8120,7 @@ function getTurnStartedAt(events) {
 }
 function useElapsedDuration(startedAt, active) {
   const [now, setNow] = useState20(() => Date.now());
-  useEffect16(() => {
+  useEffect17(() => {
     if (!active || startedAt == null) {
       return;
     }
@@ -8372,7 +8473,7 @@ function MessageList({
       measureActiveTurn();
     });
   });
-  useEffect17(() => {
+  useEffect18(() => {
     scrollContainerRef.current = stickContextRef.current?.scrollRef.current ?? findScrollContainer(containerRef.current);
     const sc = scrollContainerRef.current;
     if (!sc) return;
@@ -8388,7 +8489,7 @@ function MessageList({
       }
     };
   }, [scheduleMeasure]);
-  useEffect17(() => {
+  useEffect18(() => {
     scheduleMeasure();
   }, [lastTurnId, layoutSignature, scheduleMeasure]);
   const handleSelectTurn = useCallback12((turnId) => {
@@ -8777,4 +8878,4 @@ use-stick-to-bottom/dist/StickToBottom.js:
    *  Licensed under the MIT License. See License.txt in the project root for license information.
    *--------------------------------------------------------------------------------------------*)
 */
-//# sourceMappingURL=chunk-XEKYDE2R.js.map
+//# sourceMappingURL=chunk-ICV7OTGX.js.map