@openhands/agent-canvas 1.16.0 → 1.17.0

package/dist/components/features/conversation-panel/advanced-conversation-options-modal.js

@@ -0,0 +1,239 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { Archive as n } from "../../../node_modules/lucide-react/dist/esm/icons/archive.js";
+import { Bot as r } from "../../../node_modules/lucide-react/dist/esm/icons/bot.js";
+import { CalendarArrowDown as i } from "../../../node_modules/lucide-react/dist/esm/icons/calendar-arrow-down.js";
+import { Clock3 as a } from "../../../node_modules/lucide-react/dist/esm/icons/clock-3.js";
+import { ClockArrowDown as o } from "../../../node_modules/lucide-react/dist/esm/icons/clock-arrow-down.js";
+import { EyeOff as s } from "../../../node_modules/lucide-react/dist/esm/icons/eye-off.js";
+import { Folder as c } from "../../../node_modules/lucide-react/dist/esm/icons/folder.js";
+import { GitBranch as l } from "../../../node_modules/lucide-react/dist/esm/icons/git-branch.js";
+import { MessageCircle as u } from "../../../node_modules/lucide-react/dist/esm/icons/message-circle.js";
+import { MousePointerClick as d } from "../../../node_modules/lucide-react/dist/esm/icons/mouse-pointer-click.js";
+import { Star as f } from "../../../node_modules/lucide-react/dist/esm/icons/star.js";
+import { Tag as p } from "../../../node_modules/lucide-react/dist/esm/icons/tag.js";
+import { cn as m } from "../../../utils/utils.js";
+import { readVerticalScrollEdgeState as h } from "../../../utils/scroll-fade-state.js";
+import { ModalBackdrop as g } from "../../shared/modals/modal-backdrop.js";
+import { MODAL_MAX_WIDTH_VIEWPORT as _, ModalBody as v } from "../../shared/modals/modal-body.js";
+import { BaseModalDescription as y, BaseModalTitle as b } from "../../shared/modals/confirmation-modals/base-modal.js";
+import { ModalCloseButton as x } from "../../shared/modals/modal-close-button.js";
+import { BrandButton as S } from "../settings/brand-button.js";
+import "./conversation-panel-list-helpers.js";
+import { useConversationPanelPreferencesStore as C } from "../../../stores/conversation-panel-preferences-store.js";
+import { MenuHeading as w } from "./menu-heading.js";
+import { MenuSeparator as T } from "./menu-separator.js";
+import { MenuRow as E } from "./menu-row.js";
+import D from "../../../icons/automations.js";
+import { HideOlderConversationsRow as O } from "./hide-older-conversations-row.js";
+import k from "react";
+import { jsx as A, jsxs as j } from "react/jsx-runtime";
+//#region src/components/features/conversation-panel/advanced-conversation-options-modal.tsx
+function M({ open: M, onClose: N, backendKind: P, automationNameFacets: F }) {
+	let { t: I } = e("openhands"), L = C(), R = k.useRef(null), [z, B] = k.useState({
+		top: !1,
+		bottom: !1
+	}), V = k.useCallback(() => {
+		let e = R.current;
+		e && B(h(e));
+	}, []);
+	if (k.useLayoutEffect(() => {
+		if (!M) return;
+		V();
+		let e = R.current;
+		if (!e) return;
+		let t = new ResizeObserver(V);
+		return t.observe(e), e.firstElementChild && t.observe(e.firstElementChild), () => t.disconnect();
+	}, [
+		M,
+		V,
+		L.automationFilterMode
+	]), !M) return null;
+	let H = I(P === "local" ? t.CONVERSATION_PANEL$BY_WORKSPACE : t.CONVERSATION_PANEL$BY_REPOSITORY);
+	return /* @__PURE__ */ A(g, {
+		onClose: N,
+		children: /* @__PURE__ */ j(v, {
+			width: "md",
+			className: m("relative items-start overflow-hidden border border-[var(--oh-border)]", _),
+			testID: "advanced-conversation-options-modal",
+			children: [
+				/* @__PURE__ */ A(x, {
+					onClose: N,
+					testId: "advanced-options-modal-close"
+				}),
+				/* @__PURE__ */ j("div", {
+					className: "flex w-full flex-col gap-2 pr-8",
+					children: [/* @__PURE__ */ A(b, { title: I(t.CONVERSATION_PANEL$ADVANCED_OPTIONS) }), /* @__PURE__ */ A(y, { children: I(t.CONVERSATION_PANEL$ADVANCED_OPTIONS_DESCRIPTION) })]
+				}),
+				/* @__PURE__ */ j("div", {
+					className: "relative -mx-6 w-[calc(100%+3rem)] min-h-0",
+					children: [
+						/* @__PURE__ */ A("div", {
+							"aria-hidden": !0,
+							"data-testid": "advanced-options-scroll-edge-top",
+							"data-visible": z.top ? "true" : "false",
+							className: m("pointer-events-none absolute inset-x-0 top-0 z-10 h-px bg-[var(--oh-border)]", z.top ? "opacity-100" : "opacity-0")
+						}),
+						/* @__PURE__ */ j("div", {
+							ref: R,
+							role: "menu",
+							"aria-orientation": "vertical",
+							"aria-label": I(t.CONVERSATION_PANEL$ADVANCED_OPTIONS),
+							tabIndex: -1,
+							"data-testid": "advanced-options-scroll",
+							className: "custom-scrollbar-always flex max-h-[60vh] w-full flex-col overflow-y-auto px-6",
+							onClick: (e) => e.stopPropagation(),
+							onScroll: V,
+							children: [
+								/* @__PURE__ */ A(w, { children: I(t.CONVERSATION_PANEL$ORGANIZE) }),
+								/* @__PURE__ */ A(E, {
+									icon: c,
+									label: H,
+									selected: L.organizeMode === "grouped",
+									testId: "organize-grouped",
+									onClick: () => L.setOrganizeMode("grouped")
+								}),
+								/* @__PURE__ */ A(E, {
+									icon: a,
+									label: I(t.CONVERSATION_PANEL$CHRONOLOGICAL),
+									selected: L.organizeMode === "chronological",
+									testId: "organize-chronological",
+									onClick: () => L.setOrganizeMode("chronological")
+								}),
+								/* @__PURE__ */ A(T, {}),
+								/* @__PURE__ */ A(w, { children: I(t.CONVERSATION_PANEL$SORT_BY) }),
+								/* @__PURE__ */ A(E, {
+									icon: i,
+									label: I(t.CONVERSATION_PANEL$SORT_CREATED),
+									selected: L.conversationSort === "created",
+									testId: "sort-created",
+									onClick: () => L.setConversationSort("created")
+								}),
+								/* @__PURE__ */ A(E, {
+									icon: o,
+									label: I(t.CONVERSATION_PANEL$SORT_UPDATED),
+									selected: L.conversationSort === "updated",
+									testId: "sort-updated",
+									onClick: () => L.setConversationSort("updated")
+								}),
+								/* @__PURE__ */ A(T, {}),
+								/* @__PURE__ */ A(w, { children: I(t.CONVERSATION_PANEL$THREADS) }),
+								/* @__PURE__ */ A(E, {
+									icon: u,
+									label: I(t.CONVERSATION_PANEL$ALL_THREADS),
+									selected: L.threadScope === "all",
+									testId: "scope-all",
+									onClick: () => L.setThreadScope("all")
+								}),
+								/* @__PURE__ */ A(E, {
+									icon: f,
+									label: I(t.CONVERSATION_PANEL$RELEVANT_THREADS),
+									selected: L.threadScope === "relevant",
+									testId: "scope-relevant",
+									onClick: () => L.setThreadScope("relevant")
+								}),
+								/* @__PURE__ */ A(T, {}),
+								/* @__PURE__ */ A(w, { children: I(t.CONVERSATION_PANEL$SHOW) }),
+								/* @__PURE__ */ A(E, {
+									icon: n,
+									label: I(t.CONVERSATION_PANEL$SHOW_ARCHIVED),
+									selected: L.showArchivedConversations,
+									variant: "toggle",
+									testId: "toggle-show-archived",
+									onClick: L.toggleShowArchivedConversations
+								}),
+								/* @__PURE__ */ A(O, {}),
+								/* @__PURE__ */ A(T, {}),
+								/* @__PURE__ */ A(w, { children: I(t.CONVERSATION_PANEL$AUTOMATIONS) }),
+								/* @__PURE__ */ A(E, {
+									icon: u,
+									label: I(t.CONVERSATION_PANEL$AUTOMATIONS_ALL),
+									selected: L.automationFilterMode === "all",
+									testId: "automation-filter-all",
+									onClick: () => L.setAutomationFilterMode("all")
+								}),
+								/* @__PURE__ */ A(E, {
+									icon: s,
+									label: I(t.CONVERSATION_PANEL$AUTOMATIONS_HIDE),
+									selected: L.automationFilterMode === "hide-automations",
+									testId: "automation-filter-hide",
+									onClick: () => L.setAutomationFilterMode("hide-automations")
+								}),
+								/* @__PURE__ */ A(E, {
+									icon: D,
+									label: I(t.CONVERSATION_PANEL$AUTOMATIONS_ONLY),
+									selected: L.automationFilterMode === "only-automations",
+									testId: "automation-filter-only",
+									onClick: () => L.setAutomationFilterMode("only-automations")
+								}),
+								L.automationFilterMode === "only-automations" ? F.map((e) => /* @__PURE__ */ A(E, {
+									icon: p,
+									label: e === "__unnamed__" ? I(t.CONVERSATION_PANEL$AUTOMATION_UNNAMED) : e,
+									selected: L.selectedAutomationNames.includes(e),
+									variant: "toggle",
+									testId: `automation-name-row-${e}`,
+									onClick: () => L.toggleAutomationName(e)
+								}, e)) : null,
+								/* @__PURE__ */ A(T, {}),
+								/* @__PURE__ */ A(w, { children: I(t.CONVERSATION_PANEL$METADATA) }),
+								/* @__PURE__ */ A(E, {
+									icon: l,
+									label: I(t.CONVERSATION_PANEL$REPO_BRANCH),
+									selected: L.showRepoBranchMetadata,
+									variant: "toggle",
+									testId: "toggle-repo-branch-metadata",
+									onClick: L.toggleShowRepoBranchMetadata
+								}),
+								/* @__PURE__ */ A(E, {
+									icon: r,
+									label: I(t.CONVERSATION_PANEL$LLM_MODEL),
+									selected: L.showLlmProfiles,
+									variant: "toggle",
+									testId: "toggle-llm-profiles",
+									onClick: L.toggleShowLlmProfiles
+								}),
+								/* @__PURE__ */ A(E, {
+									icon: p,
+									label: I(t.CONVERSATION_PANEL$TAG_CHIPS),
+									selected: L.showTagsMetadata,
+									variant: "toggle",
+									testId: "toggle-tags-metadata",
+									onClick: L.toggleShowTagsMetadata
+								}),
+								/* @__PURE__ */ A(E, {
+									icon: d,
+									label: I(t.CONVERSATION_PANEL$HOVER_METADATA),
+									selected: L.showHoverMetadata,
+									variant: "toggle",
+									testId: "toggle-hover-metadata",
+									onClick: L.toggleShowHoverMetadata
+								})
+							]
+						}),
+						/* @__PURE__ */ A("div", {
+							"aria-hidden": !0,
+							"data-testid": "advanced-options-scroll-edge-bottom",
+							"data-visible": z.bottom ? "true" : "false",
+							className: m("pointer-events-none absolute inset-x-0 bottom-0 z-10 h-px bg-[var(--oh-border)]", z.bottom ? "opacity-100" : "opacity-0")
+						})
+					]
+				}),
+				/* @__PURE__ */ A("div", {
+					className: "flex w-full justify-end",
+					onClick: (e) => e.stopPropagation(),
+					children: /* @__PURE__ */ A(S, {
+						type: "button",
+						variant: "primary",
+						onClick: N,
+						testId: "advanced-options-close",
+						children: I(t.BUTTON$CLOSE)
+					})
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { M as AdvancedConversationOptionsModal };
+
+//# sourceMappingURL=advanced-conversation-options-modal.js.map

package/dist/components/features/conversation-panel/advanced-conversation-options-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"advanced-conversation-options-modal.js","names":[],"sources":["../../../../src/components/features/conversation-panel/advanced-conversation-options-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n  Archive,\n  Bot,\n  CalendarArrowDown,\n  Clock3,\n  ClockArrowDown,\n  EyeOff,\n  Folder,\n  GitBranch,\n  MessageCircle,\n  MousePointerClick,\n  Star,\n  Tag,\n} from \"lucide-react\";\nimport AutomationsIcon from \"#/icons/automations.svg?react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { BackendKind } from \"#/api/backend-registry/types\";\nimport { useConversationPanelPreferencesStore } from \"#/stores/conversation-panel-preferences-store\";\nimport {\n  BaseModalDescription,\n  BaseModalTitle,\n} from \"#/components/shared/modals/confirmation-modals/base-modal\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport {\n  MODAL_MAX_WIDTH_VIEWPORT,\n  ModalBody,\n} from \"#/components/shared/modals/modal-body\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { cn } from \"#/utils/utils\";\nimport { readVerticalScrollEdgeState } from \"#/utils/scroll-fade-state\";\nimport { MenuHeading } from \"./menu-heading\";\nimport { MenuSeparator } from \"./menu-separator\";\nimport { MenuRow } from \"./menu-row\";\nimport { HideOlderConversationsRow } from \"./hide-older-conversations-row\";\nimport { UNNAMED_AUTOMATION_FACET } from \"./conversation-panel-list-helpers\";\n\nexport interface AdvancedConversationOptionsModalProps {\n  open: boolean;\n  onClose: () => void;\n  backendKind: BackendKind;\n  /**\n   * Distinct automation names among the loaded conversations. Rendered as\n   * selectable rows under the Automations section in `only-automations`\n   * mode — the only control for `selectedAutomationNames`, which is\n   * persisted and narrows the list on its own.\n   */\n  automationNameFacets: readonly string[];\n}\n\n/**\n * The full preference surface, promoted from the old hamburger filter menu\n * into its own modal (design from the 2026-08-14 PM walkthrough video).\n * Rows apply immediately and stay open — the modal closes only via the\n * top-right X, footer Close, Escape, or backdrop click.\n */\nexport function AdvancedConversationOptionsModal({\n  open,\n  onClose,\n  backendKind,\n  automationNameFacets,\n}: AdvancedConversationOptionsModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  const preferences = useConversationPanelPreferencesStore();\n  const scrollRef = React.useRef<HTMLDivElement>(null);\n  const [scrollEdges, setScrollEdges] = React.useState({\n    top: false,\n    bottom: false,\n  });\n\n  const updateScrollEdges = React.useCallback(() => {\n    const element = scrollRef.current;\n    if (!element) {\n      return;\n    }\n    setScrollEdges(readVerticalScrollEdgeState(element));\n  }, []);\n\n  React.useLayoutEffect(() => {\n    if (!open) {\n      return undefined;\n    }\n    updateScrollEdges();\n\n    const element = scrollRef.current;\n    if (!element) {\n      return undefined;\n    }\n\n    const resizeObserver = new ResizeObserver(updateScrollEdges);\n    resizeObserver.observe(element);\n    if (element.firstElementChild) {\n      resizeObserver.observe(element.firstElementChild);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, [open, updateScrollEdges, preferences.automationFilterMode]);\n\n  if (!open) return null;\n\n  const groupedLabel =\n    backendKind === \"local\"\n      ? t(I18nKey.CONVERSATION_PANEL$BY_WORKSPACE)\n      : t(I18nKey.CONVERSATION_PANEL$BY_REPOSITORY);\n\n  return (\n    <ModalBackdrop onClose={onClose}>\n      <ModalBody\n        width=\"md\"\n        className={cn(\n          \"relative items-start overflow-hidden border border-[var(--oh-border)]\",\n          MODAL_MAX_WIDTH_VIEWPORT,\n        )}\n        testID=\"advanced-conversation-options-modal\"\n      >\n        <ModalCloseButton\n          onClose={onClose}\n          testId=\"advanced-options-modal-close\"\n        />\n        <div className=\"flex w-full flex-col gap-2 pr-8\">\n          <BaseModalTitle\n            title={t(I18nKey.CONVERSATION_PANEL$ADVANCED_OPTIONS)}\n          />\n          <BaseModalDescription>\n            {t(I18nKey.CONVERSATION_PANEL$ADVANCED_OPTIONS_DESCRIPTION)}\n          </BaseModalDescription>\n        </div>\n\n        <div className=\"relative -mx-6 w-[calc(100%+3rem)] min-h-0\">\n          <div\n            aria-hidden\n            data-testid=\"advanced-options-scroll-edge-top\"\n            data-visible={scrollEdges.top ? \"true\" : \"false\"}\n            className={cn(\n              \"pointer-events-none absolute inset-x-0 top-0 z-10 h-px bg-[var(--oh-border)]\",\n              scrollEdges.top ? \"opacity-100\" : \"opacity-0\",\n            )}\n          />\n          <div\n            ref={scrollRef}\n            role=\"menu\"\n            aria-orientation=\"vertical\"\n            aria-label={t(I18nKey.CONVERSATION_PANEL$ADVANCED_OPTIONS)}\n            // Same idiom as the old filter menu: focusable for jsx-a11y but\n            // out of the natural Tab order (the rows are tabbable buttons).\n            tabIndex={-1}\n            data-testid=\"advanced-options-scroll\"\n            className=\"custom-scrollbar-always flex max-h-[60vh] w-full flex-col overflow-y-auto px-6\"\n            onClick={(event) => event.stopPropagation()}\n            onScroll={updateScrollEdges}\n          >\n            <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$ORGANIZE)}</MenuHeading>\n            <MenuRow\n              icon={Folder}\n              label={groupedLabel}\n              selected={preferences.organizeMode === \"grouped\"}\n              testId=\"organize-grouped\"\n              onClick={() => preferences.setOrganizeMode(\"grouped\")}\n            />\n            <MenuRow\n              icon={Clock3}\n              label={t(I18nKey.CONVERSATION_PANEL$CHRONOLOGICAL)}\n              selected={preferences.organizeMode === \"chronological\"}\n              testId=\"organize-chronological\"\n              onClick={() => preferences.setOrganizeMode(\"chronological\")}\n            />\n\n            <MenuSeparator />\n            <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$SORT_BY)}</MenuHeading>\n            <MenuRow\n              icon={CalendarArrowDown}\n              label={t(I18nKey.CONVERSATION_PANEL$SORT_CREATED)}\n              selected={preferences.conversationSort === \"created\"}\n              testId=\"sort-created\"\n              onClick={() => preferences.setConversationSort(\"created\")}\n            />\n            <MenuRow\n              icon={ClockArrowDown}\n              label={t(I18nKey.CONVERSATION_PANEL$SORT_UPDATED)}\n              selected={preferences.conversationSort === \"updated\"}\n              testId=\"sort-updated\"\n              onClick={() => preferences.setConversationSort(\"updated\")}\n            />\n\n            <MenuSeparator />\n            <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$THREADS)}</MenuHeading>\n            <MenuRow\n              icon={MessageCircle}\n              label={t(I18nKey.CONVERSATION_PANEL$ALL_THREADS)}\n              selected={preferences.threadScope === \"all\"}\n              testId=\"scope-all\"\n              onClick={() => preferences.setThreadScope(\"all\")}\n            />\n            <MenuRow\n              icon={Star}\n              label={t(I18nKey.CONVERSATION_PANEL$RELEVANT_THREADS)}\n              selected={preferences.threadScope === \"relevant\"}\n              testId=\"scope-relevant\"\n              onClick={() => preferences.setThreadScope(\"relevant\")}\n            />\n\n            <MenuSeparator />\n            <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$SHOW)}</MenuHeading>\n            <MenuRow\n              icon={Archive}\n              label={t(I18nKey.CONVERSATION_PANEL$SHOW_ARCHIVED)}\n              selected={preferences.showArchivedConversations}\n              variant=\"toggle\"\n              testId=\"toggle-show-archived\"\n              onClick={preferences.toggleShowArchivedConversations}\n            />\n            <HideOlderConversationsRow />\n            <MenuSeparator />\n            <MenuHeading>\n              {t(I18nKey.CONVERSATION_PANEL$AUTOMATIONS)}\n            </MenuHeading>\n            <MenuRow\n              icon={MessageCircle}\n              label={t(I18nKey.CONVERSATION_PANEL$AUTOMATIONS_ALL)}\n              selected={preferences.automationFilterMode === \"all\"}\n              testId=\"automation-filter-all\"\n              onClick={() => preferences.setAutomationFilterMode(\"all\")}\n            />\n            <MenuRow\n              icon={EyeOff}\n              label={t(I18nKey.CONVERSATION_PANEL$AUTOMATIONS_HIDE)}\n              selected={preferences.automationFilterMode === \"hide-automations\"}\n              testId=\"automation-filter-hide\"\n              onClick={() =>\n                preferences.setAutomationFilterMode(\"hide-automations\")\n              }\n            />\n            <MenuRow\n              icon={AutomationsIcon}\n              label={t(I18nKey.CONVERSATION_PANEL$AUTOMATIONS_ONLY)}\n              selected={preferences.automationFilterMode === \"only-automations\"}\n              testId=\"automation-filter-only\"\n              onClick={() =>\n                preferences.setAutomationFilterMode(\"only-automations\")\n              }\n            />\n            {/* Name rows only make sense while the list is scoped to\n              automations — and `setAutomationFilterMode` clears the selection\n              on the way out, so a hidden row can never keep narrowing. */}\n            {preferences.automationFilterMode === \"only-automations\"\n              ? automationNameFacets.map((facet) => (\n                  <MenuRow\n                    key={facet}\n                    icon={Tag}\n                    label={\n                      facet === UNNAMED_AUTOMATION_FACET\n                        ? t(I18nKey.CONVERSATION_PANEL$AUTOMATION_UNNAMED)\n                        : facet\n                    }\n                    selected={preferences.selectedAutomationNames.includes(\n                      facet,\n                    )}\n                    variant=\"toggle\"\n                    testId={`automation-name-row-${facet}`}\n                    onClick={() => preferences.toggleAutomationName(facet)}\n                  />\n                ))\n              : null}\n\n            <MenuSeparator />\n            <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$METADATA)}</MenuHeading>\n            <MenuRow\n              icon={GitBranch}\n              label={t(I18nKey.CONVERSATION_PANEL$REPO_BRANCH)}\n              selected={preferences.showRepoBranchMetadata}\n              variant=\"toggle\"\n              testId=\"toggle-repo-branch-metadata\"\n              onClick={preferences.toggleShowRepoBranchMetadata}\n            />\n            <MenuRow\n              icon={Bot}\n              label={t(I18nKey.CONVERSATION_PANEL$LLM_MODEL)}\n              selected={preferences.showLlmProfiles}\n              variant=\"toggle\"\n              testId=\"toggle-llm-profiles\"\n              onClick={preferences.toggleShowLlmProfiles}\n            />\n            <MenuRow\n              icon={Tag}\n              label={t(I18nKey.CONVERSATION_PANEL$TAG_CHIPS)}\n              selected={preferences.showTagsMetadata}\n              variant=\"toggle\"\n              testId=\"toggle-tags-metadata\"\n              onClick={preferences.toggleShowTagsMetadata}\n            />\n            <MenuRow\n              icon={MousePointerClick}\n              label={t(I18nKey.CONVERSATION_PANEL$HOVER_METADATA)}\n              selected={preferences.showHoverMetadata}\n              variant=\"toggle\"\n              testId=\"toggle-hover-metadata\"\n              onClick={preferences.toggleShowHoverMetadata}\n            />\n          </div>\n          <div\n            aria-hidden\n            data-testid=\"advanced-options-scroll-edge-bottom\"\n            data-visible={scrollEdges.bottom ? \"true\" : \"false\"}\n            className={cn(\n              \"pointer-events-none absolute inset-x-0 bottom-0 z-10 h-px bg-[var(--oh-border)]\",\n              scrollEdges.bottom ? \"opacity-100\" : \"opacity-0\",\n            )}\n          />\n        </div>\n\n        <div\n          className=\"flex w-full justify-end\"\n          onClick={(event) => event.stopPropagation()}\n        >\n          <BrandButton\n            type=\"button\"\n            variant=\"primary\"\n            onClick={onClose}\n            testId=\"advanced-options-close\"\n          >\n            {t(I18nKey.BUTTON$CLOSE)}\n          </BrandButton>\n        </div>\n      </ModalBody>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/conversation-panel/conversation-active-tag-filters.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../node_modules/lucide-react/dist/esm/icons/tag.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/workflow.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/x.cjs"),a=require("./conversation-panel-list-helpers.cjs");let o=require("react/jsx-runtime");function s({selectedFacets:s,onToggleFacet:c,selectedAutomationNames:l,onToggleAutomationName:u,onClearAll:d}){let{t:f}=e.useTranslation(`openhands`);if(s.length===0&&l.length===0)return null;let p=`flex min-w-0 max-w-full cursor-pointer items-center gap-1 rounded-full bg-[var(--oh-surface)] px-2 py-0.5 text-[10px] leading-4 text-white hover:bg-white/10`;return(0,o.jsxs)(`div`,{"data-testid":`conversation-active-tag-filters`,className:`flex min-w-0 items-start gap-1.5 border-b border-[var(--oh-border)] px-4 py-1.5`,children:[(0,o.jsx)(n.Tag,{className:`mt-1 h-3 w-3 shrink-0 text-[var(--oh-muted)]`,"aria-hidden":!0}),(0,o.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-wrap items-center gap-1`,children:[s.map(e=>(0,o.jsxs)(`button`,{type:`button`,"data-testid":`active-tag-filter-${e}`,onClick:()=>c(e),className:p,children:[(0,o.jsx)(`span`,{className:`truncate`,children:a.formatTagFacetLabel(e)}),(0,o.jsx)(i.X,{className:`h-3 w-3 shrink-0`,"aria-hidden":!0})]},e)),l.map(e=>(0,o.jsxs)(`button`,{type:`button`,"data-testid":`active-automation-filter-${e}`,onClick:()=>u(e),className:p,children:[(0,o.jsx)(r.Workflow,{className:`h-3 w-3 shrink-0`,"aria-hidden":!0}),(0,o.jsx)(`span`,{className:`truncate`,children:e===`__unnamed__`?f(t.I18nKey.CONVERSATION_PANEL$AUTOMATION_UNNAMED):e}),(0,o.jsx)(i.X,{className:`h-3 w-3 shrink-0`,"aria-hidden":!0})]},e))]}),(0,o.jsx)(`button`,{type:`button`,"data-testid":`clear-tag-filters`,onClick:d,className:`shrink-0 cursor-pointer text-[10px] leading-5 text-[var(--oh-muted)] hover:text-white`,children:f(t.I18nKey.CONVERSATION_PANEL$CLEAR_FILTERS)})]})}exports.ConversationActiveTagFilters=s;
+//# sourceMappingURL=conversation-active-tag-filters.cjs.map

package/dist/components/features/conversation-panel/conversation-active-tag-filters.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-active-tag-filters.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/conversation-active-tag-filters.tsx"],"sourcesContent":["import { Tag, Workflow, X } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  formatTagFacetLabel,\n  UNNAMED_AUTOMATION_FACET,\n} from \"./conversation-panel-list-helpers\";\n\ninterface ConversationActiveTagFiltersProps {\n  selectedFacets: readonly string[];\n  onToggleFacet: (facet: string) => void;\n  /** Automation names narrowing the list in `only-automations` mode. */\n  selectedAutomationNames: readonly string[];\n  onToggleAutomationName: (name: string) => void;\n  onClearAll: () => void;\n}\n\n/**\n * Always-visible record of which facet selections are narrowing the list —\n * both families: user tags and automation names.\n *\n * The facet rows live two levels inside a menu (tag facets behind a toggle in\n * the layouts menu, automation names inside the advanced-options modal).\n * Without this strip a filter left switched on just makes conversations\n * disappear, with nothing on screen to say why or how to get them back — and\n * both selections are persisted, so a reload brings the narrowing back with\n * the explanation still buried.\n *\n * The automation *mode* deliberately has no chip here: it is a scope, not a\n * facet selection, and `onClearAll` leaves it alone for the same reason —\n * this strip must not silently switch a surface it doesn't show.\n *\n * Renders nothing when nothing is selected — an empty bar would cost a row\n * of a narrow sidebar to say \"no news\".\n */\nexport function ConversationActiveTagFilters({\n  selectedFacets,\n  onToggleFacet,\n  selectedAutomationNames,\n  onToggleAutomationName,\n  onClearAll,\n}: ConversationActiveTagFiltersProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  if (selectedFacets.length === 0 && selectedAutomationNames.length === 0) {\n    return null;\n  }\n\n  const chipClassName =\n    \"flex min-w-0 max-w-full cursor-pointer items-center gap-1 rounded-full bg-[var(--oh-surface)] px-2 py-0.5 text-[10px] leading-4 text-white hover:bg-white/10\";\n\n  return (\n    <div\n      data-testid=\"conversation-active-tag-filters\"\n      className=\"flex min-w-0 items-start gap-1.5 border-b border-[var(--oh-border)] px-4 py-1.5\"\n    >\n      <Tag\n        className=\"mt-1 h-3 w-3 shrink-0 text-[var(--oh-muted)]\"\n        aria-hidden\n      />\n\n      <div className=\"flex min-w-0 flex-1 flex-wrap items-center gap-1\">\n        {selectedFacets.map((facet) => (\n          <button\n            key={facet}\n            type=\"button\"\n            data-testid={`active-tag-filter-${facet}`}\n            onClick={() => onToggleFacet(facet)}\n            className={chipClassName}\n          >\n            <span className=\"truncate\">{formatTagFacetLabel(facet)}</span>\n            <X className=\"h-3 w-3 shrink-0\" aria-hidden />\n          </button>\n        ))}\n\n        {selectedAutomationNames.map((name) => (\n          <button\n            key={name}\n            type=\"button\"\n            data-testid={`active-automation-filter-${name}`}\n            onClick={() => onToggleAutomationName(name)}\n            className={chipClassName}\n          >\n            <Workflow className=\"h-3 w-3 shrink-0\" aria-hidden />\n            <span className=\"truncate\">\n              {name === UNNAMED_AUTOMATION_FACET\n                ? t(I18nKey.CONVERSATION_PANEL$AUTOMATION_UNNAMED)\n                : name}\n            </span>\n            <X className=\"h-3 w-3 shrink-0\" aria-hidden />\n          </button>\n        ))}\n      </div>\n\n      <button\n        type=\"button\"\n        data-testid=\"clear-tag-filters\"\n        onClick={onClearAll}\n        className=\"shrink-0 cursor-pointer text-[10px] leading-5 text-[var(--oh-muted)] hover:text-white\"\n      >\n        {t(I18nKey.CONVERSATION_PANEL$CLEAR_FILTERS)}\n      </button>\n    </div>\n  );\n}\n"],"mappings":"8dAmCA,SAAgB,EAA6B,CAC3C,iBACA,gBACA,0BACA,yBACA,cACoC,CACpC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAExC,GAAI,EAAe,SAAW,GAAK,EAAwB,SAAW,EACpE,OAAO,KAGT,IAAM,EACJ,+JAEF,OACE,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,kCACZ,UAAU,2FAFZ,EAIE,EAAA,EAAA,KAAC,EAAA,IAAD,CACE,UAAU,+CACV,cAAA,EACD,CAAA,GAED,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4DAAf,CACG,EAAe,IAAK,IACnB,EAAA,EAAA,MAAC,SAAD,CAEE,KAAK,SACL,cAAa,qBAAqB,IAClC,YAAe,EAAc,CAAK,EAClC,UAAW,WALb,EAOE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oBAAY,EAAA,oBAAoB,CAAK,CAAQ,CAAA,GAC7D,EAAA,EAAA,KAAC,EAAA,EAAD,CAAG,UAAU,mBAAmB,cAAA,EAAa,CAAA,CACvC,GARD,CAQC,CACT,EAEA,EAAwB,IAAK,IAC5B,EAAA,EAAA,MAAC,SAAD,CAEE,KAAK,SACL,cAAa,4BAA4B,IACzC,YAAe,EAAuB,CAAI,EAC1C,UAAW,WALb,EAOE,EAAA,EAAA,KAAC,EAAA,SAAD,CAAU,UAAU,mBAAmB,cAAA,EAAa,CAAA,GACpD,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oBACb,IAAA,cACG,EAAE,EAAA,QAAQ,qCAAqC,EAC/C,CACA,CAAA,GACN,EAAA,EAAA,KAAC,EAAA,EAAD,CAAG,UAAU,mBAAmB,cAAA,EAAa,CAAA,CACvC,GAbD,CAaC,CACT,CACE,KAEL,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,cAAY,oBACZ,QAAS,EACT,UAAU,iGAET,EAAE,EAAA,QAAQ,gCAAgC,CACrC,CAAA,CACL,GAET"}

package/dist/components/features/conversation-panel/conversation-active-tag-filters.d.ts

@@ -0,0 +1,28 @@
+interface ConversationActiveTagFiltersProps {
+    selectedFacets: readonly string[];
+    onToggleFacet: (facet: string) => void;
+    /** Automation names narrowing the list in `only-automations` mode. */
+    selectedAutomationNames: readonly string[];
+    onToggleAutomationName: (name: string) => void;
+    onClearAll: () => void;
+}
+/**
+ * Always-visible record of which facet selections are narrowing the list —
+ * both families: user tags and automation names.
+ *
+ * The facet rows live two levels inside a menu (tag facets behind a toggle in
+ * the layouts menu, automation names inside the advanced-options modal).
+ * Without this strip a filter left switched on just makes conversations
+ * disappear, with nothing on screen to say why or how to get them back — and
+ * both selections are persisted, so a reload brings the narrowing back with
+ * the explanation still buried.
+ *
+ * The automation *mode* deliberately has no chip here: it is a scope, not a
+ * facet selection, and `onClearAll` leaves it alone for the same reason —
+ * this strip must not silently switch a surface it doesn't show.
+ *
+ * Renders nothing when nothing is selected — an empty bar would cost a row
+ * of a narrow sidebar to say "no news".
+ */
+export declare function ConversationActiveTagFilters({ selectedFacets, onToggleFacet, selectedAutomationNames, onToggleAutomationName, onClearAll, }: ConversationActiveTagFiltersProps): import("react").JSX.Element | null;
+export {};

package/dist/components/features/conversation-panel/conversation-active-tag-filters.js

@@ -0,0 +1,69 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { Tag as n } from "../../../node_modules/lucide-react/dist/esm/icons/tag.js";
+import { Workflow as r } from "../../../node_modules/lucide-react/dist/esm/icons/workflow.js";
+import { X as i } from "../../../node_modules/lucide-react/dist/esm/icons/x.js";
+import { formatTagFacetLabel as a } from "./conversation-panel-list-helpers.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/features/conversation-panel/conversation-active-tag-filters.tsx
+function c({ selectedFacets: c, onToggleFacet: l, selectedAutomationNames: u, onToggleAutomationName: d, onClearAll: f }) {
+	let { t: p } = e("openhands");
+	if (c.length === 0 && u.length === 0) return null;
+	let m = "flex min-w-0 max-w-full cursor-pointer items-center gap-1 rounded-full bg-[var(--oh-surface)] px-2 py-0.5 text-[10px] leading-4 text-white hover:bg-white/10";
+	return /* @__PURE__ */ s("div", {
+		"data-testid": "conversation-active-tag-filters",
+		className: "flex min-w-0 items-start gap-1.5 border-b border-[var(--oh-border)] px-4 py-1.5",
+		children: [
+			/* @__PURE__ */ o(n, {
+				className: "mt-1 h-3 w-3 shrink-0 text-[var(--oh-muted)]",
+				"aria-hidden": !0
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "flex min-w-0 flex-1 flex-wrap items-center gap-1",
+				children: [c.map((e) => /* @__PURE__ */ s("button", {
+					type: "button",
+					"data-testid": `active-tag-filter-${e}`,
+					onClick: () => l(e),
+					className: m,
+					children: [/* @__PURE__ */ o("span", {
+						className: "truncate",
+						children: a(e)
+					}), /* @__PURE__ */ o(i, {
+						className: "h-3 w-3 shrink-0",
+						"aria-hidden": !0
+					})]
+				}, e)), u.map((e) => /* @__PURE__ */ s("button", {
+					type: "button",
+					"data-testid": `active-automation-filter-${e}`,
+					onClick: () => d(e),
+					className: m,
+					children: [
+						/* @__PURE__ */ o(r, {
+							className: "h-3 w-3 shrink-0",
+							"aria-hidden": !0
+						}),
+						/* @__PURE__ */ o("span", {
+							className: "truncate",
+							children: e === "__unnamed__" ? p(t.CONVERSATION_PANEL$AUTOMATION_UNNAMED) : e
+						}),
+						/* @__PURE__ */ o(i, {
+							className: "h-3 w-3 shrink-0",
+							"aria-hidden": !0
+						})
+					]
+				}, e))]
+			}),
+			/* @__PURE__ */ o("button", {
+				type: "button",
+				"data-testid": "clear-tag-filters",
+				onClick: f,
+				className: "shrink-0 cursor-pointer text-[10px] leading-5 text-[var(--oh-muted)] hover:text-white",
+				children: p(t.CONVERSATION_PANEL$CLEAR_FILTERS)
+			})
+		]
+	});
+}
+//#endregion
+export { c as ConversationActiveTagFilters };
+
+//# sourceMappingURL=conversation-active-tag-filters.js.map

package/dist/components/features/conversation-panel/conversation-active-tag-filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-active-tag-filters.js","names":[],"sources":["../../../../src/components/features/conversation-panel/conversation-active-tag-filters.tsx"],"sourcesContent":["import { Tag, Workflow, X } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  formatTagFacetLabel,\n  UNNAMED_AUTOMATION_FACET,\n} from \"./conversation-panel-list-helpers\";\n\ninterface ConversationActiveTagFiltersProps {\n  selectedFacets: readonly string[];\n  onToggleFacet: (facet: string) => void;\n  /** Automation names narrowing the list in `only-automations` mode. */\n  selectedAutomationNames: readonly string[];\n  onToggleAutomationName: (name: string) => void;\n  onClearAll: () => void;\n}\n\n/**\n * Always-visible record of which facet selections are narrowing the list —\n * both families: user tags and automation names.\n *\n * The facet rows live two levels inside a menu (tag facets behind a toggle in\n * the layouts menu, automation names inside the advanced-options modal).\n * Without this strip a filter left switched on just makes conversations\n * disappear, with nothing on screen to say why or how to get them back — and\n * both selections are persisted, so a reload brings the narrowing back with\n * the explanation still buried.\n *\n * The automation *mode* deliberately has no chip here: it is a scope, not a\n * facet selection, and `onClearAll` leaves it alone for the same reason —\n * this strip must not silently switch a surface it doesn't show.\n *\n * Renders nothing when nothing is selected — an empty bar would cost a row\n * of a narrow sidebar to say \"no news\".\n */\nexport function ConversationActiveTagFilters({\n  selectedFacets,\n  onToggleFacet,\n  selectedAutomationNames,\n  onToggleAutomationName,\n  onClearAll,\n}: ConversationActiveTagFiltersProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  if (selectedFacets.length === 0 && selectedAutomationNames.length === 0) {\n    return null;\n  }\n\n  const chipClassName =\n    \"flex min-w-0 max-w-full cursor-pointer items-center gap-1 rounded-full bg-[var(--oh-surface)] px-2 py-0.5 text-[10px] leading-4 text-white hover:bg-white/10\";\n\n  return (\n    <div\n      data-testid=\"conversation-active-tag-filters\"\n      className=\"flex min-w-0 items-start gap-1.5 border-b border-[var(--oh-border)] px-4 py-1.5\"\n    >\n      <Tag\n        className=\"mt-1 h-3 w-3 shrink-0 text-[var(--oh-muted)]\"\n        aria-hidden\n      />\n\n      <div className=\"flex min-w-0 flex-1 flex-wrap items-center gap-1\">\n        {selectedFacets.map((facet) => (\n          <button\n            key={facet}\n            type=\"button\"\n            data-testid={`active-tag-filter-${facet}`}\n            onClick={() => onToggleFacet(facet)}\n            className={chipClassName}\n          >\n            <span className=\"truncate\">{formatTagFacetLabel(facet)}</span>\n            <X className=\"h-3 w-3 shrink-0\" aria-hidden />\n          </button>\n        ))}\n\n        {selectedAutomationNames.map((name) => (\n          <button\n            key={name}\n            type=\"button\"\n            data-testid={`active-automation-filter-${name}`}\n            onClick={() => onToggleAutomationName(name)}\n            className={chipClassName}\n          >\n            <Workflow className=\"h-3 w-3 shrink-0\" aria-hidden />\n            <span className=\"truncate\">\n              {name === UNNAMED_AUTOMATION_FACET\n                ? t(I18nKey.CONVERSATION_PANEL$AUTOMATION_UNNAMED)\n                : name}\n            </span>\n            <X className=\"h-3 w-3 shrink-0\" aria-hidden />\n          </button>\n        ))}\n      </div>\n\n      <button\n        type=\"button\"\n        data-testid=\"clear-tag-filters\"\n        onClick={onClearAll}\n        className=\"shrink-0 cursor-pointer text-[10px] leading-5 text-[var(--oh-muted)] hover:text-white\"\n      >\n        {t(I18nKey.CONVERSATION_PANEL$CLEAR_FILTERS)}\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAmCA,SAAgB,EAA6B,EAC3C,mBACA,kBACA,4BACA,2BACA,iBACoC;CACpC,IAAM,EAAE,SAAM,EAAe,WAAW;CAExC,IAAI,EAAe,WAAW,KAAK,EAAwB,WAAW,GACpE,OAAO;CAGT,IAAM,IACJ;CAEF,OACE,kBAAC,OAAD;EACE,eAAY;EACZ,WAAU;YAFZ;GAIE,kBAAC,GAAD;IACE,WAAU;IACV,eAAA;GACD,CAAA;GAED,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,EAAe,KAAK,MACnB,kBAAC,UAAD;KAEE,MAAK;KACL,eAAa,qBAAqB;KAClC,eAAe,EAAc,CAAK;KAClC,WAAW;eALb,CAOE,kBAAC,QAAD;MAAM,WAAU;gBAAY,EAAoB,CAAK;KAAQ,CAAA,GAC7D,kBAAC,GAAD;MAAG,WAAU;MAAmB,eAAA;KAAa,CAAA,CACvC;OARD,CAQC,CACT,GAEA,EAAwB,KAAK,MAC5B,kBAAC,UAAD;KAEE,MAAK;KACL,eAAa,4BAA4B;KACzC,eAAe,EAAuB,CAAI;KAC1C,WAAW;eALb;MAOE,kBAAC,GAAD;OAAU,WAAU;OAAmB,eAAA;MAAa,CAAA;MACpD,kBAAC,QAAD;OAAM,WAAU;iBACb,MAAA,gBACG,EAAE,EAAQ,qCAAqC,IAC/C;MACA,CAAA;MACN,kBAAC,GAAD;OAAG,WAAU;OAAmB,eAAA;MAAa,CAAA;KACvC;OAbD,CAaC,CACT,CACE;;GAEL,kBAAC,UAAD;IACE,MAAK;IACL,eAAY;IACZ,SAAS;IACT,WAAU;cAET,EAAE,EAAQ,gCAAgC;GACrC,CAAA;EACL;;AAET"}

package/dist/components/features/conversation-panel/conversation-card/conversation-card-actions.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../utils/status.cjs"),i=require("../../../../utils/utils.cjs"),a=require("../ellipsis-button.cjs"),o=require("./conversation-card-context-menu.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime"),l=require("react-dom");function u({contextMenuOpen:e,onContextMenuToggle:u,onDelete:d,onArchive:f,onUnarchive:p,onStop:m,onEdit:h,onDownloadViaVSCode:g,onDownloadConversation:_,executionStatus:v,conversationId:y,showOptions:b}){let{t:x}=t.useTranslation(`openhands`),S=r.isExecutionPaused(v),C=r.isExecutionActive(v),w=(0,s.useRef)(null),[,T]=(0,s.useReducer)(e=>e+1,0);(0,s.useLayoutEffect)(()=>{if(!e)return;T();let t=0,n=()=>{t||=window.requestAnimationFrame(()=>{t=0,T()})};return window.addEventListener(`resize`,n),window.addEventListener(`scroll`,n,!0),()=>{t&&window.cancelAnimationFrame(t),window.removeEventListener(`resize`,n),window.removeEventListener(`scroll`,n,!0)}},[e]);let E=(()=>{if(!e||!w.current)return;let t=w.current.getBoundingClientRect(),n=Number(window.innerWidth)||0,r=Number(window.innerHeight)||0,i=Number(t.bottom)||0,a=Number(t.right)||0;return{position:`fixed`,top:i+320+8>r?Math.max(8,t.top-320-4):i+4,right:Math.max(8,n-a),zIndex:1e5}})(),D=typeof document<`u`?document.body:null;return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.EllipsisButton,{ref:w,onClick:t=>{t.preventDefault(),t.stopPropagation(),u(!e)},ariaLabel:x(n.I18nKey.COMMON$MORE_OPTIONS),className:i.cn(S&&`opacity-60`)}),e&&E&&D?(0,l.createPortal)((0,c.jsx)(o.ConversationCardContextMenu,{ignoreOutsideClickRef:w,floatingStyle:E,onClose:()=>u(!1),onDelete:d,onArchive:f,onUnarchive:p,onStop:C?m:void 0,onEdit:h,onDownloadViaVSCode:y&&b?g:void 0,onDownloadConversation:y?_:void 0,position:`bottom`}),D):null]})}exports.ConversationCardActions=u;
+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/status.cjs"),i=require("../../../../utils/utils.cjs"),a=require("../ellipsis-button.cjs"),o=require("./conversation-card-context-menu.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime"),l=require("react-dom");function u({contextMenuOpen:e,onContextMenuToggle:u,onDelete:d,onArchive:f,onUnarchive:p,onStop:m,onEdit:h,onEditTags:g,onDownloadViaVSCode:_,onDownloadConversation:v,executionStatus:y,conversationId:b,showOptions:x}){let{t:S}=t.useTranslation(`openhands`),C=r.isExecutionPaused(y),w=r.isExecutionActive(y),T=(0,s.useRef)(null),[,E]=(0,s.useReducer)(e=>e+1,0);(0,s.useLayoutEffect)(()=>{if(!e)return;E();let t=0,n=()=>{t||=window.requestAnimationFrame(()=>{t=0,E()})};return window.addEventListener(`resize`,n),window.addEventListener(`scroll`,n,!0),()=>{t&&window.cancelAnimationFrame(t),window.removeEventListener(`resize`,n),window.removeEventListener(`scroll`,n,!0)}},[e]);let D=(()=>{if(!e||!T.current)return;let t=T.current.getBoundingClientRect(),n=Number(window.innerWidth)||0,r=Number(window.innerHeight)||0,i=Number(t.bottom)||0,a=Number(t.right)||0;return{position:`fixed`,top:i+320+8>r?Math.max(8,t.top-320-4):i+4,right:Math.max(8,n-a),zIndex:1e5}})(),O=typeof document<`u`?document.body:null;return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.EllipsisButton,{ref:T,onClick:t=>{t.preventDefault(),t.stopPropagation(),u(!e)},ariaLabel:S(n.I18nKey.COMMON$MORE_OPTIONS),className:i.cn(C&&`opacity-60`)}),e&&D&&O?(0,l.createPortal)((0,c.jsx)(o.ConversationCardContextMenu,{ignoreOutsideClickRef:T,floatingStyle:D,onClose:()=>u(!1),onDelete:d,onArchive:f,onUnarchive:p,onStop:w?m:void 0,onEdit:h,onEditTags:g,onDownloadViaVSCode:b&&x?_:void 0,onDownloadConversation:b?v:void 0,position:`bottom`}),O):null]})}exports.ConversationCardActions=u;
 //# sourceMappingURL=conversation-card-actions.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-card-actions.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-actions.tsx"],"sourcesContent":["import React, { useLayoutEffect, useReducer, useRef } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionActive, isExecutionPaused } from \"#/utils/status\";\nimport { ConversationCardContextMenu } from \"./conversation-card-context-menu\";\nimport { EllipsisButton } from \"../ellipsis-button\";\n\ninterface ConversationCardActionsProps {\n  contextMenuOpen: boolean;\n  onContextMenuToggle: (isOpen: boolean) => void;\n  onDelete?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onArchive?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onUnarchive?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onStop?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onEdit?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadViaVSCode?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadConversation?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  executionStatus?: ExecutionStatus | null;\n  conversationId?: string;\n  showOptions?: boolean;\n}\n\nexport function ConversationCardActions({\n  contextMenuOpen,\n  onContextMenuToggle,\n  onDelete,\n  onArchive,\n  onUnarchive,\n  onStop,\n  onEdit,\n  onDownloadViaVSCode,\n  onDownloadConversation,\n  executionStatus,\n  conversationId,\n  showOptions,\n}: ConversationCardActionsProps) {\n  const { t } = useTranslation(\"openhands\");\n  const isPaused = isExecutionPaused(executionStatus);\n  const isActive = isExecutionActive(executionStatus);\n  const anchorRef = useRef<HTMLButtonElement>(null);\n  const [, bumpPosition] = useReducer((i: number) => i + 1, 0);\n\n  useLayoutEffect(() => {\n    if (!contextMenuOpen) return undefined;\n    // Anchor ref is assigned after the ellipsis mounts; measure on the next frame.\n    bumpPosition();\n    // The scroll listener is in capture phase so it fires for nested scroll\n    // containers too. Coalesce bursts via rAF so fast scrolling triggers at\n    // most one reposition per paint frame instead of one per scroll event.\n    let frame = 0;\n    const update = () => {\n      if (frame) return;\n      frame = window.requestAnimationFrame(() => {\n        frame = 0;\n        bumpPosition();\n      });\n    };\n    window.addEventListener(\"resize\", update);\n    window.addEventListener(\"scroll\", update, true);\n    return () => {\n      if (frame) window.cancelAnimationFrame(frame);\n      window.removeEventListener(\"resize\", update);\n      window.removeEventListener(\"scroll\", update, true);\n    };\n  }, [contextMenuOpen]);\n\n  const floatingStyle: React.CSSProperties | undefined = (() => {\n    if (!contextMenuOpen || !anchorRef.current) return undefined;\n    const rect = anchorRef.current.getBoundingClientRect();\n    const vw = Number(window.innerWidth) || 0;\n    const vh = Number(window.innerHeight) || 0;\n    const bottom = Number(rect.bottom) || 0;\n    const rectRight = Number(rect.right) || 0;\n    // Conservative cap on this menu's intrinsic height (~7 items at\n    // ~36px + padding). When the anchor is so close to the viewport\n    // bottom that opening downward would clip the menu, flip it above\n    // the anchor instead. Slight over-estimate is fine — it just means\n    // we flip a few pixels earlier than strictly necessary.\n    const ESTIMATED_MENU_HEIGHT = 320;\n    const gutter = 8;\n    const overflowsDownward = bottom + ESTIMATED_MENU_HEIGHT + gutter > vh;\n    const top = overflowsDownward\n      ? Math.max(gutter, rect.top - ESTIMATED_MENU_HEIGHT - 4)\n      : bottom + 4;\n    return {\n      position: \"fixed\",\n      top,\n      right: Math.max(gutter, vw - rectRight),\n      zIndex: 100_000,\n    };\n  })();\n\n  const portalTarget = typeof document !== \"undefined\" ? document.body : null;\n\n  return (\n    <>\n      <EllipsisButton\n        ref={anchorRef}\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          onContextMenuToggle(!contextMenuOpen);\n        }}\n        ariaLabel={t(I18nKey.COMMON$MORE_OPTIONS)}\n        className={cn(isPaused && \"opacity-60\")}\n      />\n      {contextMenuOpen && floatingStyle && portalTarget\n        ? createPortal(\n            <ConversationCardContextMenu\n              ignoreOutsideClickRef={anchorRef}\n              floatingStyle={floatingStyle}\n              onClose={() => onContextMenuToggle(false)}\n              onDelete={onDelete}\n              onArchive={onArchive}\n              onUnarchive={onUnarchive}\n              onStop={isActive ? onStop : undefined}\n              onEdit={onEdit}\n              onDownloadViaVSCode={\n                conversationId && showOptions ? onDownloadViaVSCode : undefined\n              }\n              onDownloadConversation={\n                conversationId ? onDownloadConversation : undefined\n              }\n              position=\"bottom\"\n            />,\n            portalTarget,\n          )\n        : null}\n    </>\n  );\n}\n"],"mappings":"scAyBA,SAAgB,EAAwB,CACtC,kBACA,sBACA,WACA,YACA,cACA,SACA,SACA,sBACA,yBACA,kBACA,iBACA,eAC+B,CAC/B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAW,EAAA,kBAAkB,CAAe,EAC5C,EAAW,EAAA,kBAAkB,CAAe,EAC5C,GAAA,EAAA,EAAA,QAAsC,IAAI,EAC1C,EAAG,IAAA,EAAA,EAAA,YAA4B,GAAc,EAAI,EAAG,CAAC,GAE3D,EAAA,EAAA,qBAAsB,CACpB,GAAI,CAAC,EAAiB,OAEtB,EAAa,EAIb,IAAI,EAAQ,EACN,MAAe,CACf,AACJ,IAAQ,OAAO,0BAA4B,CACzC,EAAQ,EACR,EAAa,CACf,CAAC,CACH,EAGA,OAFA,OAAO,iBAAiB,SAAU,CAAM,EACxC,OAAO,iBAAiB,SAAU,EAAQ,EAAI,MACjC,CACP,GAAO,OAAO,qBAAqB,CAAK,EAC5C,OAAO,oBAAoB,SAAU,CAAM,EAC3C,OAAO,oBAAoB,SAAU,EAAQ,EAAI,CACnD,CACF,EAAG,CAAC,CAAe,CAAC,EAEpB,IAAM,OAAwD,CAC5D,GAAI,CAAC,GAAmB,CAAC,EAAU,QAAS,OAC5C,IAAM,EAAO,EAAU,QAAQ,sBAAsB,EAC/C,EAAK,OAAO,OAAO,UAAU,GAAK,EAClC,EAAK,OAAO,OAAO,WAAW,GAAK,EACnC,EAAS,OAAO,EAAK,MAAM,GAAK,EAChC,EAAY,OAAO,EAAK,KAAK,GAAK,EAYxC,MAAO,CACL,SAAU,QACV,IANwB,EAAS,IAAwB,EAAS,EAEhE,KAAK,IAAI,EAAQ,EAAK,IAAM,IAAwB,CAAC,EACrD,EAAS,EAIX,MAAO,KAAK,IAAI,EAAQ,EAAK,CAAS,EACtC,OAAQ,GACV,CACF,GAAG,EAEG,EAAe,OAAO,SAAa,IAAc,SAAS,KAAO,KAEvE,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,eAAD,CACE,IAAK,EACL,QAAU,GAAU,CAClB,EAAM,eAAe,EACrB,EAAM,gBAAgB,EACtB,EAAoB,CAAC,CAAe,CACtC,EACA,UAAW,EAAE,EAAA,QAAQ,mBAAmB,EACxC,UAAW,EAAA,GAAG,GAAY,YAAY,CACvC,CAAA,EACA,GAAmB,GAAiB,GAAA,EAAA,EAAA,eAE/B,EAAA,EAAA,KAAC,EAAA,4BAAD,CACE,sBAAuB,EACR,gBACf,YAAe,EAAoB,EAAK,EAC9B,WACC,YACE,cACb,OAAQ,EAAW,EAAS,IAAA,GACpB,SACR,oBACE,GAAkB,EAAc,EAAsB,IAAA,GAExD,uBACE,EAAiB,EAAyB,IAAA,GAE5C,SAAS,QACV,CAAA,EACD,CACF,EACA,IACJ,CAAA,CAAA,CAEN"}
+{"version":3,"file":"conversation-card-actions.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-actions.tsx"],"sourcesContent":["import React, { useLayoutEffect, useReducer, useRef } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionActive, isExecutionPaused } from \"#/utils/status\";\nimport { ConversationCardContextMenu } from \"./conversation-card-context-menu\";\nimport { EllipsisButton } from \"../ellipsis-button\";\n\ninterface ConversationCardActionsProps {\n  contextMenuOpen: boolean;\n  onContextMenuToggle: (isOpen: boolean) => void;\n  onDelete?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onArchive?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onUnarchive?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onStop?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onEdit?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onEditTags?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadViaVSCode?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadConversation?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  executionStatus?: ExecutionStatus | null;\n  conversationId?: string;\n  showOptions?: boolean;\n}\n\nexport function ConversationCardActions({\n  contextMenuOpen,\n  onContextMenuToggle,\n  onDelete,\n  onArchive,\n  onUnarchive,\n  onStop,\n  onEdit,\n  onEditTags,\n  onDownloadViaVSCode,\n  onDownloadConversation,\n  executionStatus,\n  conversationId,\n  showOptions,\n}: ConversationCardActionsProps) {\n  const { t } = useTranslation(\"openhands\");\n  const isPaused = isExecutionPaused(executionStatus);\n  const isActive = isExecutionActive(executionStatus);\n  const anchorRef = useRef<HTMLButtonElement>(null);\n  const [, bumpPosition] = useReducer((i: number) => i + 1, 0);\n\n  useLayoutEffect(() => {\n    if (!contextMenuOpen) return undefined;\n    // Anchor ref is assigned after the ellipsis mounts; measure on the next frame.\n    bumpPosition();\n    // The scroll listener is in capture phase so it fires for nested scroll\n    // containers too. Coalesce bursts via rAF so fast scrolling triggers at\n    // most one reposition per paint frame instead of one per scroll event.\n    let frame = 0;\n    const update = () => {\n      if (frame) return;\n      frame = window.requestAnimationFrame(() => {\n        frame = 0;\n        bumpPosition();\n      });\n    };\n    window.addEventListener(\"resize\", update);\n    window.addEventListener(\"scroll\", update, true);\n    return () => {\n      if (frame) window.cancelAnimationFrame(frame);\n      window.removeEventListener(\"resize\", update);\n      window.removeEventListener(\"scroll\", update, true);\n    };\n  }, [contextMenuOpen]);\n\n  const floatingStyle: React.CSSProperties | undefined = (() => {\n    if (!contextMenuOpen || !anchorRef.current) return undefined;\n    const rect = anchorRef.current.getBoundingClientRect();\n    const vw = Number(window.innerWidth) || 0;\n    const vh = Number(window.innerHeight) || 0;\n    const bottom = Number(rect.bottom) || 0;\n    const rectRight = Number(rect.right) || 0;\n    // Conservative cap on this menu's intrinsic height (~7 items at\n    // ~36px + padding). When the anchor is so close to the viewport\n    // bottom that opening downward would clip the menu, flip it above\n    // the anchor instead. Slight over-estimate is fine — it just means\n    // we flip a few pixels earlier than strictly necessary.\n    const ESTIMATED_MENU_HEIGHT = 320;\n    const gutter = 8;\n    const overflowsDownward = bottom + ESTIMATED_MENU_HEIGHT + gutter > vh;\n    const top = overflowsDownward\n      ? Math.max(gutter, rect.top - ESTIMATED_MENU_HEIGHT - 4)\n      : bottom + 4;\n    return {\n      position: \"fixed\",\n      top,\n      right: Math.max(gutter, vw - rectRight),\n      zIndex: 100_000,\n    };\n  })();\n\n  const portalTarget = typeof document !== \"undefined\" ? document.body : null;\n\n  return (\n    <>\n      <EllipsisButton\n        ref={anchorRef}\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          onContextMenuToggle(!contextMenuOpen);\n        }}\n        ariaLabel={t(I18nKey.COMMON$MORE_OPTIONS)}\n        className={cn(isPaused && \"opacity-60\")}\n      />\n      {contextMenuOpen && floatingStyle && portalTarget\n        ? createPortal(\n            <ConversationCardContextMenu\n              ignoreOutsideClickRef={anchorRef}\n              floatingStyle={floatingStyle}\n              onClose={() => onContextMenuToggle(false)}\n              onDelete={onDelete}\n              onArchive={onArchive}\n              onUnarchive={onUnarchive}\n              onStop={isActive ? onStop : undefined}\n              onEdit={onEdit}\n              onEditTags={onEditTags}\n              onDownloadViaVSCode={\n                conversationId && showOptions ? onDownloadViaVSCode : undefined\n              }\n              onDownloadConversation={\n                conversationId ? onDownloadConversation : undefined\n              }\n              position=\"bottom\"\n            />,\n            portalTarget,\n          )\n        : null}\n    </>\n  );\n}\n"],"mappings":"scA0BA,SAAgB,EAAwB,CACtC,kBACA,sBACA,WACA,YACA,cACA,SACA,SACA,aACA,sBACA,yBACA,kBACA,iBACA,eAC+B,CAC/B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAW,EAAA,kBAAkB,CAAe,EAC5C,EAAW,EAAA,kBAAkB,CAAe,EAC5C,GAAA,EAAA,EAAA,QAAsC,IAAI,EAC1C,EAAG,IAAA,EAAA,EAAA,YAA4B,GAAc,EAAI,EAAG,CAAC,GAE3D,EAAA,EAAA,qBAAsB,CACpB,GAAI,CAAC,EAAiB,OAEtB,EAAa,EAIb,IAAI,EAAQ,EACN,MAAe,CACf,AACJ,IAAQ,OAAO,0BAA4B,CACzC,EAAQ,EACR,EAAa,CACf,CAAC,CACH,EAGA,OAFA,OAAO,iBAAiB,SAAU,CAAM,EACxC,OAAO,iBAAiB,SAAU,EAAQ,EAAI,MACjC,CACP,GAAO,OAAO,qBAAqB,CAAK,EAC5C,OAAO,oBAAoB,SAAU,CAAM,EAC3C,OAAO,oBAAoB,SAAU,EAAQ,EAAI,CACnD,CACF,EAAG,CAAC,CAAe,CAAC,EAEpB,IAAM,OAAwD,CAC5D,GAAI,CAAC,GAAmB,CAAC,EAAU,QAAS,OAC5C,IAAM,EAAO,EAAU,QAAQ,sBAAsB,EAC/C,EAAK,OAAO,OAAO,UAAU,GAAK,EAClC,EAAK,OAAO,OAAO,WAAW,GAAK,EACnC,EAAS,OAAO,EAAK,MAAM,GAAK,EAChC,EAAY,OAAO,EAAK,KAAK,GAAK,EAYxC,MAAO,CACL,SAAU,QACV,IANwB,EAAS,IAAwB,EAAS,EAEhE,KAAK,IAAI,EAAQ,EAAK,IAAM,IAAwB,CAAC,EACrD,EAAS,EAIX,MAAO,KAAK,IAAI,EAAQ,EAAK,CAAS,EACtC,OAAQ,GACV,CACF,GAAG,EAEG,EAAe,OAAO,SAAa,IAAc,SAAS,KAAO,KAEvE,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,eAAD,CACE,IAAK,EACL,QAAU,GAAU,CAClB,EAAM,eAAe,EACrB,EAAM,gBAAgB,EACtB,EAAoB,CAAC,CAAe,CACtC,EACA,UAAW,EAAE,EAAA,QAAQ,mBAAmB,EACxC,UAAW,EAAA,GAAG,GAAY,YAAY,CACvC,CAAA,EACA,GAAmB,GAAiB,GAAA,EAAA,EAAA,eAE/B,EAAA,EAAA,KAAC,EAAA,4BAAD,CACE,sBAAuB,EACR,gBACf,YAAe,EAAoB,EAAK,EAC9B,WACC,YACE,cACb,OAAQ,EAAW,EAAS,IAAA,GACpB,SACI,aACZ,oBACE,GAAkB,EAAc,EAAsB,IAAA,GAExD,uBACE,EAAiB,EAAyB,IAAA,GAE5C,SAAS,QACV,CAAA,EACD,CACF,EACA,IACJ,CAAA,CAAA,CAEN"}

package/dist/components/features/conversation-panel/conversation-card/conversation-card-actions.d.ts

@@ -8,11 +8,12 @@ interface ConversationCardActionsProps {
     onUnarchive?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     onStop?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     onEdit?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onEditTags?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     onDownloadViaVSCode?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     onDownloadConversation?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     executionStatus?: ExecutionStatus | null;
     conversationId?: string;
     showOptions?: boolean;
 }
-export declare function ConversationCardActions({ contextMenuOpen, onContextMenuToggle, onDelete, onArchive, onUnarchive, onStop, onEdit, onDownloadViaVSCode, onDownloadConversation, executionStatus, conversationId, showOptions, }: ConversationCardActionsProps): React.JSX.Element;
+export declare function ConversationCardActions({ contextMenuOpen, onContextMenuToggle, onDelete, onArchive, onUnarchive, onStop, onEdit, onEditTags, onDownloadViaVSCode, onDownloadConversation, executionStatus, conversationId, showOptions, }: ConversationCardActionsProps): React.JSX.Element;
 export {};

package/dist/components/features/conversation-panel/conversation-card/conversation-card-actions.js

@@ -8,50 +8,51 @@ import { useLayoutEffect as s, useReducer as c, useRef as l } from "react";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 import { createPortal as p } from "react-dom";
 //#region src/components/features/conversation-panel/conversation-card/conversation-card-actions.tsx
-function m({ contextMenuOpen: m, onContextMenuToggle: h, onDelete: g, onArchive: _, onUnarchive: v, onStop: y, onEdit: b, onDownloadViaVSCode: x, onDownloadConversation: S, executionStatus: C, conversationId: w, showOptions: T }) {
-	let { t: E } = e("openhands"), D = r(C), O = n(C), k = l(null), [, A] = c((e) => e + 1, 0);
+function m({ contextMenuOpen: m, onContextMenuToggle: h, onDelete: g, onArchive: _, onUnarchive: v, onStop: y, onEdit: b, onEditTags: x, onDownloadViaVSCode: S, onDownloadConversation: C, executionStatus: w, conversationId: T, showOptions: E }) {
+	let { t: D } = e("openhands"), O = r(w), k = n(w), A = l(null), [, j] = c((e) => e + 1, 0);
 	s(() => {
 		if (!m) return;
-		A();
+		j();
 		let e = 0, t = () => {
 			e ||= window.requestAnimationFrame(() => {
-				e = 0, A();
+				e = 0, j();
 			});
 		};
 		return window.addEventListener("resize", t), window.addEventListener("scroll", t, !0), () => {
 			e && window.cancelAnimationFrame(e), window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
 		};
 	}, [m]);
-	let j = (() => {
-		if (!m || !k.current) return;
-		let e = k.current.getBoundingClientRect(), t = Number(window.innerWidth) || 0, n = Number(window.innerHeight) || 0, r = Number(e.bottom) || 0, i = Number(e.right) || 0;
+	let M = (() => {
+		if (!m || !A.current) return;
+		let e = A.current.getBoundingClientRect(), t = Number(window.innerWidth) || 0, n = Number(window.innerHeight) || 0, r = Number(e.bottom) || 0, i = Number(e.right) || 0;
 		return {
 			position: "fixed",
 			top: r + 320 + 8 > n ? Math.max(8, e.top - 320 - 4) : r + 4,
 			right: Math.max(8, t - i),
 			zIndex: 1e5
 		};
-	})(), M = typeof document < "u" ? document.body : null;
+	})(), N = typeof document < "u" ? document.body : null;
 	return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(a, {
-		ref: k,
+		ref: A,
 		onClick: (e) => {
 			e.preventDefault(), e.stopPropagation(), h(!m);
 		},
-		ariaLabel: E(t.COMMON$MORE_OPTIONS),
-		className: i(D && "opacity-60")
-	}), m && j && M ? p(/* @__PURE__ */ d(o, {
-		ignoreOutsideClickRef: k,
-		floatingStyle: j,
+		ariaLabel: D(t.COMMON$MORE_OPTIONS),
+		className: i(O && "opacity-60")
+	}), m && M && N ? p(/* @__PURE__ */ d(o, {
+		ignoreOutsideClickRef: A,
+		floatingStyle: M,
 		onClose: () => h(!1),
 		onDelete: g,
 		onArchive: _,
 		onUnarchive: v,
-		onStop: O ? y : void 0,
+		onStop: k ? y : void 0,
 		onEdit: b,
-		onDownloadViaVSCode: w && T ? x : void 0,
-		onDownloadConversation: w ? S : void 0,
+		onEditTags: x,
+		onDownloadViaVSCode: T && E ? S : void 0,
+		onDownloadConversation: T ? C : void 0,
 		position: "bottom"
-	}), M) : null] });
+	}), N) : null] });
 }
 //#endregion
 export { m as ConversationCardActions };

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-card-actions.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-actions.tsx"],"sourcesContent":["import React, { useLayoutEffect, useReducer, useRef } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionActive, isExecutionPaused } from \"#/utils/status\";\nimport { ConversationCardContextMenu } from \"./conversation-card-context-menu\";\nimport { EllipsisButton } from \"../ellipsis-button\";\n\ninterface ConversationCardActionsProps {\n  contextMenuOpen: boolean;\n  onContextMenuToggle: (isOpen: boolean) => void;\n  onDelete?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onArchive?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onUnarchive?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onStop?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onEdit?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadViaVSCode?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadConversation?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  executionStatus?: ExecutionStatus | null;\n  conversationId?: string;\n  showOptions?: boolean;\n}\n\nexport function ConversationCardActions({\n  contextMenuOpen,\n  onContextMenuToggle,\n  onDelete,\n  onArchive,\n  onUnarchive,\n  onStop,\n  onEdit,\n  onDownloadViaVSCode,\n  onDownloadConversation,\n  executionStatus,\n  conversationId,\n  showOptions,\n}: ConversationCardActionsProps) {\n  const { t } = useTranslation(\"openhands\");\n  const isPaused = isExecutionPaused(executionStatus);\n  const isActive = isExecutionActive(executionStatus);\n  const anchorRef = useRef<HTMLButtonElement>(null);\n  const [, bumpPosition] = useReducer((i: number) => i + 1, 0);\n\n  useLayoutEffect(() => {\n    if (!contextMenuOpen) return undefined;\n    // Anchor ref is assigned after the ellipsis mounts; measure on the next frame.\n    bumpPosition();\n    // The scroll listener is in capture phase so it fires for nested scroll\n    // containers too. Coalesce bursts via rAF so fast scrolling triggers at\n    // most one reposition per paint frame instead of one per scroll event.\n    let frame = 0;\n    const update = () => {\n      if (frame) return;\n      frame = window.requestAnimationFrame(() => {\n        frame = 0;\n        bumpPosition();\n      });\n    };\n    window.addEventListener(\"resize\", update);\n    window.addEventListener(\"scroll\", update, true);\n    return () => {\n      if (frame) window.cancelAnimationFrame(frame);\n      window.removeEventListener(\"resize\", update);\n      window.removeEventListener(\"scroll\", update, true);\n    };\n  }, [contextMenuOpen]);\n\n  const floatingStyle: React.CSSProperties | undefined = (() => {\n    if (!contextMenuOpen || !anchorRef.current) return undefined;\n    const rect = anchorRef.current.getBoundingClientRect();\n    const vw = Number(window.innerWidth) || 0;\n    const vh = Number(window.innerHeight) || 0;\n    const bottom = Number(rect.bottom) || 0;\n    const rectRight = Number(rect.right) || 0;\n    // Conservative cap on this menu's intrinsic height (~7 items at\n    // ~36px + padding). When the anchor is so close to the viewport\n    // bottom that opening downward would clip the menu, flip it above\n    // the anchor instead. Slight over-estimate is fine — it just means\n    // we flip a few pixels earlier than strictly necessary.\n    const ESTIMATED_MENU_HEIGHT = 320;\n    const gutter = 8;\n    const overflowsDownward = bottom + ESTIMATED_MENU_HEIGHT + gutter > vh;\n    const top = overflowsDownward\n      ? Math.max(gutter, rect.top - ESTIMATED_MENU_HEIGHT - 4)\n      : bottom + 4;\n    return {\n      position: \"fixed\",\n      top,\n      right: Math.max(gutter, vw - rectRight),\n      zIndex: 100_000,\n    };\n  })();\n\n  const portalTarget = typeof document !== \"undefined\" ? document.body : null;\n\n  return (\n    <>\n      <EllipsisButton\n        ref={anchorRef}\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          onContextMenuToggle(!contextMenuOpen);\n        }}\n        ariaLabel={t(I18nKey.COMMON$MORE_OPTIONS)}\n        className={cn(isPaused && \"opacity-60\")}\n      />\n      {contextMenuOpen && floatingStyle && portalTarget\n        ? createPortal(\n            <ConversationCardContextMenu\n              ignoreOutsideClickRef={anchorRef}\n              floatingStyle={floatingStyle}\n              onClose={() => onContextMenuToggle(false)}\n              onDelete={onDelete}\n              onArchive={onArchive}\n              onUnarchive={onUnarchive}\n              onStop={isActive ? onStop : undefined}\n              onEdit={onEdit}\n              onDownloadViaVSCode={\n                conversationId && showOptions ? onDownloadViaVSCode : undefined\n              }\n              onDownloadConversation={\n                conversationId ? onDownloadConversation : undefined\n              }\n              position=\"bottom\"\n            />,\n            portalTarget,\n          )\n        : null}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;AAyBA,SAAgB,EAAwB,EACtC,oBACA,wBACA,aACA,cACA,gBACA,WACA,WACA,wBACA,2BACA,oBACA,mBACA,kBAC+B;CAC/B,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAW,EAAkB,CAAe,GAC5C,IAAW,EAAkB,CAAe,GAC5C,IAAY,EAA0B,IAAI,GAC1C,GAAG,KAAgB,GAAY,MAAc,IAAI,GAAG,CAAC;CAE3D,QAAsB;EACpB,IAAI,CAAC,GAAiB;EAEtB,EAAa;EAIb,IAAI,IAAQ,GACN,UAAe;GACf,AACJ,MAAQ,OAAO,4BAA4B;IAEzC,AADA,IAAQ,GACR,EAAa;GACf,CAAC;EACH;EAGA,OAFA,OAAO,iBAAiB,UAAU,CAAM,GACxC,OAAO,iBAAiB,UAAU,GAAQ,EAAI,SACjC;GAGX,AAFI,KAAO,OAAO,qBAAqB,CAAK,GAC5C,OAAO,oBAAoB,UAAU,CAAM,GAC3C,OAAO,oBAAoB,UAAU,GAAQ,EAAI;EACnD;CACF,GAAG,CAAC,CAAe,CAAC;CAEpB,IAAM,WAAwD;EAC5D,IAAI,CAAC,KAAmB,CAAC,EAAU,SAAS;EAC5C,IAAM,IAAO,EAAU,QAAQ,sBAAsB,GAC/C,IAAK,OAAO,OAAO,UAAU,KAAK,GAClC,IAAK,OAAO,OAAO,WAAW,KAAK,GACnC,IAAS,OAAO,EAAK,MAAM,KAAK,GAChC,IAAY,OAAO,EAAK,KAAK,KAAK;EAYxC,OAAO;GACL,UAAU;GACV,KANwB,IAAS,MAAwB,IAAS,IAEhE,KAAK,IAAI,GAAQ,EAAK,MAAM,MAAwB,CAAC,IACrD,IAAS;GAIX,OAAO,KAAK,IAAI,GAAQ,IAAK,CAAS;GACtC,QAAQ;EACV;CACF,GAAG,GAEG,IAAe,OAAO,WAAa,MAAc,SAAS,OAAO;CAEvE,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,KAAK;EACL,UAAU,MAAU;GAGlB,AAFA,EAAM,eAAe,GACrB,EAAM,gBAAgB,GACtB,EAAoB,CAAC,CAAe;EACtC;EACA,WAAW,EAAE,EAAQ,mBAAmB;EACxC,WAAW,EAAG,KAAY,YAAY;CACvC,CAAA,GACA,KAAmB,KAAiB,IACjC,EACE,kBAAC,GAAD;EACE,uBAAuB;EACR;EACf,eAAe,EAAoB,EAAK;EAC9B;EACC;EACE;EACb,QAAQ,IAAW,IAAS,KAAA;EACpB;EACR,qBACE,KAAkB,IAAc,IAAsB,KAAA;EAExD,wBACE,IAAiB,IAAyB,KAAA;EAE5C,UAAS;CACV,CAAA,GACD,CACF,IACA,IACJ,EAAA,CAAA;AAEN"}
+{"version":3,"file":"conversation-card-actions.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-actions.tsx"],"sourcesContent":["import React, { useLayoutEffect, useReducer, useRef } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionActive, isExecutionPaused } from \"#/utils/status\";\nimport { ConversationCardContextMenu } from \"./conversation-card-context-menu\";\nimport { EllipsisButton } from \"../ellipsis-button\";\n\ninterface ConversationCardActionsProps {\n  contextMenuOpen: boolean;\n  onContextMenuToggle: (isOpen: boolean) => void;\n  onDelete?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onArchive?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onUnarchive?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onStop?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onEdit?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onEditTags?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadViaVSCode?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadConversation?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  executionStatus?: ExecutionStatus | null;\n  conversationId?: string;\n  showOptions?: boolean;\n}\n\nexport function ConversationCardActions({\n  contextMenuOpen,\n  onContextMenuToggle,\n  onDelete,\n  onArchive,\n  onUnarchive,\n  onStop,\n  onEdit,\n  onEditTags,\n  onDownloadViaVSCode,\n  onDownloadConversation,\n  executionStatus,\n  conversationId,\n  showOptions,\n}: ConversationCardActionsProps) {\n  const { t } = useTranslation(\"openhands\");\n  const isPaused = isExecutionPaused(executionStatus);\n  const isActive = isExecutionActive(executionStatus);\n  const anchorRef = useRef<HTMLButtonElement>(null);\n  const [, bumpPosition] = useReducer((i: number) => i + 1, 0);\n\n  useLayoutEffect(() => {\n    if (!contextMenuOpen) return undefined;\n    // Anchor ref is assigned after the ellipsis mounts; measure on the next frame.\n    bumpPosition();\n    // The scroll listener is in capture phase so it fires for nested scroll\n    // containers too. Coalesce bursts via rAF so fast scrolling triggers at\n    // most one reposition per paint frame instead of one per scroll event.\n    let frame = 0;\n    const update = () => {\n      if (frame) return;\n      frame = window.requestAnimationFrame(() => {\n        frame = 0;\n        bumpPosition();\n      });\n    };\n    window.addEventListener(\"resize\", update);\n    window.addEventListener(\"scroll\", update, true);\n    return () => {\n      if (frame) window.cancelAnimationFrame(frame);\n      window.removeEventListener(\"resize\", update);\n      window.removeEventListener(\"scroll\", update, true);\n    };\n  }, [contextMenuOpen]);\n\n  const floatingStyle: React.CSSProperties | undefined = (() => {\n    if (!contextMenuOpen || !anchorRef.current) return undefined;\n    const rect = anchorRef.current.getBoundingClientRect();\n    const vw = Number(window.innerWidth) || 0;\n    const vh = Number(window.innerHeight) || 0;\n    const bottom = Number(rect.bottom) || 0;\n    const rectRight = Number(rect.right) || 0;\n    // Conservative cap on this menu's intrinsic height (~7 items at\n    // ~36px + padding). When the anchor is so close to the viewport\n    // bottom that opening downward would clip the menu, flip it above\n    // the anchor instead. Slight over-estimate is fine — it just means\n    // we flip a few pixels earlier than strictly necessary.\n    const ESTIMATED_MENU_HEIGHT = 320;\n    const gutter = 8;\n    const overflowsDownward = bottom + ESTIMATED_MENU_HEIGHT + gutter > vh;\n    const top = overflowsDownward\n      ? Math.max(gutter, rect.top - ESTIMATED_MENU_HEIGHT - 4)\n      : bottom + 4;\n    return {\n      position: \"fixed\",\n      top,\n      right: Math.max(gutter, vw - rectRight),\n      zIndex: 100_000,\n    };\n  })();\n\n  const portalTarget = typeof document !== \"undefined\" ? document.body : null;\n\n  return (\n    <>\n      <EllipsisButton\n        ref={anchorRef}\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          onContextMenuToggle(!contextMenuOpen);\n        }}\n        ariaLabel={t(I18nKey.COMMON$MORE_OPTIONS)}\n        className={cn(isPaused && \"opacity-60\")}\n      />\n      {contextMenuOpen && floatingStyle && portalTarget\n        ? createPortal(\n            <ConversationCardContextMenu\n              ignoreOutsideClickRef={anchorRef}\n              floatingStyle={floatingStyle}\n              onClose={() => onContextMenuToggle(false)}\n              onDelete={onDelete}\n              onArchive={onArchive}\n              onUnarchive={onUnarchive}\n              onStop={isActive ? onStop : undefined}\n              onEdit={onEdit}\n              onEditTags={onEditTags}\n              onDownloadViaVSCode={\n                conversationId && showOptions ? onDownloadViaVSCode : undefined\n              }\n              onDownloadConversation={\n                conversationId ? onDownloadConversation : undefined\n              }\n              position=\"bottom\"\n            />,\n            portalTarget,\n          )\n        : null}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;AA0BA,SAAgB,EAAwB,EACtC,oBACA,wBACA,aACA,cACA,gBACA,WACA,WACA,eACA,wBACA,2BACA,oBACA,mBACA,kBAC+B;CAC/B,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAW,EAAkB,CAAe,GAC5C,IAAW,EAAkB,CAAe,GAC5C,IAAY,EAA0B,IAAI,GAC1C,GAAG,KAAgB,GAAY,MAAc,IAAI,GAAG,CAAC;CAE3D,QAAsB;EACpB,IAAI,CAAC,GAAiB;EAEtB,EAAa;EAIb,IAAI,IAAQ,GACN,UAAe;GACf,AACJ,MAAQ,OAAO,4BAA4B;IAEzC,AADA,IAAQ,GACR,EAAa;GACf,CAAC;EACH;EAGA,OAFA,OAAO,iBAAiB,UAAU,CAAM,GACxC,OAAO,iBAAiB,UAAU,GAAQ,EAAI,SACjC;GAGX,AAFI,KAAO,OAAO,qBAAqB,CAAK,GAC5C,OAAO,oBAAoB,UAAU,CAAM,GAC3C,OAAO,oBAAoB,UAAU,GAAQ,EAAI;EACnD;CACF,GAAG,CAAC,CAAe,CAAC;CAEpB,IAAM,WAAwD;EAC5D,IAAI,CAAC,KAAmB,CAAC,EAAU,SAAS;EAC5C,IAAM,IAAO,EAAU,QAAQ,sBAAsB,GAC/C,IAAK,OAAO,OAAO,UAAU,KAAK,GAClC,IAAK,OAAO,OAAO,WAAW,KAAK,GACnC,IAAS,OAAO,EAAK,MAAM,KAAK,GAChC,IAAY,OAAO,EAAK,KAAK,KAAK;EAYxC,OAAO;GACL,UAAU;GACV,KANwB,IAAS,MAAwB,IAAS,IAEhE,KAAK,IAAI,GAAQ,EAAK,MAAM,MAAwB,CAAC,IACrD,IAAS;GAIX,OAAO,KAAK,IAAI,GAAQ,IAAK,CAAS;GACtC,QAAQ;EACV;CACF,GAAG,GAEG,IAAe,OAAO,WAAa,MAAc,SAAS,OAAO;CAEvE,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,KAAK;EACL,UAAU,MAAU;GAGlB,AAFA,EAAM,eAAe,GACrB,EAAM,gBAAgB,GACtB,EAAoB,CAAC,CAAe;EACtC;EACA,WAAW,EAAE,EAAQ,mBAAmB;EACxC,WAAW,EAAG,KAAY,YAAY;CACvC,CAAA,GACA,KAAmB,KAAiB,IACjC,EACE,kBAAC,GAAD;EACE,uBAAuB;EACR;EACf,eAAe,EAAoB,EAAK;EAC9B;EACC;EACE;EACb,QAAQ,IAAW,IAAS,KAAA;EACpB;EACI;EACZ,qBACE,KAAkB,IAAc,IAAsB,KAAA;EAExD,wBACE,IAAiB,IAAyB,KAAA;EAE5C,UAAS;CACV,CAAA,GACD,CACF,IACA,IACJ,EAAA,CAAA;AAEN"}