@openhands/agent-canvas 1.2.1 → 1.3.0

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

@@ -4,19 +4,19 @@ import { ExternalLink as n } from "../../../node_modules/lucide-react/dist/esm/i
 import { Share2 as r } from "../../../node_modules/lucide-react/dist/esm/icons/share-2.js";
 import { cn as i } from "../../../utils/utils.js";
 import { useActiveBackend as a } from "../../../contexts/active-backend-context.js";
-import { useActiveConversation as o } from "../../../hooks/query/use-active-conversation.js";
-import s from "../../../icons/copy.js";
-import c from "../../../icons/u-close.js";
-import { ContextMenu as l } from "../../../ui/context-menu.js";
-import { ContextMenuListItem as u } from "../context-menu/context-menu-list-item.js";
-import { useClickOutsideElement as ee } from "../../../hooks/use-click-outside-element.js";
+import { useActiveConversation as ee } from "../../../hooks/query/use-active-conversation.js";
+import o from "../../../icons/copy.js";
+import s from "../../../icons/u-close.js";
+import { ContextMenu as c } from "../../../ui/context-menu.js";
+import { ContextMenuListItem as l } from "../context-menu/context-menu-list-item.js";
+import { useClickOutsideElement as u } from "../../../hooks/use-click-outside-element.js";
 import { Divider as d } from "../../../ui/divider.js";
 import f from "../../../icons/skills.js";
 import p from "../../../icons/fishing-hook.js";
-import m from "../../../icons/u-tools.js";
-import { ArchivedDisabledTooltip as h } from "../context-menu/archived-disabled-tooltip.js";
-import { useIsArchivedConversation as te } from "../../../hooks/use-is-archived-conversation.js";
-import { useBreakpoint as ne } from "../../../hooks/use-breakpoint.js";
+import te from "../../../icons/u-tools.js";
+import { ArchivedDisabledTooltip as m } from "../context-menu/archived-disabled-tooltip.js";
+import { useIsArchivedConversation as ne } from "../../../hooks/use-is-archived-conversation.js";
+import { useBreakpoint as h } from "../../../hooks/use-breakpoint.js";
 import g from "../../../icons/u-edit.js";
 import _ from "../../../icons/u-download.js";
 import v from "../../../icons/u-credit-card.js";
@@ -43,31 +43,31 @@ function T({ isPublic: e, onToggle: t, ariaLabel: n }) {
 		})]
 	});
 }
