@openhands/agent-canvas 1.15.0 → 1.16.0

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 {};

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

@@ -1,23 +1,29 @@
-import e from "../../../../../icons/file.js";
-import "react";
-import { Fragment as t, jsx as n, jsxs as r } 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 "../../../../../icons/file.js";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/features/chat/tool-visualizers/primitives/file-path-chip.tsx
-function i({ path: i, range: a, onClick: o }) {
-	let s = /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(e, { className: "h-3.5 w-3.5 flex-shrink-0 text-muted" }), /* @__PURE__ */ n("span", {
-		className: "break-all",
-		children: a ? `${i}:${a}` : i
-	})] }), c = "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 o ? /* @__PURE__ */ n("button", {
+function o({ path: o, range: s, onClick: c }) {
+	let { conversationId: l } = e();
+	return /* @__PURE__ */ i("button", {
 		type: "button",
-		className: `${c} cursor-pointer hover:bg-[var(--oh-interactive-hover)]`,
-		onClick: o,
-		children: s
-	}) : /* @__PURE__ */ n("span", {
-		className: c,
-		children: s
+		"data-testid": "file-path-chip",
+		title: o,
+		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(), c) {
+				c();
+				return;
+			}
+			t(o, l);
+		},
+		children: /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(n, { className: "h-3.5 w-3.5 flex-shrink-0 text-muted" }), /* @__PURE__ */ i("span", {
+			className: "break-all",
+			children: s ? `${o}:${s}` : o
+		})] })
 	});
 }
 //#endregion
-export { i as FilePathChip };
+export { o as FilePathChip };
 
 //# sourceMappingURL=file-path-chip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"file-path-chip.js","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":";;;;AAiBA,SAAgB,EAAa,EAAE,SAAM,UAAO,cAA8B;CACxE,IAAM,IACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAU,WAAU,uCAAwC,CAAA,GAC5D,kBAAC,QAAD;EAAM,WAAU;YAAa,IAAQ,GAAG,EAAK,GAAG,MAAU;CAAW,CAAA,CACrE,EAAA,CAAA,GAEE,IACJ;CAcF,OAZI,IAEA,kBAAC,UAAD;EACE,MAAK;EACL,WAAW,GAAG,EAAU;EACf;YAER;CACK,CAAA,IAIL,kBAAC,QAAD;EAAiB;YAAY;CAAc,CAAA;AACpD"}
+{"version":3,"file":"file-path-chip.js","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":";;;;;AAsBA,SAAgB,EAAa,EAAE,SAAM,UAAO,cAA8B;CACxE,IAAM,EAAE,sBAAmB,EAA0B;CAUrD,OACE,kBAAC,UAAD;EACE,MAAK;EACL,eAAY;EACZ,OAAO;EACI,WAAA;EACX,UAAU,MAAU;GAElB,IADA,EAAM,gBAAgB,GAClB,GAAS;IACX,EAAQ;IACR;GACF;GACA,EAAkB,GAAM,CAAc;EACxC;YArBF,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAU,WAAU,uCAAwC,CAAA,GAC5D,kBAAC,QAAD;GAAM,WAAU;aAAa,IAAQ,GAAG,EAAK,GAAG,MAAU;EAAW,CAAA,CACrE,EAAA,CAoBC;CACK,CAAA;AAEZ"}

package/dist/components/features/chat/user-message-body.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../utils/utils.cjs"),i=require("../markdown/markdown-renderer.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=5,c=360,l={p:({children:e})=>(0,o.jsx)(`p`,{className:`m-0 leading-6`,children:e})};function u({message:e,isHovering:u,isExpanded:d,onTruncatableChange:f}){let{t:p}=t.useTranslation(`openhands`),m=a.default.useRef(null),[h,g]=a.default.useState(!1);a.default.useEffect(()=>{f(h)},[h,f]),a.default.useLayoutEffect(()=>{let t=m.current;if(!t||d){g(!1);return}let n=()=>{let n=Number.parseFloat(getComputedStyle(t).lineHeight),r=s*(Number.isFinite(n)&&n>0?n:24),i=(e.match(/\n/g)??[]).length;g(t.scrollHeight>r+1||i>=s||e.trim().length>c)};n();let r=new ResizeObserver(n);return r.observe(t),()=>r.disconnect()},[e,d]);let _=h&&!d;return(0,o.jsxs)(`div`,{className:`relative min-w-0`,children:[(0,o.jsx)(`div`,{ref:m,className:r.cn(`text-sm leading-6 whitespace-normal [word-break:break-word]`,_&&`line-clamp-5`),children:(0,o.jsx)(i.MarkdownRenderer,{includeStandard:!0,includeHeadings:!0,allowHtml:!1,components:l,children:e})}),_?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`div`,{"aria-hidden":!0,"data-testid":`chat-message-truncation-gradient`,className:`pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-tertiary to-transparent`}),(0,o.jsx)(`span`,{"data-testid":`chat-message-view-more`,className:r.cn(`pointer-events-none absolute bottom-1 left-1/2 z-10 inline-flex -translate-x-1/2 items-center rounded-full border border-[var(--oh-border-subtle)] bg-[var(--oh-surface-raised)] px-2.5 py-0.5 text-xs font-normal text-[var(--oh-foreground)] transition-opacity duration-150`,u?`opacity-100`:`opacity-0`),children:p(n.I18nKey.COMMON$VIEW_MORE)})]}):null]})}exports.UserMessageBody=u,exports.chatBubbleMarkdownComponents=l;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../utils/utils.cjs"),i=require("../markdown/markdown-renderer.cjs"),a=require("./chat-markdown-path-code.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=5,l=360,u={p:({children:e})=>(0,s.jsx)(`p`,{className:`m-0 leading-6`,children:e}),code:a.ChatCode,a:a.ChatAnchor,strong:a.ChatStrong};function d({message:e,isHovering:a,isExpanded:d,onTruncatableChange:f}){let{t:p}=t.useTranslation(`openhands`),m=o.default.useRef(null),[h,g]=o.default.useState(!1);o.default.useEffect(()=>{f(h)},[h,f]),o.default.useLayoutEffect(()=>{let t=m.current;if(!t||d){g(!1);return}let n=()=>{let n=Number.parseFloat(getComputedStyle(t).lineHeight),r=c*(Number.isFinite(n)&&n>0?n:24),i=(e.match(/\n/g)??[]).length;g(t.scrollHeight>r+1||i>=c||e.trim().length>l)};n();let r=new ResizeObserver(n);return r.observe(t),()=>r.disconnect()},[e,d]);let _=h&&!d;return(0,s.jsxs)(`div`,{className:`relative min-w-0`,children:[(0,s.jsx)(`div`,{ref:m,className:r.cn(`text-sm leading-6 whitespace-normal [word-break:break-word]`,_&&`line-clamp-5`),children:(0,s.jsx)(i.MarkdownRenderer,{includeStandard:!0,includeHeadings:!0,allowHtml:!1,components:u,children:e})}),_?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(`div`,{"aria-hidden":!0,"data-testid":`chat-message-truncation-gradient`,className:`pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-tertiary to-transparent`}),(0,s.jsx)(`span`,{"data-testid":`chat-message-view-more`,className:r.cn(`pointer-events-none absolute bottom-1 left-1/2 z-10 inline-flex -translate-x-1/2 items-center rounded-full border border-[var(--oh-border-subtle)] bg-[var(--oh-surface-raised)] px-2.5 py-0.5 text-xs font-normal text-[var(--oh-foreground)] transition-opacity duration-150`,a?`opacity-100`:`opacity-0`),children:p(n.I18nKey.COMMON$VIEW_MORE)})]}):null]})}exports.UserMessageBody=d,exports.chatBubbleMarkdownComponents=u;
 //# sourceMappingURL=user-message-body.cjs.map

