@openhands/agent-canvas 1.2.1 → 1.4.0

package/dist/components/features/conversation/conversation-name.js

@@ -13,102 +13,114 @@ import { ConversationNameContextMenu as d } from "./conversation-name-context-me
 import { ConfirmDeleteModal as f } from "../conversation-panel/confirm-delete-modal.js";
 import { ConfirmStopModal as p } from "../conversation-panel/confirm-stop-modal.js";
 import { MetricsModal as m } from "./metrics-modal/metrics-modal.js";
-import h from "react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { TranscriptExportModal as h } from "./transcript-export-modal.js";
+import g from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/components/features/conversation/conversation-name.tsx
-function y() {
-	let { t: y } = e("openhands"), { conversationId: b } = n(), { data: x } = i(), { mutate: S } = l(), [C, w] = h.useState("view"), [T, E] = h.useState(!1), D = h.useRef(null), O = h.useRef(null), { handleDelete: k, handleStop: A, handleDownloadConversation: j, handleDisplayCost: M, handleShowAgentTools: N, handleShowSkills: ee, handleShowHooks: P, handleTogglePublic: F, handleCopyShareLink: I, shareUrl: L, handleConfirmDelete: R, handleConfirmStop: z, metricsModalVisible: B, setMetricsModalVisible: V, systemModalVisible: H, setSystemModalVisible: U, skillsModalVisible: W, setSkillsModalVisible: G, hooksModalVisible: K, setHooksModalVisible: q, confirmDeleteModalVisible: J, setConfirmDeleteModalVisible: Y, confirmStopModalVisible: X, setConfirmStopModalVisible: Z, systemMessage: Q, shouldShowStop: $, shouldShowDownloadConversation: te, shouldShowDisplayCost: ne, shouldShowAgentTools: re, shouldShowSkills: ie, shouldShowHooks: ae } = a({
-		conversationId: b,
-		executionStatus: x?.execution_status,
+function b() {
+	let { t: b } = e("openhands"), { conversationId: x } = n(), { data: S } = i(), { mutate: C } = l(), [w, T] = g.useState("view"), [E, D] = g.useState(!1), [O, k] = g.useState(!1), A = g.useRef(null), j = g.useRef(null), { handleDelete: M, handleStop: N, handleDownloadConversation: P, handleDisplayCost: F, handleShowAgentTools: I, handleShowSkills: L, handleShowHooks: R, handleTogglePublic: ee, handleCopyShareLink: z, shareUrl: B, handleConfirmDelete: V, handleConfirmStop: H, metricsModalVisible: U, setMetricsModalVisible: W, systemModalVisible: G, setSystemModalVisible: K, skillsModalVisible: q, setSkillsModalVisible: J, hooksModalVisible: Y, setHooksModalVisible: X, confirmDeleteModalVisible: Z, setConfirmDeleteModalVisible: Q, confirmStopModalVisible: $, setConfirmStopModalVisible: te, systemMessage: ne, shouldShowStop: re, shouldShowDownloadConversation: ie, shouldShowDisplayCost: ae, shouldShowAgentTools: oe, shouldShowSkills: se, shouldShowHooks: ce } = a({
+		conversationId: x,
+		executionStatus: S?.execution_status,
 		showOptions: !0,
-		onContextMenuToggle: E
+		onContextMenuToggle: D
 	});
-	return h.useEffect(() => {
-		C === "edit" && D.current?.focus();
-	}, [C]), x ? /* @__PURE__ */ v(g, { children: [
-		/* @__PURE__ */ v("div", {
+	return g.useEffect(() => {
+		w === "edit" && A.current?.focus();
+	}, [w]), S ? /* @__PURE__ */ y(_, { children: [
+		/* @__PURE__ */ y("div", {
 			className: "flex items-center gap-2 h-[22px] text-base font-normal text-left pl-0 lg:pl-1 min-w-0",
 			"data-testid": "conversation-name",
-			children: [C === "edit" ? /* @__PURE__ */ _("input", {
-				ref: D,
+			children: [w === "edit" ? /* @__PURE__ */ v("input", {
+				ref: A,
 				"data-testid": "conversation-name-input",
 				onClick: (e) => {
-					C === "edit" && (e.preventDefault(), e.stopPropagation());
+					w === "edit" && (e.preventDefault(), e.stopPropagation());
 				},
 				onBlur: () => {
-					if (D.current?.value && b) {
-						let e = D.current.value.trim();
-						e !== x?.title && S({
-							conversationId: b,
+					if (A.current?.value && x) {
+						let e = A.current.value.trim();
+						e !== S?.title && C({
+							conversationId: x,
 							newTitle: e
 						}, { onSuccess: () => {
-							r(y(t.CONVERSATION$TITLE_UPDATED));
+							r(b(t.CONVERSATION$TITLE_UPDATED));
 						} });
-					} else D.current && (D.current.value = x?.title ?? "");
-					w("view");
+					} else A.current && (A.current.value = S?.title ?? "");
+					T("view");
 				},
 				onKeyUp: (e) => {
 					e.nativeEvent.isComposing || e.key === "Enter" && e.currentTarget.blur();
 				},
 				type: "text",
-				defaultValue: x.title || "",
+				defaultValue: S.title || "",
 				className: "text-white leading-5 bg-transparent border-none outline-none text-base font-normal w-fit max-w-fit field-sizing-content"
-			}) : /* @__PURE__ */ _("div", {
+			}) : /* @__PURE__ */ v("div", {
 				className: "text-white leading-5 truncate",
 				"data-testid": "conversation-name-title",
 				onDoubleClick: () => {
-					w("edit");
+					T("edit");
 				},
-				title: x.title || "",
-				children: x.title
-			}), C !== "edit" && /* @__PURE__ */ v("div", {
-				ref: O,
+				title: S.title || "",
+				children: S.title
+			}), w !== "edit" && /* @__PURE__ */ y("div", {
+				ref: j,
 				className: "relative flex items-center shrink-0",
-				children: [/* @__PURE__ */ _(u, { onClick: (e) => {
-					e.preventDefault(), e.stopPropagation(), E(!T);
-				} }), T && /* @__PURE__ */ _(d, {
-					onClose: () => E(!1),
+				children: [/* @__PURE__ */ v(u, { onClick: (e) => {
+					e.preventDefault(), e.stopPropagation(), D(!E);
+				} }), E && /* @__PURE__ */ v(d, {
+					onClose: () => D(!1),
 					onRename: (e) => {
-						e.preventDefault(), e.stopPropagation(), w("edit"), E(!1);
+						e.preventDefault(), e.stopPropagation(), T("edit"), D(!1);
 					},
-					onDelete: k,
-					onStop: $ ? A : void 0,
-					onDisplayCost: ne ? M : void 0,
-					onShowAgentTools: re ? N : void 0,
-					onShowSkills: ie ? ee : void 0,
-					onShowHooks: ae ? P : void 0,
-					onTogglePublic: F,
-					onCopyShareLink: I,
-					shareUrl: L,
-					onDownloadConversation: te ? j : void 0,
+					onDelete: M,
+					onStop: re ? N : void 0,
+					onDisplayCost: ae ? F : void 0,
+					onShowAgentTools: oe ? I : void 0,
+					onShowSkills: se ? L : void 0,
+					onShowHooks: ce ? R : void 0,
+					onTogglePublic: ee,
+					onCopyShareLink: z,
+					shareUrl: B,
+					onExportTranscript: (e) => {
+						e.preventDefault(), e.stopPropagation(), k(!0), D(!1);
+					},
+					onDownloadConversation: ie ? P : void 0,
 					position: "bottom",
-					anchorRef: O
+					anchorRef: j
 				})]
 			})]
 		}),
-		/* @__PURE__ */ _(m, {
-			isOpen: B,
-			onOpenChange: V
+		/* @__PURE__ */ v(m, {
+			isOpen: U,
+			onOpenChange: W
+		}),
+		O && x && /* @__PURE__ */ v(h, {
+			conversationId: x,
+			conversationUrl: S.conversation_url,
+			sessionApiKey: S.session_api_key,
+			conversationTitle: S.title,
+			model: S.llm_model,
+			onClose: () => k(!1)
 		}),
-		/* @__PURE__ */ _(o, {
-			isOpen: H,
-			onClose: () => U(!1),
-			systemMessage: Q || null
+		/* @__PURE__ */ v(o, {
+			isOpen: G,
+			onClose: () => K(!1),
+			systemMessage: ne || null
 		}),
-		W && /* @__PURE__ */ _(s, { onClose: () => G(!1) }),
-		K && /* @__PURE__ */ _(c, { onClose: () => q(!1) }),
-		J && /* @__PURE__ */ _(f, {
-			onConfirm: R,
-			onCancel: () => Y(!1),
-			conversationTitle: x?.title || ""
+		q && /* @__PURE__ */ v(s, { onClose: () => J(!1) }),
+		Y && /* @__PURE__ */ v(c, { onClose: () => X(!1) }),
+		Z && /* @__PURE__ */ v(f, {
+			onConfirm: V,
+			onCancel: () => Q(!1),
+			conversationTitle: S?.title || ""
 		}),
-		X && /* @__PURE__ */ _(p, {
-			onConfirm: z,
-			onCancel: () => Z(!1)
+		$ && /* @__PURE__ */ v(p, {
+			onConfirm: H,
+			onCancel: () => te(!1)
 		})
 	] }) : null;
 }
 //#endregion
-export { y as ConversationName };
+export { b as ConversationName };
 
 //# sourceMappingURL=conversation-name.js.map

package/dist/components/features/conversation/conversation-name.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-name.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-name.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useUpdateConversation } from \"#/hooks/mutation/use-update-conversation\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationNameContextMenu } from \"#/hooks/use-conversation-name-context-menu\";\nimport { displaySuccessToast } from \"#/utils/custom-toast-handlers\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { EllipsisButton } from \"../conversation-panel/ellipsis-button\";\nimport { ConversationNameContextMenu } from \"./conversation-name-context-menu\";\nimport { SystemMessageModal } from \"../conversation-panel/system-message-modal\";\nimport { SkillsModal } from \"../conversation-panel/skills-modal\";\nimport { HooksModal } from \"../conversation-panel/hooks-modal\";\nimport { ConfirmDeleteModal } from \"../conversation-panel/confirm-delete-modal\";\nimport { ConfirmStopModal } from \"../conversation-panel/confirm-stop-modal\";\nimport { MetricsModal } from \"./metrics-modal/metrics-modal\";\n\nexport function ConversationName() {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useConversationId();\n  const { data: conversation } = useActiveConversation();\n  const { mutate: updateConversation } = useUpdateConversation();\n\n  const [titleMode, setTitleMode] = React.useState<\"view\" | \"edit\">(\"view\");\n  const [contextMenuOpen, setContextMenuOpen] = React.useState(false);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const ellipsisAnchorRef = React.useRef<HTMLDivElement>(null);\n\n  // Use the custom hook for context menu handlers\n  const {\n    handleDelete,\n    handleStop,\n    handleDownloadConversation,\n    handleDisplayCost,\n    handleShowAgentTools,\n    handleShowSkills,\n    handleShowHooks,\n    handleTogglePublic,\n    handleCopyShareLink,\n    shareUrl,\n    handleConfirmDelete,\n    handleConfirmStop,\n    metricsModalVisible,\n    setMetricsModalVisible,\n    systemModalVisible,\n    setSystemModalVisible,\n    skillsModalVisible,\n    setSkillsModalVisible,\n    hooksModalVisible,\n    setHooksModalVisible,\n    confirmDeleteModalVisible,\n    setConfirmDeleteModalVisible,\n    confirmStopModalVisible,\n    setConfirmStopModalVisible,\n    systemMessage,\n    shouldShowStop,\n    shouldShowDownloadConversation,\n    shouldShowDisplayCost,\n    shouldShowAgentTools,\n    shouldShowSkills,\n    shouldShowHooks,\n  } = useConversationNameContextMenu({\n    conversationId,\n    executionStatus: conversation?.execution_status,\n    showOptions: true,\n    onContextMenuToggle: setContextMenuOpen,\n  });\n\n  const handleDoubleClick = () => {\n    setTitleMode(\"edit\");\n  };\n\n  const handleBlur = () => {\n    if (inputRef.current?.value && conversationId) {\n      const trimmed = inputRef.current.value.trim();\n      if (trimmed !== conversation?.title) {\n        updateConversation(\n          { conversationId, newTitle: trimmed },\n          {\n            onSuccess: () => {\n              displaySuccessToast(t(I18nKey.CONVERSATION$TITLE_UPDATED));\n            },\n          },\n        );\n      }\n    } else if (inputRef.current) {\n      // reset the value if it's empty\n      inputRef.current.value = conversation?.title ?? \"\";\n    }\n\n    setTitleMode(\"view\");\n  };\n\n  const handleKeyUp = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    // Ignore Enter key during IME composition (e.g., Chinese, Japanese, Korean input)\n    if (event.nativeEvent.isComposing) {\n      return;\n    }\n    if (event.key === \"Enter\") {\n      event.currentTarget.blur();\n    }\n  };\n\n  const handleInputClick = (event: React.MouseEvent<HTMLInputElement>) => {\n    if (titleMode === \"edit\") {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  const handleEllipsisClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setContextMenuOpen(!contextMenuOpen);\n  };\n\n  const handleRename = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setTitleMode(\"edit\");\n    setContextMenuOpen(false);\n  };\n\n  React.useEffect(() => {\n    if (titleMode === \"edit\") {\n      inputRef.current?.focus();\n    }\n  }, [titleMode]);\n\n  if (!conversation) {\n    return null;\n  }\n\n  return (\n    <>\n      <div\n        className=\"flex items-center gap-2 h-[22px] text-base font-normal text-left pl-0 lg:pl-1 min-w-0\"\n        data-testid=\"conversation-name\"\n      >\n        {titleMode === \"edit\" ? (\n          <input\n            ref={inputRef}\n            data-testid=\"conversation-name-input\"\n            onClick={handleInputClick}\n            onBlur={handleBlur}\n            onKeyUp={handleKeyUp}\n            type=\"text\"\n            defaultValue={conversation.title || \"\"}\n            className=\"text-white leading-5 bg-transparent border-none outline-none text-base font-normal w-fit max-w-fit field-sizing-content\"\n          />\n        ) : (\n          <div\n            className=\"text-white leading-5 truncate\"\n            data-testid=\"conversation-name-title\"\n            onDoubleClick={handleDoubleClick}\n            title={conversation.title || \"\"}\n          >\n            {conversation.title}\n          </div>\n        )}\n\n        {titleMode !== \"edit\" && (\n          <div\n            ref={ellipsisAnchorRef}\n            className=\"relative flex items-center shrink-0\"\n          >\n            <EllipsisButton onClick={handleEllipsisClick} />\n            {contextMenuOpen && (\n              <ConversationNameContextMenu\n                onClose={() => setContextMenuOpen(false)}\n                onRename={handleRename}\n                onDelete={handleDelete}\n                onStop={shouldShowStop ? handleStop : undefined}\n                onDisplayCost={\n                  shouldShowDisplayCost ? handleDisplayCost : undefined\n                }\n                onShowAgentTools={\n                  shouldShowAgentTools ? handleShowAgentTools : undefined\n                }\n                onShowSkills={shouldShowSkills ? handleShowSkills : undefined}\n                onShowHooks={shouldShowHooks ? handleShowHooks : undefined}\n                onTogglePublic={handleTogglePublic}\n                onCopyShareLink={handleCopyShareLink}\n                shareUrl={shareUrl}\n                onDownloadConversation={\n                  shouldShowDownloadConversation\n                    ? handleDownloadConversation\n                    : undefined\n                }\n                position=\"bottom\"\n                anchorRef={ellipsisAnchorRef}\n              />\n            )}\n          </div>\n        )}\n      </div>\n\n      {/* Metrics Modal */}\n      <MetricsModal\n        isOpen={metricsModalVisible}\n        onOpenChange={setMetricsModalVisible}\n      />\n\n      {/* System Message Modal */}\n      <SystemMessageModal\n        isOpen={systemModalVisible}\n        onClose={() => setSystemModalVisible(false)}\n        systemMessage={systemMessage || null}\n      />\n\n      {/* Skills Modal */}\n      {skillsModalVisible && (\n        <SkillsModal onClose={() => setSkillsModalVisible(false)} />\n      )}\n\n      {/* Hooks Modal */}\n      {hooksModalVisible && (\n        <HooksModal onClose={() => setHooksModalVisible(false)} />\n      )}\n\n      {/* Confirm Delete Modal */}\n      {confirmDeleteModalVisible && (\n        <ConfirmDeleteModal\n          onConfirm={handleConfirmDelete}\n          onCancel={() => setConfirmDeleteModalVisible(false)}\n          conversationTitle={conversation?.title || \"\"}\n        />\n      )}\n\n      {confirmStopModalVisible && (\n        <ConfirmStopModal\n          onConfirm={handleConfirmStop}\n          onCancel={() => setConfirmStopModalVisible(false)}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"conversation-name.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-name.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useUpdateConversation } from \"#/hooks/mutation/use-update-conversation\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationNameContextMenu } from \"#/hooks/use-conversation-name-context-menu\";\nimport { displaySuccessToast } from \"#/utils/custom-toast-handlers\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { EllipsisButton } from \"../conversation-panel/ellipsis-button\";\nimport { ConversationNameContextMenu } from \"./conversation-name-context-menu\";\nimport { SystemMessageModal } from \"../conversation-panel/system-message-modal\";\nimport { SkillsModal } from \"../conversation-panel/skills-modal\";\nimport { HooksModal } from \"../conversation-panel/hooks-modal\";\nimport { ConfirmDeleteModal } from \"../conversation-panel/confirm-delete-modal\";\nimport { ConfirmStopModal } from \"../conversation-panel/confirm-stop-modal\";\nimport { MetricsModal } from \"./metrics-modal/metrics-modal\";\nimport { TranscriptExportModal } from \"./transcript-export-modal\";\n\nexport function ConversationName() {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useConversationId();\n  const { data: conversation } = useActiveConversation();\n  const { mutate: updateConversation } = useUpdateConversation();\n\n  const [titleMode, setTitleMode] = React.useState<\"view\" | \"edit\">(\"view\");\n  const [contextMenuOpen, setContextMenuOpen] = React.useState(false);\n  const [transcriptExportModalVisible, setTranscriptExportModalVisible] =\n    React.useState(false);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const ellipsisAnchorRef = React.useRef<HTMLDivElement>(null);\n\n  // Use the custom hook for context menu handlers\n  const {\n    handleDelete,\n    handleStop,\n    handleDownloadConversation,\n    handleDisplayCost,\n    handleShowAgentTools,\n    handleShowSkills,\n    handleShowHooks,\n    handleTogglePublic,\n    handleCopyShareLink,\n    shareUrl,\n    handleConfirmDelete,\n    handleConfirmStop,\n    metricsModalVisible,\n    setMetricsModalVisible,\n    systemModalVisible,\n    setSystemModalVisible,\n    skillsModalVisible,\n    setSkillsModalVisible,\n    hooksModalVisible,\n    setHooksModalVisible,\n    confirmDeleteModalVisible,\n    setConfirmDeleteModalVisible,\n    confirmStopModalVisible,\n    setConfirmStopModalVisible,\n    systemMessage,\n    shouldShowStop,\n    shouldShowDownloadConversation,\n    shouldShowDisplayCost,\n    shouldShowAgentTools,\n    shouldShowSkills,\n    shouldShowHooks,\n  } = useConversationNameContextMenu({\n    conversationId,\n    executionStatus: conversation?.execution_status,\n    showOptions: true,\n    onContextMenuToggle: setContextMenuOpen,\n  });\n\n  const handleDoubleClick = () => {\n    setTitleMode(\"edit\");\n  };\n\n  const handleBlur = () => {\n    if (inputRef.current?.value && conversationId) {\n      const trimmed = inputRef.current.value.trim();\n      if (trimmed !== conversation?.title) {\n        updateConversation(\n          { conversationId, newTitle: trimmed },\n          {\n            onSuccess: () => {\n              displaySuccessToast(t(I18nKey.CONVERSATION$TITLE_UPDATED));\n            },\n          },\n        );\n      }\n    } else if (inputRef.current) {\n      // reset the value if it's empty\n      inputRef.current.value = conversation?.title ?? \"\";\n    }\n\n    setTitleMode(\"view\");\n  };\n\n  const handleKeyUp = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    // Ignore Enter key during IME composition (e.g., Chinese, Japanese, Korean input)\n    if (event.nativeEvent.isComposing) {\n      return;\n    }\n    if (event.key === \"Enter\") {\n      event.currentTarget.blur();\n    }\n  };\n\n  const handleInputClick = (event: React.MouseEvent<HTMLInputElement>) => {\n    if (titleMode === \"edit\") {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  const handleEllipsisClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setContextMenuOpen(!contextMenuOpen);\n  };\n\n  const handleRename = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setTitleMode(\"edit\");\n    setContextMenuOpen(false);\n  };\n\n  const handleExportTranscript = (\n    event: React.MouseEvent<HTMLButtonElement>,\n  ) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setTranscriptExportModalVisible(true);\n    setContextMenuOpen(false);\n  };\n\n  React.useEffect(() => {\n    if (titleMode === \"edit\") {\n      inputRef.current?.focus();\n    }\n  }, [titleMode]);\n\n  if (!conversation) {\n    return null;\n  }\n\n  return (\n    <>\n      <div\n        className=\"flex items-center gap-2 h-[22px] text-base font-normal text-left pl-0 lg:pl-1 min-w-0\"\n        data-testid=\"conversation-name\"\n      >\n        {titleMode === \"edit\" ? (\n          <input\n            ref={inputRef}\n            data-testid=\"conversation-name-input\"\n            onClick={handleInputClick}\n            onBlur={handleBlur}\n            onKeyUp={handleKeyUp}\n            type=\"text\"\n            defaultValue={conversation.title || \"\"}\n            className=\"text-white leading-5 bg-transparent border-none outline-none text-base font-normal w-fit max-w-fit field-sizing-content\"\n          />\n        ) : (\n          <div\n            className=\"text-white leading-5 truncate\"\n            data-testid=\"conversation-name-title\"\n            onDoubleClick={handleDoubleClick}\n            title={conversation.title || \"\"}\n          >\n            {conversation.title}\n          </div>\n        )}\n\n        {titleMode !== \"edit\" && (\n          <div\n            ref={ellipsisAnchorRef}\n            className=\"relative flex items-center shrink-0\"\n          >\n            <EllipsisButton onClick={handleEllipsisClick} />\n            {contextMenuOpen && (\n              <ConversationNameContextMenu\n                onClose={() => setContextMenuOpen(false)}\n                onRename={handleRename}\n                onDelete={handleDelete}\n                onStop={shouldShowStop ? handleStop : undefined}\n                onDisplayCost={\n                  shouldShowDisplayCost ? handleDisplayCost : undefined\n                }\n                onShowAgentTools={\n                  shouldShowAgentTools ? handleShowAgentTools : undefined\n                }\n                onShowSkills={shouldShowSkills ? handleShowSkills : undefined}\n                onShowHooks={shouldShowHooks ? handleShowHooks : undefined}\n                onTogglePublic={handleTogglePublic}\n                onCopyShareLink={handleCopyShareLink}\n                shareUrl={shareUrl}\n                onExportTranscript={handleExportTranscript}\n                onDownloadConversation={\n                  shouldShowDownloadConversation\n                    ? handleDownloadConversation\n                    : undefined\n                }\n                position=\"bottom\"\n                anchorRef={ellipsisAnchorRef}\n              />\n            )}\n          </div>\n        )}\n      </div>\n\n      {/* Metrics Modal */}\n      <MetricsModal\n        isOpen={metricsModalVisible}\n        onOpenChange={setMetricsModalVisible}\n      />\n\n      {transcriptExportModalVisible && conversationId && (\n        <TranscriptExportModal\n          conversationId={conversationId}\n          conversationUrl={conversation.conversation_url}\n          sessionApiKey={conversation.session_api_key}\n          conversationTitle={conversation.title}\n          model={conversation.llm_model}\n          onClose={() => setTranscriptExportModalVisible(false)}\n        />\n      )}\n\n      {/* System Message Modal */}\n      <SystemMessageModal\n        isOpen={systemModalVisible}\n        onClose={() => setSystemModalVisible(false)}\n        systemMessage={systemMessage || null}\n      />\n\n      {/* Skills Modal */}\n      {skillsModalVisible && (\n        <SkillsModal onClose={() => setSkillsModalVisible(false)} />\n      )}\n\n      {/* Hooks Modal */}\n      {hooksModalVisible && (\n        <HooksModal onClose={() => setHooksModalVisible(false)} />\n      )}\n\n      {/* Confirm Delete Modal */}\n      {confirmDeleteModalVisible && (\n        <ConfirmDeleteModal\n          onConfirm={handleConfirmDelete}\n          onCancel={() => setConfirmDeleteModalVisible(false)}\n          conversationTitle={conversation?.title || \"\"}\n        />\n      )}\n\n      {confirmStopModalVisible && (\n        <ConfirmStopModal\n          onConfirm={handleConfirmStop}\n          onCancel={() => setConfirmStopModalVisible(false)}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/conversation/transcript-export-modal.cjs

@@ -0,0 +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/custom-toast-handlers.cjs`),a=require(`../../../stores/use-event-store.cjs`),o=require(`../../../api/event-service/event-service.api.cjs`),s=require(`../../../hooks/use-tracking.cjs`),c=require(`../../shared/modals/modal-backdrop.cjs`),l=require(`../../shared/modals/modal-body.cjs`),u=require(`../../shared/modals/confirmation-modals/base-modal.cjs`),d=require(`../../shared/modals/modal-close-button.cjs`),f=require(`../settings/brand-button.cjs`),p=require(`../../../utils/transcript-export/index.cjs`),m=require(`../../../utils/transcript-export/load-complete-events.cjs`);let h=require(`react`);h=e.__toESM(h,1);let g=require(`react/jsx-runtime`);var _=`transcript-export-format`;function v({conversationId:e,conversationUrl:v,sessionApiKey:y,conversationTitle:b,model:x,onClose:S}){let{t:C}=t.useTranslation(`openhands`),{trackConversationExported:w}=s.useTracking(),[T,E]=h.default.useState(`markdown`),[D,O]=h.default.useState(!0),[k,A]=h.default.useState(!0),[j,M]=h.default.useState(!1),N=h.default.useRef(!1),P=h.default.useRef(!1),F=h.default.useRef(!0);h.default.useEffect(()=>(F.current=!0,()=>{F.current=!1,P.current=!0}),[]);let I=()=>{N.current&&(P.current=!0),S()};return(0,g.jsx)(c.ModalBackdrop,{onClose:I,"aria-label":C(n.I18nKey.TRANSCRIPT_EXPORT$TITLE),children:(0,g.jsxs)(l.ModalBody,{testID:`transcript-export-modal`,className:`relative items-start border border-[var(--oh-border)]`,children:[(0,g.jsx)(d.ModalCloseButton,{onClose:I,testId:`close-transcript-export-modal`,className:`absolute right-4 top-4`}),(0,g.jsxs)(`div`,{className:`flex flex-col gap-2 pr-8`,children:[(0,g.jsx)(u.BaseModalTitle,{title:C(n.I18nKey.TRANSCRIPT_EXPORT$TITLE)}),(0,g.jsx)(u.BaseModalDescription,{description:C(n.I18nKey.TRANSCRIPT_EXPORT$DESCRIPTION)})]}),(0,g.jsxs)(`fieldset`,{className:`flex w-full flex-col gap-2`,children:[(0,g.jsx)(`legend`,{className:`mb-2 text-sm font-medium text-white`,children:C(n.I18nKey.TRANSCRIPT_EXPORT$FORMAT)}),(0,g.jsxs)(`label`,{className:`flex cursor-pointer items-center gap-3 rounded-md border border-[var(--oh-border)] px-3 py-2 text-sm text-white`,children:[(0,g.jsx)(`input`,{type:`radio`,name:_,value:`markdown`,disabled:j,checked:T===`markdown`,onChange:()=>E(`markdown`)}),C(n.I18nKey.TRANSCRIPT_EXPORT$MARKDOWN)]}),(0,g.jsxs)(`label`,{className:`flex cursor-pointer items-center gap-3 rounded-md border border-[var(--oh-border)] px-3 py-2 text-sm text-white`,children:[(0,g.jsx)(`input`,{type:`radio`,name:_,value:`html`,disabled:j,checked:T===`html`,onChange:()=>E(`html`)}),C(n.I18nKey.TRANSCRIPT_EXPORT$HTML)]})]}),(0,g.jsxs)(`div`,{className:`flex w-full flex-col gap-3 text-sm text-white`,children:[(0,g.jsxs)(`label`,{className:`flex cursor-pointer items-center gap-3`,children:[(0,g.jsx)(`input`,{type:`checkbox`,disabled:j,checked:D,onChange:e=>O(e.target.checked)}),C(n.I18nKey.TRANSCRIPT_EXPORT$INCLUDE_TOOL_DETAILS)]}),(0,g.jsxs)(`label`,{className:`flex cursor-pointer items-center gap-3`,children:[(0,g.jsx)(`input`,{type:`checkbox`,disabled:j,checked:k,onChange:e=>A(e.target.checked)}),C(n.I18nKey.TRANSCRIPT_EXPORT$INCLUDE_TIMESTAMPS)]})]}),(0,g.jsxs)(`div`,{className:`flex w-full justify-end gap-2`,children:[(0,g.jsx)(f.BrandButton,{type:`button`,variant:`secondary`,onClick:I,testId:`cancel-transcript-export`,children:C(n.I18nKey.BUTTON$CANCEL)}),(0,g.jsx)(f.BrandButton,{type:`button`,variant:`primary`,onClick:async()=>{if(!N.current){P.current=!1,N.current=!0,M(!0);try{let t=await o.default.getEventCount(e,v??``,y).catch(()=>void 0);if(P.current)return;let n=a.useEventStore.getState(),i=await m.loadCompleteTranscriptEvents(n.loadedConversationId===e?n.events:[],t=>o.default.searchEvents(e,v,y,t),t);if(P.current)return;let s={includeToolDetails:D,includeTimestamps:k,title:b,model:x},c=T===`markdown`,l=c?p.eventsToMarkdown(i,s):p.eventsToHtml(i,s),u=c?`md`:`html`;r.downloadBlob(new Blob([l],{type:c?`text/markdown;charset=utf-8`:`text/html;charset=utf-8`}),`conversation-${e}.${u}`),w(T),S()}catch{P.current||i.displayErrorToast(C(n.I18nKey.ERROR$GENERIC))}finally{N.current=!1,F.current&&M(!1)}}},testId:`confirm-transcript-export`,isDisabled:j,"aria-busy":j,children:C(n.I18nKey.BUTTON$EXPORT_CONVERSATION)})]})]})})}exports.TranscriptExportModal=v;
+//# sourceMappingURL=transcript-export-modal.cjs.map

package/dist/components/features/conversation/transcript-export-modal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"transcript-export-modal.cjs","names":[],"sources":["../../../../src/components/features/conversation/transcript-export-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport {\n  BaseModalDescription,\n  BaseModalTitle,\n} from \"#/components/shared/modals/confirmation-modals/base-modal\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { downloadBlob } from \"#/utils/utils\";\nimport {\n  eventsToHtml,\n  eventsToMarkdown,\n  type TranscriptExportFormat,\n} from \"#/utils/transcript-export\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport EventService from \"#/api/event-service/event-service.api\";\nimport { loadCompleteTranscriptEvents } from \"#/utils/transcript-export/load-complete-events\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\n\nconst TRANSCRIPT_FORMAT_RADIO_NAME = \"transcript-export-format\";\n\ninterface TranscriptExportModalProps {\n  conversationId: string;\n  conversationUrl?: string | null;\n  sessionApiKey?: string | null;\n  conversationTitle?: string | null;\n  model?: string | null;\n  onClose: () => void;\n}\n\nexport function TranscriptExportModal({\n  conversationId,\n  conversationUrl,\n  sessionApiKey,\n  conversationTitle,\n  model,\n  onClose,\n}: TranscriptExportModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { trackConversationExported } = useTracking();\n  const [format, setFormat] =\n    React.useState<TranscriptExportFormat>(\"markdown\");\n  const [includeToolDetails, setIncludeToolDetails] = React.useState(true);\n  const [includeTimestamps, setIncludeTimestamps] = React.useState(true);\n  const [isExporting, setIsExporting] = React.useState(false);\n  const isExportingRef = React.useRef(false);\n  const isCancelledRef = React.useRef(false);\n  const isMountedRef = React.useRef(true);\n\n  React.useEffect(() => {\n    isMountedRef.current = true;\n    return () => {\n      isMountedRef.current = false;\n      isCancelledRef.current = true;\n    };\n  }, []);\n\n  const handleClose = () => {\n    if (isExportingRef.current) isCancelledRef.current = true;\n    onClose();\n  };\n\n  const handleExport = async () => {\n    if (isExportingRef.current) return;\n\n    isCancelledRef.current = false;\n    isExportingRef.current = true;\n    setIsExporting(true);\n    try {\n      // The count lets us reject silently truncated pagination. Archived cloud\n      // runtimes may no longer expose this endpoint, while their persisted\n      // App API history remains exportable, so treat the check as best-effort.\n      const expectedEventCount = await EventService.getEventCount(\n        conversationId,\n        conversationUrl ?? \"\",\n        sessionApiKey,\n      ).catch(() => undefined);\n      if (isCancelledRef.current) return;\n\n      const eventStore = useEventStore.getState();\n      const loadedEvents =\n        eventStore.loadedConversationId === conversationId\n          ? eventStore.events\n          : [];\n      const events = await loadCompleteTranscriptEvents(\n        loadedEvents,\n        (searchOptions) =>\n          EventService.searchEvents(\n            conversationId,\n            conversationUrl,\n            sessionApiKey,\n            searchOptions,\n          ),\n        expectedEventCount,\n      );\n      if (isCancelledRef.current) return;\n\n      const options = {\n        includeToolDetails,\n        includeTimestamps,\n        title: conversationTitle,\n        model,\n      };\n      const isMarkdown = format === \"markdown\";\n      const content = isMarkdown\n        ? eventsToMarkdown(events, options)\n        : eventsToHtml(events, options);\n      const extension = isMarkdown ? \"md\" : \"html\";\n      const mimeType = isMarkdown\n        ? \"text/markdown;charset=utf-8\"\n        : \"text/html;charset=utf-8\";\n\n      downloadBlob(\n        new Blob([content], { type: mimeType }),\n        `conversation-${conversationId}.${extension}`,\n      );\n      trackConversationExported(format);\n      onClose();\n    } catch {\n      if (!isCancelledRef.current) {\n        displayErrorToast(t(I18nKey.ERROR$GENERIC));\n      }\n    } finally {\n      isExportingRef.current = false;\n      if (isMountedRef.current) setIsExporting(false);\n    }\n  };\n\n  return (\n    <ModalBackdrop\n      onClose={handleClose}\n      aria-label={t(I18nKey.TRANSCRIPT_EXPORT$TITLE)}\n    >\n      <ModalBody\n        testID=\"transcript-export-modal\"\n        className=\"relative items-start border border-[var(--oh-border)]\"\n      >\n        <ModalCloseButton\n          onClose={handleClose}\n          testId=\"close-transcript-export-modal\"\n          className=\"absolute right-4 top-4\"\n        />\n        <div className=\"flex flex-col gap-2 pr-8\">\n          <BaseModalTitle title={t(I18nKey.TRANSCRIPT_EXPORT$TITLE)} />\n          <BaseModalDescription\n            description={t(I18nKey.TRANSCRIPT_EXPORT$DESCRIPTION)}\n          />\n        </div>\n\n        <fieldset className=\"flex w-full flex-col gap-2\">\n          <legend className=\"mb-2 text-sm font-medium text-white\">\n            {t(I18nKey.TRANSCRIPT_EXPORT$FORMAT)}\n          </legend>\n          <label className=\"flex cursor-pointer items-center gap-3 rounded-md border border-[var(--oh-border)] px-3 py-2 text-sm text-white\">\n            <input\n              type=\"radio\"\n              name={TRANSCRIPT_FORMAT_RADIO_NAME}\n              value=\"markdown\"\n              disabled={isExporting}\n              checked={format === \"markdown\"}\n              onChange={() => setFormat(\"markdown\")}\n            />\n            {t(I18nKey.TRANSCRIPT_EXPORT$MARKDOWN)}\n          </label>\n          <label className=\"flex cursor-pointer items-center gap-3 rounded-md border border-[var(--oh-border)] px-3 py-2 text-sm text-white\">\n            <input\n              type=\"radio\"\n              name={TRANSCRIPT_FORMAT_RADIO_NAME}\n              value=\"html\"\n              disabled={isExporting}\n              checked={format === \"html\"}\n              onChange={() => setFormat(\"html\")}\n            />\n            {t(I18nKey.TRANSCRIPT_EXPORT$HTML)}\n          </label>\n        </fieldset>\n\n        <div className=\"flex w-full flex-col gap-3 text-sm text-white\">\n          <label className=\"flex cursor-pointer items-center gap-3\">\n            <input\n              type=\"checkbox\"\n              disabled={isExporting}\n              checked={includeToolDetails}\n              onChange={(event) => setIncludeToolDetails(event.target.checked)}\n            />\n            {t(I18nKey.TRANSCRIPT_EXPORT$INCLUDE_TOOL_DETAILS)}\n          </label>\n          <label className=\"flex cursor-pointer items-center gap-3\">\n            <input\n              type=\"checkbox\"\n              disabled={isExporting}\n              checked={includeTimestamps}\n              onChange={(event) => setIncludeTimestamps(event.target.checked)}\n            />\n            {t(I18nKey.TRANSCRIPT_EXPORT$INCLUDE_TIMESTAMPS)}\n          </label>\n        </div>\n\n        <div className=\"flex w-full justify-end gap-2\">\n          <BrandButton\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={handleClose}\n            testId=\"cancel-transcript-export\"\n          >\n            {t(I18nKey.BUTTON$CANCEL)}\n          </BrandButton>\n          <BrandButton\n            type=\"button\"\n            variant=\"primary\"\n            onClick={handleExport}\n            testId=\"confirm-transcript-export\"\n            isDisabled={isExporting}\n            aria-busy={isExporting}\n          >\n            {t(I18nKey.BUTTON$EXPORT_CONVERSATION)}\n          </BrandButton>\n        </div>\n      </ModalBody>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/conversation/transcript-export-modal.d.ts

@@ -0,0 +1,10 @@
+interface TranscriptExportModalProps {
+    conversationId: string;
+    conversationUrl?: string | null;
+    sessionApiKey?: string | null;
+    conversationTitle?: string | null;
+    model?: string | null;
+    onClose: () => void;
+}
+export declare function TranscriptExportModal({ conversationId, conversationUrl, sessionApiKey, conversationTitle, model, onClose, }: TranscriptExportModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/features/conversation/transcript-export-modal.js

@@ -0,0 +1,140 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { downloadBlob as n } from "../../../utils/utils.js";
+import { displayErrorToast as r } from "../../../utils/custom-toast-handlers.js";
+import { useEventStore as i } from "../../../stores/use-event-store.js";
+import a from "../../../api/event-service/event-service.api.js";
+import { useTracking as o } from "../../../hooks/use-tracking.js";
+import { ModalBackdrop as s } from "../../shared/modals/modal-backdrop.js";
+import { ModalBody as c } from "../../shared/modals/modal-body.js";
+import { BaseModalDescription as l, BaseModalTitle as u } from "../../shared/modals/confirmation-modals/base-modal.js";
+import { ModalCloseButton as d } from "../../shared/modals/modal-close-button.js";
+import { BrandButton as f } from "../settings/brand-button.js";
+import { eventsToHtml as p, eventsToMarkdown as m } from "../../../utils/transcript-export/index.js";
+import { loadCompleteTranscriptEvents as h } from "../../../utils/transcript-export/load-complete-events.js";
+import g from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/components/features/conversation/transcript-export-modal.tsx
+var y = "transcript-export-format";
+function b({ conversationId: b, conversationUrl: x, sessionApiKey: S, conversationTitle: C, model: w, onClose: T }) {
+	let { t: E } = e("openhands"), { trackConversationExported: D } = o(), [O, k] = g.useState("markdown"), [A, j] = g.useState(!0), [M, N] = g.useState(!0), [P, F] = g.useState(!1), I = g.useRef(!1), L = g.useRef(!1), R = g.useRef(!0);
+	g.useEffect(() => (R.current = !0, () => {
+		R.current = !1, L.current = !0;
+	}), []);
+	let z = () => {
+		I.current && (L.current = !0), T();
+	};
+	return /* @__PURE__ */ _(s, {
+		onClose: z,
+		"aria-label": E(t.TRANSCRIPT_EXPORT$TITLE),
+		children: /* @__PURE__ */ v(c, {
+			testID: "transcript-export-modal",
+			className: "relative items-start border border-[var(--oh-border)]",
+			children: [
+				/* @__PURE__ */ _(d, {
+					onClose: z,
+					testId: "close-transcript-export-modal",
+					className: "absolute right-4 top-4"
+				}),
+				/* @__PURE__ */ v("div", {
+					className: "flex flex-col gap-2 pr-8",
+					children: [/* @__PURE__ */ _(u, { title: E(t.TRANSCRIPT_EXPORT$TITLE) }), /* @__PURE__ */ _(l, { description: E(t.TRANSCRIPT_EXPORT$DESCRIPTION) })]
+				}),
+				/* @__PURE__ */ v("fieldset", {
+					className: "flex w-full flex-col gap-2",
+					children: [
+						/* @__PURE__ */ _("legend", {
+							className: "mb-2 text-sm font-medium text-white",
+							children: E(t.TRANSCRIPT_EXPORT$FORMAT)
+						}),
+						/* @__PURE__ */ v("label", {
+							className: "flex cursor-pointer items-center gap-3 rounded-md border border-[var(--oh-border)] px-3 py-2 text-sm text-white",
+							children: [/* @__PURE__ */ _("input", {
+								type: "radio",
+								name: y,
+								value: "markdown",
+								disabled: P,
+								checked: O === "markdown",
+								onChange: () => k("markdown")
+							}), E(t.TRANSCRIPT_EXPORT$MARKDOWN)]
+						}),
+						/* @__PURE__ */ v("label", {
+							className: "flex cursor-pointer items-center gap-3 rounded-md border border-[var(--oh-border)] px-3 py-2 text-sm text-white",
+							children: [/* @__PURE__ */ _("input", {
+								type: "radio",
+								name: y,
+								value: "html",
+								disabled: P,
+								checked: O === "html",
+								onChange: () => k("html")
+							}), E(t.TRANSCRIPT_EXPORT$HTML)]
+						})
+					]
+				}),
+				/* @__PURE__ */ v("div", {
+					className: "flex w-full flex-col gap-3 text-sm text-white",
+					children: [/* @__PURE__ */ v("label", {
+						className: "flex cursor-pointer items-center gap-3",
+						children: [/* @__PURE__ */ _("input", {
+							type: "checkbox",
+							disabled: P,
+							checked: A,
+							onChange: (e) => j(e.target.checked)
+						}), E(t.TRANSCRIPT_EXPORT$INCLUDE_TOOL_DETAILS)]
+					}), /* @__PURE__ */ v("label", {
+						className: "flex cursor-pointer items-center gap-3",
+						children: [/* @__PURE__ */ _("input", {
+							type: "checkbox",
+							disabled: P,
+							checked: M,
+							onChange: (e) => N(e.target.checked)
+						}), E(t.TRANSCRIPT_EXPORT$INCLUDE_TIMESTAMPS)]
+					})]
+				}),
+				/* @__PURE__ */ v("div", {
+					className: "flex w-full justify-end gap-2",
+					children: [/* @__PURE__ */ _(f, {
+						type: "button",
+						variant: "secondary",
+						onClick: z,
+						testId: "cancel-transcript-export",
+						children: E(t.BUTTON$CANCEL)
+					}), /* @__PURE__ */ _(f, {
+						type: "button",
+						variant: "primary",
+						onClick: async () => {
+							if (!I.current) {
+								L.current = !1, I.current = !0, F(!0);
+								try {
+									let e = await a.getEventCount(b, x ?? "", S).catch(() => void 0);
+									if (L.current) return;
+									let t = i.getState(), r = await h(t.loadedConversationId === b ? t.events : [], (e) => a.searchEvents(b, x, S, e), e);
+									if (L.current) return;
+									let o = {
+										includeToolDetails: A,
+										includeTimestamps: M,
+										title: C,
+										model: w
+									}, s = O === "markdown", c = s ? m(r, o) : p(r, o), l = s ? "md" : "html";
+									n(new Blob([c], { type: s ? "text/markdown;charset=utf-8" : "text/html;charset=utf-8" }), `conversation-${b}.${l}`), D(O), T();
+								} catch {
+									L.current || r(E(t.ERROR$GENERIC));
+								} finally {
+									I.current = !1, R.current && F(!1);
+								}
+							}
+						},
+						testId: "confirm-transcript-export",
+						isDisabled: P,
+						"aria-busy": P,
+						children: E(t.BUTTON$EXPORT_CONVERSATION)
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { b as TranscriptExportModal };
+
+//# sourceMappingURL=transcript-export-modal.js.map

package/dist/components/features/conversation/transcript-export-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transcript-export-modal.js","names":[],"sources":["../../../../src/components/features/conversation/transcript-export-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport {\n  BaseModalDescription,\n  BaseModalTitle,\n} from \"#/components/shared/modals/confirmation-modals/base-modal\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { downloadBlob } from \"#/utils/utils\";\nimport {\n  eventsToHtml,\n  eventsToMarkdown,\n  type TranscriptExportFormat,\n} from \"#/utils/transcript-export\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport EventService from \"#/api/event-service/event-service.api\";\nimport { loadCompleteTranscriptEvents } from \"#/utils/transcript-export/load-complete-events\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\n\nconst TRANSCRIPT_FORMAT_RADIO_NAME = \"transcript-export-format\";\n\ninterface TranscriptExportModalProps {\n  conversationId: string;\n  conversationUrl?: string | null;\n  sessionApiKey?: string | null;\n  conversationTitle?: string | null;\n  model?: string | null;\n  onClose: () => void;\n}\n\nexport function TranscriptExportModal({\n  conversationId,\n  conversationUrl,\n  sessionApiKey,\n  conversationTitle,\n  model,\n  onClose,\n}: TranscriptExportModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { trackConversationExported } = useTracking();\n  const [format, setFormat] =\n    React.useState<TranscriptExportFormat>(\"markdown\");\n  const [includeToolDetails, setIncludeToolDetails] = React.useState(true);\n  const [includeTimestamps, setIncludeTimestamps] = React.useState(true);\n  const [isExporting, setIsExporting] = React.useState(false);\n  const isExportingRef = React.useRef(false);\n  const isCancelledRef = React.useRef(false);\n  const isMountedRef = React.useRef(true);\n\n  React.useEffect(() => {\n    isMountedRef.current = true;\n    return () => {\n      isMountedRef.current = false;\n      isCancelledRef.current = true;\n    };\n  }, []);\n\n  const handleClose = () => {\n    if (isExportingRef.current) isCancelledRef.current = true;\n    onClose();\n  };\n\n  const handleExport = async () => {\n    if (isExportingRef.current) return;\n\n    isCancelledRef.current = false;\n    isExportingRef.current = true;\n    setIsExporting(true);\n    try {\n      // The count lets us reject silently truncated pagination. Archived cloud\n      // runtimes may no longer expose this endpoint, while their persisted\n      // App API history remains exportable, so treat the check as best-effort.\n      const expectedEventCount = await EventService.getEventCount(\n        conversationId,\n        conversationUrl ?? \"\",\n        sessionApiKey,\n      ).catch(() => undefined);\n      if (isCancelledRef.current) return;\n\n      const eventStore = useEventStore.getState();\n      const loadedEvents =\n        eventStore.loadedConversationId === conversationId\n          ? eventStore.events\n          : [];\n      const events = await loadCompleteTranscriptEvents(\n        loadedEvents,\n        (searchOptions) =>\n          EventService.searchEvents(\n            conversationId,\n            conversationUrl,\n            sessionApiKey,\n            searchOptions,\n          ),\n        expectedEventCount,\n      );\n      if (isCancelledRef.current) return;\n\n      const options = {\n        includeToolDetails,\n        includeTimestamps,\n        title: conversationTitle,\n        model,\n      };\n      const isMarkdown = format === \"markdown\";\n      const content = isMarkdown\n        ? eventsToMarkdown(events, options)\n        : eventsToHtml(events, options);\n      const extension = isMarkdown ? \"md\" : \"html\";\n      const mimeType = isMarkdown\n        ? \"text/markdown;charset=utf-8\"\n        : \"text/html;charset=utf-8\";\n\n      downloadBlob(\n        new Blob([content], { type: mimeType }),\n        `conversation-${conversationId}.${extension}`,\n      );\n      trackConversationExported(format);\n      onClose();\n    } catch {\n      if (!isCancelledRef.current) {\n        displayErrorToast(t(I18nKey.ERROR$GENERIC));\n      }\n    } finally {\n      isExportingRef.current = false;\n      if (isMountedRef.current) setIsExporting(false);\n    }\n  };\n\n  return (\n    <ModalBackdrop\n      onClose={handleClose}\n      aria-label={t(I18nKey.TRANSCRIPT_EXPORT$TITLE)}\n    >\n      <ModalBody\n        testID=\"transcript-export-modal\"\n        className=\"relative items-start border border-[var(--oh-border)]\"\n      >\n        <ModalCloseButton\n          onClose={handleClose}\n          testId=\"close-transcript-export-modal\"\n          className=\"absolute right-4 top-4\"\n        />\n        <div className=\"flex flex-col gap-2 pr-8\">\n          <BaseModalTitle title={t(I18nKey.TRANSCRIPT_EXPORT$TITLE)} />\n          <BaseModalDescription\n            description={t(I18nKey.TRANSCRIPT_EXPORT$DESCRIPTION)}\n          />\n        </div>\n\n        <fieldset className=\"flex w-full flex-col gap-2\">\n          <legend className=\"mb-2 text-sm font-medium text-white\">\n            {t(I18nKey.TRANSCRIPT_EXPORT$FORMAT)}\n          </legend>\n          <label className=\"flex cursor-pointer items-center gap-3 rounded-md border border-[var(--oh-border)] px-3 py-2 text-sm text-white\">\n            <input\n              type=\"radio\"\n              name={TRANSCRIPT_FORMAT_RADIO_NAME}\n              value=\"markdown\"\n              disabled={isExporting}\n              checked={format === \"markdown\"}\n              onChange={() => setFormat(\"markdown\")}\n            />\n            {t(I18nKey.TRANSCRIPT_EXPORT$MARKDOWN)}\n          </label>\n          <label className=\"flex cursor-pointer items-center gap-3 rounded-md border border-[var(--oh-border)] px-3 py-2 text-sm text-white\">\n            <input\n              type=\"radio\"\n              name={TRANSCRIPT_FORMAT_RADIO_NAME}\n              value=\"html\"\n              disabled={isExporting}\n              checked={format === \"html\"}\n              onChange={() => setFormat(\"html\")}\n            />\n            {t(I18nKey.TRANSCRIPT_EXPORT$HTML)}\n          </label>\n        </fieldset>\n\n        <div className=\"flex w-full flex-col gap-3 text-sm text-white\">\n          <label className=\"flex cursor-pointer items-center gap-3\">\n            <input\n              type=\"checkbox\"\n              disabled={isExporting}\n              checked={includeToolDetails}\n              onChange={(event) => setIncludeToolDetails(event.target.checked)}\n            />\n            {t(I18nKey.TRANSCRIPT_EXPORT$INCLUDE_TOOL_DETAILS)}\n          </label>\n          <label className=\"flex cursor-pointer items-center gap-3\">\n            <input\n              type=\"checkbox\"\n              disabled={isExporting}\n              checked={includeTimestamps}\n              onChange={(event) => setIncludeTimestamps(event.target.checked)}\n            />\n            {t(I18nKey.TRANSCRIPT_EXPORT$INCLUDE_TIMESTAMPS)}\n          </label>\n        </div>\n\n        <div className=\"flex w-full justify-end gap-2\">\n          <BrandButton\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={handleClose}\n            testId=\"cancel-transcript-export\"\n          >\n            {t(I18nKey.BUTTON$CANCEL)}\n          </BrandButton>\n          <BrandButton\n            type=\"button\"\n            variant=\"primary\"\n            onClick={handleExport}\n            testId=\"confirm-transcript-export\"\n            isDisabled={isExporting}\n            aria-busy={isExporting}\n          >\n            {t(I18nKey.BUTTON$EXPORT_CONVERSATION)}\n          </BrandButton>\n        </div>\n      </ModalBody>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/conversation-panel/conversation-card/conversation-card-context-menu.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(`../../../../contexts/active-backend-context.cjs`),i=require(`../../../../icons/u-close.cjs`),a=require(`../../../../ui/context-menu.cjs`),o=require(`../../context-menu/context-menu-list-item.cjs`),s=require(`../../../../hooks/use-click-outside-element.cjs`),c=require(`../../../../ui/divider.cjs`),l=require(`../../../../icons/skills.cjs`),u=require(`../../../../icons/u-tools.cjs`),d=require(`../../../../icons/u-edit.cjs`),f=require(`../../../../icons/u-download.cjs`),p=require(`../../../../icons/u-credit-card.cjs`),m=require(`../../../../icons/u-delete.cjs`),h=require(`../../conversation/conversation-name-context-menu-icon-text.cjs`);let g=require(`react`);g=e.__toESM(g,1);let _=require(`react/jsx-runtime`);function v({onClose:e,onDelete:v,onStop:y,onEdit:b,onDisplayCost:x,onShowAgentTools:S,onShowSkills:C,onDownloadViaVSCode:w,onDownloadConversation:T,position:E=`bottom`,floatingStyle:D,ignoreOutsideClickRef:O}){let{t:k}=t.useTranslation(`openhands`),{backend:A}=r.useActiveBackend(),j=s.useClickOutsideElement(e,O),M=A.kind===`cloud`?n.I18nKey.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME:n.I18nKey.COMMON$STOP_CONVERSATION,N=(0,g.useCallback)((e,t,n)=>{let r=e.filter(e=>e!=null);return r.length>0?n?(0,_.jsx)(g.default.Fragment,{children:r},t):(0,_.jsxs)(g.default.Fragment,{children:[r,(0,_.jsx)(c.Divider,{inset:`menu`})]},t):null},[]),P=D!=null;return(0,_.jsxs)(a.ContextMenu,{ref:j,testId:`context-menu`,style:P?D:void 0,theme:P?`popover`:`default`,position:P?`none`:E,alignment:P?`none`:`right`,spacing:P?`none`:`default`,className:P?`mt-0 min-w-[200px] w-max max-w-[min(280px,100vw-16px)]`:`z-[200] mt-0`,children:[N([b&&(0,_.jsx)(o.ContextMenuListItem,{testId:`edit-button`,onClick:b,children:(0,_.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,_.jsx)(d.default,{width:16,height:16}),text:k(n.I18nKey.BUTTON$RENAME)})},`edit-button`)],`edit-section`),N([S&&(0,_.jsx)(o.ContextMenuListItem,{testId:`show-agent-tools-button`,onClick:S,children:(0,_.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,_.jsx)(u.default,{width:16,height:16}),text:k(n.I18nKey.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)})},`show-agent-tools-button`),C&&(0,_.jsx)(o.ContextMenuListItem,{testId:`show-skills-button`,onClick:C,children:(0,_.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,_.jsx)(l.default,{width:16,height:16,className:`stroke-[1.75]`,"aria-hidden":!0}),text:k(n.I18nKey.CONVERSATION$SHOW_SKILLS)})},`show-skills-button`)],`tools-section`),N([y&&(0,_.jsx)(o.ContextMenuListItem,{testId:`stop-button`,onClick:y,children:(0,_.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,_.jsx)(i.default,{width:16,height:16}),text:k(M)})},`stop-button`),w&&(0,_.jsx)(o.ContextMenuListItem,{testId:`download-vscode-button`,onClick:w,children:(0,_.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,_.jsx)(f.default,{width:16,height:16}),text:k(n.I18nKey.BUTTON$DOWNLOAD_VIA_VSCODE)})},`download-vscode-button`),T&&(0,_.jsx)(o.ContextMenuListItem,{testId:`download-trajectory-button`,onClick:T,children:(0,_.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,_.jsx)(f.default,{width:16,height:16}),text:k(n.I18nKey.BUTTON$EXPORT_CONVERSATION)})},`download-trajectory-button`)],`control-section`),N([x&&(0,_.jsx)(o.ContextMenuListItem,{testId:`display-cost-button`,onClick:x,children:(0,_.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,_.jsx)(p.default,{width:16,height:16}),text:k(n.I18nKey.BUTTON$DISPLAY_COST)})},`display-cost-button`),v&&(0,_.jsx)(o.ContextMenuListItem,{testId:`delete-button`,onClick:v,children:(0,_.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,_.jsx)(m.default,{width:16,height:16}),text:k(n.I18nKey.COMMON$DELETE_CONVERSATION)})},`delete-button`)],`info-section`,!0)]})}exports.ConversationCardContextMenu=v;
+const e=require(`../../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../../i18n/declaration.cjs`),r=require(`../../../../contexts/active-backend-context.cjs`),i=require(`../../../../icons/u-close.cjs`),a=require(`../../../../ui/context-menu.cjs`),o=require(`../../context-menu/context-menu-list-item.cjs`),s=require(`../../../../hooks/use-click-outside-element.cjs`),c=require(`../../../../ui/divider.cjs`),l=require(`../../../../icons/skills.cjs`),u=require(`../../../../icons/u-tools.cjs`),d=require(`../../../../icons/u-edit.cjs`),f=require(`../../../../icons/u-download.cjs`),p=require(`../../../../icons/u-credit-card.cjs`),m=require(`../../../../icons/u-delete.cjs`),h=require(`../../conversation/conversation-name-context-menu-icon-text.cjs`);let g=require(`react`);g=e.__toESM(g,1);let _=require(`react/jsx-runtime`);function v({onClose:e,onDelete:v,onStop:y,onEdit:b,onDisplayCost:x,onShowAgentTools:S,onShowSkills:C,onDownloadViaVSCode:w,onDownloadConversation:T,position:E=`bottom`,floatingStyle:D,ignoreOutsideClickRef:O}){let{t:k}=t.useTranslation(`openhands`),{backend:A}=r.useActiveBackend(),j=s.useClickOutsideElement(e,O),M=A.kind===`cloud`?n.I18nKey.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME:n.I18nKey.COMMON$STOP_CONVERSATION,N=(0,g.useCallback)((e,t,n)=>{let r=e.filter(e=>e!=null);return r.length>0?n?(0,_.jsx)(g.default.Fragment,{children:r},t):(0,_.jsxs)(g.default.Fragment,{children:[r,(0,_.jsx)(c.Divider,{inset:`menu`})]},t):null},[]),P=D!=null;return(0,_.jsxs)(a.ContextMenu,{ref:j,testId:`context-menu`,style:P?D:void 0,theme:P?`popover`:`default`,position:P?`none`:E,alignment:P?`none`:`right`,spacing:P?`none`:`default`,className:P?`mt-0 min-w-[200px] w-max max-w-[min(280px,100vw-16px)]`:`z-[200] mt-0`,children:[N([b&&(0,_.jsx)(o.ContextMenuListItem,{testId:`edit-button`,onClick:b,children:(0,_.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,_.jsx)(d.default,{width:16,height:16}),text:k(n.I18nKey.BUTTON$RENAME)})},`edit-button`)],`edit-section`),N([S&&(0,_.jsx)(o.ContextMenuListItem,{testId:`show-agent-tools-button`,onClick:S,children:(0,_.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,_.jsx)(u.default,{width:16,height:16}),text:k(n.I18nKey.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)})},`show-agent-tools-button`),C&&(0,_.jsx)(o.ContextMenuListItem,{testId:`show-skills-button`,onClick:C,children:(0,_.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,_.jsx)(l.default,{width:16,height:16,className:`stroke-[1.75]`,"aria-hidden":!0}),text:k(n.I18nKey.CONVERSATION$SHOW_SKILLS)})},`show-skills-button`)],`tools-section`),N([y&&(0,_.jsx)(o.ContextMenuListItem,{testId:`stop-button`,onClick:y,children:(0,_.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,_.jsx)(i.default,{width:16,height:16}),text:k(M)})},`stop-button`),w&&(0,_.jsx)(o.ContextMenuListItem,{testId:`download-vscode-button`,onClick:w,children:(0,_.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,_.jsx)(f.default,{width:16,height:16}),text:k(n.I18nKey.BUTTON$DOWNLOAD_VIA_VSCODE)})},`download-vscode-button`),T&&(0,_.jsx)(o.ContextMenuListItem,{testId:`download-trajectory-button`,onClick:T,children:(0,_.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,_.jsx)(f.default,{width:16,height:16}),text:k(n.I18nKey.BUTTON$DOWNLOAD_CONVERSATION_DATA)})},`download-trajectory-button`)],`control-section`),N([x&&(0,_.jsx)(o.ContextMenuListItem,{testId:`display-cost-button`,onClick:x,children:(0,_.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,_.jsx)(p.default,{width:16,height:16}),text:k(n.I18nKey.BUTTON$DISPLAY_COST)})},`display-cost-button`),v&&(0,_.jsx)(o.ContextMenuListItem,{testId:`delete-button`,onClick:v,children:(0,_.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,_.jsx)(m.default,{width:16,height:16}),text:k(n.I18nKey.COMMON$DELETE_CONVERSATION)})},`delete-button`)],`info-section`,!0)]})}exports.ConversationCardContextMenu=v;
 //# sourceMappingURL=conversation-card-context-menu.cjs.map

package/dist/components/features/conversation-panel/conversation-card/conversation-card-context-menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-card-context-menu.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-context-menu.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"../../context-menu/context-menu-list-item\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ConversationNameContextMenuIconText } from \"../../conversation/conversation-name-context-menu-icon-text\";\n\nimport EditIcon from \"#/icons/u-edit.svg?react\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport ToolsIcon from \"#/icons/u-tools.svg?react\";\nimport DownloadIcon from \"#/icons/u-download.svg?react\";\nimport CreditCardIcon from \"#/icons/u-credit-card.svg?react\";\nimport CloseIcon from \"#/icons/u-close.svg?react\";\nimport DeleteIcon from \"#/icons/u-delete.svg?react\";\nimport { Divider } from \"#/ui/divider\";\n\ninterface ConversationCardContextMenuProps {\n  onClose: () => void;\n  onDelete?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onStop?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onEdit?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDisplayCost?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onShowAgentTools?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onShowSkills?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadViaVSCode?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadConversation?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  position?: \"top\" | \"bottom\";\n  /**\n   * Fixed coordinates for a portaled menu (conversation list overflow\n   * stacking). When set, theme/position switch to non-absolute layout.\n   */\n  floatingStyle?: React.CSSProperties;\n  ignoreOutsideClickRef?: React.RefObject<HTMLElement | null>;\n}\n\nexport function ConversationCardContextMenu({\n  onClose,\n  onDelete,\n  onStop,\n  onEdit,\n  onDisplayCost,\n  onShowAgentTools,\n  onShowSkills,\n  onDownloadViaVSCode,\n  onDownloadConversation,\n  position = \"bottom\",\n  floatingStyle,\n  ignoreOutsideClickRef,\n}: ConversationCardContextMenuProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { backend } = useActiveBackend();\n  const ref = useClickOutsideElement<HTMLUListElement>(\n    onClose,\n    ignoreOutsideClickRef,\n  );\n  const stopLabelKey =\n    backend.kind === \"cloud\"\n      ? I18nKey.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME\n      : I18nKey.COMMON$STOP_CONVERSATION;\n\n  const generateSection = useCallback(\n    (items: React.ReactNode[], sectionKey: string, isLast?: boolean) => {\n      const filteredItems = items.filter((i) => i != null);\n\n      if (filteredItems.length > 0) {\n        return !isLast ? (\n          <React.Fragment key={sectionKey}>\n            {filteredItems}\n            <Divider inset=\"menu\" />\n          </React.Fragment>\n        ) : (\n          <React.Fragment key={sectionKey}>{filteredItems}</React.Fragment>\n        );\n      }\n      return null;\n    },\n    [],\n  );\n\n  const isPortaled = floatingStyle != null;\n\n  return (\n    <ContextMenu\n      ref={ref}\n      testId=\"context-menu\"\n      style={isPortaled ? floatingStyle : undefined}\n      theme={isPortaled ? \"popover\" : \"default\"}\n      position={isPortaled ? \"none\" : position}\n      alignment={isPortaled ? \"none\" : \"right\"}\n      spacing={isPortaled ? \"none\" : \"default\"}\n      className={\n        isPortaled\n          ? \"mt-0 min-w-[200px] w-max max-w-[min(280px,100vw-16px)]\"\n          : \"z-[200] mt-0\"\n      }\n    >\n      {generateSection(\n        [\n          onEdit && (\n            <ContextMenuListItem\n              key=\"edit-button\"\n              testId=\"edit-button\"\n              onClick={onEdit}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<EditIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$RENAME)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"edit-section\",\n      )}\n      {generateSection(\n        [\n          onShowAgentTools && (\n            <ContextMenuListItem\n              key=\"show-agent-tools-button\"\n              testId=\"show-agent-tools-button\"\n              onClick={onShowAgentTools}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<ToolsIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)}\n              />\n            </ContextMenuListItem>\n          ),\n          onShowSkills && (\n            <ContextMenuListItem\n              key=\"show-skills-button\"\n              testId=\"show-skills-button\"\n              onClick={onShowSkills}\n            >\n              <ConversationNameContextMenuIconText\n                icon={\n                  <SkillsIcon\n                    width={16}\n                    height={16}\n                    className=\"stroke-[1.75]\"\n                    aria-hidden\n                  />\n                }\n                text={t(I18nKey.CONVERSATION$SHOW_SKILLS)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"tools-section\",\n      )}\n      {generateSection(\n        [\n          onStop && (\n            <ContextMenuListItem\n              key=\"stop-button\"\n              testId=\"stop-button\"\n              onClick={onStop}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<CloseIcon width={16} height={16} />}\n                text={t(stopLabelKey)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDownloadViaVSCode && (\n            <ContextMenuListItem\n              key=\"download-vscode-button\"\n              testId=\"download-vscode-button\"\n              onClick={onDownloadViaVSCode}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DownloadIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$DOWNLOAD_VIA_VSCODE)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDownloadConversation && (\n            <ContextMenuListItem\n              key=\"download-trajectory-button\"\n              testId=\"download-trajectory-button\"\n              onClick={onDownloadConversation}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DownloadIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$EXPORT_CONVERSATION)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"control-section\",\n      )}\n      {generateSection(\n        [\n          onDisplayCost && (\n            <ContextMenuListItem\n              key=\"display-cost-button\"\n              testId=\"display-cost-button\"\n              onClick={onDisplayCost}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<CreditCardIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$DISPLAY_COST)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDelete && (\n            <ContextMenuListItem\n              key=\"delete-button\"\n              testId=\"delete-button\"\n              onClick={onDelete}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DeleteIcon width={16} height={16} />}\n                text={t(I18nKey.COMMON$DELETE_CONVERSATION)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"info-section\",\n        true,\n      )}\n    </ContextMenu>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"conversation-card-context-menu.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-context-menu.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"../../context-menu/context-menu-list-item\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ConversationNameContextMenuIconText } from \"../../conversation/conversation-name-context-menu-icon-text\";\n\nimport EditIcon from \"#/icons/u-edit.svg?react\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport ToolsIcon from \"#/icons/u-tools.svg?react\";\nimport DownloadIcon from \"#/icons/u-download.svg?react\";\nimport CreditCardIcon from \"#/icons/u-credit-card.svg?react\";\nimport CloseIcon from \"#/icons/u-close.svg?react\";\nimport DeleteIcon from \"#/icons/u-delete.svg?react\";\nimport { Divider } from \"#/ui/divider\";\n\ninterface ConversationCardContextMenuProps {\n  onClose: () => void;\n  onDelete?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onStop?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onEdit?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDisplayCost?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onShowAgentTools?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onShowSkills?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadViaVSCode?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadConversation?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  position?: \"top\" | \"bottom\";\n  /**\n   * Fixed coordinates for a portaled menu (conversation list overflow\n   * stacking). When set, theme/position switch to non-absolute layout.\n   */\n  floatingStyle?: React.CSSProperties;\n  ignoreOutsideClickRef?: React.RefObject<HTMLElement | null>;\n}\n\nexport function ConversationCardContextMenu({\n  onClose,\n  onDelete,\n  onStop,\n  onEdit,\n  onDisplayCost,\n  onShowAgentTools,\n  onShowSkills,\n  onDownloadViaVSCode,\n  onDownloadConversation,\n  position = \"bottom\",\n  floatingStyle,\n  ignoreOutsideClickRef,\n}: ConversationCardContextMenuProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { backend } = useActiveBackend();\n  const ref = useClickOutsideElement<HTMLUListElement>(\n    onClose,\n    ignoreOutsideClickRef,\n  );\n  const stopLabelKey =\n    backend.kind === \"cloud\"\n      ? I18nKey.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME\n      : I18nKey.COMMON$STOP_CONVERSATION;\n\n  const generateSection = useCallback(\n    (items: React.ReactNode[], sectionKey: string, isLast?: boolean) => {\n      const filteredItems = items.filter((i) => i != null);\n\n      if (filteredItems.length > 0) {\n        return !isLast ? (\n          <React.Fragment key={sectionKey}>\n            {filteredItems}\n            <Divider inset=\"menu\" />\n          </React.Fragment>\n        ) : (\n          <React.Fragment key={sectionKey}>{filteredItems}</React.Fragment>\n        );\n      }\n      return null;\n    },\n    [],\n  );\n\n  const isPortaled = floatingStyle != null;\n\n  return (\n    <ContextMenu\n      ref={ref}\n      testId=\"context-menu\"\n      style={isPortaled ? floatingStyle : undefined}\n      theme={isPortaled ? \"popover\" : \"default\"}\n      position={isPortaled ? \"none\" : position}\n      alignment={isPortaled ? \"none\" : \"right\"}\n      spacing={isPortaled ? \"none\" : \"default\"}\n      className={\n        isPortaled\n          ? \"mt-0 min-w-[200px] w-max max-w-[min(280px,100vw-16px)]\"\n          : \"z-[200] mt-0\"\n      }\n    >\n      {generateSection(\n        [\n          onEdit && (\n            <ContextMenuListItem\n              key=\"edit-button\"\n              testId=\"edit-button\"\n              onClick={onEdit}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<EditIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$RENAME)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"edit-section\",\n      )}\n      {generateSection(\n        [\n          onShowAgentTools && (\n            <ContextMenuListItem\n              key=\"show-agent-tools-button\"\n              testId=\"show-agent-tools-button\"\n              onClick={onShowAgentTools}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<ToolsIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)}\n              />\n            </ContextMenuListItem>\n          ),\n          onShowSkills && (\n            <ContextMenuListItem\n              key=\"show-skills-button\"\n              testId=\"show-skills-button\"\n              onClick={onShowSkills}\n            >\n              <ConversationNameContextMenuIconText\n                icon={\n                  <SkillsIcon\n                    width={16}\n                    height={16}\n                    className=\"stroke-[1.75]\"\n                    aria-hidden\n                  />\n                }\n                text={t(I18nKey.CONVERSATION$SHOW_SKILLS)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"tools-section\",\n      )}\n      {generateSection(\n        [\n          onStop && (\n            <ContextMenuListItem\n              key=\"stop-button\"\n              testId=\"stop-button\"\n              onClick={onStop}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<CloseIcon width={16} height={16} />}\n                text={t(stopLabelKey)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDownloadViaVSCode && (\n            <ContextMenuListItem\n              key=\"download-vscode-button\"\n              testId=\"download-vscode-button\"\n              onClick={onDownloadViaVSCode}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DownloadIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$DOWNLOAD_VIA_VSCODE)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDownloadConversation && (\n            <ContextMenuListItem\n              key=\"download-trajectory-button\"\n              testId=\"download-trajectory-button\"\n              onClick={onDownloadConversation}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DownloadIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$DOWNLOAD_CONVERSATION_DATA)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"control-section\",\n      )}\n      {generateSection(\n        [\n          onDisplayCost && (\n            <ContextMenuListItem\n              key=\"display-cost-button\"\n              testId=\"display-cost-button\"\n              onClick={onDisplayCost}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<CreditCardIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$DISPLAY_COST)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDelete && (\n            <ContextMenuListItem\n              key=\"delete-button\"\n              testId=\"delete-button\"\n              onClick={onDelete}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DeleteIcon width={16} height={16} />}\n                text={t(I18nKey.COMMON$DELETE_CONVERSATION)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"info-section\",\n        true,\n      )}\n    </ContextMenu>\n  );\n}\n"],"mappings":"k5BAqCA,SAAgB,EAA4B,CAC1C,UACA,WACA,SACA,SACA,gBACA,mBACA,eACA,sBACA,yBACA,WAAW,SACX,gBACA,yBACmC,CACnC,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,CAAE,WAAY,EAAA,kBAAkB,CAChC,EAAM,EAAA,uBACV,EACA,EACD,CACK,EACJ,EAAQ,OAAS,QACb,EAAA,QAAQ,uCACR,EAAA,QAAQ,yBAER,GAAA,EAAA,EAAA,cACH,EAA0B,EAAoB,IAAqB,CAClE,IAAM,EAAgB,EAAM,OAAQ,GAAM,GAAK,KAAK,CAYpD,OAVI,EAAc,OAAS,EACjB,GAMN,EAAA,EAAA,KAAC,EAAA,QAAM,SAAP,CAAA,SAAkC,EAA+B,CAA5C,EAA4C,EALjE,EAAA,EAAA,MAAC,EAAA,QAAM,SAAP,CAAA,SAAA,CACG,GACD,EAAA,EAAA,KAAC,EAAA,QAAD,CAAS,MAAM,OAAS,CAAA,CACT,CAAA,CAHI,EAGJ,CAKd,MAET,EAAE,CACH,CAEK,EAAa,GAAiB,KAEpC,OACE,EAAA,EAAA,MAAC,EAAA,YAAD,CACO,MACL,OAAO,eACP,MAAO,EAAa,EAAgB,IAAA,GACpC,MAAO,EAAa,UAAY,UAChC,SAAU,EAAa,OAAS,EAChC,UAAW,EAAa,OAAS,QACjC,QAAS,EAAa,OAAS,UAC/B,UACE,EACI,yDACA,wBAXR,CAcG,EACC,CACE,IACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CAEE,OAAO,cACP,QAAS,YAET,EAAA,EAAA,KAAC,EAAA,oCAAD,CACE,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAU,MAAO,GAAI,OAAQ,GAAM,CAAA,CACzC,KAAM,EAAE,EAAA,QAAQ,cAAc,CAC9B,CAAA,CACkB,CARhB,cAQgB,CAEzB,CAED,eACD,CACA,EACC,CACE,IACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CAEE,OAAO,0BACP,QAAS,YAET,EAAA,EAAA,KAAC,EAAA,oCAAD,CACE,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAW,MAAO,GAAI,OAAQ,GAAM,CAAA,CAC1C,KAAM,EAAE,EAAA,QAAQ,qCAAqC,CACrD,CAAA,CACkB,CARhB,0BAQgB,CAExB,IACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CAEE,OAAO,qBACP,QAAS,YAET,EAAA,EAAA,KAAC,EAAA,oCAAD,CACE,MACE,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,MAAO,GACP,OAAQ,GACR,UAAU,gBACV,cAAA,GACA,CAAA,CAEJ,KAAM,EAAE,EAAA,QAAQ,yBAAyB,CACzC,CAAA,CACkB,CAfhB,qBAegB,CAEzB,CAED,gBACD,CACA,EACC,CACE,IACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CAEE,OAAO,cACP,QAAS,YAET,EAAA,EAAA,KAAC,EAAA,oCAAD,CACE,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAW,MAAO,GAAI,OAAQ,GAAM,CAAA,CAC1C,KAAM,EAAE,EAAa,CACrB,CAAA,CACkB,CARhB,cAQgB,CAExB,IACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CAEE,OAAO,yBACP,QAAS,YAET,EAAA,EAAA,KAAC,EAAA,oCAAD,CACE,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAc,MAAO,GAAI,OAAQ,GAAM,CAAA,CAC7C,KAAM,EAAE,EAAA,QAAQ,2BAA2B,CAC3C,CAAA,CACkB,CARhB,yBAQgB,CAExB,IACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CAEE,OAAO,6BACP,QAAS,YAET,EAAA,EAAA,KAAC,EAAA,oCAAD,CACE,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAc,MAAO,GAAI,OAAQ,GAAM,CAAA,CAC7C,KAAM,EAAE,EAAA,QAAQ,kCAAkC,CAClD,CAAA,CACkB,CARhB,6BAQgB,CAEzB,CAED,kBACD,CACA,EACC,CACE,IACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CAEE,OAAO,sBACP,QAAS,YAET,EAAA,EAAA,KAAC,EAAA,oCAAD,CACE,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAgB,MAAO,GAAI,OAAQ,GAAM,CAAA,CAC/C,KAAM,EAAE,EAAA,QAAQ,oBAAoB,CACpC,CAAA,CACkB,CARhB,sBAQgB,CAExB,IACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CAEE,OAAO,gBACP,QAAS,YAET,EAAA,EAAA,KAAC,EAAA,oCAAD,CACE,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAY,MAAO,GAAI,OAAQ,GAAM,CAAA,CAC3C,KAAM,EAAE,EAAA,QAAQ,2BAA2B,CAC3C,CAAA,CACkB,CARhB,gBAQgB,CAEzB,CAED,eACA,GACD,CACW"}

package/dist/components/features/conversation-panel/conversation-card/conversation-card-context-menu.js

@@ -96,7 +96,7 @@ function y({ onClose: y, onDelete: b, onStop: x, onEdit: S, onDisplayCost: C, on
 							width: 16,
 							height: 16
 						}),
-						text: j(t.BUTTON$EXPORT_CONVERSATION)
+						text: j(t.BUTTON$DOWNLOAD_CONVERSATION_DATA)
 					})
 				}, "download-trajectory-button")
 			], "control-section"),

package/dist/components/features/conversation-panel/conversation-card/conversation-card-context-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-card-context-menu.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-context-menu.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"../../context-menu/context-menu-list-item\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ConversationNameContextMenuIconText } from \"../../conversation/conversation-name-context-menu-icon-text\";\n\nimport EditIcon from \"#/icons/u-edit.svg?react\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport ToolsIcon from \"#/icons/u-tools.svg?react\";\nimport DownloadIcon from \"#/icons/u-download.svg?react\";\nimport CreditCardIcon from \"#/icons/u-credit-card.svg?react\";\nimport CloseIcon from \"#/icons/u-close.svg?react\";\nimport DeleteIcon from \"#/icons/u-delete.svg?react\";\nimport { Divider } from \"#/ui/divider\";\n\ninterface ConversationCardContextMenuProps {\n  onClose: () => void;\n  onDelete?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onStop?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onEdit?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDisplayCost?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onShowAgentTools?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onShowSkills?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadViaVSCode?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadConversation?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  position?: \"top\" | \"bottom\";\n  /**\n   * Fixed coordinates for a portaled menu (conversation list overflow\n   * stacking). When set, theme/position switch to non-absolute layout.\n   */\n  floatingStyle?: React.CSSProperties;\n  ignoreOutsideClickRef?: React.RefObject<HTMLElement | null>;\n}\n\nexport function ConversationCardContextMenu({\n  onClose,\n  onDelete,\n  onStop,\n  onEdit,\n  onDisplayCost,\n  onShowAgentTools,\n  onShowSkills,\n  onDownloadViaVSCode,\n  onDownloadConversation,\n  position = \"bottom\",\n  floatingStyle,\n  ignoreOutsideClickRef,\n}: ConversationCardContextMenuProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { backend } = useActiveBackend();\n  const ref = useClickOutsideElement<HTMLUListElement>(\n    onClose,\n    ignoreOutsideClickRef,\n  );\n  const stopLabelKey =\n    backend.kind === \"cloud\"\n      ? I18nKey.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME\n      : I18nKey.COMMON$STOP_CONVERSATION;\n\n  const generateSection = useCallback(\n    (items: React.ReactNode[], sectionKey: string, isLast?: boolean) => {\n      const filteredItems = items.filter((i) => i != null);\n\n      if (filteredItems.length > 0) {\n        return !isLast ? (\n          <React.Fragment key={sectionKey}>\n            {filteredItems}\n            <Divider inset=\"menu\" />\n          </React.Fragment>\n        ) : (\n          <React.Fragment key={sectionKey}>{filteredItems}</React.Fragment>\n        );\n      }\n      return null;\n    },\n    [],\n  );\n\n  const isPortaled = floatingStyle != null;\n\n  return (\n    <ContextMenu\n      ref={ref}\n      testId=\"context-menu\"\n      style={isPortaled ? floatingStyle : undefined}\n      theme={isPortaled ? \"popover\" : \"default\"}\n      position={isPortaled ? \"none\" : position}\n      alignment={isPortaled ? \"none\" : \"right\"}\n      spacing={isPortaled ? \"none\" : \"default\"}\n      className={\n        isPortaled\n          ? \"mt-0 min-w-[200px] w-max max-w-[min(280px,100vw-16px)]\"\n          : \"z-[200] mt-0\"\n      }\n    >\n      {generateSection(\n        [\n          onEdit && (\n            <ContextMenuListItem\n              key=\"edit-button\"\n              testId=\"edit-button\"\n              onClick={onEdit}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<EditIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$RENAME)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"edit-section\",\n      )}\n      {generateSection(\n        [\n          onShowAgentTools && (\n            <ContextMenuListItem\n              key=\"show-agent-tools-button\"\n              testId=\"show-agent-tools-button\"\n              onClick={onShowAgentTools}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<ToolsIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)}\n              />\n            </ContextMenuListItem>\n          ),\n          onShowSkills && (\n            <ContextMenuListItem\n              key=\"show-skills-button\"\n              testId=\"show-skills-button\"\n              onClick={onShowSkills}\n            >\n              <ConversationNameContextMenuIconText\n                icon={\n                  <SkillsIcon\n                    width={16}\n                    height={16}\n                    className=\"stroke-[1.75]\"\n                    aria-hidden\n                  />\n                }\n                text={t(I18nKey.CONVERSATION$SHOW_SKILLS)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"tools-section\",\n      )}\n      {generateSection(\n        [\n          onStop && (\n            <ContextMenuListItem\n              key=\"stop-button\"\n              testId=\"stop-button\"\n              onClick={onStop}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<CloseIcon width={16} height={16} />}\n                text={t(stopLabelKey)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDownloadViaVSCode && (\n            <ContextMenuListItem\n              key=\"download-vscode-button\"\n              testId=\"download-vscode-button\"\n              onClick={onDownloadViaVSCode}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DownloadIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$DOWNLOAD_VIA_VSCODE)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDownloadConversation && (\n            <ContextMenuListItem\n              key=\"download-trajectory-button\"\n              testId=\"download-trajectory-button\"\n              onClick={onDownloadConversation}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DownloadIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$EXPORT_CONVERSATION)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"control-section\",\n      )}\n      {generateSection(\n        [\n          onDisplayCost && (\n            <ContextMenuListItem\n              key=\"display-cost-button\"\n              testId=\"display-cost-button\"\n              onClick={onDisplayCost}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<CreditCardIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$DISPLAY_COST)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDelete && (\n            <ContextMenuListItem\n              key=\"delete-button\"\n              testId=\"delete-button\"\n              onClick={onDelete}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DeleteIcon width={16} height={16} />}\n                text={t(I18nKey.COMMON$DELETE_CONVERSATION)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"info-section\",\n        true,\n      )}\n    </ContextMenu>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"conversation-card-context-menu.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-context-menu.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"../../context-menu/context-menu-list-item\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ConversationNameContextMenuIconText } from \"../../conversation/conversation-name-context-menu-icon-text\";\n\nimport EditIcon from \"#/icons/u-edit.svg?react\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport ToolsIcon from \"#/icons/u-tools.svg?react\";\nimport DownloadIcon from \"#/icons/u-download.svg?react\";\nimport CreditCardIcon from \"#/icons/u-credit-card.svg?react\";\nimport CloseIcon from \"#/icons/u-close.svg?react\";\nimport DeleteIcon from \"#/icons/u-delete.svg?react\";\nimport { Divider } from \"#/ui/divider\";\n\ninterface ConversationCardContextMenuProps {\n  onClose: () => void;\n  onDelete?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onStop?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onEdit?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDisplayCost?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onShowAgentTools?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onShowSkills?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadViaVSCode?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadConversation?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  position?: \"top\" | \"bottom\";\n  /**\n   * Fixed coordinates for a portaled menu (conversation list overflow\n   * stacking). When set, theme/position switch to non-absolute layout.\n   */\n  floatingStyle?: React.CSSProperties;\n  ignoreOutsideClickRef?: React.RefObject<HTMLElement | null>;\n}\n\nexport function ConversationCardContextMenu({\n  onClose,\n  onDelete,\n  onStop,\n  onEdit,\n  onDisplayCost,\n  onShowAgentTools,\n  onShowSkills,\n  onDownloadViaVSCode,\n  onDownloadConversation,\n  position = \"bottom\",\n  floatingStyle,\n  ignoreOutsideClickRef,\n}: ConversationCardContextMenuProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { backend } = useActiveBackend();\n  const ref = useClickOutsideElement<HTMLUListElement>(\n    onClose,\n    ignoreOutsideClickRef,\n  );\n  const stopLabelKey =\n    backend.kind === \"cloud\"\n      ? I18nKey.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME\n      : I18nKey.COMMON$STOP_CONVERSATION;\n\n  const generateSection = useCallback(\n    (items: React.ReactNode[], sectionKey: string, isLast?: boolean) => {\n      const filteredItems = items.filter((i) => i != null);\n\n      if (filteredItems.length > 0) {\n        return !isLast ? (\n          <React.Fragment key={sectionKey}>\n            {filteredItems}\n            <Divider inset=\"menu\" />\n          </React.Fragment>\n        ) : (\n          <React.Fragment key={sectionKey}>{filteredItems}</React.Fragment>\n        );\n      }\n      return null;\n    },\n    [],\n  );\n\n  const isPortaled = floatingStyle != null;\n\n  return (\n    <ContextMenu\n      ref={ref}\n      testId=\"context-menu\"\n      style={isPortaled ? floatingStyle : undefined}\n      theme={isPortaled ? \"popover\" : \"default\"}\n      position={isPortaled ? \"none\" : position}\n      alignment={isPortaled ? \"none\" : \"right\"}\n      spacing={isPortaled ? \"none\" : \"default\"}\n      className={\n        isPortaled\n          ? \"mt-0 min-w-[200px] w-max max-w-[min(280px,100vw-16px)]\"\n          : \"z-[200] mt-0\"\n      }\n    >\n      {generateSection(\n        [\n          onEdit && (\n            <ContextMenuListItem\n              key=\"edit-button\"\n              testId=\"edit-button\"\n              onClick={onEdit}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<EditIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$RENAME)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"edit-section\",\n      )}\n      {generateSection(\n        [\n          onShowAgentTools && (\n            <ContextMenuListItem\n              key=\"show-agent-tools-button\"\n              testId=\"show-agent-tools-button\"\n              onClick={onShowAgentTools}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<ToolsIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)}\n              />\n            </ContextMenuListItem>\n          ),\n          onShowSkills && (\n            <ContextMenuListItem\n              key=\"show-skills-button\"\n              testId=\"show-skills-button\"\n              onClick={onShowSkills}\n            >\n              <ConversationNameContextMenuIconText\n                icon={\n                  <SkillsIcon\n                    width={16}\n                    height={16}\n                    className=\"stroke-[1.75]\"\n                    aria-hidden\n                  />\n                }\n                text={t(I18nKey.CONVERSATION$SHOW_SKILLS)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"tools-section\",\n      )}\n      {generateSection(\n        [\n          onStop && (\n            <ContextMenuListItem\n              key=\"stop-button\"\n              testId=\"stop-button\"\n              onClick={onStop}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<CloseIcon width={16} height={16} />}\n                text={t(stopLabelKey)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDownloadViaVSCode && (\n            <ContextMenuListItem\n              key=\"download-vscode-button\"\n              testId=\"download-vscode-button\"\n              onClick={onDownloadViaVSCode}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DownloadIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$DOWNLOAD_VIA_VSCODE)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDownloadConversation && (\n            <ContextMenuListItem\n              key=\"download-trajectory-button\"\n              testId=\"download-trajectory-button\"\n              onClick={onDownloadConversation}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DownloadIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$DOWNLOAD_CONVERSATION_DATA)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"control-section\",\n      )}\n      {generateSection(\n        [\n          onDisplayCost && (\n            <ContextMenuListItem\n              key=\"display-cost-button\"\n              testId=\"display-cost-button\"\n              onClick={onDisplayCost}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<CreditCardIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$DISPLAY_COST)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDelete && (\n            <ContextMenuListItem\n              key=\"delete-button\"\n              testId=\"delete-button\"\n              onClick={onDelete}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DeleteIcon width={16} height={16} />}\n                text={t(I18nKey.COMMON$DELETE_CONVERSATION)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"info-section\",\n        true,\n      )}\n    </ContextMenu>\n  );\n}\n"],"mappings":"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"}