-function E({ onClose: E, onRename: D, onDelete: O, onStop: k, onDisplayCost: A, onShowAgentTools: j, onShowSkills: M, onShowHooks: N, onTogglePublic: P, onCopyShareLink: F, onDownloadConversation: I, shareUrl: L, position: R = "bottom", anchorRef: z }) {
-	let B = ne(), { t: V } = e("openhands"), { backend: H } = a(), { data: U } = o(), W = te(), G = ee(E), K = z?.current ?? null, [q, J] = x.useState();
+function E({ onClose: E, onRename: D, onDelete: O, onStop: k, onDisplayCost: A, onShowAgentTools: j, onShowSkills: M, onShowHooks: N, onTogglePublic: P, onCopyShareLink: F, onExportTranscript: I, onDownloadConversation: L, shareUrl: R, position: z = "bottom", anchorRef: B }) {
+	let V = h(), { t: H } = e("openhands"), { backend: U } = a(), { data: W } = ee(), G = ne(), K = u(E), q = B?.current ?? null, [J, Y] = x.useState();
 	x.useLayoutEffect(() => {
-		if (!K) return;
+		if (!q) return;
 		let e = () => {
-			let e = K.getBoundingClientRect();
+			let e = q.getBoundingClientRect();
 			if (!e) return;
 			let t = {
 				position: "fixed",
 				zIndex: 9999
 			};
-			R === "top" ? t.bottom = window.innerHeight - e.top + 8 : t.top = e.bottom + 8, t.left = e.left, J(t);
+			z === "top" ? t.bottom = window.innerHeight - e.top + 8 : t.top = e.bottom + 8, t.left = e.left, Y(t);
 		};
 		return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
 			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
 		};
-	}, [K, R]);
-	let Y = !!(j || M || N), X = !!A, re = !!(k || O), ie = H.kind === "cloud" ? t.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME : t.COMMON$STOP_CONVERSATION, ae = H.kind === "cloud" && !!P, Z = U?.public || !1, Q = !!K, $ = /* @__PURE__ */ C(l, {
-		ref: G,
+	}, [q, z]);
+	let X = !!(j || M || N), re = !!A, ie = !!(k || O), ae = U.kind === "cloud" ? t.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME : t.COMMON$STOP_CONVERSATION, oe = U.kind === "cloud" && !!P, Z = W?.public || !1, Q = !!q, $ = /* @__PURE__ */ C(c, {
+		ref: K,
 		testId: "conversation-name-context-menu",
-		position: R,
+		position: z,
 		alignment: "left",
-		className: i(B ? "right-0 translate-x-[34%] left-auto" : "", Q ? "!static !top-auto !bottom-auto !left-auto !right-auto !mt-0" : ""),
+		className: i(V ? "right-0 translate-x-[34%] left-auto" : "", Q ? "!static !top-auto !bottom-auto !left-auto !right-auto !mt-0" : ""),
 		children: [
-			D && /* @__PURE__ */ S(u, {
+			D && /* @__PURE__ */ S(l, {
 				testId: "rename-button",
 				onClick: D,
 				children: /* @__PURE__ */ S(b, {
@@ -75,19 +75,19 @@ function E({ onClose: E, onRename: D, onDelete: O, onStop: k, onDisplayCost: A,
 						width: 16,
 						height: 16
 					}),
-					text: V(t.BUTTON$RENAME)
+					text: H(t.BUTTON$RENAME)
 				})
 			}),
-			Y && /* @__PURE__ */ S(d, {
+			X && /* @__PURE__ */ S(d, {
 				testId: "separator-tools",
 				inset: "menu"
 			}),
-			M && /* @__PURE__ */ S(h, {
-				isDisabled: W,
-				children: /* @__PURE__ */ S(u, {
+			M && /* @__PURE__ */ S(m, {
+				isDisabled: G,
+				children: /* @__PURE__ */ S(l, {
 					testId: "show-skills-button",
 					onClick: M,
-					isDisabled: W,
+					isDisabled: G,
 					children: /* @__PURE__ */ S(b, {
 						icon: /* @__PURE__ */ S(f, {
 							width: 16,
@@ -95,57 +95,68 @@ function E({ onClose: E, onRename: D, onDelete: O, onStop: k, onDisplayCost: A,
 							className: "stroke-[1.75]",
 							"aria-hidden": !0
 						}),
-						text: V(t.CONVERSATION$SHOW_SKILLS)
+						text: H(t.CONVERSATION$SHOW_SKILLS)
 					})
 				})
 			}),
-			N && /* @__PURE__ */ S(h, {
-				isDisabled: W,
-				children: /* @__PURE__ */ S(u, {
+			N && /* @__PURE__ */ S(m, {
+				isDisabled: G,
+				children: /* @__PURE__ */ S(l, {
 					testId: "show-hooks-button",
 					onClick: N,
-					isDisabled: W,
+					isDisabled: G,
 					children: /* @__PURE__ */ S(b, {
 						icon: /* @__PURE__ */ S(p, {
 							width: 16,
 							height: 16,
 							"aria-hidden": !0
 						}),
-						text: V(t.CONVERSATION$SHOW_HOOKS)
+						text: H(t.CONVERSATION$SHOW_HOOKS)
 					})
 				})
 			}),
-			j && /* @__PURE__ */ S(h, {
-				isDisabled: W,
-				children: /* @__PURE__ */ S(u, {
+			j && /* @__PURE__ */ S(m, {
+				isDisabled: G,
+				children: /* @__PURE__ */ S(l, {
 					testId: "show-agent-tools-button",
 					onClick: j,
-					isDisabled: W,
+					isDisabled: G,
 					children: /* @__PURE__ */ S(b, {
-						icon: /* @__PURE__ */ S(m, {
+						icon: /* @__PURE__ */ S(te, {
 							width: 16,
 							height: 16
 						}),
-						text: V(t.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)
+						text: H(t.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)
 					})
 				})
 			}),
-			I && /* @__PURE__ */ S(u, {
-				testId: "download-trajectory-button",
+			I && /* @__PURE__ */ S(l, {
+				testId: "export-transcript-button",
 				onClick: I,
 				children: /* @__PURE__ */ S(b, {
 					icon: /* @__PURE__ */ S(_, {
 						width: 16,
 						height: 16
 					}),
-					text: V(t.BUTTON$EXPORT_CONVERSATION)
+					text: H(t.BUTTON$EXPORT_TRANSCRIPT)
+				})
+			}),
+			L && /* @__PURE__ */ S(l, {
+				testId: "download-trajectory-button",
+				onClick: L,
+				children: /* @__PURE__ */ S(b, {
+					icon: /* @__PURE__ */ S(_, {
+						width: 16,
+						height: 16
+					}),
+					text: H(t.BUTTON$DOWNLOAD_CONVERSATION_DATA)
 				})
 			}),
-			(X || re) && /* @__PURE__ */ S(d, {
+			(re || ie) && /* @__PURE__ */ S(d, {
 				testId: "separator-info-control",
 				inset: "menu"
 			}),
-			A && /* @__PURE__ */ S(u, {
+			A && /* @__PURE__ */ S(l, {
 				testId: "display-cost-button",
 				onClick: A,
 				children: /* @__PURE__ */ S(b, {
@@ -153,10 +164,10 @@ function E({ onClose: E, onRename: D, onDelete: O, onStop: k, onDisplayCost: A,
 						width: 16,
 						height: 16
 					}),
-					text: V(t.BUTTON$DISPLAY_COST)
+					text: H(t.BUTTON$DISPLAY_COST)
 				})
 			}),
-			ae && P && /* @__PURE__ */ C("li", {
+			oe && P && /* @__PURE__ */ C("li", {
 				className: "flex w-full items-center gap-2 rounded px-2 py-2 hover:bg-[var(--oh-interactive-hover)]",
 				children: [
 					/* @__PURE__ */ S("span", {
@@ -166,30 +177,30 @@ function E({ onClose: E, onRename: D, onDelete: O, onStop: k, onDisplayCost: A,
 					}),
 					/* @__PURE__ */ S("span", {
 						className: "min-w-0 flex-1 truncate text-sm",
-						children: V(t.CONVERSATION$SHARE_PUBLICLY)
+						children: H(t.CONVERSATION$SHARE_PUBLICLY)
 					}),
 					/* @__PURE__ */ C("div", {
 						className: "flex shrink-0 items-center",
-						children: [Z && L && F && /* @__PURE__ */ C("div", {
+						children: [Z && R && F && /* @__PURE__ */ C("div", {
 							className: "mr-2 flex items-center gap-0.5",
 							children: [/* @__PURE__ */ S("button", {
 								type: "button",
 								"data-testid": "copy-share-link-button",
 								onClick: F,
 								className: "rounded p-0.5 text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-selected)] hover:text-[var(--oh-foreground)] cursor-pointer [&_svg]:text-current",
-								title: V(t.BUTTON$COPY_TO_CLIPBOARD),
-								children: /* @__PURE__ */ S(s, {
+								title: H(t.BUTTON$COPY_TO_CLIPBOARD),
+								children: /* @__PURE__ */ S(o, {
 									width: 14,
 									height: 14
 								})
 							}), /* @__PURE__ */ S("a", {
 								"data-testid": "open-share-link-button",
-								href: L,
+								href: R,
 								target: "_blank",
 								rel: "noopener noreferrer",
 								onClick: (e) => e.stopPropagation(),
 								className: "rounded p-0.5 text-[var(--oh-muted)] no-underline visited:text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-selected)] hover:text-[var(--oh-foreground)] cursor-pointer [&_svg]:text-current",
-								title: V(t.BUTTON$OPEN_IN_NEW_TAB),
+								title: H(t.BUTTON$OPEN_IN_NEW_TAB),
 								children: /* @__PURE__ */ S(n, {
 									size: 14,
 									"aria-hidden": !0
@@ -198,27 +209,27 @@ function E({ onClose: E, onRename: D, onDelete: O, onStop: k, onDisplayCost: A,
 						}), /* @__PURE__ */ S(T, {
 							isPublic: Z,
 							onToggle: P,
-							ariaLabel: V(t.CONVERSATION$SHARE_PUBLICLY)
+							ariaLabel: H(t.CONVERSATION$SHARE_PUBLICLY)
 						})]
 					})
 				]
 			}),
-			k && /* @__PURE__ */ S(h, {
-				isDisabled: W,
-				children: /* @__PURE__ */ S(u, {
+			k && /* @__PURE__ */ S(m, {
+				isDisabled: G,
+				children: /* @__PURE__ */ S(l, {
 					testId: "stop-button",
 					onClick: k,
-					isDisabled: W,
+					isDisabled: G,
 					children: /* @__PURE__ */ S(b, {
-						icon: /* @__PURE__ */ S(c, {
+						icon: /* @__PURE__ */ S(s, {
 							width: 16,
 							height: 16
 						}),
-						text: V(ie)
+						text: H(ae)
 					})
 				})
 			}),
-			O && /* @__PURE__ */ S(u, {
+			O && /* @__PURE__ */ S(l, {
 				testId: "delete-button",
 				onClick: O,
 				children: /* @__PURE__ */ S(b, {
@@ -226,13 +237,13 @@ function E({ onClose: E, onRename: D, onDelete: O, onStop: k, onDisplayCost: A,
 						width: 16,
 						height: 16
 					}),
-					text: V(t.COMMON$DELETE_CONVERSATION)
+					text: H(t.COMMON$DELETE_CONVERSATION)
 				})
 			})
 		]
 	});
-	return Q ? typeof document > "u" || !q ? null : w.createPortal(/* @__PURE__ */ S("div", {
-		style: q,
+	return Q ? typeof document > "u" || !J ? null : w.createPortal(/* @__PURE__ */ S("div", {
+		style: J,
 		children: $
 	}), document.body) : $;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-name-context-menu.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-name-context-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { ExternalLink, Share2 } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { useBreakpoint } from \"#/hooks/use-breakpoint\";\nimport { cn } from \"#/utils/utils\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"../context-menu/context-menu-list-item\";\nimport { Divider } from \"#/ui/divider\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\nimport EditIcon from \"#/icons/u-edit.svg?react\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport FishingHookIcon from \"#/icons/fishing-hook.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 CopyIcon from \"#/icons/copy.svg?react\";\nimport { ConversationNameContextMenuIconText } from \"./conversation-name-context-menu-icon-text\";\nimport { ArchivedDisabledTooltip } from \"../context-menu/archived-disabled-tooltip\";\nimport { useIsArchivedConversation } from \"#/hooks/use-is-archived-conversation\";\n\ninterface ConversationNameContextMenuProps {\n  onClose: () => void;\n  onRename?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDelete?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onStop?: (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  onShowHooks?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onTogglePublic?: (nextIsPublic: boolean) => void;\n  onCopyShareLink?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadConversation?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  shareUrl?: string;\n  position?: \"top\" | \"bottom\";\n  /**\n   * Element the menu should anchor against. When provided, the menu renders\n   * into a portal at the document body using fixed positioning so it cannot be\n   * clipped by ancestors with `overflow: hidden` (e.g. the chat panel that\n   * sits next to the right-side tabs panel).\n   */\n  anchorRef?: React.RefObject<HTMLElement | null>;\n}\n\nfunction PublicShareToggle({\n  isPublic,\n  onToggle,\n  ariaLabel,\n}: {\n  isPublic: boolean;\n  onToggle: (nextIsPublic: boolean) => void;\n  ariaLabel: string;\n}) {\n  return (\n    <label className=\"relative inline-flex shrink-0 cursor-pointer items-center\">\n      <input\n        hidden\n        type=\"checkbox\"\n        data-testid=\"share-publicly-button\"\n        checked={isPublic}\n        aria-label={ariaLabel}\n        onChange={(event) => onToggle(event.target.checked)}\n      />\n      <span\n        aria-hidden\n        className={cn(\n          \"inline-flex h-3.5 w-7 items-center rounded-full px-0.5 py-px transition-colors duration-200 ease-in-out\",\n          isPublic ? \"bg-white\" : \"bg-base-secondary\",\n        )}\n      >\n        <span\n          className={cn(\n            \"block h-2 w-2 shrink-0 rounded-full transition-transform duration-200 ease-in-out\",\n            isPublic\n              ? \"translate-x-[calc(1rem-1px)] bg-base-secondary\"\n              : \"translate-x-px bg-tertiary-light\",\n          )}\n        />\n      </span>\n    </label>\n  );\n}\n\nexport function ConversationNameContextMenu({\n  onClose,\n  onRename,\n  onDelete,\n  onStop,\n  onDisplayCost,\n  onShowAgentTools,\n  onShowSkills,\n  onShowHooks,\n  onTogglePublic,\n  onCopyShareLink,\n  onDownloadConversation,\n  shareUrl,\n  position = \"bottom\",\n  anchorRef,\n}: ConversationNameContextMenuProps) {\n  const isMobile = useBreakpoint();\n\n  const { t } = useTranslation(\"openhands\");\n  const { backend } = useActiveBackend();\n  const { data: conversation } = useActiveConversation();\n  const isArchivedConversation = useIsArchivedConversation();\n  const ref = useClickOutsideElement<HTMLUListElement>(onClose);\n\n  const anchorElement = anchorRef?.current ?? null;\n  const [portalStyle, setPortalStyle] = React.useState<React.CSSProperties>();\n  React.useLayoutEffect(() => {\n    if (!anchorElement) return undefined;\n\n    const updatePosition = () => {\n      const rect = anchorElement.getBoundingClientRect();\n      if (!rect) return;\n      const gap = 8;\n      const style: React.CSSProperties = {\n        position: \"fixed\",\n        zIndex: 9999,\n      };\n      if (position === \"top\") {\n        style.bottom = window.innerHeight - rect.top + gap;\n      } else {\n        style.top = rect.bottom + gap;\n      }\n      style.left = rect.left;\n      setPortalStyle(style);\n    };\n\n    updatePosition();\n    window.addEventListener(\"resize\", updatePosition);\n    window.addEventListener(\"scroll\", updatePosition, true);\n    return () => {\n      window.removeEventListener(\"resize\", updatePosition);\n      window.removeEventListener(\"scroll\", updatePosition, true);\n    };\n  }, [anchorElement, position]);\n  const hasTools = Boolean(onShowAgentTools || onShowSkills || onShowHooks);\n  const hasInfo = Boolean(onDisplayCost);\n  const hasControl = Boolean(onStop || onDelete);\n  const stopLabelKey =\n    backend.kind === \"cloud\"\n      ? I18nKey.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME\n      : I18nKey.COMMON$STOP_CONVERSATION;\n  const shouldShowPublicSharing =\n    backend.kind === \"cloud\" && Boolean(onTogglePublic);\n  const isPublic = conversation?.public || false;\n\n  const isPortaled = Boolean(anchorElement);\n  const portalClassName = isPortaled\n    ? \"!static !top-auto !bottom-auto !left-auto !right-auto !mt-0\"\n    : \"\";\n\n  const menu = (\n    <ContextMenu\n      ref={ref}\n      testId=\"conversation-name-context-menu\"\n      position={position}\n      alignment=\"left\"\n      className={cn(\n        isMobile ? \"right-0 translate-x-[34%] left-auto\" : \"\",\n        portalClassName,\n      )}\n    >\n      {onRename && (\n        <ContextMenuListItem testId=\"rename-button\" onClick={onRename}>\n          <ConversationNameContextMenuIconText\n            icon={<EditIcon width={16} height={16} />}\n            text={t(I18nKey.BUTTON$RENAME)}\n          />\n        </ContextMenuListItem>\n      )}\n\n      {hasTools && <Divider testId=\"separator-tools\" inset=\"menu\" />}\n\n      {onShowSkills && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"show-skills-button\"\n            onClick={onShowSkills}\n            isDisabled={isArchivedConversation}\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        </ArchivedDisabledTooltip>\n      )}\n\n      {onShowHooks && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"show-hooks-button\"\n            onClick={onShowHooks}\n            isDisabled={isArchivedConversation}\n          >\n            <ConversationNameContextMenuIconText\n              icon={<FishingHookIcon width={16} height={16} aria-hidden />}\n              text={t(I18nKey.CONVERSATION$SHOW_HOOKS)}\n            />\n          </ContextMenuListItem>\n        </ArchivedDisabledTooltip>\n      )}\n\n      {onShowAgentTools && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"show-agent-tools-button\"\n            onClick={onShowAgentTools}\n            isDisabled={isArchivedConversation}\n          >\n            <ConversationNameContextMenuIconText\n              icon={<ToolsIcon width={16} height={16} />}\n              text={t(I18nKey.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)}\n            />\n          </ContextMenuListItem>\n        </ArchivedDisabledTooltip>\n      )}\n\n      {onDownloadConversation && (\n        <ContextMenuListItem\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      {(hasInfo || hasControl) && (\n        <Divider testId=\"separator-info-control\" inset=\"menu\" />\n      )}\n\n      {onDisplayCost && (\n        <ContextMenuListItem\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\n      {shouldShowPublicSharing && onTogglePublic && (\n        <li className=\"flex w-full items-center gap-2 rounded px-2 py-2 hover:bg-[var(--oh-interactive-hover)]\">\n          <span\n            className=\"flex shrink-0 items-center text-[var(--oh-muted)]\"\n            aria-hidden\n          >\n            <Share2 size={16} />\n          </span>\n          <span className=\"min-w-0 flex-1 truncate text-sm\">\n            {t(I18nKey.CONVERSATION$SHARE_PUBLICLY)}\n          </span>\n          <div className=\"flex shrink-0 items-center\">\n            {isPublic && shareUrl && onCopyShareLink && (\n              <div className=\"mr-2 flex items-center gap-0.5\">\n                <button\n                  type=\"button\"\n                  data-testid=\"copy-share-link-button\"\n                  onClick={onCopyShareLink}\n                  className=\"rounded p-0.5 text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-selected)] hover:text-[var(--oh-foreground)] cursor-pointer [&_svg]:text-current\"\n                  title={t(I18nKey.BUTTON$COPY_TO_CLIPBOARD)}\n                >\n                  <CopyIcon width={14} height={14} />\n                </button>\n                <a\n                  data-testid=\"open-share-link-button\"\n                  href={shareUrl}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  onClick={(event) => event.stopPropagation()}\n                  className=\"rounded p-0.5 text-[var(--oh-muted)] no-underline visited:text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-selected)] hover:text-[var(--oh-foreground)] cursor-pointer [&_svg]:text-current\"\n                  title={t(I18nKey.BUTTON$OPEN_IN_NEW_TAB)}\n                >\n                  <ExternalLink size={14} aria-hidden />\n                </a>\n              </div>\n            )}\n            <PublicShareToggle\n              isPublic={isPublic}\n              onToggle={onTogglePublic}\n              ariaLabel={t(I18nKey.CONVERSATION$SHARE_PUBLICLY)}\n            />\n          </div>\n        </li>\n      )}\n\n      {onStop && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"stop-button\"\n            onClick={onStop}\n            isDisabled={isArchivedConversation}\n          >\n            <ConversationNameContextMenuIconText\n              icon={<CloseIcon width={16} height={16} />}\n              text={t(stopLabelKey)}\n            />\n          </ContextMenuListItem>\n        </ArchivedDisabledTooltip>\n      )}\n\n      {onDelete && (\n        <ContextMenuListItem testId=\"delete-button\" onClick={onDelete}>\n          <ConversationNameContextMenuIconText\n            icon={<DeleteIcon width={16} height={16} />}\n            text={t(I18nKey.COMMON$DELETE_CONVERSATION)}\n          />\n        </ContextMenuListItem>\n      )}\n    </ContextMenu>\n  );\n\n  if (isPortaled) {\n    if (typeof document === \"undefined\" || !portalStyle) {\n      return null;\n    }\n    return ReactDOM.createPortal(\n      <div style={portalStyle}>{menu}</div>,\n      document.body,\n    );\n  }\n\n  return menu;\n}\n"],"mappings":"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"}
+{"version":3,"file":"conversation-name-context-menu.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-name-context-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { ExternalLink, Share2 } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { useBreakpoint } from \"#/hooks/use-breakpoint\";\nimport { cn } from \"#/utils/utils\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"../context-menu/context-menu-list-item\";\nimport { Divider } from \"#/ui/divider\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\nimport EditIcon from \"#/icons/u-edit.svg?react\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport FishingHookIcon from \"#/icons/fishing-hook.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 CopyIcon from \"#/icons/copy.svg?react\";\nimport { ConversationNameContextMenuIconText } from \"./conversation-name-context-menu-icon-text\";\nimport { ArchivedDisabledTooltip } from \"../context-menu/archived-disabled-tooltip\";\nimport { useIsArchivedConversation } from \"#/hooks/use-is-archived-conversation\";\n\ninterface ConversationNameContextMenuProps {\n  onClose: () => void;\n  onRename?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDelete?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onStop?: (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  onShowHooks?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onTogglePublic?: (nextIsPublic: boolean) => void;\n  onCopyShareLink?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onExportTranscript?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadConversation?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  shareUrl?: string;\n  position?: \"top\" | \"bottom\";\n  /**\n   * Element the menu should anchor against. When provided, the menu renders\n   * into a portal at the document body using fixed positioning so it cannot be\n   * clipped by ancestors with `overflow: hidden` (e.g. the chat panel that\n   * sits next to the right-side tabs panel).\n   */\n  anchorRef?: React.RefObject<HTMLElement | null>;\n}\n\nfunction PublicShareToggle({\n  isPublic,\n  onToggle,\n  ariaLabel,\n}: {\n  isPublic: boolean;\n  onToggle: (nextIsPublic: boolean) => void;\n  ariaLabel: string;\n}) {\n  return (\n    <label className=\"relative inline-flex shrink-0 cursor-pointer items-center\">\n      <input\n        hidden\n        type=\"checkbox\"\n        data-testid=\"share-publicly-button\"\n        checked={isPublic}\n        aria-label={ariaLabel}\n        onChange={(event) => onToggle(event.target.checked)}\n      />\n      <span\n        aria-hidden\n        className={cn(\n          \"inline-flex h-3.5 w-7 items-center rounded-full px-0.5 py-px transition-colors duration-200 ease-in-out\",\n          isPublic ? \"bg-white\" : \"bg-base-secondary\",\n        )}\n      >\n        <span\n          className={cn(\n            \"block h-2 w-2 shrink-0 rounded-full transition-transform duration-200 ease-in-out\",\n            isPublic\n              ? \"translate-x-[calc(1rem-1px)] bg-base-secondary\"\n              : \"translate-x-px bg-tertiary-light\",\n          )}\n        />\n      </span>\n    </label>\n  );\n}\n\nexport function ConversationNameContextMenu({\n  onClose,\n  onRename,\n  onDelete,\n  onStop,\n  onDisplayCost,\n  onShowAgentTools,\n  onShowSkills,\n  onShowHooks,\n  onTogglePublic,\n  onCopyShareLink,\n  onExportTranscript,\n  onDownloadConversation,\n  shareUrl,\n  position = \"bottom\",\n  anchorRef,\n}: ConversationNameContextMenuProps) {\n  const isMobile = useBreakpoint();\n\n  const { t } = useTranslation(\"openhands\");\n  const { backend } = useActiveBackend();\n  const { data: conversation } = useActiveConversation();\n  const isArchivedConversation = useIsArchivedConversation();\n  const ref = useClickOutsideElement<HTMLUListElement>(onClose);\n\n  const anchorElement = anchorRef?.current ?? null;\n  const [portalStyle, setPortalStyle] = React.useState<React.CSSProperties>();\n  React.useLayoutEffect(() => {\n    if (!anchorElement) return undefined;\n\n    const updatePosition = () => {\n      const rect = anchorElement.getBoundingClientRect();\n      if (!rect) return;\n      const gap = 8;\n      const style: React.CSSProperties = {\n        position: \"fixed\",\n        zIndex: 9999,\n      };\n      if (position === \"top\") {\n        style.bottom = window.innerHeight - rect.top + gap;\n      } else {\n        style.top = rect.bottom + gap;\n      }\n      style.left = rect.left;\n      setPortalStyle(style);\n    };\n\n    updatePosition();\n    window.addEventListener(\"resize\", updatePosition);\n    window.addEventListener(\"scroll\", updatePosition, true);\n    return () => {\n      window.removeEventListener(\"resize\", updatePosition);\n      window.removeEventListener(\"scroll\", updatePosition, true);\n    };\n  }, [anchorElement, position]);\n  const hasTools = Boolean(onShowAgentTools || onShowSkills || onShowHooks);\n  const hasInfo = Boolean(onDisplayCost);\n  const hasControl = Boolean(onStop || onDelete);\n  const stopLabelKey =\n    backend.kind === \"cloud\"\n      ? I18nKey.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME\n      : I18nKey.COMMON$STOP_CONVERSATION;\n  const shouldShowPublicSharing =\n    backend.kind === \"cloud\" && Boolean(onTogglePublic);\n  const isPublic = conversation?.public || false;\n\n  const isPortaled = Boolean(anchorElement);\n  const portalClassName = isPortaled\n    ? \"!static !top-auto !bottom-auto !left-auto !right-auto !mt-0\"\n    : \"\";\n\n  const menu = (\n    <ContextMenu\n      ref={ref}\n      testId=\"conversation-name-context-menu\"\n      position={position}\n      alignment=\"left\"\n      className={cn(\n        isMobile ? \"right-0 translate-x-[34%] left-auto\" : \"\",\n        portalClassName,\n      )}\n    >\n      {onRename && (\n        <ContextMenuListItem testId=\"rename-button\" onClick={onRename}>\n          <ConversationNameContextMenuIconText\n            icon={<EditIcon width={16} height={16} />}\n            text={t(I18nKey.BUTTON$RENAME)}\n          />\n        </ContextMenuListItem>\n      )}\n\n      {hasTools && <Divider testId=\"separator-tools\" inset=\"menu\" />}\n\n      {onShowSkills && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"show-skills-button\"\n            onClick={onShowSkills}\n            isDisabled={isArchivedConversation}\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        </ArchivedDisabledTooltip>\n      )}\n\n      {onShowHooks && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"show-hooks-button\"\n            onClick={onShowHooks}\n            isDisabled={isArchivedConversation}\n          >\n            <ConversationNameContextMenuIconText\n              icon={<FishingHookIcon width={16} height={16} aria-hidden />}\n              text={t(I18nKey.CONVERSATION$SHOW_HOOKS)}\n            />\n          </ContextMenuListItem>\n        </ArchivedDisabledTooltip>\n      )}\n\n      {onShowAgentTools && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"show-agent-tools-button\"\n            onClick={onShowAgentTools}\n            isDisabled={isArchivedConversation}\n          >\n            <ConversationNameContextMenuIconText\n              icon={<ToolsIcon width={16} height={16} />}\n              text={t(I18nKey.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)}\n            />\n          </ContextMenuListItem>\n        </ArchivedDisabledTooltip>\n      )}\n\n      {onExportTranscript && (\n        <ContextMenuListItem\n          testId=\"export-transcript-button\"\n          onClick={onExportTranscript}\n        >\n          <ConversationNameContextMenuIconText\n            icon={<DownloadIcon width={16} height={16} />}\n            text={t(I18nKey.BUTTON$EXPORT_TRANSCRIPT)}\n          />\n        </ContextMenuListItem>\n      )}\n\n      {onDownloadConversation && (\n        <ContextMenuListItem\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      {(hasInfo || hasControl) && (\n        <Divider testId=\"separator-info-control\" inset=\"menu\" />\n      )}\n\n      {onDisplayCost && (\n        <ContextMenuListItem\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\n      {shouldShowPublicSharing && onTogglePublic && (\n        <li className=\"flex w-full items-center gap-2 rounded px-2 py-2 hover:bg-[var(--oh-interactive-hover)]\">\n          <span\n            className=\"flex shrink-0 items-center text-[var(--oh-muted)]\"\n            aria-hidden\n          >\n            <Share2 size={16} />\n          </span>\n          <span className=\"min-w-0 flex-1 truncate text-sm\">\n            {t(I18nKey.CONVERSATION$SHARE_PUBLICLY)}\n          </span>\n          <div className=\"flex shrink-0 items-center\">\n            {isPublic && shareUrl && onCopyShareLink && (\n              <div className=\"mr-2 flex items-center gap-0.5\">\n                <button\n                  type=\"button\"\n                  data-testid=\"copy-share-link-button\"\n                  onClick={onCopyShareLink}\n                  className=\"rounded p-0.5 text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-selected)] hover:text-[var(--oh-foreground)] cursor-pointer [&_svg]:text-current\"\n                  title={t(I18nKey.BUTTON$COPY_TO_CLIPBOARD)}\n                >\n                  <CopyIcon width={14} height={14} />\n                </button>\n                <a\n                  data-testid=\"open-share-link-button\"\n                  href={shareUrl}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  onClick={(event) => event.stopPropagation()}\n                  className=\"rounded p-0.5 text-[var(--oh-muted)] no-underline visited:text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-selected)] hover:text-[var(--oh-foreground)] cursor-pointer [&_svg]:text-current\"\n                  title={t(I18nKey.BUTTON$OPEN_IN_NEW_TAB)}\n                >\n                  <ExternalLink size={14} aria-hidden />\n                </a>\n              </div>\n            )}\n            <PublicShareToggle\n              isPublic={isPublic}\n              onToggle={onTogglePublic}\n              ariaLabel={t(I18nKey.CONVERSATION$SHARE_PUBLICLY)}\n            />\n          </div>\n        </li>\n      )}\n\n      {onStop && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"stop-button\"\n            onClick={onStop}\n            isDisabled={isArchivedConversation}\n          >\n            <ConversationNameContextMenuIconText\n              icon={<CloseIcon width={16} height={16} />}\n              text={t(stopLabelKey)}\n            />\n          </ContextMenuListItem>\n        </ArchivedDisabledTooltip>\n      )}\n\n      {onDelete && (\n        <ContextMenuListItem testId=\"delete-button\" onClick={onDelete}>\n          <ConversationNameContextMenuIconText\n            icon={<DeleteIcon width={16} height={16} />}\n            text={t(I18nKey.COMMON$DELETE_CONVERSATION)}\n          />\n        </ContextMenuListItem>\n      )}\n    </ContextMenu>\n  );\n\n  if (isPortaled) {\n    if (typeof document === \"undefined\" || !portalStyle) {\n      return null;\n    }\n    return ReactDOM.createPortal(\n      <div style={portalStyle}>{menu}</div>,\n      document.body,\n    );\n  }\n\n  return menu;\n}\n"],"mappings":"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"}

package/dist/components/features/conversation/conversation-name.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(`../../../hooks/use-conversation-id.cjs`),i=require(`../../../utils/custom-toast-handlers.cjs`),a=require(`../../../hooks/query/use-active-conversation.cjs`),o=require(`../../../hooks/use-conversation-name-context-menu.cjs`),s=require(`../conversation-panel/system-message-modal.cjs`),c=require(`../conversation-panel/skills-modal.cjs`),l=require(`../conversation-panel/hooks-modal.cjs`),u=require(`../../../hooks/mutation/use-update-conversation.cjs`),d=require(`../conversation-panel/ellipsis-button.cjs`),f=require(`./conversation-name-context-menu.cjs`),p=require(`../conversation-panel/confirm-delete-modal.cjs`),m=require(`../conversation-panel/confirm-stop-modal.cjs`),h=require(`./metrics-modal/metrics-modal.cjs`);let g=require(`react`);g=e.__toESM(g,1);let _=require(`react/jsx-runtime`);function v(){let{t:e}=t.useTranslation(`openhands`),{conversationId:v}=r.useConversationId(),{data:y}=a.useActiveConversation(),{mutate:b}=u.useUpdateConversation(),[x,S]=g.default.useState(`view`),[C,w]=g.default.useState(!1),T=g.default.useRef(null),E=g.default.useRef(null),{handleDelete:D,handleStop:O,handleDownloadConversation:k,handleDisplayCost:A,handleShowAgentTools:j,handleShowSkills:M,handleShowHooks:ee,handleTogglePublic:N,handleCopyShareLink:P,shareUrl:F,handleConfirmDelete:I,handleConfirmStop:L,metricsModalVisible:R,setMetricsModalVisible:z,systemModalVisible:B,setSystemModalVisible:V,skillsModalVisible:H,setSkillsModalVisible:U,hooksModalVisible:W,setHooksModalVisible:G,confirmDeleteModalVisible:K,setConfirmDeleteModalVisible:q,confirmStopModalVisible:J,setConfirmStopModalVisible:Y,systemMessage:X,shouldShowStop:Z,shouldShowDownloadConversation:Q,shouldShowDisplayCost:$,shouldShowAgentTools:te,shouldShowSkills:ne,shouldShowHooks:re}=o.useConversationNameContextMenu({conversationId:v,executionStatus:y?.execution_status,showOptions:!0,onContextMenuToggle:w});return g.default.useEffect(()=>{x===`edit`&&T.current?.focus()},[x]),y?(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)(`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:[x===`edit`?(0,_.jsx)(`input`,{ref:T,"data-testid":`conversation-name-input`,onClick:e=>{x===`edit`&&(e.preventDefault(),e.stopPropagation())},onBlur:()=>{if(T.current?.value&&v){let t=T.current.value.trim();t!==y?.title&&b({conversationId:v,newTitle:t},{onSuccess:()=>{i.displaySuccessToast(e(n.I18nKey.CONVERSATION$TITLE_UPDATED))}})}else T.current&&(T.current.value=y?.title??``);S(`view`)},onKeyUp:e=>{e.nativeEvent.isComposing||e.key===`Enter`&&e.currentTarget.blur()},type:`text`,defaultValue:y.title||``,className:`text-white leading-5 bg-transparent border-none outline-none text-base font-normal w-fit max-w-fit field-sizing-content`}):(0,_.jsx)(`div`,{className:`text-white leading-5 truncate`,"data-testid":`conversation-name-title`,onDoubleClick:()=>{S(`edit`)},title:y.title||``,children:y.title}),x!==`edit`&&(0,_.jsxs)(`div`,{ref:E,className:`relative flex items-center shrink-0`,children:[(0,_.jsx)(d.EllipsisButton,{onClick:e=>{e.preventDefault(),e.stopPropagation(),w(!C)}}),C&&(0,_.jsx)(f.ConversationNameContextMenu,{onClose:()=>w(!1),onRename:e=>{e.preventDefault(),e.stopPropagation(),S(`edit`),w(!1)},onDelete:D,onStop:Z?O:void 0,onDisplayCost:$?A:void 0,onShowAgentTools:te?j:void 0,onShowSkills:ne?M:void 0,onShowHooks:re?ee:void 0,onTogglePublic:N,onCopyShareLink:P,shareUrl:F,onDownloadConversation:Q?k:void 0,position:`bottom`,anchorRef:E})]})]}),(0,_.jsx)(h.MetricsModal,{isOpen:R,onOpenChange:z}),(0,_.jsx)(s.SystemMessageModal,{isOpen:B,onClose:()=>V(!1),systemMessage:X||null}),H&&(0,_.jsx)(c.SkillsModal,{onClose:()=>U(!1)}),W&&(0,_.jsx)(l.HooksModal,{onClose:()=>G(!1)}),K&&(0,_.jsx)(p.ConfirmDeleteModal,{onConfirm:I,onCancel:()=>q(!1),conversationTitle:y?.title||``}),J&&(0,_.jsx)(m.ConfirmStopModal,{onConfirm:L,onCancel:()=>Y(!1)})]}):null}exports.ConversationName=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(`../../../hooks/use-conversation-id.cjs`),i=require(`../../../utils/custom-toast-handlers.cjs`),a=require(`../../../hooks/query/use-active-conversation.cjs`),o=require(`../../../hooks/use-conversation-name-context-menu.cjs`),s=require(`../conversation-panel/system-message-modal.cjs`),c=require(`../conversation-panel/skills-modal.cjs`),l=require(`../conversation-panel/hooks-modal.cjs`),u=require(`../../../hooks/mutation/use-update-conversation.cjs`),d=require(`../conversation-panel/ellipsis-button.cjs`),f=require(`./conversation-name-context-menu.cjs`),p=require(`../conversation-panel/confirm-delete-modal.cjs`),m=require(`../conversation-panel/confirm-stop-modal.cjs`),h=require(`./metrics-modal/metrics-modal.cjs`),g=require(`./transcript-export-modal.cjs`);let _=require(`react`);_=e.__toESM(_,1);let v=require(`react/jsx-runtime`);function y(){let{t:e}=t.useTranslation(`openhands`),{conversationId:y}=r.useConversationId(),{data:b}=a.useActiveConversation(),{mutate:x}=u.useUpdateConversation(),[S,C]=_.default.useState(`view`),[w,T]=_.default.useState(!1),[E,D]=_.default.useState(!1),O=_.default.useRef(null),k=_.default.useRef(null),{handleDelete:A,handleStop:j,handleDownloadConversation:M,handleDisplayCost:N,handleShowAgentTools:ee,handleShowSkills:P,handleShowHooks:F,handleTogglePublic:I,handleCopyShareLink:L,shareUrl:R,handleConfirmDelete:z,handleConfirmStop:B,metricsModalVisible:V,setMetricsModalVisible:H,systemModalVisible:U,setSystemModalVisible:W,skillsModalVisible:G,setSkillsModalVisible:K,hooksModalVisible:q,setHooksModalVisible:J,confirmDeleteModalVisible:Y,setConfirmDeleteModalVisible:X,confirmStopModalVisible:Z,setConfirmStopModalVisible:Q,systemMessage:$,shouldShowStop:te,shouldShowDownloadConversation:ne,shouldShowDisplayCost:re,shouldShowAgentTools:ie,shouldShowSkills:ae,shouldShowHooks:oe}=o.useConversationNameContextMenu({conversationId:y,executionStatus:b?.execution_status,showOptions:!0,onContextMenuToggle:T});return _.default.useEffect(()=>{S===`edit`&&O.current?.focus()},[S]),b?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)(`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:[S===`edit`?(0,v.jsx)(`input`,{ref:O,"data-testid":`conversation-name-input`,onClick:e=>{S===`edit`&&(e.preventDefault(),e.stopPropagation())},onBlur:()=>{if(O.current?.value&&y){let t=O.current.value.trim();t!==b?.title&&x({conversationId:y,newTitle:t},{onSuccess:()=>{i.displaySuccessToast(e(n.I18nKey.CONVERSATION$TITLE_UPDATED))}})}else O.current&&(O.current.value=b?.title??``);C(`view`)},onKeyUp:e=>{e.nativeEvent.isComposing||e.key===`Enter`&&e.currentTarget.blur()},type:`text`,defaultValue:b.title||``,className:`text-white leading-5 bg-transparent border-none outline-none text-base font-normal w-fit max-w-fit field-sizing-content`}):(0,v.jsx)(`div`,{className:`text-white leading-5 truncate`,"data-testid":`conversation-name-title`,onDoubleClick:()=>{C(`edit`)},title:b.title||``,children:b.title}),S!==`edit`&&(0,v.jsxs)(`div`,{ref:k,className:`relative flex items-center shrink-0`,children:[(0,v.jsx)(d.EllipsisButton,{onClick:e=>{e.preventDefault(),e.stopPropagation(),T(!w)}}),w&&(0,v.jsx)(f.ConversationNameContextMenu,{onClose:()=>T(!1),onRename:e=>{e.preventDefault(),e.stopPropagation(),C(`edit`),T(!1)},onDelete:A,onStop:te?j:void 0,onDisplayCost:re?N:void 0,onShowAgentTools:ie?ee:void 0,onShowSkills:ae?P:void 0,onShowHooks:oe?F:void 0,onTogglePublic:I,onCopyShareLink:L,shareUrl:R,onExportTranscript:e=>{e.preventDefault(),e.stopPropagation(),D(!0),T(!1)},onDownloadConversation:ne?M:void 0,position:`bottom`,anchorRef:k})]})]}),(0,v.jsx)(h.MetricsModal,{isOpen:V,onOpenChange:H}),E&&y&&(0,v.jsx)(g.TranscriptExportModal,{conversationId:y,conversationUrl:b.conversation_url,sessionApiKey:b.session_api_key,conversationTitle:b.title,model:b.llm_model,onClose:()=>D(!1)}),(0,v.jsx)(s.SystemMessageModal,{isOpen:U,onClose:()=>W(!1),systemMessage:$||null}),G&&(0,v.jsx)(c.SkillsModal,{onClose:()=>K(!1)}),q&&(0,v.jsx)(l.HooksModal,{onClose:()=>J(!1)}),Y&&(0,v.jsx)(p.ConfirmDeleteModal,{onConfirm:z,onCancel:()=>X(!1),conversationTitle:b?.title||``}),Z&&(0,v.jsx)(m.ConfirmStopModal,{onConfirm:B,onCancel:()=>Q(!1)})]}):null}exports.ConversationName=y;
 //# sourceMappingURL=conversation-name.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-name.cjs","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.cjs","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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"}