@openhands/agent-canvas 1.12.0 → 1.13.0

package/dist/components/features/chat/custom-chat-input.js

@@ -5,91 +5,92 @@ import { useFileHandling as r } from "../../../hooks/chat/use-file-handling.js";
 import { useGripResize as i } from "../../../hooks/chat/use-grip-resize.js";
 import { useChatInputEvents as a } from "../../../hooks/chat/use-chat-input-events.js";
 import { useChatSubmission as o } from "../../../hooks/chat/use-chat-submission.js";
-import { useSlashCommand as s } from "../../../hooks/chat/use-slash-command.js";
-import { ChatInputGrip as c } from "./components/chat-input-grip.js";
-import { ChatInputContainer as l } from "./components/chat-input-container.js";
-import { HiddenFileInput as u } from "./components/hidden-file-input.js";
-import d, { useEffect as f, useRef as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { useSlashCommand as ee } from "../../../hooks/chat/use-slash-command.js";
+import { ChatInputGrip as s } from "./components/chat-input-grip.js";
+import { ChatInputContainer as c } from "./components/chat-input-container.js";
+import { HiddenFileInput as l } from "./components/hidden-file-input.js";
+import u, { useEffect as d, useRef as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/features/chat/custom-chat-input.tsx
-function g({ disabled: g = !1, isNewConversationPending: _ = !1, hasStartedConversation: v, showButton: y = !0, onSubmit: b, onFocus: ee, onBlur: te, onFilesPaste: x, className: S = "", buttonClassName: C = "" }) {
-	let [w, T] = d.useState(!1), { submittedMessage: E, clearAllFiles: D, setShouldHideSuggestions: O, setSubmittedMessage: k, images: A, files: j } = t(), M = g, N = p(b);
-	f(() => {
-		N.current = b;
-	}, [b]), f(() => {
-		!E || g || (N.current(E), k(null));
+function h({ disabled: h = !1, isNewConversationPending: g = !1, hasStartedConversation: _, showButton: v = !0, onSubmit: y, onFocus: te, onBlur: ne, onFilesPaste: b, className: x = "", buttonClassName: S = "" }) {
+	let [C, w] = u.useState(!1), { submittedMessage: T, clearAllFiles: E, setShouldHideSuggestions: D, setSubmittedMessage: O, images: k, files: A } = t(), j = h, M = f(y);
+	d(() => {
+		M.current = y;
+	}, [y]), d(() => {
+		!T || h || (M.current(T), O(null));
 	}, [
-		E,
-		g,
-		k
+		T,
+		h,
+		O
 	]);
-	let { chatInputRef: P, messageToSend: F, checkIsContentEmpty: I, clearEmptyContentHandler: L, saveDraft: R } = n(), z = d.useCallback(() => {
-		let e = P.current?.innerText ?? "", t = A.length > 0 || j.length > 0;
-		T(e.trim().length > 0 || t);
+	let { chatInputRef: N, messageToSend: P, checkIsContentEmpty: F, clearEmptyContentHandler: I, saveDraft: L } = n(), R = u.useCallback(() => {
+		let e = N.current?.innerText ?? "", t = k.length > 0 || A.length > 0;
+		w(e.trim().length > 0 || t);
 	}, [
-		P,
-		A,
-		j
-	]), { fileInputRef: B, chatContainerRef: V, isDragOver: H, handleFileIconClick: U, handleFileInputChange: W, handleDragOver: ne, handleDragLeave: G, handleDrop: K } = r(x), { gripRef: q, isGripVisible: J, isGripDragging: Y, handleTopEdgeClick: X, smartResize: Z, handleGripMouseDown: re, handleGripTouchStart: ie, increaseHeightForEmptyContent: ae, resetManualResize: oe } = i(P, F), { handleSubmit: Q } = o(P, B, Z, b, oe), $ = d.useCallback(() => {
-		Q(), z();
-	}, [Q, z]), { handleInput: se, handlePaste: ce, handleKeyDown: le, handleBlur: ue, handleFocus: de } = a(P, Z, ae, I, L, ee, te), { isMenuOpen: fe, filteredItems: pe, selectedIndex: me, updateSlashMenu: he, selectItem: ge, handleSlashKeyDown: _e, closeMenu: ve } = s(P);
-	return f(() => () => {
-		O(!1), D();
-	}, [O, D]), f(() => {
-		z();
+		N,
+		k,
+		A
+	]), { fileInputRef: z, chatContainerRef: B, isDragOver: V, handleFileIconClick: H, handleFileInputChange: U, handleDragOver: re, handleDragLeave: W, handleDrop: G } = r(b), { gripRef: K, isGripVisible: q, isGripDragging: J, canResize: Y, handleTopEdgeClick: X, smartResize: Z, handleGripMouseDown: ie, handleGripTouchStart: ae, increaseHeightForEmptyContent: oe, resetManualResize: se } = i(N, P), { handleSubmit: Q } = o(N, z, Z, y, se), $ = u.useCallback(() => {
+		Q(), R();
+	}, [Q, R]), { handleInput: ce, handlePaste: le, handleKeyDown: ue, handleBlur: de, handleFocus: fe } = a(N, Z, oe, F, I, te, ne), { isMenuOpen: pe, filteredItems: me, selectedIndex: he, updateSlashMenu: ge, selectItem: _e, handleSlashKeyDown: ve, closeMenu: ye } = ee(N);
+	return d(() => () => {
+		D(!1), E();
+	}, [D, E]), d(() => {
+		R();
 	}, [
-		z,
-		A.length,
-		j.length
-	]), /* @__PURE__ */ h("div", {
-		className: e("w-full", S),
-		children: [/* @__PURE__ */ m(u, {
-			fileInputRef: B,
-			onChange: W
-		}), /* @__PURE__ */ h("div", {
+		R,
+		k.length,
+		A.length
+	]), /* @__PURE__ */ m("div", {
+		className: e("w-full", x),
+		children: [/* @__PURE__ */ p(l, {
+			fileInputRef: z,
+			onChange: U
+		}), /* @__PURE__ */ m("div", {
 			className: "relative w-full",
-			children: [/* @__PURE__ */ m(c, {
-				gripRef: q,
-				isGripVisible: J,
-				isGripDragging: Y,
+			children: [/* @__PURE__ */ p(s, {
+				gripRef: K,
+				isGripVisible: q,
+				isGripDragging: J,
+				canResize: Y,
 				handleTopEdgeClick: X,
-				handleGripMouseDown: re,
-				handleGripTouchStart: ie
-			}), /* @__PURE__ */ m(l, {
-				chatContainerRef: V,
-				isDragOver: H,
-				disabled: M,
-				canSubmit: w,
-				hasStartedConversation: v,
-				isNewConversationPending: _,
-				showButton: y,
-				buttonClassName: C,
-				chatInputRef: P,
-				handleFileIconClick: U,
+				handleGripMouseDown: ie,
+				handleGripTouchStart: ae
+			}), /* @__PURE__ */ p(c, {
+				chatContainerRef: B,
+				isDragOver: V,
+				disabled: j,
+				canSubmit: C,
+				hasStartedConversation: _,
+				isNewConversationPending: g,
+				showButton: v,
+				buttonClassName: S,
+				chatInputRef: N,
+				handleFileIconClick: H,
 				handleSubmit: $,
-				onDragOver: ne,
-				onDragLeave: G,
-				onDrop: K,
+				onDragOver: re,
+				onDragLeave: W,
+				onDrop: G,
 				onInput: () => {
-					se(), he(), R(), z();
+					ce(), ge(), L(), R();
 				},
-				onPaste: ce,
+				onPaste: le,
 				onKeyDown: (e) => {
-					_e(e) || le(e, M, $);
+					ve(e) || ue(e, j, $);
 				},
-				onFocus: de,
+				onFocus: fe,
 				onBlur: () => {
-					ue(), ve(), z();
+					de(), ye(), R();
 				},
-				isSlashMenuOpen: fe,
-				slashItems: pe,
-				slashSelectedIndex: me,
-				onSlashSelect: ge
+				isSlashMenuOpen: pe,
+				slashItems: me,
+				slashSelectedIndex: he,
+				onSlashSelect: _e
 			})]
 		})]
 	});
 }
 //#endregion
-export { g as CustomChatInput };
+export { h as CustomChatInput };
 
 //# sourceMappingURL=custom-chat-input.js.map

package/dist/components/features/chat/custom-chat-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-chat-input.js","names":[],"sources":["../../../../src/components/features/chat/custom-chat-input.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { useChatInputLogic } from \"#/hooks/chat/use-chat-input-logic\";\nimport { useFileHandling } from \"#/hooks/chat/use-file-handling\";\nimport { useGripResize } from \"#/hooks/chat/use-grip-resize\";\nimport { useChatInputEvents } from \"#/hooks/chat/use-chat-input-events\";\nimport { useChatSubmission } from \"#/hooks/chat/use-chat-submission\";\nimport { useSlashCommand } from \"#/hooks/chat/use-slash-command\";\nimport { ChatInputGrip } from \"./components/chat-input-grip\";\nimport { ChatInputContainer } from \"./components/chat-input-container\";\nimport { HiddenFileInput } from \"./components/hidden-file-input\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { cn } from \"#/utils/utils\";\n\nexport interface CustomChatInputProps {\n  disabled?: boolean;\n  isNewConversationPending?: boolean;\n  hasStartedConversation?: boolean;\n  showButton?: boolean;\n  onSubmit: (message: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onFilesPaste?: (\n    files: File[],\n    options?: import(\"#/hooks/chat/use-chat-attachment-upload\").ChatAttachmentUploadOptions,\n  ) => void;\n  className?: React.HTMLAttributes<HTMLDivElement>[\"className\"];\n  buttonClassName?: React.HTMLAttributes<HTMLButtonElement>[\"className\"];\n}\n\nexport function CustomChatInput({\n  disabled = false,\n  isNewConversationPending = false,\n  hasStartedConversation,\n  showButton = true,\n  onSubmit,\n  onFocus,\n  onBlur,\n  onFilesPaste,\n  className = \"\",\n  buttonClassName = \"\",\n}: CustomChatInputProps) {\n  const [canSubmit, setCanSubmit] = React.useState(false);\n  const {\n    submittedMessage,\n    clearAllFiles,\n    setShouldHideSuggestions,\n    setSubmittedMessage,\n    images,\n    files,\n  } = useConversationStore();\n\n  // Note: we intentionally do NOT disable the input when the conversation is\n  // in an ERROR/STUCK execution state. Users should be able to send a follow-up\n  // message to recover the conversation; the message will be delivered\n  // immediately via the WebSocket if connected, or queued via REST otherwise.\n  const isDisabled = disabled;\n\n  // Always call the latest `onSubmit` without making the effect re-run when\n  // its identity changes. `onSubmit` (typically `handleSendMessage`) is a\n  // fresh function on every parent render, and the parent re-renders\n  // whenever the pending-message queue updates synchronously inside\n  // `onSubmit` itself. Listing it in the dep array caused the effect to\n  // fire twice — once for the original submit and again from the\n  // mid-submit re-render, before `setSubmittedMessage(null)` was applied —\n  // producing a duplicate \"Sending…\" bubble.\n  const onSubmitRef = useRef(onSubmit);\n  useEffect(() => {\n    onSubmitRef.current = onSubmit;\n  }, [onSubmit]);\n\n  // Listen to submittedMessage state changes\n  useEffect(() => {\n    if (!submittedMessage || disabled) {\n      return;\n    }\n    onSubmitRef.current(submittedMessage);\n    setSubmittedMessage(null);\n  }, [submittedMessage, disabled, setSubmittedMessage]);\n\n  // Custom hooks\n  const {\n    chatInputRef,\n    messageToSend,\n    checkIsContentEmpty,\n    clearEmptyContentHandler,\n    saveDraft,\n  } = useChatInputLogic();\n\n  const syncCanSubmit = React.useCallback(() => {\n    const text = chatInputRef.current?.innerText ?? \"\";\n    const hasAttachments = images.length > 0 || files.length > 0;\n    setCanSubmit(text.trim().length > 0 || hasAttachments);\n  }, [chatInputRef, images, files]);\n\n  const {\n    fileInputRef,\n    chatContainerRef,\n    isDragOver,\n    handleFileIconClick,\n    handleFileInputChange,\n    handleDragOver,\n    handleDragLeave,\n    handleDrop,\n  } = useFileHandling(onFilesPaste);\n\n  const {\n    gripRef,\n    isGripVisible,\n    isGripDragging,\n    handleTopEdgeClick,\n    smartResize,\n    handleGripMouseDown,\n    handleGripTouchStart,\n    increaseHeightForEmptyContent,\n    resetManualResize,\n  } = useGripResize(\n    chatInputRef as React.RefObject<HTMLDivElement | null>,\n    messageToSend,\n  );\n\n  const { handleSubmit } = useChatSubmission(\n    chatInputRef as React.RefObject<HTMLDivElement | null>,\n    fileInputRef as React.RefObject<HTMLInputElement | null>,\n    smartResize,\n    onSubmit,\n    resetManualResize,\n  );\n  const handleSubmitAndSync = React.useCallback(() => {\n    handleSubmit();\n    syncCanSubmit();\n  }, [handleSubmit, syncCanSubmit]);\n\n  const { handleInput, handlePaste, handleKeyDown, handleBlur, handleFocus } =\n    useChatInputEvents(\n      chatInputRef as React.RefObject<HTMLDivElement | null>,\n      smartResize,\n      increaseHeightForEmptyContent,\n      checkIsContentEmpty,\n      clearEmptyContentHandler,\n      onFocus,\n      onBlur,\n    );\n\n  const {\n    isMenuOpen: isSlashMenuOpen,\n    filteredItems: slashItems,\n    selectedIndex: slashSelectedIndex,\n    updateSlashMenu,\n    selectItem: selectSlashItem,\n    handleSlashKeyDown,\n    closeMenu: closeSlashMenu,\n  } = useSlashCommand(chatInputRef as React.RefObject<HTMLDivElement | null>);\n\n  // Cleanup: reset suggestions visibility when component unmounts\n  useEffect(\n    () => () => {\n      setShouldHideSuggestions(false);\n      clearAllFiles();\n    },\n    [setShouldHideSuggestions, clearAllFiles],\n  );\n  useEffect(() => {\n    syncCanSubmit();\n  }, [syncCanSubmit, images.length, files.length]);\n  return (\n    <div className={cn(\"w-full\", className)}>\n      {/* Hidden file input */}\n      <HiddenFileInput\n        fileInputRef={fileInputRef}\n        onChange={handleFileInputChange}\n      />\n\n      {/* Container with grip */}\n      <div className=\"relative w-full\">\n        <ChatInputGrip\n          gripRef={gripRef}\n          isGripVisible={isGripVisible}\n          isGripDragging={isGripDragging}\n          handleTopEdgeClick={handleTopEdgeClick}\n          handleGripMouseDown={handleGripMouseDown}\n          handleGripTouchStart={handleGripTouchStart}\n        />\n\n        <ChatInputContainer\n          chatContainerRef={chatContainerRef}\n          isDragOver={isDragOver}\n          disabled={isDisabled}\n          canSubmit={canSubmit}\n          hasStartedConversation={hasStartedConversation}\n          isNewConversationPending={isNewConversationPending}\n          showButton={showButton}\n          buttonClassName={buttonClassName}\n          chatInputRef={chatInputRef}\n          handleFileIconClick={handleFileIconClick}\n          handleSubmit={handleSubmitAndSync}\n          onDragOver={handleDragOver}\n          onDragLeave={handleDragLeave}\n          onDrop={handleDrop}\n          onInput={() => {\n            handleInput();\n            updateSlashMenu();\n            saveDraft();\n            syncCanSubmit();\n          }}\n          onPaste={handlePaste}\n          onKeyDown={(e) => {\n            if (handleSlashKeyDown(e)) return;\n            handleKeyDown(e, isDisabled, handleSubmitAndSync);\n          }}\n          onFocus={handleFocus}\n          onBlur={() => {\n            handleBlur();\n            closeSlashMenu();\n            syncCanSubmit();\n          }}\n          isSlashMenuOpen={isSlashMenuOpen}\n          slashItems={slashItems}\n          slashSelectedIndex={slashSelectedIndex}\n          onSlashSelect={selectSlashItem}\n        />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AA6BA,SAAgB,EAAgB,EAC9B,cAAW,IACX,8BAA2B,IAC3B,2BACA,gBAAa,IACb,aACA,aACA,YACA,iBACA,eAAY,IACZ,qBAAkB,MACK;CACvB,IAAM,CAAC,GAAW,KAAgB,EAAM,SAAS,EAAK,GAChD,EACJ,qBACA,kBACA,6BACA,wBACA,WACA,aACE,EAAqB,GAMnB,IAAa,GAUb,IAAc,EAAO,CAAQ;CAMnC,AALA,QAAgB;EACd,EAAY,UAAU;CACxB,GAAG,CAAC,CAAQ,CAAC,GAGb,QAAgB;EACV,CAAC,KAAoB,MAGzB,EAAY,QAAQ,CAAgB,GACpC,EAAoB,IAAI;CAC1B,GAAG;EAAC;EAAkB;EAAU;CAAmB,CAAC;CAGpD,IAAM,EACJ,iBACA,kBACA,wBACA,6BACA,iBACE,EAAkB,GAEhB,IAAgB,EAAM,kBAAkB;EAC5C,IAAM,IAAO,EAAa,SAAS,aAAa,IAC1C,IAAiB,EAAO,SAAS,KAAK,EAAM,SAAS;EAC3D,EAAa,EAAK,KAAK,EAAE,SAAS,KAAK,CAAc;CACvD,GAAG;EAAC;EAAc;EAAQ;CAAK,CAAC,GAE1B,EACJ,iBACA,qBACA,eACA,wBACA,0BACA,oBACA,oBACA,kBACE,EAAgB,CAAY,GAE1B,EACJ,YACA,kBACA,mBACA,uBACA,gBACA,yBACA,0BACA,mCACA,0BACE,EACF,GACA,CACF,GAEM,EAAE,oBAAiB,EACvB,GACA,GACA,GACA,GACA,EACF,GACM,IAAsB,EAAM,kBAAkB;EAElD,AADA,EAAa,GACb,EAAc;CAChB,GAAG,CAAC,GAAc,CAAa,CAAC,GAE1B,EAAE,iBAAa,iBAAa,mBAAe,gBAAY,oBAC3D,EACE,GACA,GACA,IACA,GACA,GACA,IACA,EACF,GAEI,EACJ,YAAY,IACZ,eAAe,IACf,eAAe,IACf,qBACA,YAAY,IACZ,wBACA,WAAW,OACT,EAAgB,CAAsD;CAa1E,OAVA,cACc;EAEV,AADA,EAAyB,EAAK,GAC9B,EAAc;CAChB,GACA,CAAC,GAA0B,CAAa,CAC1C,GACA,QAAgB;EACd,EAAc;CAChB,GAAG;EAAC;EAAe,EAAO;EAAQ,EAAM;CAAM,CAAC,GAE7C,kBAAC,OAAD;EAAK,WAAW,EAAG,UAAU,CAAS;YAAtC,CAEE,kBAAC,GAAD;GACgB;GACd,UAAU;EACX,CAAA,GAGD,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IACW;IACM;IACC;IACI;IACC;IACC;GACvB,CAAA,GAED,kBAAC,GAAD;IACoB;IACN;IACZ,UAAU;IACC;IACa;IACE;IACd;IACK;IACH;IACO;IACrB,cAAc;IACd,YAAY;IACZ,aAAa;IACb,QAAQ;IACR,eAAe;KAIb,AAHA,GAAY,GACZ,GAAgB,GAChB,EAAU,GACV,EAAc;IAChB;IACA,SAAS;IACT,YAAY,MAAM;KACZ,GAAmB,CAAC,KACxB,GAAc,GAAG,GAAY,CAAmB;IAClD;IACA,SAAS;IACT,cAAc;KAGZ,AAFA,GAAW,GACX,GAAe,GACf,EAAc;IAChB;IACiB;IACL;IACQ;IACpB,eAAe;GAChB,CAAA,CACE;IACF;;AAET"}
+{"version":3,"file":"custom-chat-input.js","names":[],"sources":["../../../../src/components/features/chat/custom-chat-input.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { useChatInputLogic } from \"#/hooks/chat/use-chat-input-logic\";\nimport { useFileHandling } from \"#/hooks/chat/use-file-handling\";\nimport { useGripResize } from \"#/hooks/chat/use-grip-resize\";\nimport { useChatInputEvents } from \"#/hooks/chat/use-chat-input-events\";\nimport { useChatSubmission } from \"#/hooks/chat/use-chat-submission\";\nimport { useSlashCommand } from \"#/hooks/chat/use-slash-command\";\nimport { ChatInputGrip } from \"./components/chat-input-grip\";\nimport { ChatInputContainer } from \"./components/chat-input-container\";\nimport { HiddenFileInput } from \"./components/hidden-file-input\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { cn } from \"#/utils/utils\";\n\nexport interface CustomChatInputProps {\n  disabled?: boolean;\n  isNewConversationPending?: boolean;\n  hasStartedConversation?: boolean;\n  showButton?: boolean;\n  onSubmit: (message: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onFilesPaste?: (\n    files: File[],\n    options?: import(\"#/hooks/chat/use-chat-attachment-upload\").ChatAttachmentUploadOptions,\n  ) => void;\n  className?: React.HTMLAttributes<HTMLDivElement>[\"className\"];\n  buttonClassName?: React.HTMLAttributes<HTMLButtonElement>[\"className\"];\n}\n\nexport function CustomChatInput({\n  disabled = false,\n  isNewConversationPending = false,\n  hasStartedConversation,\n  showButton = true,\n  onSubmit,\n  onFocus,\n  onBlur,\n  onFilesPaste,\n  className = \"\",\n  buttonClassName = \"\",\n}: CustomChatInputProps) {\n  const [canSubmit, setCanSubmit] = React.useState(false);\n  const {\n    submittedMessage,\n    clearAllFiles,\n    setShouldHideSuggestions,\n    setSubmittedMessage,\n    images,\n    files,\n  } = useConversationStore();\n\n  // Note: we intentionally do NOT disable the input when the conversation is\n  // in an ERROR/STUCK execution state. Users should be able to send a follow-up\n  // message to recover the conversation; the message will be delivered\n  // immediately via the WebSocket if connected, or queued via REST otherwise.\n  const isDisabled = disabled;\n\n  // Always call the latest `onSubmit` without making the effect re-run when\n  // its identity changes. `onSubmit` (typically `handleSendMessage`) is a\n  // fresh function on every parent render, and the parent re-renders\n  // whenever the pending-message queue updates synchronously inside\n  // `onSubmit` itself. Listing it in the dep array caused the effect to\n  // fire twice — once for the original submit and again from the\n  // mid-submit re-render, before `setSubmittedMessage(null)` was applied —\n  // producing a duplicate \"Sending…\" bubble.\n  const onSubmitRef = useRef(onSubmit);\n  useEffect(() => {\n    onSubmitRef.current = onSubmit;\n  }, [onSubmit]);\n\n  // Listen to submittedMessage state changes\n  useEffect(() => {\n    if (!submittedMessage || disabled) {\n      return;\n    }\n    onSubmitRef.current(submittedMessage);\n    setSubmittedMessage(null);\n  }, [submittedMessage, disabled, setSubmittedMessage]);\n\n  // Custom hooks\n  const {\n    chatInputRef,\n    messageToSend,\n    checkIsContentEmpty,\n    clearEmptyContentHandler,\n    saveDraft,\n  } = useChatInputLogic();\n\n  const syncCanSubmit = React.useCallback(() => {\n    const text = chatInputRef.current?.innerText ?? \"\";\n    const hasAttachments = images.length > 0 || files.length > 0;\n    setCanSubmit(text.trim().length > 0 || hasAttachments);\n  }, [chatInputRef, images, files]);\n\n  const {\n    fileInputRef,\n    chatContainerRef,\n    isDragOver,\n    handleFileIconClick,\n    handleFileInputChange,\n    handleDragOver,\n    handleDragLeave,\n    handleDrop,\n  } = useFileHandling(onFilesPaste);\n\n  const {\n    gripRef,\n    isGripVisible,\n    isGripDragging,\n    canResize,\n    handleTopEdgeClick,\n    smartResize,\n    handleGripMouseDown,\n    handleGripTouchStart,\n    increaseHeightForEmptyContent,\n    resetManualResize,\n  } = useGripResize(\n    chatInputRef as React.RefObject<HTMLDivElement | null>,\n    messageToSend,\n  );\n\n  const { handleSubmit } = useChatSubmission(\n    chatInputRef as React.RefObject<HTMLDivElement | null>,\n    fileInputRef as React.RefObject<HTMLInputElement | null>,\n    smartResize,\n    onSubmit,\n    resetManualResize,\n  );\n  const handleSubmitAndSync = React.useCallback(() => {\n    handleSubmit();\n    syncCanSubmit();\n  }, [handleSubmit, syncCanSubmit]);\n\n  const { handleInput, handlePaste, handleKeyDown, handleBlur, handleFocus } =\n    useChatInputEvents(\n      chatInputRef as React.RefObject<HTMLDivElement | null>,\n      smartResize,\n      increaseHeightForEmptyContent,\n      checkIsContentEmpty,\n      clearEmptyContentHandler,\n      onFocus,\n      onBlur,\n    );\n\n  const {\n    isMenuOpen: isSlashMenuOpen,\n    filteredItems: slashItems,\n    selectedIndex: slashSelectedIndex,\n    updateSlashMenu,\n    selectItem: selectSlashItem,\n    handleSlashKeyDown,\n    closeMenu: closeSlashMenu,\n  } = useSlashCommand(chatInputRef as React.RefObject<HTMLDivElement | null>);\n\n  // Cleanup: reset suggestions visibility when component unmounts\n  useEffect(\n    () => () => {\n      setShouldHideSuggestions(false);\n      clearAllFiles();\n    },\n    [setShouldHideSuggestions, clearAllFiles],\n  );\n  useEffect(() => {\n    syncCanSubmit();\n  }, [syncCanSubmit, images.length, files.length]);\n  return (\n    <div className={cn(\"w-full\", className)}>\n      {/* Hidden file input */}\n      <HiddenFileInput\n        fileInputRef={fileInputRef}\n        onChange={handleFileInputChange}\n      />\n\n      {/* Container with grip */}\n      <div className=\"relative w-full\">\n        <ChatInputGrip\n          gripRef={gripRef}\n          isGripVisible={isGripVisible}\n          isGripDragging={isGripDragging}\n          canResize={canResize}\n          handleTopEdgeClick={handleTopEdgeClick}\n          handleGripMouseDown={handleGripMouseDown}\n          handleGripTouchStart={handleGripTouchStart}\n        />\n\n        <ChatInputContainer\n          chatContainerRef={chatContainerRef}\n          isDragOver={isDragOver}\n          disabled={isDisabled}\n          canSubmit={canSubmit}\n          hasStartedConversation={hasStartedConversation}\n          isNewConversationPending={isNewConversationPending}\n          showButton={showButton}\n          buttonClassName={buttonClassName}\n          chatInputRef={chatInputRef}\n          handleFileIconClick={handleFileIconClick}\n          handleSubmit={handleSubmitAndSync}\n          onDragOver={handleDragOver}\n          onDragLeave={handleDragLeave}\n          onDrop={handleDrop}\n          onInput={() => {\n            handleInput();\n            updateSlashMenu();\n            saveDraft();\n            syncCanSubmit();\n          }}\n          onPaste={handlePaste}\n          onKeyDown={(e) => {\n            if (handleSlashKeyDown(e)) return;\n            handleKeyDown(e, isDisabled, handleSubmitAndSync);\n          }}\n          onFocus={handleFocus}\n          onBlur={() => {\n            handleBlur();\n            closeSlashMenu();\n            syncCanSubmit();\n          }}\n          isSlashMenuOpen={isSlashMenuOpen}\n          slashItems={slashItems}\n          slashSelectedIndex={slashSelectedIndex}\n          onSlashSelect={selectSlashItem}\n        />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AA6BA,SAAgB,EAAgB,EAC9B,cAAW,IACX,8BAA2B,IAC3B,2BACA,gBAAa,IACb,aACA,aACA,YACA,iBACA,eAAY,IACZ,qBAAkB,MACK;CACvB,IAAM,CAAC,GAAW,KAAgB,EAAM,SAAS,EAAK,GAChD,EACJ,qBACA,kBACA,6BACA,wBACA,WACA,aACE,EAAqB,GAMnB,IAAa,GAUb,IAAc,EAAO,CAAQ;CAMnC,AALA,QAAgB;EACd,EAAY,UAAU;CACxB,GAAG,CAAC,CAAQ,CAAC,GAGb,QAAgB;EACV,CAAC,KAAoB,MAGzB,EAAY,QAAQ,CAAgB,GACpC,EAAoB,IAAI;CAC1B,GAAG;EAAC;EAAkB;EAAU;CAAmB,CAAC;CAGpD,IAAM,EACJ,iBACA,kBACA,wBACA,6BACA,iBACE,EAAkB,GAEhB,IAAgB,EAAM,kBAAkB;EAC5C,IAAM,IAAO,EAAa,SAAS,aAAa,IAC1C,IAAiB,EAAO,SAAS,KAAK,EAAM,SAAS;EAC3D,EAAa,EAAK,KAAK,EAAE,SAAS,KAAK,CAAc;CACvD,GAAG;EAAC;EAAc;EAAQ;CAAK,CAAC,GAE1B,EACJ,iBACA,qBACA,eACA,wBACA,0BACA,oBACA,oBACA,kBACE,EAAgB,CAAY,GAE1B,EACJ,YACA,kBACA,mBACA,cACA,uBACA,gBACA,yBACA,0BACA,mCACA,0BACE,EACF,GACA,CACF,GAEM,EAAE,oBAAiB,EACvB,GACA,GACA,GACA,GACA,EACF,GACM,IAAsB,EAAM,kBAAkB;EAElD,AADA,EAAa,GACb,EAAc;CAChB,GAAG,CAAC,GAAc,CAAa,CAAC,GAE1B,EAAE,iBAAa,iBAAa,mBAAe,gBAAY,oBAC3D,EACE,GACA,GACA,IACA,GACA,GACA,IACA,EACF,GAEI,EACJ,YAAY,IACZ,eAAe,IACf,eAAe,IACf,qBACA,YAAY,IACZ,wBACA,WAAW,OACT,GAAgB,CAAsD;CAa1E,OAVA,cACc;EAEV,AADA,EAAyB,EAAK,GAC9B,EAAc;CAChB,GACA,CAAC,GAA0B,CAAa,CAC1C,GACA,QAAgB;EACd,EAAc;CAChB,GAAG;EAAC;EAAe,EAAO;EAAQ,EAAM;CAAM,CAAC,GAE7C,kBAAC,OAAD;EAAK,WAAW,EAAG,UAAU,CAAS;YAAtC,CAEE,kBAAC,GAAD;GACgB;GACd,UAAU;EACX,CAAA,GAGD,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IACW;IACM;IACC;IACL;IACS;IACC;IACC;GACvB,CAAA,GAED,kBAAC,GAAD;IACoB;IACN;IACZ,UAAU;IACC;IACa;IACE;IACd;IACK;IACH;IACO;IACrB,cAAc;IACd,YAAY;IACZ,aAAa;IACb,QAAQ;IACR,eAAe;KAIb,AAHA,GAAY,GACZ,GAAgB,GAChB,EAAU,GACV,EAAc;IAChB;IACA,SAAS;IACT,YAAY,MAAM;KACZ,GAAmB,CAAC,KACxB,GAAc,GAAG,GAAY,CAAmB;IAClD;IACA,SAAS;IACT,cAAc;KAGZ,AAFA,GAAW,GACX,GAAe,GACf,EAAc;IAChB;IACiB;IACL;IACQ;IACpB,eAAe;GAChB,CAAA,CACE;IACF;;AAET"}

package/dist/components/features/chat/path-component.cjs

@@ -1,2 +1,2 @@
-require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../utils/event-logger.cjs");let t=require("react/jsx-runtime");var n=e=>{let t=document.createElement(`textarea`);return t.innerHTML=e,t.value},r=e=>e?e.endsWith(`/`)||e.endsWith(`\\`)?!0:!(e.split(/[/\\]/).pop()||``).includes(`.`):!1,i=e=>{if(!e)return``;let t=e.split(/[/\\]/),n=t[t.length-1];return r(e)&&!n.endsWith(`/`)?`${n}/`:n};function a(r){let{children:a}=r,o=r=>{try{let e=n(r);return(0,t.jsx)(`span`,{className:`font-mono`,title:e,children:i(e)})}catch(n){return e.default.error(String(n)),(0,t.jsx)(`span`,{className:`font-mono`,children:r})}};return Array.isArray(a)?(0,t.jsx)(`strong`,{className:`font-mono`,children:a.map((e,n)=>typeof e==`string`?(0,t.jsx)(`span`,{children:o(e)},`${e}-${n}`):e)}):typeof a==`string`?(0,t.jsx)(`strong`,{children:o(a)}):(0,t.jsx)(`strong`,{className:`font-mono`,children:a})}exports.PathComponent=a;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../utils/event-logger.cjs");let t=require("react/jsx-runtime");var n=e=>{let t=document.createElement(`textarea`);return t.innerHTML=e,t.value},r=e=>e?e.endsWith(`/`)||e.endsWith(`\\`)?!0:!(e.split(/[/\\]/).pop()||``).includes(`.`):!1,i=e=>{if(!e)return``;let t=e.split(/[/\\]/),n=t[t.length-1];return r(e)&&!n.endsWith(`/`)?`${n}/`:n};function a(r){let{children:a}=r,o=r=>{try{let e=n(r);return(0,t.jsx)(`span`,{className:`font-mono font-normal tracking-tight`,title:e,children:i(e)})}catch(n){return e.default.error(String(n)),(0,t.jsx)(`span`,{className:`font-mono font-normal tracking-tight`,children:r})}};return Array.isArray(a)?(0,t.jsx)(`span`,{className:`font-normal tracking-tight`,children:a.map((e,n)=>typeof e==`string`?(0,t.jsx)(`span`,{children:o(e)},`${e}-${n}`):e)}):typeof a==`string`?(0,t.jsx)(`span`,{className:`font-normal tracking-tight`,children:o(a)}):(0,t.jsx)(`span`,{className:`font-mono font-normal tracking-tight`,children:a})}exports.PathComponent=a;
 //# sourceMappingURL=path-component.cjs.map

package/dist/components/features/chat/path-component.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"path-component.cjs","names":[],"sources":["../../../../src/components/features/chat/path-component.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport EventLogger from \"#/utils/event-logger\";\n\n/**\n * Decodes HTML entities in a string\n * @param text The text to decode\n * @returns The decoded text\n */\nconst decodeHtmlEntities = (text: string): string => {\n  const textarea = document.createElement(\"textarea\");\n  textarea.innerHTML = text;\n  return textarea.value;\n};\n\n/**\n * Checks if a path is likely a directory\n * @param path The full path\n * @returns True if the path is likely a directory\n */\nconst isLikelyDirectory = (path: string): boolean => {\n  if (!path) return false;\n  // Check if path already ends with a slash\n  if (path.endsWith(\"/\") || path.endsWith(\"\\\\\")) return true;\n  // Check if path has no extension (simple heuristic)\n  const lastPart = path.split(/[/\\\\]/).pop() || \"\";\n  // If the last part has no dots, it's likely a directory\n  return !lastPart.includes(\".\");\n};\n\n/**\n * Extracts the filename from a path\n * @param path The full path\n * @returns The filename (last part of the path)\n */\nconst extractFilename = (path: string): string => {\n  if (!path) return \"\";\n  // Handle both Unix and Windows paths\n  const parts = path.split(/[/\\\\]/);\n  const filename = parts[parts.length - 1];\n\n  // Add trailing slash for directories\n  if (isLikelyDirectory(path) && !filename.endsWith(\"/\")) {\n    return `${filename}/`;\n  }\n\n  return filename;\n};\n\n/**\n * Component that displays only the filename in the text but shows the full path on hover\n * Similar to MonoComponent but with path-specific functionality\n */\nfunction PathComponent(props: { children?: ReactNode }) {\n  const { children } = props;\n\n  const processPath = (path: string) => {\n    try {\n      // First decode any HTML entities in the path\n      const decodedPath = decodeHtmlEntities(path);\n      // Extract the filename from the decoded path\n      const filename = extractFilename(decodedPath);\n      return (\n        <span className=\"font-mono\" title={decodedPath}>\n          {filename}\n        </span>\n      );\n    } catch (e) {\n      // Just log the error without any message to avoid localization issues\n      EventLogger.error(String(e));\n      return <span className=\"font-mono\">{path}</span>;\n    }\n  };\n\n  if (Array.isArray(children)) {\n    const processedChildren = children.map((child, index) =>\n      typeof child === \"string\" ? (\n        <span key={`${child}-${index}`}>{processPath(child)}</span>\n      ) : (\n        child\n      ),\n    );\n\n    return <strong className=\"font-mono\">{processedChildren}</strong>;\n  }\n\n  if (typeof children === \"string\") {\n    return <strong>{processPath(children)}</strong>;\n  }\n\n  return <strong className=\"font-mono\">{children}</strong>;\n}\n\nexport { PathComponent, isLikelyDirectory };\n"],"mappings":"yIAQA,IAAM,EAAsB,GAAyB,CACnD,IAAM,EAAW,SAAS,cAAc,UAAU,EAElD,MADA,GAAS,UAAY,EACd,EAAS,KAClB,EAOM,EAAqB,GACpB,EAED,EAAK,SAAS,GAAG,GAAK,EAAK,SAAS,IAAI,EAAU,GAI/C,EAFU,EAAK,MAAM,OAAO,EAAE,IAAI,GAAK,IAE7B,SAAS,GAAG,EANX,GAcd,EAAmB,GAAyB,CAChD,GAAI,CAAC,EAAM,MAAO,GAElB,IAAM,EAAQ,EAAK,MAAM,OAAO,EAC1B,EAAW,EAAM,EAAM,OAAS,GAOtC,OAJI,EAAkB,CAAI,GAAK,CAAC,EAAS,SAAS,GAAG,EAC5C,GAAG,EAAS,GAGd,CACT,EAMA,SAAS,EAAc,EAAiC,CACtD,GAAM,CAAE,YAAa,EAEf,EAAe,GAAiB,CACpC,GAAI,CAEF,IAAM,EAAc,EAAmB,CAAI,EAG3C,OACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,YAAY,MAAO,WAFpB,EAAgB,CAG5B,CACG,CAAA,CAEV,OAAS,EAAG,CAGV,OADA,EAAA,QAAY,MAAM,OAAO,CAAC,CAAC,GACpB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qBAAa,CAAW,CAAA,CACjD,CACF,EAkBA,OAhBI,MAAM,QAAQ,CAAQ,GASjB,EAAA,EAAA,KAAC,SAAD,CAAQ,UAAU,qBARC,EAAS,KAAK,EAAO,IAC7C,OAAO,GAAU,UACf,EAAA,EAAA,KAAC,OAAD,CAAA,SAAiC,EAAY,CAAK,CAAQ,EAA/C,GAAG,EAAM,GAAG,GAAmC,EAE1D,CAIkC,CAA0B,CAAA,EAG9D,OAAO,GAAa,UACf,EAAA,EAAA,KAAC,SAAD,CAAA,SAAS,EAAY,CAAQ,CAAU,CAAA,GAGzC,EAAA,EAAA,KAAC,SAAD,CAAQ,UAAU,YAAa,UAAiB,CAAA,CACzD"}
+{"version":3,"file":"path-component.cjs","names":[],"sources":["../../../../src/components/features/chat/path-component.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport EventLogger from \"#/utils/event-logger\";\n\n/**\n * Decodes HTML entities in a string\n * @param text The text to decode\n * @returns The decoded text\n */\nconst decodeHtmlEntities = (text: string): string => {\n  const textarea = document.createElement(\"textarea\");\n  textarea.innerHTML = text;\n  return textarea.value;\n};\n\n/**\n * Checks if a path is likely a directory\n * @param path The full path\n * @returns True if the path is likely a directory\n */\nconst isLikelyDirectory = (path: string): boolean => {\n  if (!path) return false;\n  // Check if path already ends with a slash\n  if (path.endsWith(\"/\") || path.endsWith(\"\\\\\")) return true;\n  // Check if path has no extension (simple heuristic)\n  const lastPart = path.split(/[/\\\\]/).pop() || \"\";\n  // If the last part has no dots, it's likely a directory\n  return !lastPart.includes(\".\");\n};\n\n/**\n * Extracts the filename from a path\n * @param path The full path\n * @returns The filename (last part of the path)\n */\nconst extractFilename = (path: string): string => {\n  if (!path) return \"\";\n  // Handle both Unix and Windows paths\n  const parts = path.split(/[/\\\\]/);\n  const filename = parts[parts.length - 1];\n\n  // Add trailing slash for directories\n  if (isLikelyDirectory(path) && !filename.endsWith(\"/\")) {\n    return `${filename}/`;\n  }\n\n  return filename;\n};\n\n/**\n * Component that displays only the filename in the text but shows the full path on hover\n * Similar to MonoComponent but with path-specific functionality\n */\nfunction PathComponent(props: { children?: ReactNode }) {\n  const { children } = props;\n\n  const processPath = (path: string) => {\n    try {\n      // First decode any HTML entities in the path\n      const decodedPath = decodeHtmlEntities(path);\n      // Extract the filename from the decoded path\n      const filename = extractFilename(decodedPath);\n      return (\n        <span\n          className=\"font-mono font-normal tracking-tight\"\n          title={decodedPath}\n        >\n          {filename}\n        </span>\n      );\n    } catch (e) {\n      // Just log the error without any message to avoid localization issues\n      EventLogger.error(String(e));\n      return (\n        <span className=\"font-mono font-normal tracking-tight\">{path}</span>\n      );\n    }\n  };\n\n  if (Array.isArray(children)) {\n    const processedChildren = children.map((child, index) =>\n      typeof child === \"string\" ? (\n        <span key={`${child}-${index}`}>{processPath(child)}</span>\n      ) : (\n        child\n      ),\n    );\n\n    return (\n      <span className=\"font-normal tracking-tight\">{processedChildren}</span>\n    );\n  }\n\n  if (typeof children === \"string\") {\n    return (\n      <span className=\"font-normal tracking-tight\">\n        {processPath(children)}\n      </span>\n    );\n  }\n\n  return (\n    <span className=\"font-mono font-normal tracking-tight\">{children}</span>\n  );\n}\n\nexport { PathComponent, isLikelyDirectory };\n"],"mappings":"yIAQA,IAAM,EAAsB,GAAyB,CACnD,IAAM,EAAW,SAAS,cAAc,UAAU,EAElD,MADA,GAAS,UAAY,EACd,EAAS,KAClB,EAOM,EAAqB,GACpB,EAED,EAAK,SAAS,GAAG,GAAK,EAAK,SAAS,IAAI,EAAU,GAI/C,EAFU,EAAK,MAAM,OAAO,EAAE,IAAI,GAAK,IAE7B,SAAS,GAAG,EANX,GAcd,EAAmB,GAAyB,CAChD,GAAI,CAAC,EAAM,MAAO,GAElB,IAAM,EAAQ,EAAK,MAAM,OAAO,EAC1B,EAAW,EAAM,EAAM,OAAS,GAOtC,OAJI,EAAkB,CAAI,GAAK,CAAC,EAAS,SAAS,GAAG,EAC5C,GAAG,EAAS,GAGd,CACT,EAMA,SAAS,EAAc,EAAiC,CACtD,GAAM,CAAE,YAAa,EAEf,EAAe,GAAiB,CACpC,GAAI,CAEF,IAAM,EAAc,EAAmB,CAAI,EAG3C,OACE,EAAA,EAAA,KAAC,OAAD,CACE,UAAU,uCACV,MAAO,WAJM,EAAgB,CAM5B,CACG,CAAA,CAEV,OAAS,EAAG,CAGV,OADA,EAAA,QAAY,MAAM,OAAO,CAAC,CAAC,GAEzB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gDAAwC,CAAW,CAAA,CAEvE,CACF,EAwBA,OAtBI,MAAM,QAAQ,CAAQ,GAUtB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sCATQ,EAAS,KAAK,EAAO,IAC7C,OAAO,GAAU,UACf,EAAA,EAAA,KAAC,OAAD,CAAA,SAAiC,EAAY,CAAK,CAAQ,EAA/C,GAAG,EAAM,GAAG,GAAmC,EAE1D,CAK4C,CAAwB,CAAA,EAItE,OAAO,GAAa,UAEpB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sCACb,EAAY,CAAQ,CACjB,CAAA,GAKR,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uCAAwC,UAAe,CAAA,CAE3E"}

package/dist/components/features/chat/path-component.js

@@ -14,22 +14,25 @@ function a(r) {
 		try {
 			let e = n(r);
 			return /* @__PURE__ */ t("span", {
-				className: "font-mono",
+				className: "font-mono font-normal tracking-tight",
 				title: e,
 				children: i(e)
 			});
 		} catch (n) {
 			return e.error(String(n)), /* @__PURE__ */ t("span", {
-				className: "font-mono",
+				className: "font-mono font-normal tracking-tight",
 				children: r
 			});
 		}
 	};
-	return Array.isArray(a) ? /* @__PURE__ */ t("strong", {
-		className: "font-mono",
+	return Array.isArray(a) ? /* @__PURE__ */ t("span", {
+		className: "font-normal tracking-tight",
 		children: a.map((e, n) => typeof e == "string" ? /* @__PURE__ */ t("span", { children: o(e) }, `${e}-${n}`) : e)
-	}) : typeof a == "string" ? /* @__PURE__ */ t("strong", { children: o(a) }) : /* @__PURE__ */ t("strong", {
-		className: "font-mono",
+	}) : typeof a == "string" ? /* @__PURE__ */ t("span", {
+		className: "font-normal tracking-tight",
+		children: o(a)
+	}) : /* @__PURE__ */ t("span", {
+		className: "font-mono font-normal tracking-tight",
 		children: a
 	});
 }

package/dist/components/features/chat/path-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"path-component.js","names":[],"sources":["../../../../src/components/features/chat/path-component.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport EventLogger from \"#/utils/event-logger\";\n\n/**\n * Decodes HTML entities in a string\n * @param text The text to decode\n * @returns The decoded text\n */\nconst decodeHtmlEntities = (text: string): string => {\n  const textarea = document.createElement(\"textarea\");\n  textarea.innerHTML = text;\n  return textarea.value;\n};\n\n/**\n * Checks if a path is likely a directory\n * @param path The full path\n * @returns True if the path is likely a directory\n */\nconst isLikelyDirectory = (path: string): boolean => {\n  if (!path) return false;\n  // Check if path already ends with a slash\n  if (path.endsWith(\"/\") || path.endsWith(\"\\\\\")) return true;\n  // Check if path has no extension (simple heuristic)\n  const lastPart = path.split(/[/\\\\]/).pop() || \"\";\n  // If the last part has no dots, it's likely a directory\n  return !lastPart.includes(\".\");\n};\n\n/**\n * Extracts the filename from a path\n * @param path The full path\n * @returns The filename (last part of the path)\n */\nconst extractFilename = (path: string): string => {\n  if (!path) return \"\";\n  // Handle both Unix and Windows paths\n  const parts = path.split(/[/\\\\]/);\n  const filename = parts[parts.length - 1];\n\n  // Add trailing slash for directories\n  if (isLikelyDirectory(path) && !filename.endsWith(\"/\")) {\n    return `${filename}/`;\n  }\n\n  return filename;\n};\n\n/**\n * Component that displays only the filename in the text but shows the full path on hover\n * Similar to MonoComponent but with path-specific functionality\n */\nfunction PathComponent(props: { children?: ReactNode }) {\n  const { children } = props;\n\n  const processPath = (path: string) => {\n    try {\n      // First decode any HTML entities in the path\n      const decodedPath = decodeHtmlEntities(path);\n      // Extract the filename from the decoded path\n      const filename = extractFilename(decodedPath);\n      return (\n        <span className=\"font-mono\" title={decodedPath}>\n          {filename}\n        </span>\n      );\n    } catch (e) {\n      // Just log the error without any message to avoid localization issues\n      EventLogger.error(String(e));\n      return <span className=\"font-mono\">{path}</span>;\n    }\n  };\n\n  if (Array.isArray(children)) {\n    const processedChildren = children.map((child, index) =>\n      typeof child === \"string\" ? (\n        <span key={`${child}-${index}`}>{processPath(child)}</span>\n      ) : (\n        child\n      ),\n    );\n\n    return <strong className=\"font-mono\">{processedChildren}</strong>;\n  }\n\n  if (typeof children === \"string\") {\n    return <strong>{processPath(children)}</strong>;\n  }\n\n  return <strong className=\"font-mono\">{children}</strong>;\n}\n\nexport { PathComponent, isLikelyDirectory };\n"],"mappings":";;;AAQA,IAAM,KAAsB,MAAyB;CACnD,IAAM,IAAW,SAAS,cAAc,UAAU;CAElD,OADA,EAAS,YAAY,GACd,EAAS;AAClB,GAOM,KAAqB,MACpB,IAED,EAAK,SAAS,GAAG,KAAK,EAAK,SAAS,IAAI,IAAU,KAI/C,EAFU,EAAK,MAAM,OAAO,EAAE,IAAI,KAAK,IAE7B,SAAS,GAAG,IANX,IAcd,KAAmB,MAAyB;CAChD,IAAI,CAAC,GAAM,OAAO;CAElB,IAAM,IAAQ,EAAK,MAAM,OAAO,GAC1B,IAAW,EAAM,EAAM,SAAS;CAOtC,OAJI,EAAkB,CAAI,KAAK,CAAC,EAAS,SAAS,GAAG,IAC5C,GAAG,EAAS,KAGd;AACT;AAMA,SAAS,EAAc,GAAiC;CACtD,IAAM,EAAE,gBAAa,GAEf,KAAe,MAAiB;EACpC,IAAI;GAEF,IAAM,IAAc,EAAmB,CAAI;GAG3C,OACE,kBAAC,QAAD;IAAM,WAAU;IAAY,OAAO;cAFpB,EAAgB,CAG5B;GACG,CAAA;EAEV,SAAS,GAAG;GAGV,OADA,EAAY,MAAM,OAAO,CAAC,CAAC,GACpB,kBAAC,QAAD;IAAM,WAAU;cAAa;GAAW,CAAA;EACjD;CACF;CAkBA,OAhBI,MAAM,QAAQ,CAAQ,IASjB,kBAAC,UAAD;EAAQ,WAAU;YARC,EAAS,KAAK,GAAO,MAC7C,OAAO,KAAU,WACf,kBAAC,QAAD,EAAA,UAAiC,EAAY,CAAK,EAAQ,GAA/C,GAAG,EAAM,GAAG,GAAmC,IAE1D,CAIkC;CAA0B,CAAA,IAG9D,OAAO,KAAa,WACf,kBAAC,UAAD,EAAA,UAAS,EAAY,CAAQ,EAAU,CAAA,IAGzC,kBAAC,UAAD;EAAQ,WAAU;EAAa;CAAiB,CAAA;AACzD"}
+{"version":3,"file":"path-component.js","names":[],"sources":["../../../../src/components/features/chat/path-component.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport EventLogger from \"#/utils/event-logger\";\n\n/**\n * Decodes HTML entities in a string\n * @param text The text to decode\n * @returns The decoded text\n */\nconst decodeHtmlEntities = (text: string): string => {\n  const textarea = document.createElement(\"textarea\");\n  textarea.innerHTML = text;\n  return textarea.value;\n};\n\n/**\n * Checks if a path is likely a directory\n * @param path The full path\n * @returns True if the path is likely a directory\n */\nconst isLikelyDirectory = (path: string): boolean => {\n  if (!path) return false;\n  // Check if path already ends with a slash\n  if (path.endsWith(\"/\") || path.endsWith(\"\\\\\")) return true;\n  // Check if path has no extension (simple heuristic)\n  const lastPart = path.split(/[/\\\\]/).pop() || \"\";\n  // If the last part has no dots, it's likely a directory\n  return !lastPart.includes(\".\");\n};\n\n/**\n * Extracts the filename from a path\n * @param path The full path\n * @returns The filename (last part of the path)\n */\nconst extractFilename = (path: string): string => {\n  if (!path) return \"\";\n  // Handle both Unix and Windows paths\n  const parts = path.split(/[/\\\\]/);\n  const filename = parts[parts.length - 1];\n\n  // Add trailing slash for directories\n  if (isLikelyDirectory(path) && !filename.endsWith(\"/\")) {\n    return `${filename}/`;\n  }\n\n  return filename;\n};\n\n/**\n * Component that displays only the filename in the text but shows the full path on hover\n * Similar to MonoComponent but with path-specific functionality\n */\nfunction PathComponent(props: { children?: ReactNode }) {\n  const { children } = props;\n\n  const processPath = (path: string) => {\n    try {\n      // First decode any HTML entities in the path\n      const decodedPath = decodeHtmlEntities(path);\n      // Extract the filename from the decoded path\n      const filename = extractFilename(decodedPath);\n      return (\n        <span\n          className=\"font-mono font-normal tracking-tight\"\n          title={decodedPath}\n        >\n          {filename}\n        </span>\n      );\n    } catch (e) {\n      // Just log the error without any message to avoid localization issues\n      EventLogger.error(String(e));\n      return (\n        <span className=\"font-mono font-normal tracking-tight\">{path}</span>\n      );\n    }\n  };\n\n  if (Array.isArray(children)) {\n    const processedChildren = children.map((child, index) =>\n      typeof child === \"string\" ? (\n        <span key={`${child}-${index}`}>{processPath(child)}</span>\n      ) : (\n        child\n      ),\n    );\n\n    return (\n      <span className=\"font-normal tracking-tight\">{processedChildren}</span>\n    );\n  }\n\n  if (typeof children === \"string\") {\n    return (\n      <span className=\"font-normal tracking-tight\">\n        {processPath(children)}\n      </span>\n    );\n  }\n\n  return (\n    <span className=\"font-mono font-normal tracking-tight\">{children}</span>\n  );\n}\n\nexport { PathComponent, isLikelyDirectory };\n"],"mappings":";;;AAQA,IAAM,KAAsB,MAAyB;CACnD,IAAM,IAAW,SAAS,cAAc,UAAU;CAElD,OADA,EAAS,YAAY,GACd,EAAS;AAClB,GAOM,KAAqB,MACpB,IAED,EAAK,SAAS,GAAG,KAAK,EAAK,SAAS,IAAI,IAAU,KAI/C,EAFU,EAAK,MAAM,OAAO,EAAE,IAAI,KAAK,IAE7B,SAAS,GAAG,IANX,IAcd,KAAmB,MAAyB;CAChD,IAAI,CAAC,GAAM,OAAO;CAElB,IAAM,IAAQ,EAAK,MAAM,OAAO,GAC1B,IAAW,EAAM,EAAM,SAAS;CAOtC,OAJI,EAAkB,CAAI,KAAK,CAAC,EAAS,SAAS,GAAG,IAC5C,GAAG,EAAS,KAGd;AACT;AAMA,SAAS,EAAc,GAAiC;CACtD,IAAM,EAAE,gBAAa,GAEf,KAAe,MAAiB;EACpC,IAAI;GAEF,IAAM,IAAc,EAAmB,CAAI;GAG3C,OACE,kBAAC,QAAD;IACE,WAAU;IACV,OAAO;cAJM,EAAgB,CAM5B;GACG,CAAA;EAEV,SAAS,GAAG;GAGV,OADA,EAAY,MAAM,OAAO,CAAC,CAAC,GAEzB,kBAAC,QAAD;IAAM,WAAU;cAAwC;GAAW,CAAA;EAEvE;CACF;CAwBA,OAtBI,MAAM,QAAQ,CAAQ,IAUtB,kBAAC,QAAD;EAAM,WAAU;YATQ,EAAS,KAAK,GAAO,MAC7C,OAAO,KAAU,WACf,kBAAC,QAAD,EAAA,UAAiC,EAAY,CAAK,EAAQ,GAA/C,GAAG,EAAM,GAAG,GAAmC,IAE1D,CAK4C;CAAwB,CAAA,IAItE,OAAO,KAAa,WAEpB,kBAAC,QAAD;EAAM,WAAU;YACb,EAAY,CAAQ;CACjB,CAAA,IAKR,kBAAC,QAAD;EAAM,WAAU;EAAwC;CAAe,CAAA;AAE3E"}

package/dist/components/features/chat/plan-preview.cjs

@@ -1,2 +1,2 @@
-require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../node_modules/lucide-react/dist/esm/icons/arrow-up-right.cjs"),r=require("../../../utils/utils.cjs"),i=require("../markdown/markdown-renderer.cjs"),a=require("../../../ui/typography.cjs"),o=require("../../../icons/lesson-plan.cjs"),s=require("../../../context/scroll-context.cjs"),c=require("../../../hooks/use-handle-build-plan-click.cjs"),l=require("../../../hooks/use-select-conversation-tab.cjs"),u=require("../markdown/plan-components.cjs");let d=require("react"),f=require("react/jsx-runtime");var p=300,m=u.createPlanComponents(`shine-text`);function h({planContent:h,isStreaming:g,isBuildDisabled:_}){let{t:v}=e.useTranslation(`openhands`),{navigateToTab:y}=l.useSelectConversationTab(),{handleBuildPlanClick:b}=c.useHandleBuildPlanClick(),{scrollDomToBottom:x}=s.useScrollContext(),S=()=>{y(`planner`)},C=(0,d.useCallback)(e=>{b(e),x()},[b,x]),w=(0,d.useMemo)(()=>h?h.length<=p?h:`${h.slice(0,p)}...`:``,[h]);return h?(0,f.jsxs)(`div`,{className:`bg-[var(--oh-surface)] border border-[#597FF4] rounded-[12px] w-full mt-2`,children:[(0,f.jsxs)(`div`,{className:`border-b border-[var(--oh-border)] flex h-[41px] items-center px-2 gap-1`,children:[(0,f.jsx)(o.default,{width:18,height:18,color:`var(--oh-muted)`}),(0,f.jsx)(a.Typography.Text,{className:`font-normal text-[11px] text-white tracking-[0.11px] leading-4`,children:v(t.I18nKey.COMMON$PLAN_MD)}),(0,f.jsx)(`div`,{className:`flex-1`}),(0,f.jsxs)(`button`,{type:`button`,onClick:S,className:`flex items-center gap-1 hover:opacity-80 transition-opacity cursor-pointer`,"data-testid":`plan-preview-view-button`,children:[(0,f.jsx)(a.Typography.Text,{className:`font-normal text-[11px] text-white tracking-[0.11px] leading-4`,children:v(t.I18nKey.COMMON$VIEW)}),(0,f.jsx)(n.ArrowUpRight,{className:`text-white`,size:18})]})]}),(0,f.jsx)(`div`,{"data-testid":`plan-preview-content`,className:`flex flex-col gap-[10px] p-4 text-[15px] text-white leading-[29px]`,children:w&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(i.MarkdownRenderer,{includeStandard:!0,components:g?m:u.planComponents,children:w}),h&&h.length>p&&(0,f.jsx)(`button`,{type:`button`,onClick:S,className:`text-[#4a67bd] cursor-pointer hover:underline text-left`,"data-testid":`plan-preview-read-more-button`,children:v(t.I18nKey.COMMON$READ_MORE)})]})}),(0,f.jsx)(`div`,{className:`border-t border-[var(--oh-border)] flex h-[54px] items-center justify-start px-4`,children:(0,f.jsx)(`button`,{type:`button`,onClick:C,disabled:_,className:r.cn(`bg-white flex items-center justify-center h-[26px] px-2 rounded-[4px] w-[93px] transition-opacity`,_?`opacity-50 cursor-not-allowed`:`hover:opacity-90 cursor-pointer`),"data-testid":`plan-preview-build-button`,children:(0,f.jsxs)(a.Typography.Text,{className:`font-normal text-[14px] text-black leading-5`,children:[v(t.I18nKey.COMMON$BUILD),` `,(0,f.jsx)(a.Typography.Text,{className:`font-normal text-black`,children:`⌘↩`})]})})})]}):null}exports.PlanPreview=h;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../node_modules/lucide-react/dist/esm/icons/arrow-up-right.cjs"),r=require("../../../utils/utils.cjs"),i=require("../markdown/markdown-renderer.cjs"),a=require("../../../ui/typography.cjs"),o=require("../../../icons/lesson-plan.cjs"),s=require("../../../hooks/use-select-conversation-tab.cjs"),c=require("../../../context/scroll-context.cjs"),l=require("../../../hooks/use-handle-build-plan-click.cjs"),u=require("../markdown/plan-components.cjs");let d=require("react"),f=require("react/jsx-runtime");var p=300,m=u.createPlanComponents(`shine-text`);function h({planContent:h,isStreaming:g,isBuildDisabled:_}){let{t:v}=e.useTranslation(`openhands`),{navigateToTab:y}=s.useSelectConversationTab(),{handleBuildPlanClick:b}=l.useHandleBuildPlanClick(),{scrollDomToBottom:x}=c.useScrollContext(),S=()=>{y(`planner`)},C=(0,d.useCallback)(e=>{b(e),x()},[b,x]),w=(0,d.useMemo)(()=>h?h.length<=p?h:`${h.slice(0,p)}...`:``,[h]);return h?(0,f.jsxs)(`div`,{className:`bg-[var(--oh-surface)] border border-[#597FF4] rounded-[12px] w-full mt-2`,children:[(0,f.jsxs)(`div`,{className:`border-b border-[var(--oh-border)] flex h-[41px] items-center px-2 gap-1`,children:[(0,f.jsx)(o.default,{width:18,height:18,color:`var(--oh-muted)`}),(0,f.jsx)(a.Typography.Text,{className:`font-normal text-[11px] text-white tracking-[0.11px] leading-4`,children:v(t.I18nKey.COMMON$PLAN_MD)}),(0,f.jsx)(`div`,{className:`flex-1`}),(0,f.jsxs)(`button`,{type:`button`,onClick:S,className:`flex items-center gap-1 hover:opacity-80 transition-opacity cursor-pointer`,"data-testid":`plan-preview-view-button`,children:[(0,f.jsx)(a.Typography.Text,{className:`font-normal text-[11px] text-white tracking-[0.11px] leading-4`,children:v(t.I18nKey.COMMON$VIEW)}),(0,f.jsx)(n.ArrowUpRight,{className:`text-white`,size:18})]})]}),(0,f.jsx)(`div`,{"data-testid":`plan-preview-content`,className:`flex flex-col gap-[10px] p-4 text-[15px] text-white leading-[29px]`,children:w&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(i.MarkdownRenderer,{includeStandard:!0,components:g?m:u.planComponents,children:w}),h&&h.length>p&&(0,f.jsx)(`button`,{type:`button`,onClick:S,className:`text-[#4a67bd] cursor-pointer hover:underline text-left`,"data-testid":`plan-preview-read-more-button`,children:v(t.I18nKey.COMMON$READ_MORE)})]})}),(0,f.jsx)(`div`,{className:`border-t border-[var(--oh-border)] flex h-[54px] items-center justify-start px-4`,children:(0,f.jsx)(`button`,{type:`button`,onClick:C,disabled:_,className:r.cn(`bg-white flex items-center justify-center h-[26px] px-2 rounded-[4px] w-[93px] transition-opacity`,_?`opacity-50 cursor-not-allowed`:`hover:opacity-90 cursor-pointer`),"data-testid":`plan-preview-build-button`,children:(0,f.jsxs)(a.Typography.Text,{className:`font-normal text-[14px] text-black leading-5`,children:[v(t.I18nKey.COMMON$BUILD),` `,(0,f.jsx)(a.Typography.Text,{className:`font-normal text-black`,children:`⌘↩`})]})})})]}):null}exports.PlanPreview=h;
 //# sourceMappingURL=plan-preview.cjs.map

package/dist/components/features/chat/plan-preview.js

@@ -5,16 +5,16 @@ import { cn as r } from "../../../utils/utils.js";
 import { MarkdownRenderer as i } from "../markdown/markdown-renderer.js";
 import { Typography as a } from "../../../ui/typography.js";
 import o from "../../../icons/lesson-plan.js";
-import { useScrollContext as s } from "../../../context/scroll-context.js";
-import { useHandleBuildPlanClick as c } from "../../../hooks/use-handle-build-plan-click.js";
-import { useSelectConversationTab as l } from "../../../hooks/use-select-conversation-tab.js";
+import { useSelectConversationTab as s } from "../../../hooks/use-select-conversation-tab.js";
+import { useScrollContext as c } from "../../../context/scroll-context.js";
+import { useHandleBuildPlanClick as l } from "../../../hooks/use-handle-build-plan-click.js";
 import { createPlanComponents as u, planComponents as d } from "../markdown/plan-components.js";
 import { useCallback as f, useMemo as p } from "react";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/features/chat/plan-preview.tsx
 var _ = 300, v = u("shine-text");
 function y({ planContent: u, isStreaming: y, isBuildDisabled: b }) {
-	let { t: x } = e("openhands"), { navigateToTab: S } = l(), { handleBuildPlanClick: C } = c(), { scrollDomToBottom: w } = s(), T = () => {
+	let { t: x } = e("openhands"), { navigateToTab: S } = s(), { handleBuildPlanClick: C } = l(), { scrollDomToBottom: w } = c(), T = () => {
 		S("planner");
 	}, E = f((e) => {
 		C(e), w();

package/dist/components/features/chat/tool-visualizers/file-editor/file-editor.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../../../_virtual/_rolldown/runtime.cjs"),t=require("../define.cjs"),n=require("../text-content.cjs"),r=require("../primitives/code-block.cjs"),i=require("../../../../../utils/get-language-from-path.cjs"),a=require("../primitives/diff-view.cjs"),o=require("../primitives/file-path-chip.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=t.defineVisualizer({actionKinds:[`FileEditorAction`,`StrReplaceEditorAction`],observationKinds:[`FileEditorObservation`,`StrReplaceEditorObservation`],Body:function({action:e,observation:t}){let s=t?.observation.path??e?.action.path??``,l=t?.observation.command??e?.action.command,u=i.getLanguageFromPath(s),d=e?.action.view_range,f=l===`view`&&d?`${d[0]}-${d[1]}`:void 0,p=s?(0,c.jsx)(o.FilePathChip,{path:s,range:f}):null;if(t){let e=t.observation,i=null;if(e.error)i=(0,c.jsx)(`span`,{className:`whitespace-pre-wrap text-xs text-danger`,children:e.error});else if(e.old_content!=null&&e.new_content!=null)i=(0,c.jsx)(a.DiffView,{oldText:e.old_content,newText:e.new_content});else{let t=e.new_content||e.output||(e.content?n.textFromContent(e.content):``);i=t?(0,c.jsx)(r.CodeBlock,{code:t,language:u}):null}return(0,c.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[p,i]})}if(e){let t=e.action,n=null;return t.command===`create`&&t.file_text?n=(0,c.jsx)(r.CodeBlock,{code:t.file_text,language:u}):(t.command===`str_replace`||t.command===`insert`)&&t.new_str!=null&&(n=(0,c.jsx)(a.DiffView,{oldText:t.old_str??``,newText:t.new_str})),(0,c.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[p,n]})}return null}});exports.fileEditorVisualizer=l;
+const e=require("../../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../../hooks/use-conversation-id.cjs"),n=require("../../../../../stores/files-tab-store.cjs"),r=require("../../../../../hooks/query/use-active-conversation.cjs"),i=require("../../../../../hooks/use-select-conversation-tab.cjs"),a=require("../define.cjs"),o=require("../text-content.cjs"),s=require("../primitives/code-block.cjs"),c=require("../../../../../utils/get-language-from-path.cjs"),l=require("../../../../../utils/workspace-relative-path.cjs"),u=require("../primitives/diff-view.cjs"),d=require("../primitives/file-path-chip.cjs"),f=require("../../../../../utils/is-markdown-file-path.cjs"),p=require("../primitives/markdown-file-preview.cjs");let m=require("react");m=e.__toESM(m,1);let h=require("react/jsx-runtime");var g=({action:e,observation:t})=>t?.observation.path??e?.action.path??``;function _({action:e,observation:t,onOpenFile:n}){let r=g({action:e,observation:t}),i=t?.observation.command??e?.action.command,a=c.getLanguageFromPath(r),l=e?.action.view_range,m=i===`view`&&l?`${l[0]}-${l[1]}`:void 0,_=r?(0,h.jsx)(d.FilePathChip,{path:r,range:m,onClick:n}):null,v=e=>r&&i===`create`&&f.isMarkdownFilePath(r)?{chip:null,body:(0,h.jsx)(p.MarkdownFilePreview,{content:e,path:r,onView:n})}:{chip:_,body:(0,h.jsx)(s.CodeBlock,{code:e,language:a})};if(t){let e=t.observation,n=null,r=_;if(e.error)n=(0,h.jsx)(`span`,{className:`whitespace-pre-wrap text-xs text-danger`,children:e.error});else if(e.old_content!=null&&e.new_content!=null)n=(0,h.jsx)(u.DiffView,{oldText:e.old_content,newText:e.new_content});else{let t=e.new_content||e.output||(e.content?o.textFromContent(e.content):``);if(t){let e=v(t);r=e.chip,n=e.body}}return(0,h.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[r,n]})}if(e){let t=e.action,n=null,r=_;if(t.command===`create`&&t.file_text){let e=v(t.file_text);r=e.chip,n=e.body}else (t.command===`str_replace`||t.command===`insert`)&&t.new_str!=null&&(n=(0,h.jsx)(u.DiffView,{oldText:t.old_str??``,newText:t.new_str}));return(0,h.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[r,n]})}return null}function v({conversationId:e,...t}){let{navigateToTab:a}=i.useSelectConversationTab(),o=n.useFilesTabStore(e=>e.setSelectedPath),{data:s}=r.useActiveConversation(),c=g(t),u=s?.workspace?.working_dir,d=c&&t.observation?()=>{o(l.toWorkspaceRelativePath(c,u),e),a(`files`)}:void 0;return(0,h.jsx)(_,{...t,onOpenFile:d})}var y=a.defineVisualizer({actionKinds:[`FileEditorAction`,`StrReplaceEditorAction`],observationKinds:[`FileEditorObservation`,`StrReplaceEditorObservation`],Body:function(e){let{conversationId:n}=t.useOptionalConversationId();return n?(0,h.jsx)(v,{...e,conversationId:n}):(0,h.jsx)(_,{...e})}});exports.fileEditorVisualizer=y;
 //# sourceMappingURL=file-editor.cjs.map

package/dist/components/features/chat/tool-visualizers/file-editor/file-editor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"file-editor.cjs","names":[],"sources":["../../../../../../src/components/features/chat/tool-visualizers/file-editor/file-editor.tsx"],"sourcesContent":["import React from \"react\";\nimport { getLanguageFromPath } from \"#/utils/get-language-from-path\";\nimport { defineVisualizer } from \"../define\";\nimport { textFromContent } from \"../text-content\";\nimport { CodeBlock } from \"../primitives/code-block\";\nimport { DiffView } from \"../primitives/diff-view\";\nimport { FilePathChip } from \"../primitives/file-path-chip\";\n\n/**\n * File-editor visualizer for `file_editor` / `str_replace_editor` tools.\n *\n * Observation card: error → message; `str_replace`/`insert` → diff of the file\n * before vs after; `create`/`view` → the file content. Action card (shown while\n * the edit is in flight): `create` → new content; `str_replace` → diff of the\n * replaced snippet; `view`/`undo_edit` → just the path + range.\n */\nexport const fileEditorVisualizer = defineVisualizer({\n  actionKinds: [\"FileEditorAction\", \"StrReplaceEditorAction\"],\n  observationKinds: [\"FileEditorObservation\", \"StrReplaceEditorObservation\"],\n  Body: function FileEditorBody({ action, observation }) {\n    const path = observation?.observation.path ?? action?.action.path ?? \"\";\n    const command = observation?.observation.command ?? action?.action.command;\n    const language = getLanguageFromPath(path);\n\n    const viewRange = action?.action.view_range;\n    const range =\n      command === \"view\" && viewRange\n        ? `${viewRange[0]}-${viewRange[1]}`\n        : undefined;\n    const chip = path ? <FilePathChip path={path} range={range} /> : null;\n\n    if (observation) {\n      const obs = observation.observation;\n      let body: React.ReactNode = null;\n      if (obs.error) {\n        body = (\n          <span className=\"whitespace-pre-wrap text-xs text-danger\">\n            {obs.error}\n          </span>\n        );\n      } else if (obs.old_content != null && obs.new_content != null) {\n        // Nullish, not truthy: an empty string is a valid side of the diff —\n        // clearing a file or inserting into an empty file must still render it.\n        body = <DiffView oldText={obs.old_content} newText={obs.new_content} />;\n      } else {\n        // `view` returns the snippet the agent saw in `content` (the `cat -n`\n        // output) rather than `output`/`new_content`, so fall back to it.\n        // Mirrors the markdown path's \"prefer content for view\" handling.\n        const content =\n          obs.new_content ||\n          obs.output ||\n          (obs.content ? textFromContent(obs.content) : \"\");\n        body = content ? (\n          <CodeBlock code={content} language={language} />\n        ) : null;\n      }\n      return (\n        <div className=\"flex flex-col gap-2\">\n          {chip}\n          {body}\n        </div>\n      );\n    }\n\n    if (action) {\n      const act = action.action;\n      let body: React.ReactNode = null;\n      if (act.command === \"create\" && act.file_text) {\n        body = <CodeBlock code={act.file_text} language={language} />;\n      } else if (\n        (act.command === \"str_replace\" || act.command === \"insert\") &&\n        act.new_str != null\n      ) {\n        // `insert` carries only `new_str`, no `old_str`. Key on `new_str` and\n        // default `old_str` to \"\" so an in-flight insert shows an addition diff\n        // instead of nothing.\n        body = <DiffView oldText={act.old_str ?? \"\"} newText={act.new_str} />;\n      }\n      return (\n        <div className=\"flex flex-col gap-2\">\n          {chip}\n          {body}\n        </div>\n      );\n    }\n\n    return null;\n  },\n});\n"],"mappings":"sYAgBA,IAAa,EAAuB,EAAA,iBAAiB,CACnD,YAAa,CAAC,mBAAoB,wBAAwB,EAC1D,iBAAkB,CAAC,wBAAyB,6BAA6B,EACzE,KAAM,SAAwB,CAAE,SAAQ,eAAe,CACrD,IAAM,EAAO,GAAa,YAAY,MAAQ,GAAQ,OAAO,MAAQ,GAC/D,EAAU,GAAa,YAAY,SAAW,GAAQ,OAAO,QAC7D,EAAW,EAAA,oBAAoB,CAAI,EAEnC,EAAY,GAAQ,OAAO,WAC3B,EACJ,IAAY,QAAU,EAClB,GAAG,EAAU,GAAG,GAAG,EAAU,KAC7B,IAAA,GACA,EAAO,GAAO,EAAA,EAAA,KAAC,EAAA,aAAD,CAAoB,OAAa,OAAQ,CAAA,EAAI,KAEjE,GAAI,EAAa,CACf,IAAM,EAAM,EAAY,YACpB,EAAwB,KAC5B,GAAI,EAAI,MACN,GACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mDACb,EAAI,KACD,CAAA,OAEH,GAAI,EAAI,aAAe,MAAQ,EAAI,aAAe,KAGvD,GAAO,EAAA,EAAA,KAAC,EAAA,SAAD,CAAU,QAAS,EAAI,YAAa,QAAS,EAAI,WAAc,CAAA,MACjE,CAIL,IAAM,EACJ,EAAI,aACJ,EAAI,SACH,EAAI,QAAU,EAAA,gBAAgB,EAAI,OAAO,EAAI,IAChD,EAAO,GACL,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,KAAM,EAAmB,UAAW,CAAA,EAC7C,IACN,CACA,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,CACG,EACA,CACE,GAET,CAEA,GAAI,EAAQ,CACV,IAAM,EAAM,EAAO,OACf,EAAwB,KAY5B,OAXI,EAAI,UAAY,UAAY,EAAI,UAClC,GAAO,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,KAAM,EAAI,UAAqB,UAAW,CAAA,GAE3D,EAAI,UAAY,eAAiB,EAAI,UAAY,WAClD,EAAI,SAAW,OAKf,GAAO,EAAA,EAAA,KAAC,EAAA,SAAD,CAAU,QAAS,EAAI,SAAW,GAAI,QAAS,EAAI,OAAU,CAAA,IAGpE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,CACG,EACA,CACE,GAET,CAEA,OAAO,IACT,CACF,CAAC"}
+{"version":3,"file":"file-editor.cjs","names":[],"sources":["../../../../../../src/components/features/chat/tool-visualizers/file-editor/file-editor.tsx"],"sourcesContent":["/**\n * File-editor visualizer for `file_editor` / `str_replace_editor` tools.\n *\n * Observation card: error → message; `str_replace`/`insert` → diff of the file\n * before vs after; `create`/`view` → the file content. Action card (shown while\n * the edit is in flight): `create` → new content; `str_replace` → diff of the\n * replaced snippet; `view`/`undo_edit` → just the path + range.\n *\n * Created Markdown artifacts get a height-clipped rich preview with a View bar\n * that opens the Files drawer, instead of dumping the full source into a code\n * block. Reads/edits of `.md` files keep the normal CodeBlock / DiffView path.\n */\nimport React from \"react\";\nimport { getLanguageFromPath } from \"#/utils/get-language-from-path\";\nimport { toWorkspaceRelativePath } from \"#/utils/workspace-relative-path\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useSelectConversationTab } from \"#/hooks/use-select-conversation-tab\";\nimport { useFilesTabStore } from \"#/stores/files-tab-store\";\nimport type {\n  FileEditorAction,\n  StrReplaceEditorAction,\n} from \"#/types/agent-server/core/base/action\";\nimport type {\n  FileEditorObservation,\n  StrReplaceEditorObservation,\n} from \"#/types/agent-server/core/base/observation\";\nimport { defineVisualizer, VisualizerProps } from \"../define\";\nimport { textFromContent } from \"../text-content\";\nimport { CodeBlock } from \"../primitives/code-block\";\nimport { DiffView } from \"../primitives/diff-view\";\nimport { FilePathChip } from \"../primitives/file-path-chip\";\nimport {\n  isMarkdownFilePath,\n  MarkdownFilePreview,\n} from \"../primitives/markdown-file-preview\";\n\ntype FileEditorCardProps = VisualizerProps<\n  FileEditorAction | StrReplaceEditorAction,\n  FileEditorObservation | StrReplaceEditorObservation\n>;\n\n/** The path the event touched; observations win because they are authoritative. */\nconst resolvePath = ({ action, observation }: FileEditorCardProps): string =>\n  observation?.observation.path ?? action?.action.path ?? \"\";\n\ninterface FileEditorCardBodyProps extends FileEditorCardProps {\n  /**\n   * Deep-links the file into the Files drawer. Absent outside a conversation\n   * route, where there is no drawer to open; the card then stays read-only.\n   * Also omitted for in-flight creates so View does not open a missing file.\n   */\n  onOpenFile?: () => void;\n}\n\nfunction FileEditorCardBody({\n  action,\n  observation,\n  onOpenFile,\n}: FileEditorCardBodyProps) {\n  const path = resolvePath({ action, observation });\n  const command = observation?.observation.command ?? action?.action.command;\n  const language = getLanguageFromPath(path);\n\n  const viewRange = action?.action.view_range;\n  const range =\n    command === \"view\" && viewRange\n      ? `${viewRange[0]}-${viewRange[1]}`\n      : undefined;\n  const chip = path ? (\n    <FilePathChip path={path} range={range} onClick={onOpenFile} />\n  ) : null;\n\n  const renderFileContent = (content: string) => {\n    // Only created Markdown artifacts get the rich preview — `view` returns\n    // `cat -n` numbered snippets that must stay in a CodeBlock.\n    if (path && command === \"create\" && isMarkdownFilePath(path)) {\n      // Markdown artifacts own their card (clipped preview + optional View),\n      // so skip the separate path chip to avoid a duplicate filename affordance.\n      return {\n        chip: null as React.ReactNode,\n        body: (\n          <MarkdownFilePreview\n            content={content}\n            path={path}\n            onView={onOpenFile}\n          />\n        ),\n      };\n    }\n    return {\n      chip,\n      body: <CodeBlock code={content} language={language} />,\n    };\n  };\n\n  if (observation) {\n    const obs = observation.observation;\n    let body: React.ReactNode = null;\n    let leadingChip: React.ReactNode = chip;\n    if (obs.error) {\n      body = (\n        <span className=\"whitespace-pre-wrap text-xs text-danger\">\n          {obs.error}\n        </span>\n      );\n    } else if (obs.old_content != null && obs.new_content != null) {\n      // Nullish, not truthy: an empty string is a valid side of the diff —\n      // clearing a file or inserting into an empty file must still render it.\n      body = <DiffView oldText={obs.old_content} newText={obs.new_content} />;\n    } else {\n      // `view` returns the snippet the agent saw in `content` (the `cat -n`\n      // output) rather than `output`/`new_content`, so fall back to it.\n      // Mirrors the markdown path's \"prefer content for view\" handling.\n      const content =\n        obs.new_content ||\n        obs.output ||\n        (obs.content ? textFromContent(obs.content) : \"\");\n      if (content) {\n        const rendered = renderFileContent(content);\n        leadingChip = rendered.chip;\n        body = rendered.body;\n      }\n    }\n    return (\n      <div className=\"flex flex-col gap-2\">\n        {leadingChip}\n        {body}\n      </div>\n    );\n  }\n\n  if (action) {\n    const act = action.action;\n    let body: React.ReactNode = null;\n    let leadingChip: React.ReactNode = chip;\n    if (act.command === \"create\" && act.file_text) {\n      const rendered = renderFileContent(act.file_text);\n      leadingChip = rendered.chip;\n      body = rendered.body;\n    } else if (\n      (act.command === \"str_replace\" || act.command === \"insert\") &&\n      act.new_str != null\n    ) {\n      // `insert` carries only `new_str`, no `old_str`. Key on `new_str` and\n      // default `old_str` to \"\" so an in-flight insert shows an addition diff\n      // instead of nothing.\n      body = <DiffView oldText={act.old_str ?? \"\"} newText={act.new_str} />;\n    }\n    return (\n      <div className=\"flex flex-col gap-2\">\n        {leadingChip}\n        {body}\n      </div>\n    );\n  }\n\n  return null;\n}\n\n/**\n * Conversation-scoped wrapper: owns the Files-drawer deep link. Split from the\n * card so the conversation-only hooks below never run outside a conversation\n * route (they throw on a missing conversation id).\n */\nfunction FileEditorCardWithDrawerLink({\n  conversationId,\n  ...props\n}: FileEditorCardProps & { conversationId: string }) {\n  const { navigateToTab } = useSelectConversationTab();\n  const setSelectedPath = useFilesTabStore((state) => state.setSelectedPath);\n  const { data: conversation } = useActiveConversation();\n  const path = resolvePath(props);\n  const workingDir = conversation?.workspace?.working_dir;\n\n  // Only deep-link once the observation exists — the file is not guaranteed\n  // to be on disk while the create action is still in flight.\n  const onOpenFile =\n    path && props.observation\n      ? () => {\n          setSelectedPath(\n            toWorkspaceRelativePath(path, workingDir),\n            conversationId,\n          );\n          navigateToTab(\"files\");\n        }\n      : undefined;\n\n  return <FileEditorCardBody {...props} onOpenFile={onOpenFile} />;\n}\n\nexport const fileEditorVisualizer = defineVisualizer({\n  actionKinds: [\"FileEditorAction\", \"StrReplaceEditorAction\"],\n  observationKinds: [\"FileEditorObservation\", \"StrReplaceEditorObservation\"],\n  Body: function FileEditorBody(props) {\n    const { conversationId } = useOptionalConversationId();\n\n    return conversationId ? (\n      <FileEditorCardWithDrawerLink\n        {...props}\n        conversationId={conversationId}\n      />\n    ) : (\n      <FileEditorCardBody {...props} />\n    );\n  },\n});\n"],"mappings":"4yBA2CA,IAAM,GAAe,CAAE,SAAQ,iBAC7B,GAAa,YAAY,MAAQ,GAAQ,OAAO,MAAQ,GAW1D,SAAS,EAAmB,CAC1B,SACA,cACA,cAC0B,CAC1B,IAAM,EAAO,EAAY,CAAE,SAAQ,aAAY,CAAC,EAC1C,EAAU,GAAa,YAAY,SAAW,GAAQ,OAAO,QAC7D,EAAW,EAAA,oBAAoB,CAAI,EAEnC,EAAY,GAAQ,OAAO,WAC3B,EACJ,IAAY,QAAU,EAClB,GAAG,EAAU,GAAG,GAAG,EAAU,KAC7B,IAAA,GACA,EAAO,GACX,EAAA,EAAA,KAAC,EAAA,aAAD,CAAoB,OAAa,QAAO,QAAS,CAAa,CAAA,EAC5D,KAEE,EAAqB,GAGrB,GAAQ,IAAY,UAAY,EAAA,mBAAmB,CAAI,EAGlD,CACL,KAAM,KACN,MACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CACW,UACH,OACN,OAAQ,CACT,CAAA,CAEL,EAEK,CACL,OACA,MAAM,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,KAAM,EAAmB,UAAW,CAAA,CACvD,EAGF,GAAI,EAAa,CACf,IAAM,EAAM,EAAY,YACpB,EAAwB,KACxB,EAA+B,EACnC,GAAI,EAAI,MACN,GACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mDACb,EAAI,KACD,CAAA,OAEH,GAAI,EAAI,aAAe,MAAQ,EAAI,aAAe,KAGvD,GAAO,EAAA,EAAA,KAAC,EAAA,SAAD,CAAU,QAAS,EAAI,YAAa,QAAS,EAAI,WAAc,CAAA,MACjE,CAIL,IAAM,EACJ,EAAI,aACJ,EAAI,SACH,EAAI,QAAU,EAAA,gBAAgB,EAAI,OAAO,EAAI,IAChD,GAAI,EAAS,CACX,IAAM,EAAW,EAAkB,CAAO,EAC1C,EAAc,EAAS,KACvB,EAAO,EAAS,IAClB,CACF,CACA,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,CACG,EACA,CACE,GAET,CAEA,GAAI,EAAQ,CACV,IAAM,EAAM,EAAO,OACf,EAAwB,KACxB,EAA+B,EACnC,GAAI,EAAI,UAAY,UAAY,EAAI,UAAW,CAC7C,IAAM,EAAW,EAAkB,EAAI,SAAS,EAChD,EAAc,EAAS,KACvB,EAAO,EAAS,IAClB,OACG,EAAI,UAAY,eAAiB,EAAI,UAAY,WAClD,EAAI,SAAW,OAKf,GAAO,EAAA,EAAA,KAAC,EAAA,SAAD,CAAU,QAAS,EAAI,SAAW,GAAI,QAAS,EAAI,OAAU,CAAA,GAEtE,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,CACG,EACA,CACE,GAET,CAEA,OAAO,IACT,CAOA,SAAS,EAA6B,CACpC,iBACA,GAAG,GACgD,CACnD,GAAM,CAAE,iBAAkB,EAAA,yBAAyB,EAC7C,EAAkB,EAAA,iBAAkB,GAAU,EAAM,eAAe,EACnE,CAAE,KAAM,GAAiB,EAAA,sBAAsB,EAC/C,EAAO,EAAY,CAAK,EACxB,EAAa,GAAc,WAAW,YAItC,EACJ,GAAQ,EAAM,gBACJ,CACJ,EACE,EAAA,wBAAwB,EAAM,CAAU,EACxC,CACF,EACA,EAAc,OAAO,CACvB,EACA,IAAA,GAEN,OAAO,EAAA,EAAA,KAAC,EAAD,CAAoB,GAAI,EAAmB,YAAa,CAAA,CACjE,CAEA,IAAa,EAAuB,EAAA,iBAAiB,CACnD,YAAa,CAAC,mBAAoB,wBAAwB,EAC1D,iBAAkB,CAAC,wBAAyB,6BAA6B,EACzE,KAAM,SAAwB,EAAO,CACnC,GAAM,CAAE,kBAAmB,EAAA,0BAA0B,EAErD,OAAO,GACL,EAAA,EAAA,KAAC,EAAD,CACE,GAAI,EACY,gBACjB,CAAA,GAED,EAAA,EAAA,KAAC,EAAD,CAAoB,GAAI,CAAQ,CAAA,CAEpC,CACF,CAAC"}

package/dist/components/features/chat/tool-visualizers/file-editor/file-editor.d.ts

@@ -1,9 +1 @@
-/**
- * File-editor visualizer for `file_editor` / `str_replace_editor` tools.
- *
- * Observation card: error → message; `str_replace`/`insert` → diff of the file
- * before vs after; `create`/`view` → the file content. Action card (shown while
- * the edit is in flight): `create` → new content; `str_replace` → diff of the
- * replaced snippet; `view`/`undo_edit` → just the path + range.
- */
 export declare const fileEditorVisualizer: import("../define").RegisteredVisualizer;

package/dist/components/features/chat/tool-visualizers/file-editor/file-editor.js

@@ -1,59 +1,101 @@
-import { defineVisualizer as e } from "../define.js";
-import { textFromContent as t } from "../text-content.js";
-import { CodeBlock as n } from "../primitives/code-block.js";
-import { getLanguageFromPath as r } from "../../../../../utils/get-language-from-path.js";
-import { DiffView as i } from "../primitives/diff-view.js";
-import { FilePathChip as a } from "../primitives/file-path-chip.js";
+import { useOptionalConversationId as e } from "../../../../../hooks/use-conversation-id.js";
+import { useFilesTabStore as t } from "../../../../../stores/files-tab-store.js";
+import { useActiveConversation as n } from "../../../../../hooks/query/use-active-conversation.js";
+import { useSelectConversationTab as r } from "../../../../../hooks/use-select-conversation-tab.js";
+import { defineVisualizer as i } from "../define.js";
+import { textFromContent as a } from "../text-content.js";
+import { CodeBlock as o } from "../primitives/code-block.js";
+import { getLanguageFromPath as s } from "../../../../../utils/get-language-from-path.js";
+import { toWorkspaceRelativePath as c } from "../../../../../utils/workspace-relative-path.js";
+import { DiffView as l } from "../primitives/diff-view.js";
+import { FilePathChip as u } from "../primitives/file-path-chip.js";
+import { isMarkdownFilePath as d } from "../../../../../utils/is-markdown-file-path.js";
+import { MarkdownFilePreview as f } from "../primitives/markdown-file-preview.js";
 import "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/features/chat/tool-visualizers/file-editor/file-editor.tsx
-var c = e({
-	actionKinds: ["FileEditorAction", "StrReplaceEditorAction"],
-	observationKinds: ["FileEditorObservation", "StrReplaceEditorObservation"],
-	Body: function({ action: e, observation: c }) {
-		let l = c?.observation.path ?? e?.action.path ?? "", u = c?.observation.command ?? e?.action.command, d = r(l), f = e?.action.view_range, p = u === "view" && f ? `${f[0]}-${f[1]}` : void 0, m = l ? /* @__PURE__ */ o(a, {
-			path: l,
-			range: p
-		}) : null;
-		if (c) {
-			let e = c.observation, r = null;
-			if (e.error) r = /* @__PURE__ */ o("span", {
-				className: "whitespace-pre-wrap text-xs text-danger",
-				children: e.error
-			});
-			else if (e.old_content != null && e.new_content != null) r = /* @__PURE__ */ o(i, {
-				oldText: e.old_content,
-				newText: e.new_content
-			});
-			else {
-				let i = e.new_content || e.output || (e.content ? t(e.content) : "");
-				r = i ? /* @__PURE__ */ o(n, {
-					code: i,
-					language: d
-				}) : null;
+var h = ({ action: e, observation: t }) => t?.observation.path ?? e?.action.path ?? "";
+function g({ action: e, observation: t, onOpenFile: n }) {
+	let r = h({
+		action: e,
+		observation: t
+	}), i = t?.observation.command ?? e?.action.command, c = s(r), g = e?.action.view_range, _ = i === "view" && g ? `${g[0]}-${g[1]}` : void 0, v = r ? /* @__PURE__ */ p(u, {
+		path: r,
+		range: _,
+		onClick: n
+	}) : null, y = (e) => r && i === "create" && d(r) ? {
+		chip: null,
+		body: /* @__PURE__ */ p(f, {
+			content: e,
+			path: r,
+			onView: n
+		})
+	} : {
+		chip: v,
+		body: /* @__PURE__ */ p(o, {
+			code: e,
+			language: c
+		})
+	};
+	if (t) {
+		let e = t.observation, n = null, r = v;
+		if (e.error) n = /* @__PURE__ */ p("span", {
+			className: "whitespace-pre-wrap text-xs text-danger",
+			children: e.error
+		});
+		else if (e.old_content != null && e.new_content != null) n = /* @__PURE__ */ p(l, {
+			oldText: e.old_content,
+			newText: e.new_content
+		});
+		else {
+			let t = e.new_content || e.output || (e.content ? a(e.content) : "");
+			if (t) {
+				let e = y(t);
+				r = e.chip, n = e.body;
 			}
-			return /* @__PURE__ */ s("div", {
-				className: "flex flex-col gap-2",
-				children: [m, r]
-			});
 		}
-		if (e) {
-			let t = e.action, r = null;
-			return t.command === "create" && t.file_text ? r = /* @__PURE__ */ o(n, {
-				code: t.file_text,
-				language: d
-			}) : (t.command === "str_replace" || t.command === "insert") && t.new_str != null && (r = /* @__PURE__ */ o(i, {
-				oldText: t.old_str ?? "",
-				newText: t.new_str
-			})), /* @__PURE__ */ s("div", {
-				className: "flex flex-col gap-2",
-				children: [m, r]
-			});
-		}
-		return null;
+		return /* @__PURE__ */ m("div", {
+			className: "flex flex-col gap-2",
+			children: [r, n]
+		});
+	}
+	if (e) {
+		let t = e.action, n = null, r = v;
+		if (t.command === "create" && t.file_text) {
+			let e = y(t.file_text);
+			r = e.chip, n = e.body;
+		} else (t.command === "str_replace" || t.command === "insert") && t.new_str != null && (n = /* @__PURE__ */ p(l, {
+			oldText: t.old_str ?? "",
+			newText: t.new_str
+		}));
+		return /* @__PURE__ */ m("div", {
+			className: "flex flex-col gap-2",
+			children: [r, n]
+		});
+	}
+	return null;
+}
+function _({ conversationId: e, ...i }) {
+	let { navigateToTab: a } = r(), o = t((e) => e.setSelectedPath), { data: s } = n(), l = h(i), u = s?.workspace?.working_dir, d = l && i.observation ? () => {
+		o(c(l, u), e), a("files");
+	} : void 0;
+	return /* @__PURE__ */ p(g, {
+		...i,
+		onOpenFile: d
+	});
+}
+var v = i({
+	actionKinds: ["FileEditorAction", "StrReplaceEditorAction"],
+	observationKinds: ["FileEditorObservation", "StrReplaceEditorObservation"],
+	Body: function(t) {
+		let { conversationId: n } = e();
+		return n ? /* @__PURE__ */ p(_, {
+			...t,
+			conversationId: n
+		}) : /* @__PURE__ */ p(g, { ...t });
 	}
 });
 //#endregion
-export { c as fileEditorVisualizer };
+export { v as fileEditorVisualizer };
 
 //# sourceMappingURL=file-editor.js.map