package/dist/components/features/chat/user-message-body.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"user-message-body.cjs","names":[],"sources":["../../../../src/components/features/chat/user-message-body.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { MarkdownRenderer } from \"../markdown/markdown-renderer\";\n\nconst USER_MESSAGE_MAX_LINES = 5;\nconst USER_MESSAGE_LENGTH_THRESHOLD = 360;\nexport const USER_MESSAGE_LINE_HEIGHT_PX = 24;\n\nexport const chatBubbleMarkdownComponents = {\n  p: ({ children }: React.ComponentProps<\"p\">) => (\n    <p className=\"m-0 leading-6\">{children}</p>\n  ),\n};\n\nexport function UserMessageBody({\n  message,\n  isHovering,\n  isExpanded,\n  onTruncatableChange,\n}: {\n  message: string;\n  isHovering: boolean;\n  isExpanded: boolean;\n  onTruncatableChange: (truncatable: boolean) => void;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const [isTruncatable, setIsTruncatable] = React.useState(false);\n\n  React.useEffect(() => {\n    onTruncatableChange(isTruncatable);\n  }, [isTruncatable, onTruncatableChange]);\n\n  React.useLayoutEffect(() => {\n    const content = contentRef.current;\n    if (!content || isExpanded) {\n      setIsTruncatable(false);\n      return undefined;\n    }\n\n    const measure = () => {\n      const lineHeight = Number.parseFloat(\n        getComputedStyle(content).lineHeight,\n      );\n      const linePx =\n        Number.isFinite(lineHeight) && lineHeight > 0\n          ? lineHeight\n          : USER_MESSAGE_LINE_HEIGHT_PX;\n      const maxHeight = USER_MESSAGE_MAX_LINES * linePx;\n      const newlineCount = (message.match(/\\n/g) ?? []).length;\n\n      const truncatable =\n        content.scrollHeight > maxHeight + 1 ||\n        newlineCount >= USER_MESSAGE_MAX_LINES ||\n        message.trim().length > USER_MESSAGE_LENGTH_THRESHOLD;\n\n      setIsTruncatable(truncatable);\n    };\n\n    measure();\n\n    const observer = new ResizeObserver(measure);\n    observer.observe(content);\n\n    return () => observer.disconnect();\n  }, [message, isExpanded]);\n\n  const isCollapsed = isTruncatable && !isExpanded;\n\n  return (\n    <div className=\"relative min-w-0\">\n      <div\n        ref={contentRef}\n        className={cn(\n          \"text-sm leading-6 whitespace-normal [word-break:break-word]\",\n          isCollapsed && \"line-clamp-5\",\n        )}\n      >\n        <MarkdownRenderer\n          includeStandard\n          includeHeadings\n          allowHtml={false}\n          components={chatBubbleMarkdownComponents}\n        >\n          {message}\n        </MarkdownRenderer>\n      </div>\n\n      {isCollapsed ? (\n        <>\n          <div\n            aria-hidden\n            data-testid=\"chat-message-truncation-gradient\"\n            className=\"pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-tertiary to-transparent\"\n          />\n          <span\n            data-testid=\"chat-message-view-more\"\n            className={cn(\n              \"pointer-events-none absolute bottom-1 left-1/2 z-10 inline-flex -translate-x-1/2 items-center rounded-full border border-[var(--oh-border-subtle)] bg-[var(--oh-surface-raised)] px-2.5 py-0.5 text-xs font-normal text-[var(--oh-foreground)] transition-opacity duration-150\",\n              isHovering ? \"opacity-100\" : \"opacity-0\",\n            )}\n          >\n            {t(I18nKey.COMMON$VIEW_MORE)}\n          </span>\n        </>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"kVAMA,IAAM,EAAyB,EACzB,EAAgC,IAGzB,EAA+B,CAC1C,GAAI,CAAE,eACJ,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,gBAAiB,UAAY,CAAA,CAE9C,EAEA,SAAgB,EAAgB,CAC9B,UACA,aACA,aACA,uBAMC,CACD,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAa,EAAA,QAAM,OAAuB,IAAI,EAC9C,CAAC,EAAe,GAAoB,EAAA,QAAM,SAAS,EAAK,EAE9D,EAAA,QAAM,cAAgB,CACpB,EAAoB,CAAa,CACnC,EAAG,CAAC,EAAe,CAAmB,CAAC,EAEvC,EAAA,QAAM,oBAAsB,CAC1B,IAAM,EAAU,EAAW,QAC3B,GAAI,CAAC,GAAW,EAAY,CAC1B,EAAiB,EAAK,EACtB,MACF,CAEA,IAAM,MAAgB,CACpB,IAAM,EAAa,OAAO,WACxB,iBAAiB,CAAO,EAAE,UAC5B,EAKM,EAAY,GAHhB,OAAO,SAAS,CAAU,GAAK,EAAa,EACxC,EAAA,IAGA,GAAgB,EAAQ,MAAM,KAAK,GAAK,CAAC,GAAG,OAOlD,EAJE,EAAQ,aAAe,EAAY,GACnC,GAAgB,GAChB,EAAQ,KAAK,EAAE,OAAS,CAEE,CAC9B,EAEA,EAAQ,EAER,IAAM,EAAW,IAAI,eAAe,CAAO,EAG3C,OAFA,EAAS,QAAQ,CAAO,MAEX,EAAS,WAAW,CACnC,EAAG,CAAC,EAAS,CAAU,CAAC,EAExB,IAAM,EAAc,GAAiB,CAAC,EAEtC,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4BAAf,EACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,UAAW,EAAA,GACT,8DACA,GAAe,cACjB,YAEA,EAAA,EAAA,KAAC,EAAA,iBAAD,CACE,gBAAA,GACA,gBAAA,GACA,UAAW,GACX,WAAY,WAEX,CACe,CAAA,CACf,CAAA,EAEJ,GACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CACE,cAAA,GACA,cAAY,mCACZ,UAAU,oGACX,CAAA,GACD,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,yBACZ,UAAW,EAAA,GACT,iRACA,EAAa,cAAgB,WAC/B,WAEC,EAAE,EAAA,QAAQ,gBAAgB,CACvB,CAAA,CACN,CAAA,CAAA,EACA,IACD,GAET"}
+{"version":3,"file":"user-message-body.cjs","names":[],"sources":["../../../../src/components/features/chat/user-message-body.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { MarkdownRenderer } from \"../markdown/markdown-renderer\";\nimport { ChatAnchor, ChatCode, ChatStrong } from \"./chat-markdown-path-code\";\n\nconst USER_MESSAGE_MAX_LINES = 5;\nconst USER_MESSAGE_LENGTH_THRESHOLD = 360;\nexport const USER_MESSAGE_LINE_HEIGHT_PX = 24;\n\nexport const chatBubbleMarkdownComponents = {\n  p: ({ children }: React.ComponentProps<\"p\">) => (\n    <p className=\"m-0 leading-6\">{children}</p>\n  ),\n  code: ChatCode,\n  a: ChatAnchor,\n  strong: ChatStrong,\n};\n\nexport function UserMessageBody({\n  message,\n  isHovering,\n  isExpanded,\n  onTruncatableChange,\n}: {\n  message: string;\n  isHovering: boolean;\n  isExpanded: boolean;\n  onTruncatableChange: (truncatable: boolean) => void;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const [isTruncatable, setIsTruncatable] = React.useState(false);\n\n  React.useEffect(() => {\n    onTruncatableChange(isTruncatable);\n  }, [isTruncatable, onTruncatableChange]);\n\n  React.useLayoutEffect(() => {\n    const content = contentRef.current;\n    if (!content || isExpanded) {\n      setIsTruncatable(false);\n      return undefined;\n    }\n\n    const measure = () => {\n      const lineHeight = Number.parseFloat(\n        getComputedStyle(content).lineHeight,\n      );\n      const linePx =\n        Number.isFinite(lineHeight) && lineHeight > 0\n          ? lineHeight\n          : USER_MESSAGE_LINE_HEIGHT_PX;\n      const maxHeight = USER_MESSAGE_MAX_LINES * linePx;\n      const newlineCount = (message.match(/\\n/g) ?? []).length;\n\n      const truncatable =\n        content.scrollHeight > maxHeight + 1 ||\n        newlineCount >= USER_MESSAGE_MAX_LINES ||\n        message.trim().length > USER_MESSAGE_LENGTH_THRESHOLD;\n\n      setIsTruncatable(truncatable);\n    };\n\n    measure();\n\n    const observer = new ResizeObserver(measure);\n    observer.observe(content);\n\n    return () => observer.disconnect();\n  }, [message, isExpanded]);\n\n  const isCollapsed = isTruncatable && !isExpanded;\n\n  return (\n    <div className=\"relative min-w-0\">\n      <div\n        ref={contentRef}\n        className={cn(\n          \"text-sm leading-6 whitespace-normal [word-break:break-word]\",\n          isCollapsed && \"line-clamp-5\",\n        )}\n      >\n        <MarkdownRenderer\n          includeStandard\n          includeHeadings\n          allowHtml={false}\n          components={chatBubbleMarkdownComponents}\n        >\n          {message}\n        </MarkdownRenderer>\n      </div>\n\n      {isCollapsed ? (\n        <>\n          <div\n            aria-hidden\n            data-testid=\"chat-message-truncation-gradient\"\n            className=\"pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-tertiary to-transparent\"\n          />\n          <span\n            data-testid=\"chat-message-view-more\"\n            className={cn(\n              \"pointer-events-none absolute bottom-1 left-1/2 z-10 inline-flex -translate-x-1/2 items-center rounded-full border border-[var(--oh-border-subtle)] bg-[var(--oh-surface-raised)] px-2.5 py-0.5 text-xs font-normal text-[var(--oh-foreground)] transition-opacity duration-150\",\n              isHovering ? \"opacity-100\" : \"opacity-0\",\n            )}\n          >\n            {t(I18nKey.COMMON$VIEW_MORE)}\n          </span>\n        </>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"6XAOA,IAAM,EAAyB,EACzB,EAAgC,IAGzB,EAA+B,CAC1C,GAAI,CAAE,eACJ,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,gBAAiB,UAAY,CAAA,EAE5C,KAAM,EAAA,SACN,EAAG,EAAA,WACH,OAAQ,EAAA,UACV,EAEA,SAAgB,EAAgB,CAC9B,UACA,aACA,aACA,uBAMC,CACD,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAa,EAAA,QAAM,OAAuB,IAAI,EAC9C,CAAC,EAAe,GAAoB,EAAA,QAAM,SAAS,EAAK,EAE9D,EAAA,QAAM,cAAgB,CACpB,EAAoB,CAAa,CACnC,EAAG,CAAC,EAAe,CAAmB,CAAC,EAEvC,EAAA,QAAM,oBAAsB,CAC1B,IAAM,EAAU,EAAW,QAC3B,GAAI,CAAC,GAAW,EAAY,CAC1B,EAAiB,EAAK,EACtB,MACF,CAEA,IAAM,MAAgB,CACpB,IAAM,EAAa,OAAO,WACxB,iBAAiB,CAAO,EAAE,UAC5B,EAKM,EAAY,GAHhB,OAAO,SAAS,CAAU,GAAK,EAAa,EACxC,EAAA,IAGA,GAAgB,EAAQ,MAAM,KAAK,GAAK,CAAC,GAAG,OAOlD,EAJE,EAAQ,aAAe,EAAY,GACnC,GAAgB,GAChB,EAAQ,KAAK,EAAE,OAAS,CAEE,CAC9B,EAEA,EAAQ,EAER,IAAM,EAAW,IAAI,eAAe,CAAO,EAG3C,OAFA,EAAS,QAAQ,CAAO,MAEX,EAAS,WAAW,CACnC,EAAG,CAAC,EAAS,CAAU,CAAC,EAExB,IAAM,EAAc,GAAiB,CAAC,EAEtC,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4BAAf,EACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,UAAW,EAAA,GACT,8DACA,GAAe,cACjB,YAEA,EAAA,EAAA,KAAC,EAAA,iBAAD,CACE,gBAAA,GACA,gBAAA,GACA,UAAW,GACX,WAAY,WAEX,CACe,CAAA,CACf,CAAA,EAEJ,GACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CACE,cAAA,GACA,cAAY,mCACZ,UAAU,oGACX,CAAA,GACD,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,yBACZ,UAAW,EAAA,GACT,iRACA,EAAa,cAAgB,WAC/B,WAEC,EAAE,EAAA,QAAQ,gBAAgB,CACvB,CAAA,CACN,CAAA,CAAA,EACA,IACD,GAET"}

package/dist/components/features/chat/user-message-body.d.ts

@@ -1,7 +1,11 @@
 import React from "react";
+import { ChatAnchor, ChatCode, ChatStrong } from "./chat-markdown-path-code";
 export declare const USER_MESSAGE_LINE_HEIGHT_PX = 24;
 export declare const chatBubbleMarkdownComponents: {
     p: ({ children }: React.ComponentProps<"p">) => React.JSX.Element;
+    code: typeof ChatCode;
+    a: typeof ChatAnchor;
+    strong: typeof ChatStrong;
 };
 export declare function UserMessageBody({ message, isHovering, isExpanded, onTruncatableChange, }: {
     message: string;

package/dist/components/features/chat/user-message-body.js

@@ -2,56 +2,62 @@ import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es
 import { I18nKey as t } from "../../../i18n/declaration.js";
 import { cn as n } from "../../../utils/utils.js";
 import { MarkdownRenderer as r } from "../markdown/markdown-renderer.js";
-import i from "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { ChatAnchor as i, ChatCode as a, ChatStrong as o } from "./chat-markdown-path-code.js";
+import s from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/features/chat/user-message-body.tsx
-var c = 5, l = 360, u = { p: ({ children: e }) => /* @__PURE__ */ o("p", {
-	className: "m-0 leading-6",
-	children: e
-}) };
-function d({ message: d, isHovering: f, isExpanded: p, onTruncatableChange: m }) {
-	let { t: h } = e("openhands"), g = i.useRef(null), [_, v] = i.useState(!1);
-	i.useEffect(() => {
+var d = 5, f = 360, p = {
+	p: ({ children: e }) => /* @__PURE__ */ l("p", {
+		className: "m-0 leading-6",
+		children: e
+	}),
+	code: a,
+	a: i,
+	strong: o
+};
+function m({ message: i, isHovering: a, isExpanded: o, onTruncatableChange: m }) {
+	let { t: h } = e("openhands"), g = s.useRef(null), [_, v] = s.useState(!1);
+	s.useEffect(() => {
 		m(_);
-	}, [_, m]), i.useLayoutEffect(() => {
+	}, [_, m]), s.useLayoutEffect(() => {
 		let e = g.current;
-		if (!e || p) {
+		if (!e || o) {
 			v(!1);
 			return;
 		}
 		let t = () => {
-			let t = Number.parseFloat(getComputedStyle(e).lineHeight), n = c * (Number.isFinite(t) && t > 0 ? t : 24), r = (d.match(/\n/g) ?? []).length;
-			v(e.scrollHeight > n + 1 || r >= c || d.trim().length > l);
+			let t = Number.parseFloat(getComputedStyle(e).lineHeight), n = d * (Number.isFinite(t) && t > 0 ? t : 24), r = (i.match(/\n/g) ?? []).length;
+			v(e.scrollHeight > n + 1 || r >= d || i.trim().length > f);
 		};
 		t();
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
-	}, [d, p]);
-	let y = _ && !p;
-	return /* @__PURE__ */ s("div", {
+	}, [i, o]);
+	let y = _ && !o;
+	return /* @__PURE__ */ u("div", {
 		className: "relative min-w-0",
-		children: [/* @__PURE__ */ o("div", {
+		children: [/* @__PURE__ */ l("div", {
 			ref: g,
 			className: n("text-sm leading-6 whitespace-normal [word-break:break-word]", y && "line-clamp-5"),
-			children: /* @__PURE__ */ o(r, {
+			children: /* @__PURE__ */ l(r, {
 				includeStandard: !0,
 				includeHeadings: !0,
 				allowHtml: !1,
-				components: u,
-				children: d
+				components: p,
+				children: i
 			})
-		}), y ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("div", {
+		}), y ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("div", {
 			"aria-hidden": !0,
 			"data-testid": "chat-message-truncation-gradient",
 			className: "pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-tertiary to-transparent"
-		}), /* @__PURE__ */ o("span", {
+		}), /* @__PURE__ */ l("span", {
 			"data-testid": "chat-message-view-more",
-			className: n("pointer-events-none absolute bottom-1 left-1/2 z-10 inline-flex -translate-x-1/2 items-center rounded-full border border-[var(--oh-border-subtle)] bg-[var(--oh-surface-raised)] px-2.5 py-0.5 text-xs font-normal text-[var(--oh-foreground)] transition-opacity duration-150", f ? "opacity-100" : "opacity-0"),
+			className: n("pointer-events-none absolute bottom-1 left-1/2 z-10 inline-flex -translate-x-1/2 items-center rounded-full border border-[var(--oh-border-subtle)] bg-[var(--oh-surface-raised)] px-2.5 py-0.5 text-xs font-normal text-[var(--oh-foreground)] transition-opacity duration-150", a ? "opacity-100" : "opacity-0"),
 			children: h(t.COMMON$VIEW_MORE)
 		})] }) : null]
 	});
 }
 //#endregion
-export { d as UserMessageBody, u as chatBubbleMarkdownComponents };
+export { m as UserMessageBody, p as chatBubbleMarkdownComponents };
 
 //# sourceMappingURL=user-message-body.js.map

package/dist/components/features/chat/user-message-body.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-message-body.js","names":[],"sources":["../../../../src/components/features/chat/user-message-body.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { MarkdownRenderer } from \"../markdown/markdown-renderer\";\n\nconst USER_MESSAGE_MAX_LINES = 5;\nconst USER_MESSAGE_LENGTH_THRESHOLD = 360;\nexport const USER_MESSAGE_LINE_HEIGHT_PX = 24;\n\nexport const chatBubbleMarkdownComponents = {\n  p: ({ children }: React.ComponentProps<\"p\">) => (\n    <p className=\"m-0 leading-6\">{children}</p>\n  ),\n};\n\nexport function UserMessageBody({\n  message,\n  isHovering,\n  isExpanded,\n  onTruncatableChange,\n}: {\n  message: string;\n  isHovering: boolean;\n  isExpanded: boolean;\n  onTruncatableChange: (truncatable: boolean) => void;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const [isTruncatable, setIsTruncatable] = React.useState(false);\n\n  React.useEffect(() => {\n    onTruncatableChange(isTruncatable);\n  }, [isTruncatable, onTruncatableChange]);\n\n  React.useLayoutEffect(() => {\n    const content = contentRef.current;\n    if (!content || isExpanded) {\n      setIsTruncatable(false);\n      return undefined;\n    }\n\n    const measure = () => {\n      const lineHeight = Number.parseFloat(\n        getComputedStyle(content).lineHeight,\n      );\n      const linePx =\n        Number.isFinite(lineHeight) && lineHeight > 0\n          ? lineHeight\n          : USER_MESSAGE_LINE_HEIGHT_PX;\n      const maxHeight = USER_MESSAGE_MAX_LINES * linePx;\n      const newlineCount = (message.match(/\\n/g) ?? []).length;\n\n      const truncatable =\n        content.scrollHeight > maxHeight + 1 ||\n        newlineCount >= USER_MESSAGE_MAX_LINES ||\n        message.trim().length > USER_MESSAGE_LENGTH_THRESHOLD;\n\n      setIsTruncatable(truncatable);\n    };\n\n    measure();\n\n    const observer = new ResizeObserver(measure);\n    observer.observe(content);\n\n    return () => observer.disconnect();\n  }, [message, isExpanded]);\n\n  const isCollapsed = isTruncatable && !isExpanded;\n\n  return (\n    <div className=\"relative min-w-0\">\n      <div\n        ref={contentRef}\n        className={cn(\n          \"text-sm leading-6 whitespace-normal [word-break:break-word]\",\n          isCollapsed && \"line-clamp-5\",\n        )}\n      >\n        <MarkdownRenderer\n          includeStandard\n          includeHeadings\n          allowHtml={false}\n          components={chatBubbleMarkdownComponents}\n        >\n          {message}\n        </MarkdownRenderer>\n      </div>\n\n      {isCollapsed ? (\n        <>\n          <div\n            aria-hidden\n            data-testid=\"chat-message-truncation-gradient\"\n            className=\"pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-tertiary to-transparent\"\n          />\n          <span\n            data-testid=\"chat-message-view-more\"\n            className={cn(\n              \"pointer-events-none absolute bottom-1 left-1/2 z-10 inline-flex -translate-x-1/2 items-center rounded-full border border-[var(--oh-border-subtle)] bg-[var(--oh-surface-raised)] px-2.5 py-0.5 text-xs font-normal text-[var(--oh-foreground)] transition-opacity duration-150\",\n              isHovering ? \"opacity-100\" : \"opacity-0\",\n            )}\n          >\n            {t(I18nKey.COMMON$VIEW_MORE)}\n          </span>\n        </>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAMA,IAAM,IAAyB,GACzB,IAAgC,KAGzB,IAA+B,EAC1C,IAAI,EAAE,kBACJ,kBAAC,KAAD;CAAG,WAAU;CAAiB;AAAY,CAAA,EAE9C;AAEA,SAAgB,EAAgB,EAC9B,YACA,eACA,eACA,0BAMC;CACD,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAa,EAAM,OAAuB,IAAI,GAC9C,CAAC,GAAe,KAAoB,EAAM,SAAS,EAAK;CAM9D,AAJA,EAAM,gBAAgB;EACpB,EAAoB,CAAa;CACnC,GAAG,CAAC,GAAe,CAAmB,CAAC,GAEvC,EAAM,sBAAsB;EAC1B,IAAM,IAAU,EAAW;EAC3B,IAAI,CAAC,KAAW,GAAY;GAC1B,EAAiB,EAAK;GACtB;EACF;EAEA,IAAM,UAAgB;GACpB,IAAM,IAAa,OAAO,WACxB,iBAAiB,CAAO,EAAE,UAC5B,GAKM,IAAY,KAHhB,OAAO,SAAS,CAAU,KAAK,IAAa,IACxC,IAAA,KAGA,KAAgB,EAAQ,MAAM,KAAK,KAAK,CAAC,GAAG;GAOlD,EAJE,EAAQ,eAAe,IAAY,KACnC,KAAgB,KAChB,EAAQ,KAAK,EAAE,SAAS,CAEE;EAC9B;EAEA,EAAQ;EAER,IAAM,IAAW,IAAI,eAAe,CAAO;EAG3C,OAFA,EAAS,QAAQ,CAAO,SAEX,EAAS,WAAW;CACnC,GAAG,CAAC,GAAS,CAAU,CAAC;CAExB,IAAM,IAAc,KAAiB,CAAC;CAEtC,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GACE,KAAK;GACL,WAAW,EACT,+DACA,KAAe,cACjB;aAEA,kBAAC,GAAD;IACE,iBAAA;IACA,iBAAA;IACA,WAAW;IACX,YAAY;cAEX;GACe,CAAA;EACf,CAAA,GAEJ,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;GACE,eAAA;GACA,eAAY;GACZ,WAAU;EACX,CAAA,GACD,kBAAC,QAAD;GACE,eAAY;GACZ,WAAW,EACT,kRACA,IAAa,gBAAgB,WAC/B;aAEC,EAAE,EAAQ,gBAAgB;EACvB,CAAA,CACN,EAAA,CAAA,IACA,IACD;;AAET"}
+{"version":3,"file":"user-message-body.js","names":[],"sources":["../../../../src/components/features/chat/user-message-body.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { MarkdownRenderer } from \"../markdown/markdown-renderer\";\nimport { ChatAnchor, ChatCode, ChatStrong } from \"./chat-markdown-path-code\";\n\nconst USER_MESSAGE_MAX_LINES = 5;\nconst USER_MESSAGE_LENGTH_THRESHOLD = 360;\nexport const USER_MESSAGE_LINE_HEIGHT_PX = 24;\n\nexport const chatBubbleMarkdownComponents = {\n  p: ({ children }: React.ComponentProps<\"p\">) => (\n    <p className=\"m-0 leading-6\">{children}</p>\n  ),\n  code: ChatCode,\n  a: ChatAnchor,\n  strong: ChatStrong,\n};\n\nexport function UserMessageBody({\n  message,\n  isHovering,\n  isExpanded,\n  onTruncatableChange,\n}: {\n  message: string;\n  isHovering: boolean;\n  isExpanded: boolean;\n  onTruncatableChange: (truncatable: boolean) => void;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const [isTruncatable, setIsTruncatable] = React.useState(false);\n\n  React.useEffect(() => {\n    onTruncatableChange(isTruncatable);\n  }, [isTruncatable, onTruncatableChange]);\n\n  React.useLayoutEffect(() => {\n    const content = contentRef.current;\n    if (!content || isExpanded) {\n      setIsTruncatable(false);\n      return undefined;\n    }\n\n    const measure = () => {\n      const lineHeight = Number.parseFloat(\n        getComputedStyle(content).lineHeight,\n      );\n      const linePx =\n        Number.isFinite(lineHeight) && lineHeight > 0\n          ? lineHeight\n          : USER_MESSAGE_LINE_HEIGHT_PX;\n      const maxHeight = USER_MESSAGE_MAX_LINES * linePx;\n      const newlineCount = (message.match(/\\n/g) ?? []).length;\n\n      const truncatable =\n        content.scrollHeight > maxHeight + 1 ||\n        newlineCount >= USER_MESSAGE_MAX_LINES ||\n        message.trim().length > USER_MESSAGE_LENGTH_THRESHOLD;\n\n      setIsTruncatable(truncatable);\n    };\n\n    measure();\n\n    const observer = new ResizeObserver(measure);\n    observer.observe(content);\n\n    return () => observer.disconnect();\n  }, [message, isExpanded]);\n\n  const isCollapsed = isTruncatable && !isExpanded;\n\n  return (\n    <div className=\"relative min-w-0\">\n      <div\n        ref={contentRef}\n        className={cn(\n          \"text-sm leading-6 whitespace-normal [word-break:break-word]\",\n          isCollapsed && \"line-clamp-5\",\n        )}\n      >\n        <MarkdownRenderer\n          includeStandard\n          includeHeadings\n          allowHtml={false}\n          components={chatBubbleMarkdownComponents}\n        >\n          {message}\n        </MarkdownRenderer>\n      </div>\n\n      {isCollapsed ? (\n        <>\n          <div\n            aria-hidden\n            data-testid=\"chat-message-truncation-gradient\"\n            className=\"pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-tertiary to-transparent\"\n          />\n          <span\n            data-testid=\"chat-message-view-more\"\n            className={cn(\n              \"pointer-events-none absolute bottom-1 left-1/2 z-10 inline-flex -translate-x-1/2 items-center rounded-full border border-[var(--oh-border-subtle)] bg-[var(--oh-surface-raised)] px-2.5 py-0.5 text-xs font-normal text-[var(--oh-foreground)] transition-opacity duration-150\",\n              isHovering ? \"opacity-100\" : \"opacity-0\",\n            )}\n          >\n            {t(I18nKey.COMMON$VIEW_MORE)}\n          </span>\n        </>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,IAAM,IAAyB,GACzB,IAAgC,KAGzB,IAA+B;CAC1C,IAAI,EAAE,kBACJ,kBAAC,KAAD;EAAG,WAAU;EAAiB;CAAY,CAAA;CAE5C,MAAM;CACN,GAAG;CACH,QAAQ;AACV;AAEA,SAAgB,EAAgB,EAC9B,YACA,eACA,eACA,0BAMC;CACD,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAa,EAAM,OAAuB,IAAI,GAC9C,CAAC,GAAe,KAAoB,EAAM,SAAS,EAAK;CAM9D,AAJA,EAAM,gBAAgB;EACpB,EAAoB,CAAa;CACnC,GAAG,CAAC,GAAe,CAAmB,CAAC,GAEvC,EAAM,sBAAsB;EAC1B,IAAM,IAAU,EAAW;EAC3B,IAAI,CAAC,KAAW,GAAY;GAC1B,EAAiB,EAAK;GACtB;EACF;EAEA,IAAM,UAAgB;GACpB,IAAM,IAAa,OAAO,WACxB,iBAAiB,CAAO,EAAE,UAC5B,GAKM,IAAY,KAHhB,OAAO,SAAS,CAAU,KAAK,IAAa,IACxC,IAAA,KAGA,KAAgB,EAAQ,MAAM,KAAK,KAAK,CAAC,GAAG;GAOlD,EAJE,EAAQ,eAAe,IAAY,KACnC,KAAgB,KAChB,EAAQ,KAAK,EAAE,SAAS,CAEE;EAC9B;EAEA,EAAQ;EAER,IAAM,IAAW,IAAI,eAAe,CAAO;EAG3C,OAFA,EAAS,QAAQ,CAAO,SAEX,EAAS,WAAW;CACnC,GAAG,CAAC,GAAS,CAAU,CAAC;CAExB,IAAM,IAAc,KAAiB,CAAC;CAEtC,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GACE,KAAK;GACL,WAAW,EACT,+DACA,KAAe,cACjB;aAEA,kBAAC,GAAD;IACE,iBAAA;IACA,iBAAA;IACA,WAAW;IACX,YAAY;cAEX;GACe,CAAA;EACf,CAAA,GAEJ,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;GACE,eAAA;GACA,eAAY;GACZ,WAAU;EACX,CAAA,GACD,kBAAC,QAAD;GACE,eAAY;GACZ,WAAW,EACT,kRACA,IAAa,gBAAgB,WAC/B;aAEC,EAAE,EAAQ,gBAAgB;EACvB,CAAA,CACN,EAAA,CAAA,IACA,IACD;;AAET"}

package/dist/components/features/conversation/conversation-overview-skills-panel.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../utils/utils.cjs"),i=require("../../../utils/retrieve-axios-error-message.cjs"),a=require("../../../utils/custom-toast-handlers.cjs"),o=require("../../../hooks/query/use-active-conversation.cjs"),s=require("../../../hooks/query/use-conversation-skills.cjs"),c=require("../../../hooks/query/use-settings.cjs"),l=require("./conversation-overview-drawer-context.cjs"),u=require("../../../utils/extension-module-card-classes.cjs"),d=require("../../../hooks/mutation/use-save-settings.cjs"),f=require("../skills/skill-card.cjs"),p=require("../skills/skill-detail-modal.cjs"),m=require("../skills/add-skill-modal.cjs"),h=require("../skills/skills-toolbar.cjs"),g=require("../skills/skill-filters-modal.cjs"),_=require("../skills/skill-filter.cjs"),v=require("../../../utils/conversation-overview-project-scope.cjs"),y=require("./conversation-overview-project-scope-toggle.cjs");let b=require("react");b=e.__toESM(b,1);let x=require("react/jsx-runtime");function S({openAdd:e}){let{t:S}=t.useTranslation(`openhands`),{mutate:C}=d.useSaveSettings(),{data:w,isLoading:T}=c.useSettings(),{data:E}=o.useActiveConversation(),{data:D,isLoading:O}=s.useConversationSkills(),k=l.useConversationOverviewDrawerOptional()?.addRequestKey??0,A=E?.selected_workspace??null,[j,M]=(0,b.useState)(new Set),[N,P]=(0,b.useState)(!1),[F,I]=(0,b.useState)(v.CONVERSATION_OVERVIEW_PROJECT_SCOPE.project),[L,R]=(0,b.useState)(_.EMPTY_SKILL_FILTER_STATE),[z,B]=(0,b.useState)(!1),[V,H]=(0,b.useState)(null),[U,W]=(0,b.useState)(!1);(0,b.useEffect)(()=>{T||!w||(M(new Set(w.disabled_skills??[])),P(!0))},[T,w?.disabled_skills]),(0,b.useEffect)(()=>{e&&W(!0)},[e]),(0,b.useEffect)(()=>{k!==0&&W(!0)},[k]),(0,b.useEffect)(()=>{N&&C({disabled_skills:Array.from(j)},{onError:e=>{a.displayErrorToast(i.retrieveAxiosErrorMessage(e)||S(n.I18nKey.ERROR$GENERIC))}})},[j,N,C,S]);let G=(0,b.useMemo)(()=>{if(!D)return[];let e=v.filterSkillsByProjectScope(D,F,A);return F===v.CONVERSATION_OVERVIEW_PROJECT_SCOPE.all?v.sortSkillsByProjectRelevance(e,A):e},[D,F,A]),K=(0,b.useMemo)(()=>_.applySkillFilters(G,j,L),[G,j,L]),q=(e,t)=>{M(n=>{let r=new Set(n);return t?r.delete(e):r.add(e),r})};return O||T?(0,x.jsx)(`div`,{"data-testid":`conversation-overview-skills-panel`,className:`text-sm text-muted`,children:`…`}):!D||D.length===0?(0,x.jsxs)(`div`,{"data-testid":`conversation-overview-skills-panel`,className:`flex flex-col gap-4`,children:[(0,x.jsx)(`div`,{"data-testid":`conversation-overview-skills-empty`,className:u.extensionModuleEmptyStateClassName,children:(0,x.jsx)(`p`,{className:`text-sm text-tertiary-light`,children:S(n.I18nKey.SETTINGS$SKILLS_NO_SKILLS)})}),U?(0,x.jsx)(m.AddSkillModal,{onClose:()=>W(!1)}):null]}):(0,x.jsxs)(`div`,{"data-testid":`conversation-overview-skills-panel`,className:`flex flex-col gap-4`,children:[(0,x.jsx)(y.ConversationOverviewProjectScopeToggle,{value:F,onChange:I,testId:`conversation-overview-skills-scope`}),(0,x.jsx)(h.SkillsToolbar,{search:L.query,onSearchChange:e=>R(t=>({...t,query:e})),activeFilterCount:_.countActiveFilters(L),onOpenFilters:()=>B(!0)}),G.length===0?(0,x.jsx)(`div`,{"data-testid":`conversation-overview-skills-project-empty`,className:u.extensionModuleEmptyStateClassName,children:(0,x.jsx)(`p`,{className:`text-sm text-tertiary-light`,children:S(n.I18nKey.CONVERSATION$OVERVIEW_SCOPE_PROJECT_EMPTY_SKILLS)})}):K.length===0?(0,x.jsx)(`div`,{"data-testid":`conversation-overview-skills-no-match`,className:u.extensionModuleEmptyStateClassName,children:(0,x.jsx)(`p`,{className:`text-sm text-tertiary-light`,children:S(n.I18nKey.SETTINGS$SKILLS_NO_MATCH)})}):(0,x.jsx)(`section`,{className:r.cn(`flex min-w-0 flex-col gap-3`,u.extensionModuleCardGridContainerClassName),children:(0,x.jsx)(`div`,{className:r.cn(u.extensionModuleCardGridClassName,`grid-cols-1`),children:K.map(e=>(0,x.jsx)(f.SkillCard,{skill:e,enabled:!j.has(e.name),onOpen:()=>H(e),onToggle:t=>q(e.name,t)},e.name))})}),V?(0,x.jsx)(p.SkillDetailModal,{skill:V,enabled:!j.has(V.name),onToggle:e=>q(V.name,e),onClose:()=>H(null)}):null,U?(0,x.jsx)(m.AddSkillModal,{onClose:()=>W(!1)}):null,z?(0,x.jsx)(g.SkillFiltersModal,{groups:_.buildSkillFacetGroups(G,j,L),activeCount:_.countActiveFilters(L),onToggle:(e,t)=>R(n=>_.toggleSkillFilterValue(n,e,t)),onClearAll:()=>R(e=>_.clearSkillFilterFacets(e)),onClose:()=>B(!1)}):null]})}exports.ConversationOverviewSkillsPanel=S;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../utils/utils.cjs"),i=require("../../../hooks/query/use-active-conversation.cjs"),a=require("../../../hooks/query/use-conversation-skills.cjs"),o=require("../../../hooks/query/use-settings.cjs"),s=require("../../../hooks/use-skill-enablement.cjs"),c=require("./conversation-overview-drawer-context.cjs"),l=require("../../../utils/extension-module-card-classes.cjs"),u=require("../skills/skill-card.cjs"),d=require("../skills/skill-detail-modal.cjs"),f=require("../skills/add-skill-modal.cjs"),p=require("../skills/skills-toolbar.cjs"),m=require("../skills/skill-filters-modal.cjs"),h=require("../skills/skill-filter.cjs"),g=require("../../../utils/conversation-overview-project-scope.cjs"),_=require("./conversation-overview-project-scope-toggle.cjs");let v=require("react");v=e.__toESM(v,1);let y=require("react/jsx-runtime");function b({openAdd:e}){let{t:b}=t.useTranslation(`openhands`),{isLoading:x}=o.useSettings(),{data:S}=i.useActiveConversation(),{data:C,isLoading:w}=a.useConversationSkills(),{isEnabled:T,setEnabled:E}=s.useSkillEnablement(),D=c.useConversationOverviewDrawerOptional()?.addRequestKey??0,O=S?.selected_workspace??null,[k,A]=(0,v.useState)(g.CONVERSATION_OVERVIEW_PROJECT_SCOPE.project),[j,M]=(0,v.useState)(h.EMPTY_SKILL_FILTER_STATE),[N,P]=(0,v.useState)(!1),[F,I]=(0,v.useState)(null),[L,R]=(0,v.useState)(!1);(0,v.useEffect)(()=>{e&&R(!0)},[e]),(0,v.useEffect)(()=>{D!==0&&R(!0)},[D]);let z=(0,v.useMemo)(()=>{if(!C)return[];let e=g.filterSkillsByProjectScope(C,k,O);return k===g.CONVERSATION_OVERVIEW_PROJECT_SCOPE.all?g.sortSkillsByProjectRelevance(e,O):e},[C,k,O]),B=(0,v.useMemo)(()=>h.applySkillFilters(z,T,j),[z,T,j]);return w||x?(0,y.jsx)(`div`,{"data-testid":`conversation-overview-skills-panel`,className:`text-sm text-muted`,children:`…`}):!C||C.length===0?(0,y.jsxs)(`div`,{"data-testid":`conversation-overview-skills-panel`,className:`flex flex-col gap-4`,children:[(0,y.jsx)(`div`,{"data-testid":`conversation-overview-skills-empty`,className:l.extensionModuleEmptyStateClassName,children:(0,y.jsx)(`p`,{className:`text-sm text-tertiary-light`,children:b(n.I18nKey.SETTINGS$SKILLS_NO_SKILLS)})}),L?(0,y.jsx)(f.AddSkillModal,{onClose:()=>R(!1)}):null]}):(0,y.jsxs)(`div`,{"data-testid":`conversation-overview-skills-panel`,className:`flex flex-col gap-4`,children:[(0,y.jsx)(_.ConversationOverviewProjectScopeToggle,{value:k,onChange:A,testId:`conversation-overview-skills-scope`}),(0,y.jsx)(p.SkillsToolbar,{search:j.query,onSearchChange:e=>M(t=>({...t,query:e})),activeFilterCount:h.countActiveFilters(j),onOpenFilters:()=>P(!0)}),z.length===0?(0,y.jsx)(`div`,{"data-testid":`conversation-overview-skills-project-empty`,className:l.extensionModuleEmptyStateClassName,children:(0,y.jsx)(`p`,{className:`text-sm text-tertiary-light`,children:b(n.I18nKey.CONVERSATION$OVERVIEW_SCOPE_PROJECT_EMPTY_SKILLS)})}):B.length===0?(0,y.jsx)(`div`,{"data-testid":`conversation-overview-skills-no-match`,className:l.extensionModuleEmptyStateClassName,children:(0,y.jsx)(`p`,{className:`text-sm text-tertiary-light`,children:b(n.I18nKey.SETTINGS$SKILLS_NO_MATCH)})}):(0,y.jsx)(`section`,{className:r.cn(`flex min-w-0 flex-col gap-3`,l.extensionModuleCardGridContainerClassName),children:(0,y.jsx)(`div`,{className:r.cn(l.extensionModuleCardGridClassName,`grid-cols-1`),children:B.map(e=>(0,y.jsx)(u.SkillCard,{skill:e,enabled:T(e),onOpen:()=>I(e),onToggle:t=>E(e.name,t)},e.name))})}),F?(0,y.jsx)(d.SkillDetailModal,{skill:F,enabled:T(F),onToggle:e=>E(F.name,e),onClose:()=>I(null)}):null,L?(0,y.jsx)(f.AddSkillModal,{onClose:()=>R(!1)}):null,N?(0,y.jsx)(m.SkillFiltersModal,{groups:h.buildSkillFacetGroups(z,T,j),activeCount:h.countActiveFilters(j),onToggle:(e,t)=>M(n=>h.toggleSkillFilterValue(n,e,t)),onClearAll:()=>M(e=>h.clearSkillFilterFacets(e)),onClose:()=>P(!1)}):null]})}exports.ConversationOverviewSkillsPanel=b;
 //# sourceMappingURL=conversation-overview-skills-panel.cjs.map

package/dist/components/features/conversation/conversation-overview-skills-panel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-overview-skills-panel.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-skills-panel.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useSaveSettings } from \"#/hooks/mutation/use-save-settings\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useConversationSkills } from \"#/hooks/query/use-conversation-skills\";\nimport { SkillCard } from \"#/components/features/skills/skill-card\";\nimport { SkillDetailModal } from \"#/components/features/skills/skill-detail-modal\";\nimport { AddSkillModal } from \"#/components/features/skills/add-skill-modal\";\nimport { SkillsToolbar } from \"#/components/features/skills/skills-toolbar\";\nimport { SkillFiltersModal } from \"#/components/features/skills/skill-filters-modal\";\nimport {\n  applySkillFilters,\n  buildSkillFacetGroups,\n  clearSkillFilterFacets,\n  countActiveFilters,\n  toggleSkillFilterValue,\n  EMPTY_SKILL_FILTER_STATE,\n  type SkillFilterState,\n} from \"#/components/features/skills/skill-filter\";\nimport {\n  extensionModuleCardGridClassName,\n  extensionModuleCardGridContainerClassName,\n  extensionModuleEmptyStateClassName,\n} from \"#/utils/extension-module-card-classes\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport type { SkillInfo } from \"#/types/settings\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  CONVERSATION_OVERVIEW_PROJECT_SCOPE,\n  filterSkillsByProjectScope,\n  sortSkillsByProjectRelevance,\n  type ConversationOverviewProjectScope,\n} from \"#/utils/conversation-overview-project-scope\";\nimport { useConversationOverviewDrawerOptional } from \"./conversation-overview-drawer-context\";\nimport { ConversationOverviewProjectScopeToggle } from \"./conversation-overview-project-scope-toggle\";\n\ninterface ConversationOverviewSkillsPanelProps {\n  openAdd: boolean;\n}\n\nexport function ConversationOverviewSkillsPanel({\n  openAdd,\n}: ConversationOverviewSkillsPanelProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { mutate: saveSettings } = useSaveSettings();\n  const { data: settings, isLoading: settingsLoading } = useSettings();\n  const { data: conversation } = useActiveConversation();\n  const { data: skills, isLoading: skillsLoading } = useConversationSkills();\n  const addRequestKey =\n    useConversationOverviewDrawerOptional()?.addRequestKey ?? 0;\n  const projectDir = conversation?.selected_workspace ?? null;\n\n  const [disabledSet, setDisabledSet] = useState<Set<string>>(new Set());\n  const [hasHydratedInitialSettings, setHasHydratedInitialSettings] =\n    useState(false);\n  const [projectScope, setProjectScope] =\n    useState<ConversationOverviewProjectScope>(\n      CONVERSATION_OVERVIEW_PROJECT_SCOPE.project,\n    );\n  const [filter, setFilter] = useState<SkillFilterState>(\n    EMPTY_SKILL_FILTER_STATE,\n  );\n  const [isFiltersModalOpen, setIsFiltersModalOpen] = useState(false);\n  const [selectedSkill, setSelectedSkill] = useState<SkillInfo | null>(null);\n  const [showAddSkillModal, setShowAddSkillModal] = useState(false);\n\n  useEffect(() => {\n    if (settingsLoading || !settings) {\n      return;\n    }\n    setDisabledSet(new Set(settings.disabled_skills ?? []));\n    setHasHydratedInitialSettings(true);\n  }, [settingsLoading, settings?.disabled_skills]);\n\n  useEffect(() => {\n    if (!openAdd) {\n      return;\n    }\n    setShowAddSkillModal(true);\n  }, [openAdd]);\n\n  useEffect(() => {\n    if (addRequestKey === 0) {\n      return;\n    }\n    setShowAddSkillModal(true);\n  }, [addRequestKey]);\n\n  useEffect(() => {\n    if (!hasHydratedInitialSettings) {\n      return;\n    }\n    saveSettings(\n      { disabled_skills: Array.from(disabledSet) },\n      {\n        onError: (error) => {\n          displayErrorToast(\n            retrieveAxiosErrorMessage(error) || t(I18nKey.ERROR$GENERIC),\n          );\n        },\n      },\n    );\n  }, [disabledSet, hasHydratedInitialSettings, saveSettings, t]);\n\n  const scopedSkills = useMemo(() => {\n    if (!skills) {\n      return [];\n    }\n    const filtered = filterSkillsByProjectScope(\n      skills,\n      projectScope,\n      projectDir,\n    );\n    return projectScope === CONVERSATION_OVERVIEW_PROJECT_SCOPE.all\n      ? sortSkillsByProjectRelevance(filtered, projectDir)\n      : filtered;\n  }, [skills, projectScope, projectDir]);\n\n  const filteredSkills = useMemo(\n    () => applySkillFilters(scopedSkills, disabledSet, filter),\n    [scopedSkills, disabledSet, filter],\n  );\n\n  const handleToggle = (skillName: string, enabled: boolean) => {\n    setDisabledSet((previous) => {\n      const next = new Set(previous);\n      if (enabled) {\n        next.delete(skillName);\n      } else {\n        next.add(skillName);\n      }\n      return next;\n    });\n  };\n\n  if (skillsLoading || settingsLoading) {\n    return (\n      <div\n        data-testid=\"conversation-overview-skills-panel\"\n        className=\"text-sm text-muted\"\n      >\n        …\n      </div>\n    );\n  }\n\n  if (!skills || skills.length === 0) {\n    return (\n      <div\n        data-testid=\"conversation-overview-skills-panel\"\n        className=\"flex flex-col gap-4\"\n      >\n        <div\n          data-testid=\"conversation-overview-skills-empty\"\n          className={extensionModuleEmptyStateClassName}\n        >\n          <p className=\"text-sm text-tertiary-light\">\n            {t(I18nKey.SETTINGS$SKILLS_NO_SKILLS)}\n          </p>\n        </div>\n        {showAddSkillModal ? (\n          <AddSkillModal onClose={() => setShowAddSkillModal(false)} />\n        ) : null}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"conversation-overview-skills-panel\"\n      className=\"flex flex-col gap-4\"\n    >\n      <ConversationOverviewProjectScopeToggle\n        value={projectScope}\n        onChange={setProjectScope}\n        testId=\"conversation-overview-skills-scope\"\n      />\n      <SkillsToolbar\n        search={filter.query}\n        onSearchChange={(query) =>\n          setFilter((previous) => ({ ...previous, query }))\n        }\n        activeFilterCount={countActiveFilters(filter)}\n        onOpenFilters={() => setIsFiltersModalOpen(true)}\n      />\n\n      {scopedSkills.length === 0 ? (\n        <div\n          data-testid=\"conversation-overview-skills-project-empty\"\n          className={extensionModuleEmptyStateClassName}\n        >\n          <p className=\"text-sm text-tertiary-light\">\n            {t(I18nKey.CONVERSATION$OVERVIEW_SCOPE_PROJECT_EMPTY_SKILLS)}\n          </p>\n        </div>\n      ) : filteredSkills.length === 0 ? (\n        <div\n          data-testid=\"conversation-overview-skills-no-match\"\n          className={extensionModuleEmptyStateClassName}\n        >\n          <p className=\"text-sm text-tertiary-light\">\n            {t(I18nKey.SETTINGS$SKILLS_NO_MATCH)}\n          </p>\n        </div>\n      ) : (\n        <section\n          className={cn(\n            \"flex min-w-0 flex-col gap-3\",\n            extensionModuleCardGridContainerClassName,\n          )}\n        >\n          <div className={cn(extensionModuleCardGridClassName, \"grid-cols-1\")}>\n            {filteredSkills.map((skill) => (\n              <SkillCard\n                key={skill.name}\n                skill={skill}\n                enabled={!disabledSet.has(skill.name)}\n                onOpen={() => setSelectedSkill(skill)}\n                onToggle={(enabled) => handleToggle(skill.name, enabled)}\n              />\n            ))}\n          </div>\n        </section>\n      )}\n\n      {selectedSkill ? (\n        <SkillDetailModal\n          skill={selectedSkill}\n          enabled={!disabledSet.has(selectedSkill.name)}\n          onToggle={(enabled) => handleToggle(selectedSkill.name, enabled)}\n          onClose={() => setSelectedSkill(null)}\n        />\n      ) : null}\n\n      {showAddSkillModal ? (\n        <AddSkillModal onClose={() => setShowAddSkillModal(false)} />\n      ) : null}\n\n      {isFiltersModalOpen ? (\n        <SkillFiltersModal\n          groups={buildSkillFacetGroups(scopedSkills, disabledSet, filter)}\n          activeCount={countActiveFilters(filter)}\n          onToggle={(groupId, value) =>\n            setFilter((previous) =>\n              toggleSkillFilterValue(previous, groupId, value),\n            )\n          }\n          onClearAll={() =>\n            setFilter((previous) => clearSkillFilterFacets(previous))\n          }\n          onClose={() => setIsFiltersModalOpen(false)}\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"conversation-overview-skills-panel.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-skills-panel.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useConversationSkills } from \"#/hooks/query/use-conversation-skills\";\nimport { useSkillEnablement } from \"#/hooks/use-skill-enablement\";\nimport { SkillCard } from \"#/components/features/skills/skill-card\";\nimport { SkillDetailModal } from \"#/components/features/skills/skill-detail-modal\";\nimport { AddSkillModal } from \"#/components/features/skills/add-skill-modal\";\nimport { SkillsToolbar } from \"#/components/features/skills/skills-toolbar\";\nimport { SkillFiltersModal } from \"#/components/features/skills/skill-filters-modal\";\nimport {\n  applySkillFilters,\n  buildSkillFacetGroups,\n  clearSkillFilterFacets,\n  countActiveFilters,\n  toggleSkillFilterValue,\n  EMPTY_SKILL_FILTER_STATE,\n  type SkillFilterState,\n} from \"#/components/features/skills/skill-filter\";\nimport {\n  extensionModuleCardGridClassName,\n  extensionModuleCardGridContainerClassName,\n  extensionModuleEmptyStateClassName,\n} from \"#/utils/extension-module-card-classes\";\nimport type { SkillInfo } from \"#/types/settings\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  CONVERSATION_OVERVIEW_PROJECT_SCOPE,\n  filterSkillsByProjectScope,\n  sortSkillsByProjectRelevance,\n  type ConversationOverviewProjectScope,\n} from \"#/utils/conversation-overview-project-scope\";\nimport { useConversationOverviewDrawerOptional } from \"./conversation-overview-drawer-context\";\nimport { ConversationOverviewProjectScopeToggle } from \"./conversation-overview-project-scope-toggle\";\n\ninterface ConversationOverviewSkillsPanelProps {\n  openAdd: boolean;\n}\n\nexport function ConversationOverviewSkillsPanel({\n  openAdd,\n}: ConversationOverviewSkillsPanelProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { isLoading: settingsLoading } = useSettings();\n  const { data: conversation } = useActiveConversation();\n  const { data: skills, isLoading: skillsLoading } = useConversationSkills();\n  const { isEnabled, setEnabled } = useSkillEnablement();\n  const addRequestKey =\n    useConversationOverviewDrawerOptional()?.addRequestKey ?? 0;\n  const projectDir = conversation?.selected_workspace ?? null;\n\n  const [projectScope, setProjectScope] =\n    useState<ConversationOverviewProjectScope>(\n      CONVERSATION_OVERVIEW_PROJECT_SCOPE.project,\n    );\n  const [filter, setFilter] = useState<SkillFilterState>(\n    EMPTY_SKILL_FILTER_STATE,\n  );\n  const [isFiltersModalOpen, setIsFiltersModalOpen] = useState(false);\n  const [selectedSkill, setSelectedSkill] = useState<SkillInfo | null>(null);\n  const [showAddSkillModal, setShowAddSkillModal] = useState(false);\n\n  useEffect(() => {\n    if (!openAdd) {\n      return;\n    }\n    setShowAddSkillModal(true);\n  }, [openAdd]);\n\n  useEffect(() => {\n    if (addRequestKey === 0) {\n      return;\n    }\n    setShowAddSkillModal(true);\n  }, [addRequestKey]);\n\n  const scopedSkills = useMemo(() => {\n    if (!skills) {\n      return [];\n    }\n    const filtered = filterSkillsByProjectScope(\n      skills,\n      projectScope,\n      projectDir,\n    );\n    return projectScope === CONVERSATION_OVERVIEW_PROJECT_SCOPE.all\n      ? sortSkillsByProjectRelevance(filtered, projectDir)\n      : filtered;\n  }, [skills, projectScope, projectDir]);\n\n  const filteredSkills = useMemo(\n    () => applySkillFilters(scopedSkills, isEnabled, filter),\n    [scopedSkills, isEnabled, filter],\n  );\n\n  if (skillsLoading || settingsLoading) {\n    return (\n      <div\n        data-testid=\"conversation-overview-skills-panel\"\n        className=\"text-sm text-muted\"\n      >\n        …\n      </div>\n    );\n  }\n\n  if (!skills || skills.length === 0) {\n    return (\n      <div\n        data-testid=\"conversation-overview-skills-panel\"\n        className=\"flex flex-col gap-4\"\n      >\n        <div\n          data-testid=\"conversation-overview-skills-empty\"\n          className={extensionModuleEmptyStateClassName}\n        >\n          <p className=\"text-sm text-tertiary-light\">\n            {t(I18nKey.SETTINGS$SKILLS_NO_SKILLS)}\n          </p>\n        </div>\n        {showAddSkillModal ? (\n          <AddSkillModal onClose={() => setShowAddSkillModal(false)} />\n        ) : null}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"conversation-overview-skills-panel\"\n      className=\"flex flex-col gap-4\"\n    >\n      <ConversationOverviewProjectScopeToggle\n        value={projectScope}\n        onChange={setProjectScope}\n        testId=\"conversation-overview-skills-scope\"\n      />\n      <SkillsToolbar\n        search={filter.query}\n        onSearchChange={(query) =>\n          setFilter((previous) => ({ ...previous, query }))\n        }\n        activeFilterCount={countActiveFilters(filter)}\n        onOpenFilters={() => setIsFiltersModalOpen(true)}\n      />\n\n      {scopedSkills.length === 0 ? (\n        <div\n          data-testid=\"conversation-overview-skills-project-empty\"\n          className={extensionModuleEmptyStateClassName}\n        >\n          <p className=\"text-sm text-tertiary-light\">\n            {t(I18nKey.CONVERSATION$OVERVIEW_SCOPE_PROJECT_EMPTY_SKILLS)}\n          </p>\n        </div>\n      ) : filteredSkills.length === 0 ? (\n        <div\n          data-testid=\"conversation-overview-skills-no-match\"\n          className={extensionModuleEmptyStateClassName}\n        >\n          <p className=\"text-sm text-tertiary-light\">\n            {t(I18nKey.SETTINGS$SKILLS_NO_MATCH)}\n          </p>\n        </div>\n      ) : (\n        <section\n          className={cn(\n            \"flex min-w-0 flex-col gap-3\",\n            extensionModuleCardGridContainerClassName,\n          )}\n        >\n          <div className={cn(extensionModuleCardGridClassName, \"grid-cols-1\")}>\n            {filteredSkills.map((skill) => (\n              <SkillCard\n                key={skill.name}\n                skill={skill}\n                enabled={isEnabled(skill)}\n                onOpen={() => setSelectedSkill(skill)}\n                onToggle={(enabled) => setEnabled(skill.name, enabled)}\n              />\n            ))}\n          </div>\n        </section>\n      )}\n\n      {selectedSkill ? (\n        <SkillDetailModal\n          skill={selectedSkill}\n          enabled={isEnabled(selectedSkill)}\n          onToggle={(enabled) => setEnabled(selectedSkill.name, enabled)}\n          onClose={() => setSelectedSkill(null)}\n        />\n      ) : null}\n\n      {showAddSkillModal ? (\n        <AddSkillModal onClose={() => setShowAddSkillModal(false)} />\n      ) : null}\n\n      {isFiltersModalOpen ? (\n        <SkillFiltersModal\n          groups={buildSkillFacetGroups(scopedSkills, isEnabled, filter)}\n          activeCount={countActiveFilters(filter)}\n          onToggle={(groupId, value) =>\n            setFilter((previous) =>\n              toggleSkillFilterValue(previous, groupId, value),\n            )\n          }\n          onClearAll={() =>\n            setFilter((previous) => clearSkillFilterFacets(previous))\n          }\n          onClose={() => setIsFiltersModalOpen(false)}\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"+/BAyCA,SAAgB,EAAgC,CAC9C,WACuC,CACvC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,UAAW,GAAoB,EAAA,YAAY,EAC7C,CAAE,KAAM,GAAiB,EAAA,sBAAsB,EAC/C,CAAE,KAAM,EAAQ,UAAW,GAAkB,EAAA,sBAAsB,EACnE,CAAE,YAAW,cAAe,EAAA,mBAAmB,EAC/C,EACJ,EAAA,sCAAsC,GAAG,eAAiB,EACtD,EAAa,GAAc,oBAAsB,KAEjD,CAAC,EAAc,IAAA,EAAA,EAAA,UAEjB,EAAA,oCAAoC,OACtC,EACI,CAAC,EAAQ,IAAA,EAAA,EAAA,UACb,EAAA,wBACF,EACM,CAAC,EAAoB,IAAA,EAAA,EAAA,UAAkC,EAAK,EAC5D,CAAC,EAAe,IAAA,EAAA,EAAA,UAA+C,IAAI,EACnE,CAAC,EAAmB,IAAA,EAAA,EAAA,UAAiC,EAAK,GAEhE,EAAA,EAAA,eAAgB,CACT,GAGL,EAAqB,EAAI,CAC3B,EAAG,CAAC,CAAO,CAAC,GAEZ,EAAA,EAAA,eAAgB,CACV,IAAkB,GAGtB,EAAqB,EAAI,CAC3B,EAAG,CAAC,CAAa,CAAC,EAElB,IAAM,GAAA,EAAA,EAAA,aAA6B,CACjC,GAAI,CAAC,EACH,MAAO,CAAC,EAEV,IAAM,EAAW,EAAA,2BACf,EACA,EACA,CACF,EACA,OAAO,IAAiB,EAAA,oCAAoC,IACxD,EAAA,6BAA6B,EAAU,CAAU,EACjD,CACN,EAAG,CAAC,EAAQ,EAAc,CAAU,CAAC,EAE/B,GAAA,EAAA,EAAA,aACE,EAAA,kBAAkB,EAAc,EAAW,CAAM,EACvD,CAAC,EAAc,EAAW,CAAM,CAClC,EAkCA,OAhCI,GAAiB,GAEjB,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,qCACZ,UAAU,8BACX,GAEI,CAAA,EAIL,CAAC,GAAU,EAAO,SAAW,GAE7B,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,qCACZ,UAAU,+BAFZ,EAIE,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,qCACZ,UAAW,EAAA,6CAEX,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,uCACV,EAAE,EAAA,QAAQ,yBAAyB,CACnC,CAAA,CACA,CAAA,EACJ,GACC,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,YAAe,EAAqB,EAAK,CAAI,CAAA,EAC1D,IACD,KAKP,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,qCACZ,UAAU,+BAFZ,EAIE,EAAA,EAAA,KAAC,EAAA,uCAAD,CACE,MAAO,EACP,SAAU,EACV,OAAO,oCACR,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAQ,EAAO,MACf,eAAiB,GACf,EAAW,IAAc,CAAE,GAAG,EAAU,OAAM,EAAE,EAElD,kBAAmB,EAAA,mBAAmB,CAAM,EAC5C,kBAAqB,EAAsB,EAAI,CAChD,CAAA,EAEA,EAAa,SAAW,GACvB,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,6CACZ,UAAW,EAAA,6CAEX,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,uCACV,EAAE,EAAA,QAAQ,gDAAgD,CAC1D,CAAA,CACA,CAAA,EACH,EAAe,SAAW,GAC5B,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,wCACZ,UAAW,EAAA,6CAEX,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,uCACV,EAAE,EAAA,QAAQ,wBAAwB,CAClC,CAAA,CACA,CAAA,GAEL,EAAA,EAAA,KAAC,UAAD,CACE,UAAW,EAAA,GACT,8BACA,EAAA,yCACF,YAEA,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,iCAAkC,aAAa,WAC/D,EAAe,IAAK,IACnB,EAAA,EAAA,KAAC,EAAA,UAAD,CAES,QACP,QAAS,EAAU,CAAK,EACxB,WAAc,EAAiB,CAAK,EACpC,SAAW,GAAY,EAAW,EAAM,KAAM,CAAO,CACtD,EALM,EAAM,IAKZ,CACF,CACE,CAAA,CACE,CAAA,EAGV,GACC,EAAA,EAAA,KAAC,EAAA,iBAAD,CACE,MAAO,EACP,QAAS,EAAU,CAAa,EAChC,SAAW,GAAY,EAAW,EAAc,KAAM,CAAO,EAC7D,YAAe,EAAiB,IAAI,CACrC,CAAA,EACC,KAEH,GACC,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,YAAe,EAAqB,EAAK,CAAI,CAAA,EAC1D,KAEH,GACC,EAAA,EAAA,KAAC,EAAA,kBAAD,CACE,OAAQ,EAAA,sBAAsB,EAAc,EAAW,CAAM,EAC7D,YAAa,EAAA,mBAAmB,CAAM,EACtC,UAAW,EAAS,IAClB,EAAW,GACT,EAAA,uBAAuB,EAAU,EAAS,CAAK,CACjD,EAEF,eACE,EAAW,GAAa,EAAA,uBAAuB,CAAQ,CAAC,EAE1D,YAAe,EAAsB,EAAK,CAC3C,CAAA,EACC,IACD,GAET"}