@openhands/agent-canvas 1.14.0 → 1.16.0

package/dist/components/features/chat/chat-markdown-path-code.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import type { ExtraProps } from "react-markdown";
+/**
+ * Workspace paths available for chat Markdown linking. Absent outside
+ * ChatInterface (e.g. unit tests) so ChatCode never requires QueryClient.
+ */
+export declare const WorkspaceFilesForChatContext: React.Context<string[] | undefined>;
+/** Fetches workspace files once for the chat tree and exposes them to path links. */
+export declare function WorkspaceFilesForChatProvider({ children, }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+type CodeProps = React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement> & ExtraProps;
+type AnchorProps = React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & ExtraProps;
+type StrongProps = React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement> & ExtraProps;
+/**
+ * Chat-only inline code: existing workspace paths become Files-drawer buttons.
+ * Nested under an existing Markdown link → stay plain `<code>`.
+ */
+export declare function ChatCode(props: CodeProps): React.JSX.Element;
+/**
+ * Agents often emphasize paths with `**file.md**` instead of backticks.
+ * Link those only when the whole strong span is an existing workspace file.
+ */
+export declare function ChatStrong(props: StrongProps): React.JSX.Element;
+/** Marks descendants so nested path tokens are not turned into a button. */
+export declare function ChatAnchor(props: AnchorProps): React.JSX.Element;
+export {};

package/dist/components/features/chat/chat-markdown-path-code.js

@@ -0,0 +1,72 @@
+import { cn as e } from "../../../utils/utils.js";
+import { useOptionalConversationId as t } from "../../../hooks/use-conversation-id.js";
+import n from "../../../api/conversation-service/conversation-service.api.js";
+import { looksLikeWorkspaceFilePath as r, toFilesTabPath as i } from "../../../utils/path-utils.js";
+import { openWorkspaceFile as a } from "../../../services/canvas-ui.js";
+import { code as o } from "../markdown/code.js";
+import { anchor as s } from "../markdown/anchor.js";
+import { useWorkspaceFiles as c } from "../../../hooks/query/use-workspace-files.js";
+import { createContext as l, useContext as u } from "react";
+import { jsx as d } from "react/jsx-runtime";
+//#region src/components/features/chat/chat-markdown-path-code.tsx
+var f = l(!1), p = l(void 0);
+function m({ children: e }) {
+	let { data: t } = c();
+	return /* @__PURE__ */ d(p.Provider, {
+		value: t,
+		children: e
+	});
+}
+function h(e) {
+	if (e == null || typeof e == "boolean") return "";
+	if (typeof e == "string" || typeof e == "number") return String(e);
+	if (Array.isArray(e)) {
+		let t = e.map(h);
+		return t.some((e) => e === null) ? null : t.join("");
+	}
+	return null;
+}
+function g(e) {
+	let t = u(p);
+	if (!t?.length || !r(e)) return null;
+	let a = n.getCurrentConversation()?.workspace?.working_dir, o = i(e, a);
+	return o && t.includes(o) ? o : null;
+}
+function _({ path: n, className: r, children: i }) {
+	let { conversationId: o } = t();
+	return /* @__PURE__ */ d("button", {
+		type: "button",
+		"data-testid": "markdown-file-path-link",
+		title: n,
+		className: e(r, "cursor-pointer rounded border border-surface-raised bg-surface-raised px-[0.4em] py-[0.2em] font-mono text-foreground hover:underline"),
+		onClick: (e) => {
+			e.stopPropagation(), a(n, o);
+		},
+		children: i
+	});
+}
+function v(e) {
+	let { children: t, className: n } = e, r = u(f), i = /language-(\w+)/.exec(n || ""), a = String(t).replace(/\n$/, ""), s = String(t).includes("\n"), c = g(!i && !s && !r ? a : "");
+	return c ? /* @__PURE__ */ d(_, {
+		path: c,
+		className: n,
+		children: t
+	}) : o(e);
+}
+function y(e) {
+	let { children: t } = e, n = u(f), r = h(t)?.trim() ?? "", i = g(n ? "" : r);
+	return i ? /* @__PURE__ */ d(_, {
+		path: i,
+		children: t
+	}) : /* @__PURE__ */ d("strong", { children: t });
+}
+function b(e) {
+	return /* @__PURE__ */ d(f.Provider, {
+		value: !0,
+		children: s(e)
+	});
+}
+//#endregion
+export { b as ChatAnchor, v as ChatCode, y as ChatStrong, m as WorkspaceFilesForChatProvider };
+
+//# sourceMappingURL=chat-markdown-path-code.js.map

package/dist/components/features/chat/chat-markdown-path-code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-markdown-path-code.js","names":[],"sources":["../../../../src/components/features/chat/chat-markdown-path-code.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport type { ExtraProps } from \"react-markdown\";\nimport ConversationService from \"#/api/conversation-service/conversation-service.api\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useWorkspaceFiles } from \"#/hooks/query/use-workspace-files\";\nimport { openWorkspaceFile } from \"#/services/canvas-ui\";\nimport { looksLikeWorkspaceFilePath, toFilesTabPath } from \"#/utils/path-utils\";\nimport { cn } from \"#/utils/utils\";\nimport { code as defaultCode } from \"../markdown/code\";\nimport { anchor as defaultAnchor } from \"../markdown/anchor\";\n\n/** True while rendering Markdown descendants of an existing `<a>`. */\nconst InMarkdownLinkContext = createContext(false);\n\n/**\n * Workspace paths available for chat Markdown linking. Absent outside\n * ChatInterface (e.g. unit tests) so ChatCode never requires QueryClient.\n */\nexport const WorkspaceFilesForChatContext = createContext<string[] | undefined>(\n  undefined,\n);\n\n/** Fetches workspace files once for the chat tree and exposes them to path links. */\nexport function WorkspaceFilesForChatProvider({\n  children,\n}: {\n  children: React.ReactNode;\n}) {\n  const { data } = useWorkspaceFiles();\n  return (\n    <WorkspaceFilesForChatContext.Provider value={data}>\n      {children}\n    </WorkspaceFilesForChatContext.Provider>\n  );\n}\n\ntype CodeProps = React.ClassAttributes<HTMLElement> &\n  React.HTMLAttributes<HTMLElement> &\n  ExtraProps;\n\ntype AnchorProps = React.ClassAttributes<HTMLAnchorElement> &\n  React.AnchorHTMLAttributes<HTMLAnchorElement> &\n  ExtraProps;\n\ntype StrongProps = React.ClassAttributes<HTMLElement> &\n  React.HTMLAttributes<HTMLElement> &\n  ExtraProps;\n\n/** Flatten React children to plain text, or null if mixed nodes. */\nfunction getPlainText(children: React.ReactNode): string | null {\n  if (children == null || typeof children === \"boolean\") return \"\";\n  if (typeof children === \"string\" || typeof children === \"number\") {\n    return String(children);\n  }\n  if (Array.isArray(children)) {\n    const parts = children.map(getPlainText);\n    if (parts.some((part) => part === null)) return null;\n    return parts.join(\"\");\n  }\n  return null;\n}\n\n/**\n * Only link paths that currently exist in the conversation workspace.\n * workingDir comes from ConversationService — same source as navigate_to_file.\n */\nfunction useExistingWorkspacePath(candidate: string): string | null {\n  const files = useContext(WorkspaceFilesForChatContext);\n  if (!files?.length || !looksLikeWorkspaceFilePath(candidate)) return null;\n\n  const workingDir =\n    ConversationService.getCurrentConversation()?.workspace?.working_dir;\n  const normalized = toFilesTabPath(candidate, workingDir);\n  if (!normalized) return null;\n  return files.includes(normalized) ? normalized : null;\n}\n\nfunction ChatMarkdownPathLink({\n  path,\n  className,\n  children,\n}: {\n  path: string;\n  className?: string;\n  children: React.ReactNode;\n}) {\n  const { conversationId } = useOptionalConversationId();\n\n  return (\n    <button\n      type=\"button\"\n      data-testid=\"markdown-file-path-link\"\n      title={path}\n      className={cn(\n        className,\n        \"cursor-pointer rounded border border-surface-raised bg-surface-raised px-[0.4em] py-[0.2em] font-mono text-foreground hover:underline\",\n      )}\n      onClick={(event) => {\n        event.stopPropagation();\n        openWorkspaceFile(path, conversationId);\n      }}\n    >\n      {children}\n    </button>\n  );\n}\n\n/**\n * Chat-only inline code: existing workspace paths become Files-drawer buttons.\n * Nested under an existing Markdown link → stay plain `<code>`.\n */\nexport function ChatCode(props: CodeProps) {\n  const { children, className } = props;\n  const inLink = useContext(InMarkdownLinkContext);\n  const match = /language-(\\w+)/.exec(className || \"\");\n  const codeString = String(children).replace(/\\n$/, \"\");\n  const isMultiline = String(children).includes(\"\\n\");\n  const existingPath = useExistingWorkspacePath(\n    !match && !isMultiline && !inLink ? codeString : \"\",\n  );\n\n  if (existingPath) {\n    return (\n      <ChatMarkdownPathLink path={existingPath} className={className}>\n        {children}\n      </ChatMarkdownPathLink>\n    );\n  }\n\n  return defaultCode(props);\n}\n\n/**\n * Agents often emphasize paths with `**file.md**` instead of backticks.\n * Link those only when the whole strong span is an existing workspace file.\n */\nexport function ChatStrong(props: StrongProps) {\n  const { children } = props;\n  const inLink = useContext(InMarkdownLinkContext);\n  const text = getPlainText(children)?.trim() ?? \"\";\n  const existingPath = useExistingWorkspacePath(!inLink ? text : \"\");\n\n  if (existingPath) {\n    return (\n      <ChatMarkdownPathLink path={existingPath}>\n        {children}\n      </ChatMarkdownPathLink>\n    );\n  }\n\n  return <strong>{children}</strong>;\n}\n\n/** Marks descendants so nested path tokens are not turned into a button. */\nexport function ChatAnchor(props: AnchorProps) {\n  return (\n    <InMarkdownLinkContext.Provider value>\n      {defaultAnchor(props)}\n    </InMarkdownLinkContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAYA,IAAM,IAAwB,EAAc,EAAK,GAMpC,IAA+B,EAC1C,KAAA,CACF;AAGA,SAAgB,EAA8B,EAC5C,eAGC;CACD,IAAM,EAAE,YAAS,EAAkB;CACnC,OACE,kBAAC,EAA6B,UAA9B;EAAuC,OAAO;EAC3C;CACoC,CAAA;AAE3C;AAeA,SAAS,EAAa,GAA0C;CAC9D,IAAI,KAAY,QAAQ,OAAO,KAAa,WAAW,OAAO;CAC9D,IAAI,OAAO,KAAa,YAAY,OAAO,KAAa,UACtD,OAAO,OAAO,CAAQ;CAExB,IAAI,MAAM,QAAQ,CAAQ,GAAG;EAC3B,IAAM,IAAQ,EAAS,IAAI,CAAY;EAEvC,OADI,EAAM,MAAM,MAAS,MAAS,IAAI,IAAU,OACzC,EAAM,KAAK,EAAE;CACtB;CACA,OAAO;AACT;AAMA,SAAS,EAAyB,GAAkC;CAClE,IAAM,IAAQ,EAAW,CAA4B;CACrD,IAAI,CAAC,GAAO,UAAU,CAAC,EAA2B,CAAS,GAAG,OAAO;CAErE,IAAM,IACJ,EAAoB,uBAAuB,GAAG,WAAW,aACrD,IAAa,EAAe,GAAW,CAAU;CAEvD,OADK,KACE,EAAM,SAAS,CAAU,IAAI,IAAa;AACnD;AAEA,SAAS,EAAqB,EAC5B,SACA,cACA,eAKC;CACD,IAAM,EAAE,sBAAmB,EAA0B;CAErD,OACE,kBAAC,UAAD;EACE,MAAK;EACL,eAAY;EACZ,OAAO;EACP,WAAW,EACT,GACA,uIACF;EACA,UAAU,MAAU;GAElB,AADA,EAAM,gBAAgB,GACtB,EAAkB,GAAM,CAAc;EACxC;EAEC;CACK,CAAA;AAEZ;AAMA,SAAgB,EAAS,GAAkB;CACzC,IAAM,EAAE,aAAU,iBAAc,GAC1B,IAAS,EAAW,CAAqB,GACzC,IAAQ,iBAAiB,KAAK,KAAa,EAAE,GAC7C,IAAa,OAAO,CAAQ,EAAE,QAAQ,OAAO,EAAE,GAC/C,IAAc,OAAO,CAAQ,EAAE,SAAS,IAAI,GAC5C,IAAe,EACnB,CAAC,KAAS,CAAC,KAAe,CAAC,IAAS,IAAa,EACnD;CAUA,OARI,IAEA,kBAAC,GAAD;EAAsB,MAAM;EAAyB;EAClD;CACmB,CAAA,IAInB,EAAY,CAAK;AAC1B;AAMA,SAAgB,EAAW,GAAoB;CAC7C,IAAM,EAAE,gBAAa,GACf,IAAS,EAAW,CAAqB,GACzC,IAAO,EAAa,CAAQ,GAAG,KAAK,KAAK,IACzC,IAAe,EAA0B,IAAgB,KAAP,CAAS;CAUjE,OARI,IAEA,kBAAC,GAAD;EAAsB,MAAM;EACzB;CACmB,CAAA,IAInB,kBAAC,UAAD,EAAS,YAAiB,CAAA;AACnC;AAGA,SAAgB,EAAW,GAAoB;CAC7C,OACE,kBAAC,EAAsB,UAAvB;EAAgC,OAAA;YAC7B,EAAc,CAAK;CACU,CAAA;AAEpC"}

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 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;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../hooks/use-conversation-id.cjs"),t=require("../../../services/canvas-ui.cjs"),n=require("../../../utils/event-logger.cjs");let r=require("react"),i=require("react/jsx-runtime");var a=(0,r.createContext)(!0),o=e=>{let t=document.createElement(`textarea`);return t.innerHTML=e,t.value},s=e=>e?e.endsWith(`/`)||e.endsWith(`\\`)?!0:!(e.split(/[/\\]/).pop()||``).includes(`.`):!1,c=e=>{if(!e)return``;let t=e.split(/[/\\]/),n=t[t.length-1];return s(e)&&!n.endsWith(`/`)?`${n}/`:n};function l(s){let{children:l}=s,{conversationId:u}=e.useOptionalConversationId(),d=(0,r.useContext)(a),f=e=>{try{let n=o(e),r=c(n);return d?(0,i.jsx)(`button`,{type:`button`,"data-testid":`path-component-link`,className:`cursor-pointer font-mono font-normal tracking-tight hover:underline`,title:n,onClick:e=>{e.stopPropagation(),t.openWorkspaceFile(n,u)},children:r}):(0,i.jsx)(`span`,{className:`font-mono font-normal tracking-tight`,title:n,children:r})}catch(t){return n.default.error(String(t)),(0,i.jsx)(`span`,{className:`font-mono font-normal tracking-tight`,children:e})}};return Array.isArray(l)?(0,i.jsx)(`span`,{className:`font-normal tracking-tight`,children:l.map((e,t)=>typeof e==`string`?(0,i.jsx)(`span`,{children:f(e)},`${e}-${t}`):e)}):typeof l==`string`?(0,i.jsx)(`span`,{className:`font-normal tracking-tight`,children:f(l)}):(0,i.jsx)(`span`,{className:`font-mono font-normal tracking-tight`,children:l})}exports.PathComponent=l,exports.PathInteractiveContext=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\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"}
+{"version":3,"file":"path-component.cjs","names":[],"sources":["../../../../src/components/features/chat/path-component.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from \"react\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { openWorkspaceFile } from \"#/services/canvas-ui\";\nimport EventLogger from \"#/utils/event-logger\";\n\n/**\n * When false, PathComponent renders a non-interactive span. EventGroup's\n * header wraps titles in a toggle <button>, so nested path buttons would be\n * invalid markup — that context sets this to false.\n */\nexport const PathInteractiveContext = createContext(true);\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 * Displays only the filename, with the full path on hover.\n * Click opens the Files drawer on that path (when interactive).\n */\nfunction PathComponent(props: { children?: ReactNode }) {\n  const { children } = props;\n  const { conversationId } = useOptionalConversationId();\n  const interactive = useContext(PathInteractiveContext);\n\n  const processPath = (path: string) => {\n    try {\n      const decodedPath = decodeHtmlEntities(path);\n      const filename = extractFilename(decodedPath);\n      if (!interactive) {\n        return (\n          <span\n            className=\"font-mono font-normal tracking-tight\"\n            title={decodedPath}\n          >\n            {filename}\n          </span>\n        );\n      }\n      return (\n        <button\n          type=\"button\"\n          data-testid=\"path-component-link\"\n          className=\"cursor-pointer font-mono font-normal tracking-tight hover:underline\"\n          title={decodedPath}\n          onClick={(event) => {\n            event.stopPropagation();\n            openWorkspaceFile(decodedPath, conversationId);\n          }}\n        >\n          {filename}\n        </button>\n      );\n    } catch (e) {\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":"6PAUA,IAAa,GAAA,EAAA,EAAA,eAAuC,EAAI,EAOlD,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,EACf,CAAE,kBAAmB,EAAA,0BAA0B,EAC/C,GAAA,EAAA,EAAA,YAAyB,CAAsB,EAE/C,EAAe,GAAiB,CACpC,GAAI,CACF,IAAM,EAAc,EAAmB,CAAI,EACrC,EAAW,EAAgB,CAAW,EAW5C,OAVK,GAWH,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,cAAY,sBACZ,UAAU,sEACV,MAAO,EACP,QAAU,GAAU,CAClB,EAAM,gBAAgB,EACtB,EAAA,kBAAkB,EAAa,CAAc,CAC/C,WAEC,CACK,CAAA,GApBN,EAAA,EAAA,KAAC,OAAD,CACE,UAAU,uCACV,MAAO,WAEN,CACG,CAAA,CAiBZ,OAAS,EAAG,CAEV,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.d.ts

@@ -1,4 +1,10 @@
 import { ReactNode } from "react";
+/**
+ * When false, PathComponent renders a non-interactive span. EventGroup's
+ * header wraps titles in a toggle <button>, so nested path buttons would be
+ * invalid markup — that context sets this to false.
+ */
+export declare const PathInteractiveContext: import("react").Context<boolean>;
 /**
  * Checks if a path is likely a directory
  * @param path The full path
@@ -6,8 +12,8 @@ import { ReactNode } from "react";
  */
 declare const isLikelyDirectory: (path: string) => boolean;
 /**
- * Component that displays only the filename in the text but shows the full path on hover
- * Similar to MonoComponent but with path-specific functionality
+ * Displays only the filename, with the full path on hover.
+ * Click opens the Files drawer on that path (when interactive).
  */
 declare function PathComponent(props: {
     children?: ReactNode;

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

@@ -1,42 +1,54 @@
-import e from "../../../utils/event-logger.js";
-import { jsx as t } from "react/jsx-runtime";
+import { useOptionalConversationId as e } from "../../../hooks/use-conversation-id.js";
+import { openWorkspaceFile as t } from "../../../services/canvas-ui.js";
+import n from "../../../utils/event-logger.js";
+import { createContext as r, useContext as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
 //#region src/components/features/chat/path-component.tsx
-var n = (e) => {
+var o = r(!0), s = (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) => {
+}, c = (e) => e ? e.endsWith("/") || e.endsWith("\\") ? !0 : !(e.split(/[/\\]/).pop() || "").includes(".") : !1, l = (e) => {
 	if (!e) return "";
 	let t = e.split(/[/\\]/), n = t[t.length - 1];
-	return r(e) && !n.endsWith("/") ? `${n}/` : n;
+	return c(e) && !n.endsWith("/") ? `${n}/` : n;
 };
-function a(r) {
-	let { children: a } = r, o = (r) => {
+function u(r) {
+	let { children: c } = r, { conversationId: u } = e(), d = i(o), f = (e) => {
 		try {
-			let e = n(r);
-			return /* @__PURE__ */ t("span", {
+			let n = s(e), r = l(n);
+			return d ? /* @__PURE__ */ a("button", {
+				type: "button",
+				"data-testid": "path-component-link",
+				className: "cursor-pointer font-mono font-normal tracking-tight hover:underline",
+				title: n,
+				onClick: (e) => {
+					e.stopPropagation(), t(n, u);
+				},
+				children: r
+			}) : /* @__PURE__ */ a("span", {
 				className: "font-mono font-normal tracking-tight",
-				title: e,
-				children: i(e)
+				title: n,
+				children: r
 			});
-		} catch (n) {
-			return e.error(String(n)), /* @__PURE__ */ t("span", {
+		} catch (t) {
+			return n.error(String(t)), /* @__PURE__ */ a("span", {
 				className: "font-mono font-normal tracking-tight",
-				children: r
+				children: e
 			});
 		}
 	};
-	return Array.isArray(a) ? /* @__PURE__ */ t("span", {
+	return Array.isArray(c) ? /* @__PURE__ */ a("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("span", {
+		children: c.map((e, t) => typeof e == "string" ? /* @__PURE__ */ a("span", { children: f(e) }, `${e}-${t}`) : e)
+	}) : typeof c == "string" ? /* @__PURE__ */ a("span", {
 		className: "font-normal tracking-tight",
-		children: o(a)
-	}) : /* @__PURE__ */ t("span", {
+		children: f(c)
+	}) : /* @__PURE__ */ a("span", {
 		className: "font-mono font-normal tracking-tight",
-		children: a
+		children: c
 	});
 }
 //#endregion
-export { a as PathComponent };
+export { u as PathComponent, o as PathInteractiveContext };
 
 //# sourceMappingURL=path-component.js.map

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\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"}
+{"version":3,"file":"path-component.js","names":[],"sources":["../../../../src/components/features/chat/path-component.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from \"react\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { openWorkspaceFile } from \"#/services/canvas-ui\";\nimport EventLogger from \"#/utils/event-logger\";\n\n/**\n * When false, PathComponent renders a non-interactive span. EventGroup's\n * header wraps titles in a toggle <button>, so nested path buttons would be\n * invalid markup — that context sets this to false.\n */\nexport const PathInteractiveContext = createContext(true);\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 * Displays only the filename, with the full path on hover.\n * Click opens the Files drawer on that path (when interactive).\n */\nfunction PathComponent(props: { children?: ReactNode }) {\n  const { children } = props;\n  const { conversationId } = useOptionalConversationId();\n  const interactive = useContext(PathInteractiveContext);\n\n  const processPath = (path: string) => {\n    try {\n      const decodedPath = decodeHtmlEntities(path);\n      const filename = extractFilename(decodedPath);\n      if (!interactive) {\n        return (\n          <span\n            className=\"font-mono font-normal tracking-tight\"\n            title={decodedPath}\n          >\n            {filename}\n          </span>\n        );\n      }\n      return (\n        <button\n          type=\"button\"\n          data-testid=\"path-component-link\"\n          className=\"cursor-pointer font-mono font-normal tracking-tight hover:underline\"\n          title={decodedPath}\n          onClick={(event) => {\n            event.stopPropagation();\n            openWorkspaceFile(decodedPath, conversationId);\n          }}\n        >\n          {filename}\n        </button>\n      );\n    } catch (e) {\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":";;;;;;AAUA,IAAa,IAAyB,EAAc,EAAI,GAOlD,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,GACf,EAAE,sBAAmB,EAA0B,GAC/C,IAAc,EAAW,CAAsB,GAE/C,KAAe,MAAiB;EACpC,IAAI;GACF,IAAM,IAAc,EAAmB,CAAI,GACrC,IAAW,EAAgB,CAAW;GAW5C,OAVK,IAWH,kBAAC,UAAD;IACE,MAAK;IACL,eAAY;IACZ,WAAU;IACV,OAAO;IACP,UAAU,MAAU;KAElB,AADA,EAAM,gBAAgB,GACtB,EAAkB,GAAa,CAAc;IAC/C;cAEC;GACK,CAAA,IApBN,kBAAC,QAAD;IACE,WAAU;IACV,OAAO;cAEN;GACG,CAAA;EAiBZ,SAAS,GAAG;GAEV,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/tool-visualizers/file-editor/file-editor.cjs

@@ -1,2 +1,2 @@
-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;
+const e=require("../../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../../hooks/use-conversation-id.cjs"),n=require("../../../../../services/canvas-ui.cjs"),r=require("../define.cjs"),i=require("../text-content.cjs"),a=require("../primitives/code-block.cjs"),o=require("../../../../../utils/get-language-from-path.cjs"),s=require("../primitives/diff-view.cjs"),c=require("../primitives/file-path-chip.cjs"),l=require("../../../../../utils/is-markdown-file-path.cjs"),u=require("../primitives/markdown-file-preview.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=({action:e,observation:t})=>t?.observation.path??e?.action.path??``;function m({action:e,observation:t,onOpenFile:n}){let r=p({action:e,observation:t}),d=t?.observation.command??e?.action.command,m=o.getLanguageFromPath(r),h=e?.action.view_range,g=d===`view`&&h?`${h[0]}-${h[1]}`:void 0,_=r?(0,f.jsx)(c.FilePathChip,{path:r,range:g,onClick:n}):null,v=e=>r&&d===`create`&&l.isMarkdownFilePath(r)?{chip:null,body:(0,f.jsx)(u.MarkdownFilePreview,{content:e,path:r,onView:n})}:{chip:_,body:(0,f.jsx)(a.CodeBlock,{code:e,language:m})};if(t){let e=t.observation,n=null,r=_;if(e.error)n=(0,f.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,f.jsx)(s.DiffView,{oldText:e.old_content,newText:e.new_content});else{let t=e.new_content||e.output||(e.content?i.textFromContent(e.content):``);if(t){let e=v(t);r=e.chip,n=e.body}}return(0,f.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,f.jsx)(s.DiffView,{oldText:t.old_str??``,newText:t.new_str}));return(0,f.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[r,n]})}return null}function h({conversationId:e,...t}){let r=p(t),i=r&&t.observation?()=>n.openWorkspaceFile(r,e):void 0;return(0,f.jsx)(m,{...t,onOpenFile:i})}var g=r.defineVisualizer({actionKinds:[`FileEditorAction`,`StrReplaceEditorAction`],observationKinds:[`FileEditorObservation`,`StrReplaceEditorObservation`],Body:function(e){let{conversationId:n}=t.useOptionalConversationId();return n?(0,f.jsx)(h,{...e,conversationId:n}):(0,f.jsx)(m,{...e})}});exports.fileEditorVisualizer=g;
 //# 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":["/**\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"}
+{"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 { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { openWorkspaceFile } from \"#/services/canvas-ui\";\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 conversation-only navigation never runs outside a conversation route.\n */\nfunction FileEditorCardWithDrawerLink({\n  conversationId,\n  ...props\n}: FileEditorCardProps & { conversationId: string }) {\n  const path = resolvePath(props);\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      ? () => openWorkspaceFile(path, conversationId)\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":"omBAwCA,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,CAMA,SAAS,EAA6B,CACpC,iBACA,GAAG,GACgD,CACnD,IAAM,EAAO,EAAY,CAAK,EAIxB,EACJ,GAAQ,EAAM,gBACJ,EAAA,kBAAkB,EAAM,CAAc,EAC5C,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.js

@@ -1,62 +1,59 @@
 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 { openWorkspaceFile as t } from "../../../../../services/canvas-ui.js";
+import { defineVisualizer as n } from "../define.js";
+import { textFromContent as r } from "../text-content.js";
+import { CodeBlock as i } from "../primitives/code-block.js";
+import { getLanguageFromPath as a } from "../../../../../utils/get-language-from-path.js";
+import { DiffView as o } from "../primitives/diff-view.js";
+import { FilePathChip as s } from "../primitives/file-path-chip.js";
+import { isMarkdownFilePath as c } from "../../../../../utils/is-markdown-file-path.js";
+import { MarkdownFilePreview as l } from "../primitives/markdown-file-preview.js";
 import "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/features/chat/tool-visualizers/file-editor/file-editor.tsx
-var h = ({ action: e, observation: t }) => t?.observation.path ?? e?.action.path ?? "";
-function g({ action: e, observation: t, onOpenFile: n }) {
-	let r = h({
+var f = ({ action: e, observation: t }) => t?.observation.path ?? e?.action.path ?? "";
+function p({ action: e, observation: t, onOpenFile: n }) {
+	let p = f({
 		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,
+	}), m = t?.observation.command ?? e?.action.command, h = a(p), g = e?.action.view_range, _ = m === "view" && g ? `${g[0]}-${g[1]}` : void 0, v = p ? /* @__PURE__ */ u(s, {
+		path: p,
 		range: _,
 		onClick: n
-	}) : null, y = (e) => r && i === "create" && d(r) ? {
+	}) : null, y = (e) => p && m === "create" && c(p) ? {
 		chip: null,
-		body: /* @__PURE__ */ p(f, {
+		body: /* @__PURE__ */ u(l, {
 			content: e,
-			path: r,
+			path: p,
 			onView: n
 		})
 	} : {
 		chip: v,
-		body: /* @__PURE__ */ p(o, {
+		body: /* @__PURE__ */ u(i, {
 			code: e,
-			language: c
+			language: h
 		})
 	};
 	if (t) {
-		let e = t.observation, n = null, r = v;
-		if (e.error) n = /* @__PURE__ */ p("span", {
+		let e = t.observation, n = null, i = v;
+		if (e.error) n = /* @__PURE__ */ u("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, {
+		else if (e.old_content != null && e.new_content != null) n = /* @__PURE__ */ u(o, {
 			oldText: e.old_content,
 			newText: e.new_content
 		});
 		else {
-			let t = e.new_content || e.output || (e.content ? a(e.content) : "");
+			let t = e.new_content || e.output || (e.content ? r(e.content) : "");
 			if (t) {
 				let e = y(t);
-				r = e.chip, n = e.body;
+				i = e.chip, n = e.body;
 			}
 		}
-		return /* @__PURE__ */ m("div", {
+		return /* @__PURE__ */ d("div", {
 			className: "flex flex-col gap-2",
-			children: [r, n]
+			children: [i, n]
 		});
 	}
 	if (e) {
@@ -64,38 +61,36 @@ function g({ action: e, observation: t, onOpenFile: n }) {
 		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, {
+		} else (t.command === "str_replace" || t.command === "insert") && t.new_str != null && (n = /* @__PURE__ */ u(o, {
 			oldText: t.old_str ?? "",
 			newText: t.new_str
 		}));
-		return /* @__PURE__ */ m("div", {
+		return /* @__PURE__ */ d("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
+function m({ conversationId: e, ...n }) {
+	let r = f(n), i = r && n.observation ? () => t(r, e) : void 0;
+	return /* @__PURE__ */ u(p, {
+		...n,
+		onOpenFile: i
 	});
 }
-var v = i({
+var h = n({
 	actionKinds: ["FileEditorAction", "StrReplaceEditorAction"],
 	observationKinds: ["FileEditorObservation", "StrReplaceEditorObservation"],
 	Body: function(t) {
 		let { conversationId: n } = e();
-		return n ? /* @__PURE__ */ p(_, {
+		return n ? /* @__PURE__ */ u(m, {
 			...t,
 			conversationId: n
-		}) : /* @__PURE__ */ p(g, { ...t });
+		}) : /* @__PURE__ */ u(p, { ...t });
 	}
 });
 //#endregion
-export { v as fileEditorVisualizer };
+export { h as fileEditorVisualizer };
 
 //# sourceMappingURL=file-editor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"file-editor.js","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":";;;;;;;;;;;;;;;;AA2CA,IAAM,KAAe,EAAE,WAAQ,qBAC7B,GAAa,YAAY,QAAQ,GAAQ,OAAO,QAAQ;AAW1D,SAAS,EAAmB,EAC1B,WACA,gBACA,iBAC0B;CAC1B,IAAM,IAAO,EAAY;EAAE;EAAQ;CAAY,CAAC,GAC1C,IAAU,GAAa,YAAY,WAAW,GAAQ,OAAO,SAC7D,IAAW,EAAoB,CAAI,GAEnC,IAAY,GAAQ,OAAO,YAC3B,IACJ,MAAY,UAAU,IAClB,GAAG,EAAU,GAAG,GAAG,EAAU,OAC7B,KAAA,GACA,IAAO,IACX,kBAAC,GAAD;EAAoB;EAAa;EAAO,SAAS;CAAa,CAAA,IAC5D,MAEE,KAAqB,MAGrB,KAAQ,MAAY,YAAY,EAAmB,CAAI,IAGlD;EACL,MAAM;EACN,MACE,kBAAC,GAAD;GACW;GACH;GACN,QAAQ;EACT,CAAA;CAEL,IAEK;EACL;EACA,MAAM,kBAAC,GAAD;GAAW,MAAM;GAAmB;EAAW,CAAA;CACvD;CAGF,IAAI,GAAa;EACf,IAAM,IAAM,EAAY,aACpB,IAAwB,MACxB,IAA+B;EACnC,IAAI,EAAI,OACN,IACE,kBAAC,QAAD;GAAM,WAAU;aACb,EAAI;EACD,CAAA;OAEH,IAAI,EAAI,eAAe,QAAQ,EAAI,eAAe,MAGvD,IAAO,kBAAC,GAAD;GAAU,SAAS,EAAI;GAAa,SAAS,EAAI;EAAc,CAAA;OACjE;GAIL,IAAM,IACJ,EAAI,eACJ,EAAI,WACH,EAAI,UAAU,EAAgB,EAAI,OAAO,IAAI;GAChD,IAAI,GAAS;IACX,IAAM,IAAW,EAAkB,CAAO;IAE1C,AADA,IAAc,EAAS,MACvB,IAAO,EAAS;GAClB;EACF;EACA,OACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,GACA,CACE;;CAET;CAEA,IAAI,GAAQ;EACV,IAAM,IAAM,EAAO,QACf,IAAwB,MACxB,IAA+B;EACnC,IAAI,EAAI,YAAY,YAAY,EAAI,WAAW;GAC7C,IAAM,IAAW,EAAkB,EAAI,SAAS;GAEhD,AADA,IAAc,EAAS,MACvB,IAAO,EAAS;EAClB,OAAO,CACJ,EAAI,YAAY,iBAAiB,EAAI,YAAY,aAClD,EAAI,WAAW,SAKf,IAAO,kBAAC,GAAD;GAAU,SAAS,EAAI,WAAW;GAAI,SAAS,EAAI;EAAU,CAAA;EAEtE,OACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,GACA,CACE;;CAET;CAEA,OAAO;AACT;AAOA,SAAS,EAA6B,EACpC,mBACA,GAAG,KACgD;CACnD,IAAM,EAAE,qBAAkB,EAAyB,GAC7C,IAAkB,GAAkB,MAAU,EAAM,eAAe,GACnE,EAAE,MAAM,MAAiB,EAAsB,GAC/C,IAAO,EAAY,CAAK,GACxB,IAAa,GAAc,WAAW,aAItC,IACJ,KAAQ,EAAM,oBACJ;EAKJ,AAJA,EACE,EAAwB,GAAM,CAAU,GACxC,CACF,GACA,EAAc,OAAO;CACvB,IACA,KAAA;CAEN,OAAO,kBAAC,GAAD;EAAoB,GAAI;EAAmB;CAAa,CAAA;AACjE;AAEA,IAAa,IAAuB,EAAiB;CACnD,aAAa,CAAC,oBAAoB,wBAAwB;CAC1D,kBAAkB,CAAC,yBAAyB,6BAA6B;CACzE,MAAM,SAAwB,GAAO;EACnC,IAAM,EAAE,sBAAmB,EAA0B;EAErD,OAAO,IACL,kBAAC,GAAD;GACE,GAAI;GACY;EACjB,CAAA,IAED,kBAAC,GAAD,EAAoB,GAAI,EAAQ,CAAA;CAEpC;AACF,CAAC"}
+{"version":3,"file":"file-editor.js","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 { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { openWorkspaceFile } from \"#/services/canvas-ui\";\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 conversation-only navigation never runs outside a conversation route.\n */\nfunction FileEditorCardWithDrawerLink({\n  conversationId,\n  ...props\n}: FileEditorCardProps & { conversationId: string }) {\n  const path = resolvePath(props);\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      ? () => openWorkspaceFile(path, conversationId)\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":";;;;;;;;;;;;;AAwCA,IAAM,KAAe,EAAE,WAAQ,qBAC7B,GAAa,YAAY,QAAQ,GAAQ,OAAO,QAAQ;AAW1D,SAAS,EAAmB,EAC1B,WACA,gBACA,iBAC0B;CAC1B,IAAM,IAAO,EAAY;EAAE;EAAQ;CAAY,CAAC,GAC1C,IAAU,GAAa,YAAY,WAAW,GAAQ,OAAO,SAC7D,IAAW,EAAoB,CAAI,GAEnC,IAAY,GAAQ,OAAO,YAC3B,IACJ,MAAY,UAAU,IAClB,GAAG,EAAU,GAAG,GAAG,EAAU,OAC7B,KAAA,GACA,IAAO,IACX,kBAAC,GAAD;EAAoB;EAAa;EAAO,SAAS;CAAa,CAAA,IAC5D,MAEE,KAAqB,MAGrB,KAAQ,MAAY,YAAY,EAAmB,CAAI,IAGlD;EACL,MAAM;EACN,MACE,kBAAC,GAAD;GACW;GACH;GACN,QAAQ;EACT,CAAA;CAEL,IAEK;EACL;EACA,MAAM,kBAAC,GAAD;GAAW,MAAM;GAAmB;EAAW,CAAA;CACvD;CAGF,IAAI,GAAa;EACf,IAAM,IAAM,EAAY,aACpB,IAAwB,MACxB,IAA+B;EACnC,IAAI,EAAI,OACN,IACE,kBAAC,QAAD;GAAM,WAAU;aACb,EAAI;EACD,CAAA;OAEH,IAAI,EAAI,eAAe,QAAQ,EAAI,eAAe,MAGvD,IAAO,kBAAC,GAAD;GAAU,SAAS,EAAI;GAAa,SAAS,EAAI;EAAc,CAAA;OACjE;GAIL,IAAM,IACJ,EAAI,eACJ,EAAI,WACH,EAAI,UAAU,EAAgB,EAAI,OAAO,IAAI;GAChD,IAAI,GAAS;IACX,IAAM,IAAW,EAAkB,CAAO;IAE1C,AADA,IAAc,EAAS,MACvB,IAAO,EAAS;GAClB;EACF;EACA,OACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,GACA,CACE;;CAET;CAEA,IAAI,GAAQ;EACV,IAAM,IAAM,EAAO,QACf,IAAwB,MACxB,IAA+B;EACnC,IAAI,EAAI,YAAY,YAAY,EAAI,WAAW;GAC7C,IAAM,IAAW,EAAkB,EAAI,SAAS;GAEhD,AADA,IAAc,EAAS,MACvB,IAAO,EAAS;EAClB,OAAO,CACJ,EAAI,YAAY,iBAAiB,EAAI,YAAY,aAClD,EAAI,WAAW,SAKf,IAAO,kBAAC,GAAD;GAAU,SAAS,EAAI,WAAW;GAAI,SAAS,EAAI;EAAU,CAAA;EAEtE,OACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,GACA,CACE;;CAET;CAEA,OAAO;AACT;AAMA,SAAS,EAA6B,EACpC,mBACA,GAAG,KACgD;CACnD,IAAM,IAAO,EAAY,CAAK,GAIxB,IACJ,KAAQ,EAAM,oBACJ,EAAkB,GAAM,CAAc,IAC5C,KAAA;CAEN,OAAO,kBAAC,GAAD;EAAoB,GAAI;EAAmB;CAAa,CAAA;AACjE;AAEA,IAAa,IAAuB,EAAiB;CACnD,aAAa,CAAC,oBAAoB,wBAAwB;CAC1D,kBAAkB,CAAC,yBAAyB,6BAA6B;CACzE,MAAM,SAAwB,GAAO;EACnC,IAAM,EAAE,sBAAmB,EAA0B;EAErD,OAAO,IACL,kBAAC,GAAD;GACE,GAAI;GACY;EACjB,CAAA,IAED,kBAAC,GAAD,EAAoB,GAAI,EAAQ,CAAA;CAEpC;AACF,CAAC"}

package/dist/components/features/chat/tool-visualizers/primitives/file-path-chip.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../../icons/file.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({path:e,range:n,onClick:i}){let a=(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.default,{className:`h-3.5 w-3.5 flex-shrink-0 text-muted`}),(0,r.jsx)(`span`,{className:`break-all`,children:n?`${e}:${n}`:e})]}),o=`inline-flex max-w-full items-center gap-1.5 self-start rounded bg-surface-raised px-2 py-0.5 font-mono text-xs text-foreground`;return i?(0,r.jsx)(`button`,{type:`button`,className:`${o} cursor-pointer hover:bg-[var(--oh-interactive-hover)]`,onClick:i,children:a}):(0,r.jsx)(`span`,{className:o,children:a})}exports.FilePathChip=i;
+require("../../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../../hooks/use-conversation-id.cjs"),t=require("../../../../../services/canvas-ui.cjs"),n=require("../../../../../icons/file.cjs");let r=require("react/jsx-runtime");function i({path:i,range:a,onClick:o}){let{conversationId:s}=e.useOptionalConversationId();return(0,r.jsx)(`button`,{type:`button`,"data-testid":`file-path-chip`,title:i,className:`inline-flex max-w-full cursor-pointer items-center gap-1.5 self-start rounded bg-surface-raised px-2 py-0.5 text-left font-mono text-xs text-foreground hover:bg-[var(--oh-interactive-hover)]`,onClick:e=>{if(e.stopPropagation(),o){o();return}t.openWorkspaceFile(i,s)},children:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.default,{className:`h-3.5 w-3.5 flex-shrink-0 text-muted`}),(0,r.jsx)(`span`,{className:`break-all`,children:a?`${i}:${a}`:i})]})})}exports.FilePathChip=i;
 //# sourceMappingURL=file-path-chip.cjs.map

package/dist/components/features/chat/tool-visualizers/primitives/file-path-chip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"file-path-chip.cjs","names":[],"sources":["../../../../../../src/components/features/chat/tool-visualizers/primitives/file-path-chip.tsx"],"sourcesContent":["import React from \"react\";\nimport FileIcon from \"#/icons/file.svg?react\";\n\ninterface FilePathChipProps {\n  path: string;\n  /** Optional line-range suffix, e.g. \"12-48\". */\n  range?: string;\n  /** Opens the referenced file when the surrounding visualizer can navigate. */\n  onClick?: () => void;\n}\n\n/**\n * Monospace file-path pill with an optional navigation affordance.\n *\n * The static variant remains available for visualizers without a workspace\n * target; passing `onClick` upgrades the same visual language to a button.\n */\nexport function FilePathChip({ path, range, onClick }: FilePathChipProps) {\n  const content = (\n    <>\n      <FileIcon className=\"h-3.5 w-3.5 flex-shrink-0 text-muted\" />\n      <span className=\"break-all\">{range ? `${path}:${range}` : path}</span>\n    </>\n  );\n  const className =\n    \"inline-flex max-w-full items-center gap-1.5 self-start rounded bg-surface-raised px-2 py-0.5 font-mono text-xs text-foreground\";\n\n  if (onClick) {\n    return (\n      <button\n        type=\"button\"\n        className={`${className} cursor-pointer hover:bg-[var(--oh-interactive-hover)]`}\n        onClick={onClick}\n      >\n        {content}\n      </button>\n    );\n  }\n\n  return <span className={className}>{content}</span>;\n}\n"],"mappings":"uLAiBA,SAAgB,EAAa,CAAE,OAAM,QAAO,WAA8B,CACxE,IAAM,GACJ,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,QAAD,CAAU,UAAU,sCAAwC,CAAA,GAC5D,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qBAAa,EAAQ,GAAG,EAAK,GAAG,IAAU,CAAW,CAAA,CACrE,CAAA,CAAA,EAEE,EACJ,iIAcF,OAZI,GAEA,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,UAAW,GAAG,EAAU,wDACf,mBAER,CACK,CAAA,GAIL,EAAA,EAAA,KAAC,OAAD,CAAiB,qBAAY,CAAc,CAAA,CACpD"}
+{"version":3,"file":"file-path-chip.cjs","names":[],"sources":["../../../../../../src/components/features/chat/tool-visualizers/primitives/file-path-chip.tsx"],"sourcesContent":["import FileIcon from \"#/icons/file.svg?react\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { openWorkspaceFile } from \"#/services/canvas-ui\";\n\ninterface FilePathChipProps {\n  path: string;\n  /** Optional line-range suffix, e.g. \"12-48\". */\n  range?: string;\n  /**\n   * Opens the referenced file when the surrounding visualizer can navigate.\n   * Defaults to `openWorkspaceFile` so chips without a parent handler still\n   * deep-link into the Files drawer.\n   */\n  onClick?: () => void;\n}\n\n/**\n * Monospace file-path pill with an optional navigation affordance.\n *\n * Passing `onClick` upgrades the same visual language to a custom handler\n * (e.g. markdown artifact View). Without it, click opens the Files drawer.\n */\nexport function FilePathChip({ path, range, onClick }: FilePathChipProps) {\n  const { conversationId } = useOptionalConversationId();\n  const content = (\n    <>\n      <FileIcon className=\"h-3.5 w-3.5 flex-shrink-0 text-muted\" />\n      <span className=\"break-all\">{range ? `${path}:${range}` : path}</span>\n    </>\n  );\n  const className =\n    \"inline-flex max-w-full cursor-pointer items-center gap-1.5 self-start rounded bg-surface-raised px-2 py-0.5 text-left font-mono text-xs text-foreground hover:bg-[var(--oh-interactive-hover)]\";\n\n  return (\n    <button\n      type=\"button\"\n      data-testid=\"file-path-chip\"\n      title={path}\n      className={className}\n      onClick={(event) => {\n        event.stopPropagation();\n        if (onClick) {\n          onClick();\n          return;\n        }\n        openWorkspaceFile(path, conversationId);\n      }}\n    >\n      {content}\n    </button>\n  );\n}\n"],"mappings":"0PAsBA,SAAgB,EAAa,CAAE,OAAM,QAAO,WAA8B,CACxE,GAAM,CAAE,kBAAmB,EAAA,0BAA0B,EAUrD,OACE,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,cAAY,iBACZ,MAAO,EACI,UAAA,iMACX,QAAU,GAAU,CAElB,GADA,EAAM,gBAAgB,EAClB,EAAS,CACX,EAAQ,EACR,MACF,CACA,EAAA,kBAAkB,EAAM,CAAc,CACxC,YAEC,EAAA,EAAA,MAvBH,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,QAAD,CAAU,UAAU,sCAAwC,CAAA,GAC5D,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qBAAa,EAAQ,GAAG,EAAK,GAAG,IAAU,CAAW,CAAA,CACrE,CAAA,CAoBC,CACK,CAAA,CAEZ"}

package/dist/components/features/chat/tool-visualizers/primitives/file-path-chip.d.ts

@@ -1,16 +1,19 @@
-import React from "react";
 interface FilePathChipProps {
     path: string;
     /** Optional line-range suffix, e.g. "12-48". */
     range?: string;
-    /** Opens the referenced file when the surrounding visualizer can navigate. */
+    /**
+     * Opens the referenced file when the surrounding visualizer can navigate.
+     * Defaults to `openWorkspaceFile` so chips without a parent handler still
+     * deep-link into the Files drawer.
+     */
     onClick?: () => void;
 }
 /**
  * Monospace file-path pill with an optional navigation affordance.
  *
- * The static variant remains available for visualizers without a workspace
- * target; passing `onClick` upgrades the same visual language to a button.
+ * Passing `onClick` upgrades the same visual language to a custom handler
+ * (e.g. markdown artifact View). Without it, click opens the Files drawer.
  */
-export declare function FilePathChip({ path, range, onClick }: FilePathChipProps): React.JSX.Element;
+export declare function FilePathChip({ path, range, onClick }: FilePathChipProps): import("react").JSX.Element;
 export {};