@openhands/agent-canvas 1.11.0 → 1.13.0

package/dist/components/features/conversation-panel/conversation-group-folder-row.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-group-folder-row.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/conversation-group-folder-row.tsx"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { Folder, FolderOpen, Plus } from \"lucide-react\";\nimport { useRef, type DragEvent, type ReactNode } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport type { AppConversation } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport type {\n  ConversationGroupLaunch,\n  GroupFolderDropPosition,\n} from \"./conversation-panel-list-helpers\";\nimport { getGroupConversationPreview } from \"./conversation-panel-list-helpers\";\n\ninterface ConversationGroup {\n  id: string;\n  label: string;\n  conversations: AppConversation[];\n  launch: ConversationGroupLaunch;\n}\n\ninterface ConversationGroupFolderRowProps {\n  group: ConversationGroup;\n  expanded: boolean;\n  previewExpanded: boolean;\n  isDragging: boolean;\n  dropIndicatorPosition: GroupFolderDropPosition | null;\n  animateLayout: boolean;\n  isCreatingConversationFlow: boolean;\n  activeConversationId?: string | null;\n  onToggleExpanded: () => void;\n  onDragStart: () => void;\n  onDragEnd: () => void;\n  onDragOver: (event: DragEvent<HTMLElement>) => void;\n  onDragLeave: () => void;\n  onDrop: (event: DragEvent<HTMLElement>) => void;\n  onTogglePreviewExpanded: () => void;\n  onLaunchFromGroup: () => void;\n  renderConversationCard: (conversation: AppConversation) => ReactNode;\n}\n\nexport function ConversationGroupFolderRow({\n  group,\n  expanded,\n  previewExpanded,\n  isDragging,\n  dropIndicatorPosition,\n  animateLayout,\n  isCreatingConversationFlow,\n  activeConversationId,\n  onToggleExpanded,\n  onDragStart,\n  onDragEnd,\n  onDragOver,\n  onDragLeave,\n  onDrop,\n  onTogglePreviewExpanded,\n  onLaunchFromGroup,\n  renderConversationCard,\n}: ConversationGroupFolderRowProps) {\n  const { t } = useTranslation(\"openhands\");\n  const sectionRef = useRef<HTMLElement>(null);\n  const headingId = `thread-folder-${group.id.replace(/[^a-zA-Z0-9_-]/g, \"-\")}`;\n  const groupTestIdSuffix = group.id.replace(/[^a-zA-Z0-9_-]/g, \"-\");\n  const { visibleConversations, isPreviewTruncated, isShowingAll } =\n    getGroupConversationPreview(group.conversations, {\n      expanded: previewExpanded,\n      activeConversationId,\n    });\n\n  return (\n    <motion.section\n      ref={sectionRef}\n      layout={animateLayout ? \"position\" : false}\n      transition={{ type: \"spring\", stiffness: 600, damping: 45 }}\n      aria-labelledby={headingId}\n      data-testid={`thread-folder-${groupTestIdSuffix}`}\n      onDragOver={onDragOver}\n      onDragLeave={onDragLeave}\n      onDrop={onDrop}\n      className=\"relative rounded-md\"\n    >\n      {dropIndicatorPosition ? (\n        <div\n          aria-hidden\n          data-testid={`thread-folder-drop-indicator-${groupTestIdSuffix}`}\n          className={cn(\n            \"pointer-events-none absolute inset-x-0 z-10 h-0.5 rounded-full bg-[var(--oh-accent)]\",\n            dropIndicatorPosition === \"before\" ? \"-top-0.5\" : \"-bottom-0.5\",\n          )}\n        />\n      ) : null}\n      {/* Keep the row's footprint (height) while dragging but hide its\n          content so the original slot reads as an empty placeholder. Use\n          opacity (not visibility/display) because hiding the drag source\n          synchronously during dragstart cancels the native drag in Chrome. */}\n      <div className={cn(isDragging && \"opacity-0\")}>\n        <div\n          className={cn(\n            \"flex h-8 w-full min-w-0 items-center gap-0.5 rounded-md pl-2 pr-1 text-sm font-normal\",\n            \"text-[var(--oh-muted)] transition-colors hover:bg-[var(--oh-surface-raised)] hover:text-white\",\n          )}\n        >\n          <button\n            type=\"button\"\n            draggable\n            id={headingId}\n            aria-expanded={expanded}\n            aria-controls={`thread-folder-content-${groupTestIdSuffix}`}\n            data-testid={`thread-folder-drag-${groupTestIdSuffix}`}\n            aria-label={\n              expanded\n                ? t(I18nKey.CONVERSATION_PANEL$COLLAPSE_FOLDER, {\n                    label: group.label,\n                  })\n                : t(I18nKey.CONVERSATION_PANEL$EXPAND_FOLDER, {\n                    label: group.label,\n                  })\n            }\n            onClick={onToggleExpanded}\n            onDragStart={(event) => {\n              event.stopPropagation();\n              const { dataTransfer } = event;\n              if (dataTransfer) {\n                dataTransfer.effectAllowed = \"move\";\n                dataTransfer.setData(\"text/plain\", group.id);\n                const node = sectionRef.current;\n                if (node && typeof dataTransfer.setDragImage === \"function\") {\n                  const rect = node.getBoundingClientRect();\n                  // Render the floating preview from an off-screen clone so we\n                  // can give it a rounded, surfaced background without altering\n                  // the in-list row, and anchor it to the exact grab point.\n                  const dragImage = node.cloneNode(true) as HTMLElement;\n                  dragImage.style.position = \"fixed\";\n                  dragImage.style.top = \"0\";\n                  dragImage.style.left = \"-9999px\";\n                  dragImage.style.width = `${rect.width}px`;\n                  dragImage.style.margin = \"0\";\n                  dragImage.style.pointerEvents = \"none\";\n                  dragImage.style.borderRadius = \"0.5rem\";\n                  dragImage.style.padding = \"0.25rem\";\n                  dragImage.style.backgroundColor = \"var(--oh-surface-raised)\";\n                  dragImage.style.boxShadow = \"0 8px 24px rgba(0, 0, 0, 0.35)\";\n                  document.body.appendChild(dragImage);\n                  dataTransfer.setDragImage(\n                    dragImage,\n                    event.clientX - rect.left,\n                    event.clientY - rect.top,\n                  );\n                  // Remove after the browser has rasterized the drag image.\n                  window.setTimeout(() => dragImage.remove(), 0);\n                }\n              }\n              onDragStart();\n            }}\n            onDragEnd={(event) => {\n              event.stopPropagation();\n              onDragEnd();\n            }}\n            className={cn(\n              \"group/folder flex min-h-8 min-w-0 flex-1 cursor-grab items-center gap-2 rounded-md py-1 text-left text-inherit outline-none active:cursor-grabbing\",\n              \"focus-visible:ring-1 focus-visible:ring-[var(--oh-border)]\",\n            )}\n          >\n            <Folder\n              className={cn(\n                \"h-4 w-4 shrink-0\",\n                expanded\n                  ? \"hidden group-hover/folder:block\"\n                  : \"block group-hover/folder:hidden\",\n              )}\n              aria-hidden\n            />\n            <FolderOpen\n              className={cn(\n                \"h-4 w-4 shrink-0\",\n                expanded\n                  ? \"block group-hover/folder:hidden\"\n                  : \"hidden group-hover/folder:block\",\n              )}\n              aria-hidden\n            />\n            <span className=\"truncate\">{group.label}</span>\n          </button>\n          <button\n            type=\"button\"\n            className={cn(\n              \"inline-flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-md\",\n              \"text-inherit transition-colors\",\n              \"hover:bg-white/10 hover:text-white\",\n              \"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--oh-border)]\",\n              \"disabled:cursor-not-allowed disabled:opacity-50\",\n            )}\n            disabled={isCreatingConversationFlow}\n            aria-label={t(\n              I18nKey.CONVERSATION_PANEL$ADD_CONVERSATION_TO_GROUP,\n              {\n                label: group.label,\n              },\n            )}\n            data-testid={`add-conversation-to-group-${groupTestIdSuffix}`}\n            onClick={(event) => {\n              event.preventDefault();\n              event.stopPropagation();\n              onLaunchFromGroup();\n            }}\n          >\n            <Plus\n              className=\"h-3.5 w-3.5 shrink-0\"\n              aria-hidden\n              strokeWidth={2}\n            />\n          </button>\n        </div>\n        {expanded ? (\n          <div\n            id={`thread-folder-content-${groupTestIdSuffix}`}\n            className=\"mt-0.5 space-y-0.5\"\n          >\n            {visibleConversations.map(renderConversationCard)}\n            {isPreviewTruncated ? (\n              <div className=\"pl-2\">\n                <button\n                  type=\"button\"\n                  data-testid={`thread-folder-view-more-${groupTestIdSuffix}`}\n                  onClick={onTogglePreviewExpanded}\n                  className=\"cursor-pointer text-xs text-[var(--oh-text-dim)] hover:text-white\"\n                >\n                  {isShowingAll\n                    ? t(I18nKey.CONVERSATION_PANEL$LESS)\n                    : t(I18nKey.CONVERSATION_PANEL$MORE)}\n                </button>\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </motion.section>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"conversation-group-folder-row.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/conversation-group-folder-row.tsx"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { Folder, FolderOpen, Plus } from \"lucide-react\";\nimport { useRef, type DragEvent, type ReactNode } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport type { AppConversation } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport type {\n  ConversationGroupLaunch,\n  GroupFolderDropPosition,\n} from \"./conversation-panel-list-helpers\";\nimport { getGroupConversationPreview } from \"./conversation-panel-list-helpers\";\n\ninterface ConversationGroup {\n  id: string;\n  label: string;\n  conversations: AppConversation[];\n  launch: ConversationGroupLaunch;\n}\n\ninterface ConversationGroupFolderRowProps {\n  group: ConversationGroup;\n  expanded: boolean;\n  previewExpanded: boolean;\n  isDragging: boolean;\n  dropIndicatorPosition: GroupFolderDropPosition | null;\n  animateLayout: boolean;\n  isCreatingConversationFlow: boolean;\n  activeConversationId?: string | null;\n  discoveryConversationIds?: ReadonlySet<string> | null;\n  onToggleExpanded: () => void;\n  onDragStart: () => void;\n  onDragEnd: () => void;\n  onDragOver: (event: DragEvent<HTMLElement>) => void;\n  onDragLeave: () => void;\n  onDrop: (event: DragEvent<HTMLElement>) => void;\n  onTogglePreviewExpanded: () => void;\n  onLaunchFromGroup: () => void;\n  renderConversationCard: (conversation: AppConversation) => ReactNode;\n}\n\nexport function ConversationGroupFolderRow({\n  group,\n  expanded,\n  previewExpanded,\n  isDragging,\n  dropIndicatorPosition,\n  animateLayout,\n  isCreatingConversationFlow,\n  activeConversationId,\n  discoveryConversationIds,\n  onToggleExpanded,\n  onDragStart,\n  onDragEnd,\n  onDragOver,\n  onDragLeave,\n  onDrop,\n  onTogglePreviewExpanded,\n  onLaunchFromGroup,\n  renderConversationCard,\n}: ConversationGroupFolderRowProps) {\n  const { t } = useTranslation(\"openhands\");\n  const sectionRef = useRef<HTMLElement>(null);\n  const headingId = `thread-folder-${group.id.replace(/[^a-zA-Z0-9_-]/g, \"-\")}`;\n  const groupTestIdSuffix = group.id.replace(/[^a-zA-Z0-9_-]/g, \"-\");\n  const { visibleConversations, isPreviewTruncated, isShowingAll } =\n    getGroupConversationPreview(group.conversations, {\n      expanded: previewExpanded,\n      activeConversationId,\n      discoveryConversationIds: discoveryConversationIds ?? undefined,\n    });\n\n  return (\n    <motion.section\n      ref={sectionRef}\n      layout={animateLayout ? \"position\" : false}\n      transition={{ type: \"spring\", stiffness: 600, damping: 45 }}\n      aria-labelledby={headingId}\n      data-testid={`thread-folder-${groupTestIdSuffix}`}\n      onDragOver={onDragOver}\n      onDragLeave={onDragLeave}\n      onDrop={onDrop}\n      className=\"relative rounded-md\"\n    >\n      {dropIndicatorPosition ? (\n        <div\n          aria-hidden\n          data-testid={`thread-folder-drop-indicator-${groupTestIdSuffix}`}\n          className={cn(\n            \"pointer-events-none absolute inset-x-0 z-10 h-0.5 rounded-full bg-[var(--oh-accent)]\",\n            dropIndicatorPosition === \"before\" ? \"-top-0.5\" : \"-bottom-0.5\",\n          )}\n        />\n      ) : null}\n      {/* Keep the row's footprint (height) while dragging but hide its\n          content so the original slot reads as an empty placeholder. Use\n          opacity (not visibility/display) because hiding the drag source\n          synchronously during dragstart cancels the native drag in Chrome. */}\n      <div className={cn(isDragging && \"opacity-0\")}>\n        <div\n          className={cn(\n            \"flex h-8 w-full min-w-0 items-center gap-0.5 rounded-md pl-2 pr-1 text-sm font-normal\",\n            \"text-[var(--oh-muted)] transition-colors hover:bg-[var(--oh-surface-raised)] hover:text-white\",\n          )}\n        >\n          <button\n            type=\"button\"\n            draggable\n            id={headingId}\n            aria-expanded={expanded}\n            aria-controls={`thread-folder-content-${groupTestIdSuffix}`}\n            data-testid={`thread-folder-drag-${groupTestIdSuffix}`}\n            aria-label={\n              expanded\n                ? t(I18nKey.CONVERSATION_PANEL$COLLAPSE_FOLDER, {\n                    label: group.label,\n                  })\n                : t(I18nKey.CONVERSATION_PANEL$EXPAND_FOLDER, {\n                    label: group.label,\n                  })\n            }\n            onClick={onToggleExpanded}\n            onDragStart={(event) => {\n              event.stopPropagation();\n              const { dataTransfer } = event;\n              if (dataTransfer) {\n                dataTransfer.effectAllowed = \"move\";\n                dataTransfer.setData(\"text/plain\", group.id);\n                const node = sectionRef.current;\n                if (node && typeof dataTransfer.setDragImage === \"function\") {\n                  const rect = node.getBoundingClientRect();\n                  // Render the floating preview from an off-screen clone so we\n                  // can give it a rounded, surfaced background without altering\n                  // the in-list row, and anchor it to the exact grab point.\n                  const dragImage = node.cloneNode(true) as HTMLElement;\n                  dragImage.style.position = \"fixed\";\n                  dragImage.style.top = \"0\";\n                  dragImage.style.left = \"-9999px\";\n                  dragImage.style.width = `${rect.width}px`;\n                  dragImage.style.margin = \"0\";\n                  dragImage.style.pointerEvents = \"none\";\n                  dragImage.style.borderRadius = \"0.5rem\";\n                  dragImage.style.padding = \"0.25rem\";\n                  dragImage.style.backgroundColor = \"var(--oh-surface-raised)\";\n                  dragImage.style.boxShadow = \"0 8px 24px rgba(0, 0, 0, 0.35)\";\n                  document.body.appendChild(dragImage);\n                  dataTransfer.setDragImage(\n                    dragImage,\n                    event.clientX - rect.left,\n                    event.clientY - rect.top,\n                  );\n                  // Remove after the browser has rasterized the drag image.\n                  window.setTimeout(() => dragImage.remove(), 0);\n                }\n              }\n              onDragStart();\n            }}\n            onDragEnd={(event) => {\n              event.stopPropagation();\n              onDragEnd();\n            }}\n            className={cn(\n              \"group/folder flex min-h-8 min-w-0 flex-1 cursor-grab items-center gap-2 rounded-md py-1 text-left text-inherit outline-none active:cursor-grabbing\",\n              \"focus-visible:ring-1 focus-visible:ring-[var(--oh-border)]\",\n            )}\n          >\n            <Folder\n              className={cn(\n                \"h-4 w-4 shrink-0\",\n                expanded\n                  ? \"hidden group-hover/folder:block\"\n                  : \"block group-hover/folder:hidden\",\n              )}\n              aria-hidden\n            />\n            <FolderOpen\n              className={cn(\n                \"h-4 w-4 shrink-0\",\n                expanded\n                  ? \"block group-hover/folder:hidden\"\n                  : \"hidden group-hover/folder:block\",\n              )}\n              aria-hidden\n            />\n            <span className=\"truncate\">{group.label}</span>\n          </button>\n          <button\n            type=\"button\"\n            className={cn(\n              \"inline-flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-md\",\n              \"text-inherit transition-colors\",\n              \"hover:bg-white/10 hover:text-white\",\n              \"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--oh-border)]\",\n              \"disabled:cursor-not-allowed disabled:opacity-50\",\n            )}\n            disabled={isCreatingConversationFlow}\n            aria-label={t(\n              I18nKey.CONVERSATION_PANEL$ADD_CONVERSATION_TO_GROUP,\n              {\n                label: group.label,\n              },\n            )}\n            data-testid={`add-conversation-to-group-${groupTestIdSuffix}`}\n            onClick={(event) => {\n              event.preventDefault();\n              event.stopPropagation();\n              onLaunchFromGroup();\n            }}\n          >\n            <Plus\n              className=\"h-3.5 w-3.5 shrink-0\"\n              aria-hidden\n              strokeWidth={2}\n            />\n          </button>\n        </div>\n        {expanded ? (\n          <div\n            id={`thread-folder-content-${groupTestIdSuffix}`}\n            className=\"mt-0.5 space-y-0.5\"\n          >\n            {visibleConversations.map(renderConversationCard)}\n            {isPreviewTruncated ? (\n              <div className=\"pl-2\">\n                <button\n                  type=\"button\"\n                  data-testid={`thread-folder-view-more-${groupTestIdSuffix}`}\n                  onClick={onTogglePreviewExpanded}\n                  className=\"cursor-pointer text-xs text-[var(--oh-text-dim)] hover:text-white\"\n                >\n                  {isShowingAll\n                    ? t(I18nKey.CONVERSATION_PANEL$LESS)\n                    : t(I18nKey.CONVERSATION_PANEL$MORE)}\n                </button>\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </motion.section>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/conversation-panel/conversation-group-folder-row.d.ts

@@ -16,6 +16,7 @@ interface ConversationGroupFolderRowProps {
     animateLayout: boolean;
     isCreatingConversationFlow: boolean;
     activeConversationId?: string | null;
+    discoveryConversationIds?: ReadonlySet<string> | null;
     onToggleExpanded: () => void;
     onDragStart: () => void;
     onDragEnd: () => void;
@@ -26,5 +27,5 @@ interface ConversationGroupFolderRowProps {
     onLaunchFromGroup: () => void;
     renderConversationCard: (conversation: AppConversation) => ReactNode;
 }
-export declare function ConversationGroupFolderRow({ group, expanded, previewExpanded, isDragging, dropIndicatorPosition, animateLayout, isCreatingConversationFlow, activeConversationId, onToggleExpanded, onDragStart, onDragEnd, onDragOver, onDragLeave, onDrop, onTogglePreviewExpanded, onLaunchFromGroup, renderConversationCard, }: ConversationGroupFolderRowProps): import("react").JSX.Element;
+export declare function ConversationGroupFolderRow({ group, expanded, previewExpanded, isDragging, dropIndicatorPosition, animateLayout, isCreatingConversationFlow, activeConversationId, discoveryConversationIds, onToggleExpanded, onDragStart, onDragEnd, onDragOver, onDragLeave, onDrop, onTogglePreviewExpanded, onLaunchFromGroup, renderConversationCard, }: ConversationGroupFolderRowProps): import("react").JSX.Element;
 export {};

package/dist/components/features/conversation-panel/conversation-group-folder-row.js

@@ -9,28 +9,29 @@ import { getGroupConversationPreview as s } from "./conversation-panel-list-help
 import { useRef as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/features/conversation-panel/conversation-group-folder-row.tsx
-function d({ group: d, expanded: f, previewExpanded: p, isDragging: m, dropIndicatorPosition: h, animateLayout: g, isCreatingConversationFlow: _, activeConversationId: v, onToggleExpanded: y, onDragStart: b, onDragEnd: x, onDragOver: S, onDragLeave: C, onDrop: w, onTogglePreviewExpanded: T, onLaunchFromGroup: E, renderConversationCard: D }) {
-	let { t: O } = e("openhands"), k = c(null), A = `thread-folder-${d.id.replace(/[^a-zA-Z0-9_-]/g, "-")}`, j = d.id.replace(/[^a-zA-Z0-9_-]/g, "-"), { visibleConversations: M, isPreviewTruncated: N, isShowingAll: P } = s(d.conversations, {
+function d({ group: d, expanded: f, previewExpanded: p, isDragging: m, dropIndicatorPosition: h, animateLayout: g, isCreatingConversationFlow: _, activeConversationId: v, discoveryConversationIds: y, onToggleExpanded: b, onDragStart: x, onDragEnd: S, onDragOver: C, onDragLeave: w, onDrop: T, onTogglePreviewExpanded: E, onLaunchFromGroup: D, renderConversationCard: O }) {
+	let { t: k } = e("openhands"), A = c(null), j = `thread-folder-${d.id.replace(/[^a-zA-Z0-9_-]/g, "-")}`, M = d.id.replace(/[^a-zA-Z0-9_-]/g, "-"), { visibleConversations: N, isPreviewTruncated: P, isShowingAll: F } = s(d.conversations, {
 		expanded: p,
-		activeConversationId: v
+		activeConversationId: v,
+		discoveryConversationIds: y ?? void 0
 	});
 	return /* @__PURE__ */ u(o.section, {
-		ref: k,
+		ref: A,
 		layout: g ? "position" : !1,
 		transition: {
 			type: "spring",
 			stiffness: 600,
 			damping: 45
 		},
-		"aria-labelledby": A,
-		"data-testid": `thread-folder-${j}`,
-		onDragOver: S,
-		onDragLeave: C,
-		onDrop: w,
+		"aria-labelledby": j,
+		"data-testid": `thread-folder-${M}`,
+		onDragOver: C,
+		onDragLeave: w,
+		onDrop: T,
 		className: "relative rounded-md",
 		children: [h ? /* @__PURE__ */ l("div", {
 			"aria-hidden": !0,
-			"data-testid": `thread-folder-drop-indicator-${j}`,
+			"data-testid": `thread-folder-drop-indicator-${M}`,
 			className: a("pointer-events-none absolute inset-x-0 z-10 h-0.5 rounded-full bg-[var(--oh-accent)]", h === "before" ? "-top-0.5" : "-bottom-0.5")
 		}) : null, /* @__PURE__ */ u("div", {
 			className: a(m && "opacity-0"),
@@ -39,27 +40,27 @@ function d({ group: d, expanded: f, previewExpanded: p, isDragging: m, dropIndic
 				children: [/* @__PURE__ */ u("button", {
 					type: "button",
 					draggable: !0,
-					id: A,
+					id: j,
 					"aria-expanded": f,
-					"aria-controls": `thread-folder-content-${j}`,
-					"data-testid": `thread-folder-drag-${j}`,
-					"aria-label": O(f ? t.CONVERSATION_PANEL$COLLAPSE_FOLDER : t.CONVERSATION_PANEL$EXPAND_FOLDER, { label: d.label }),
-					onClick: y,
+					"aria-controls": `thread-folder-content-${M}`,
+					"data-testid": `thread-folder-drag-${M}`,
+					"aria-label": k(f ? t.CONVERSATION_PANEL$COLLAPSE_FOLDER : t.CONVERSATION_PANEL$EXPAND_FOLDER, { label: d.label }),
+					onClick: b,
 					onDragStart: (e) => {
 						e.stopPropagation();
 						let { dataTransfer: t } = e;
 						if (t) {
 							t.effectAllowed = "move", t.setData("text/plain", d.id);
-							let n = k.current;
+							let n = A.current;
 							if (n && typeof t.setDragImage == "function") {
 								let r = n.getBoundingClientRect(), i = n.cloneNode(!0);
 								i.style.position = "fixed", i.style.top = "0", i.style.left = "-9999px", i.style.width = `${r.width}px`, i.style.margin = "0", i.style.pointerEvents = "none", i.style.borderRadius = "0.5rem", i.style.padding = "0.25rem", i.style.backgroundColor = "var(--oh-surface-raised)", i.style.boxShadow = "0 8px 24px rgba(0, 0, 0, 0.35)", document.body.appendChild(i), t.setDragImage(i, e.clientX - r.left, e.clientY - r.top), window.setTimeout(() => i.remove(), 0);
 							}
 						}
-						b();
+						x();
 					},
 					onDragEnd: (e) => {
-						e.stopPropagation(), x();
+						e.stopPropagation(), S();
 					},
 					className: a("group/folder flex min-h-8 min-w-0 flex-1 cursor-grab items-center gap-2 rounded-md py-1 text-left text-inherit outline-none active:cursor-grabbing", "focus-visible:ring-1 focus-visible:ring-[var(--oh-border)]"),
 					children: [
@@ -80,10 +81,10 @@ function d({ group: d, expanded: f, previewExpanded: p, isDragging: m, dropIndic
 					type: "button",
 					className: a("inline-flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-md", "text-inherit transition-colors", "hover:bg-white/10 hover:text-white", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--oh-border)]", "disabled:cursor-not-allowed disabled:opacity-50"),
 					disabled: _,
-					"aria-label": O(t.CONVERSATION_PANEL$ADD_CONVERSATION_TO_GROUP, { label: d.label }),
-					"data-testid": `add-conversation-to-group-${j}`,
+					"aria-label": k(t.CONVERSATION_PANEL$ADD_CONVERSATION_TO_GROUP, { label: d.label }),
+					"data-testid": `add-conversation-to-group-${M}`,
 					onClick: (e) => {
-						e.preventDefault(), e.stopPropagation(), E();
+						e.preventDefault(), e.stopPropagation(), D();
 					},
 					children: /* @__PURE__ */ l(i, {
 						className: "h-3.5 w-3.5 shrink-0",
@@ -92,16 +93,16 @@ function d({ group: d, expanded: f, previewExpanded: p, isDragging: m, dropIndic
 					})
 				})]
 			}), f ? /* @__PURE__ */ u("div", {
-				id: `thread-folder-content-${j}`,
+				id: `thread-folder-content-${M}`,
 				className: "mt-0.5 space-y-0.5",
-				children: [M.map(D), N ? /* @__PURE__ */ l("div", {
+				children: [N.map(O), P ? /* @__PURE__ */ l("div", {
 					className: "pl-2",
 					children: /* @__PURE__ */ l("button", {
 						type: "button",
-						"data-testid": `thread-folder-view-more-${j}`,
-						onClick: T,
+						"data-testid": `thread-folder-view-more-${M}`,
+						onClick: E,
 						className: "cursor-pointer text-xs text-[var(--oh-text-dim)] hover:text-white",
-						children: O(P ? t.CONVERSATION_PANEL$LESS : t.CONVERSATION_PANEL$MORE)
+						children: k(F ? t.CONVERSATION_PANEL$LESS : t.CONVERSATION_PANEL$MORE)
 					})
 				}) : null]
 			}) : null]

package/dist/components/features/conversation-panel/conversation-group-folder-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-group-folder-row.js","names":[],"sources":["../../../../src/components/features/conversation-panel/conversation-group-folder-row.tsx"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { Folder, FolderOpen, Plus } from \"lucide-react\";\nimport { useRef, type DragEvent, type ReactNode } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport type { AppConversation } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport type {\n  ConversationGroupLaunch,\n  GroupFolderDropPosition,\n} from \"./conversation-panel-list-helpers\";\nimport { getGroupConversationPreview } from \"./conversation-panel-list-helpers\";\n\ninterface ConversationGroup {\n  id: string;\n  label: string;\n  conversations: AppConversation[];\n  launch: ConversationGroupLaunch;\n}\n\ninterface ConversationGroupFolderRowProps {\n  group: ConversationGroup;\n  expanded: boolean;\n  previewExpanded: boolean;\n  isDragging: boolean;\n  dropIndicatorPosition: GroupFolderDropPosition | null;\n  animateLayout: boolean;\n  isCreatingConversationFlow: boolean;\n  activeConversationId?: string | null;\n  onToggleExpanded: () => void;\n  onDragStart: () => void;\n  onDragEnd: () => void;\n  onDragOver: (event: DragEvent<HTMLElement>) => void;\n  onDragLeave: () => void;\n  onDrop: (event: DragEvent<HTMLElement>) => void;\n  onTogglePreviewExpanded: () => void;\n  onLaunchFromGroup: () => void;\n  renderConversationCard: (conversation: AppConversation) => ReactNode;\n}\n\nexport function ConversationGroupFolderRow({\n  group,\n  expanded,\n  previewExpanded,\n  isDragging,\n  dropIndicatorPosition,\n  animateLayout,\n  isCreatingConversationFlow,\n  activeConversationId,\n  onToggleExpanded,\n  onDragStart,\n  onDragEnd,\n  onDragOver,\n  onDragLeave,\n  onDrop,\n  onTogglePreviewExpanded,\n  onLaunchFromGroup,\n  renderConversationCard,\n}: ConversationGroupFolderRowProps) {\n  const { t } = useTranslation(\"openhands\");\n  const sectionRef = useRef<HTMLElement>(null);\n  const headingId = `thread-folder-${group.id.replace(/[^a-zA-Z0-9_-]/g, \"-\")}`;\n  const groupTestIdSuffix = group.id.replace(/[^a-zA-Z0-9_-]/g, \"-\");\n  const { visibleConversations, isPreviewTruncated, isShowingAll } =\n    getGroupConversationPreview(group.conversations, {\n      expanded: previewExpanded,\n      activeConversationId,\n    });\n\n  return (\n    <motion.section\n      ref={sectionRef}\n      layout={animateLayout ? \"position\" : false}\n      transition={{ type: \"spring\", stiffness: 600, damping: 45 }}\n      aria-labelledby={headingId}\n      data-testid={`thread-folder-${groupTestIdSuffix}`}\n      onDragOver={onDragOver}\n      onDragLeave={onDragLeave}\n      onDrop={onDrop}\n      className=\"relative rounded-md\"\n    >\n      {dropIndicatorPosition ? (\n        <div\n          aria-hidden\n          data-testid={`thread-folder-drop-indicator-${groupTestIdSuffix}`}\n          className={cn(\n            \"pointer-events-none absolute inset-x-0 z-10 h-0.5 rounded-full bg-[var(--oh-accent)]\",\n            dropIndicatorPosition === \"before\" ? \"-top-0.5\" : \"-bottom-0.5\",\n          )}\n        />\n      ) : null}\n      {/* Keep the row's footprint (height) while dragging but hide its\n          content so the original slot reads as an empty placeholder. Use\n          opacity (not visibility/display) because hiding the drag source\n          synchronously during dragstart cancels the native drag in Chrome. */}\n      <div className={cn(isDragging && \"opacity-0\")}>\n        <div\n          className={cn(\n            \"flex h-8 w-full min-w-0 items-center gap-0.5 rounded-md pl-2 pr-1 text-sm font-normal\",\n            \"text-[var(--oh-muted)] transition-colors hover:bg-[var(--oh-surface-raised)] hover:text-white\",\n          )}\n        >\n          <button\n            type=\"button\"\n            draggable\n            id={headingId}\n            aria-expanded={expanded}\n            aria-controls={`thread-folder-content-${groupTestIdSuffix}`}\n            data-testid={`thread-folder-drag-${groupTestIdSuffix}`}\n            aria-label={\n              expanded\n                ? t(I18nKey.CONVERSATION_PANEL$COLLAPSE_FOLDER, {\n                    label: group.label,\n                  })\n                : t(I18nKey.CONVERSATION_PANEL$EXPAND_FOLDER, {\n                    label: group.label,\n                  })\n            }\n            onClick={onToggleExpanded}\n            onDragStart={(event) => {\n              event.stopPropagation();\n              const { dataTransfer } = event;\n              if (dataTransfer) {\n                dataTransfer.effectAllowed = \"move\";\n                dataTransfer.setData(\"text/plain\", group.id);\n                const node = sectionRef.current;\n                if (node && typeof dataTransfer.setDragImage === \"function\") {\n                  const rect = node.getBoundingClientRect();\n                  // Render the floating preview from an off-screen clone so we\n                  // can give it a rounded, surfaced background without altering\n                  // the in-list row, and anchor it to the exact grab point.\n                  const dragImage = node.cloneNode(true) as HTMLElement;\n                  dragImage.style.position = \"fixed\";\n                  dragImage.style.top = \"0\";\n                  dragImage.style.left = \"-9999px\";\n                  dragImage.style.width = `${rect.width}px`;\n                  dragImage.style.margin = \"0\";\n                  dragImage.style.pointerEvents = \"none\";\n                  dragImage.style.borderRadius = \"0.5rem\";\n                  dragImage.style.padding = \"0.25rem\";\n                  dragImage.style.backgroundColor = \"var(--oh-surface-raised)\";\n                  dragImage.style.boxShadow = \"0 8px 24px rgba(0, 0, 0, 0.35)\";\n                  document.body.appendChild(dragImage);\n                  dataTransfer.setDragImage(\n                    dragImage,\n                    event.clientX - rect.left,\n                    event.clientY - rect.top,\n                  );\n                  // Remove after the browser has rasterized the drag image.\n                  window.setTimeout(() => dragImage.remove(), 0);\n                }\n              }\n              onDragStart();\n            }}\n            onDragEnd={(event) => {\n              event.stopPropagation();\n              onDragEnd();\n            }}\n            className={cn(\n              \"group/folder flex min-h-8 min-w-0 flex-1 cursor-grab items-center gap-2 rounded-md py-1 text-left text-inherit outline-none active:cursor-grabbing\",\n              \"focus-visible:ring-1 focus-visible:ring-[var(--oh-border)]\",\n            )}\n          >\n            <Folder\n              className={cn(\n                \"h-4 w-4 shrink-0\",\n                expanded\n                  ? \"hidden group-hover/folder:block\"\n                  : \"block group-hover/folder:hidden\",\n              )}\n              aria-hidden\n            />\n            <FolderOpen\n              className={cn(\n                \"h-4 w-4 shrink-0\",\n                expanded\n                  ? \"block group-hover/folder:hidden\"\n                  : \"hidden group-hover/folder:block\",\n              )}\n              aria-hidden\n            />\n            <span className=\"truncate\">{group.label}</span>\n          </button>\n          <button\n            type=\"button\"\n            className={cn(\n              \"inline-flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-md\",\n              \"text-inherit transition-colors\",\n              \"hover:bg-white/10 hover:text-white\",\n              \"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--oh-border)]\",\n              \"disabled:cursor-not-allowed disabled:opacity-50\",\n            )}\n            disabled={isCreatingConversationFlow}\n            aria-label={t(\n              I18nKey.CONVERSATION_PANEL$ADD_CONVERSATION_TO_GROUP,\n              {\n                label: group.label,\n              },\n            )}\n            data-testid={`add-conversation-to-group-${groupTestIdSuffix}`}\n            onClick={(event) => {\n              event.preventDefault();\n              event.stopPropagation();\n              onLaunchFromGroup();\n            }}\n          >\n            <Plus\n              className=\"h-3.5 w-3.5 shrink-0\"\n              aria-hidden\n              strokeWidth={2}\n            />\n          </button>\n        </div>\n        {expanded ? (\n          <div\n            id={`thread-folder-content-${groupTestIdSuffix}`}\n            className=\"mt-0.5 space-y-0.5\"\n          >\n            {visibleConversations.map(renderConversationCard)}\n            {isPreviewTruncated ? (\n              <div className=\"pl-2\">\n                <button\n                  type=\"button\"\n                  data-testid={`thread-folder-view-more-${groupTestIdSuffix}`}\n                  onClick={onTogglePreviewExpanded}\n                  className=\"cursor-pointer text-xs text-[var(--oh-text-dim)] hover:text-white\"\n                >\n                  {isShowingAll\n                    ? t(I18nKey.CONVERSATION_PANEL$LESS)\n                    : t(I18nKey.CONVERSATION_PANEL$MORE)}\n                </button>\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </motion.section>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"conversation-group-folder-row.js","names":[],"sources":["../../../../src/components/features/conversation-panel/conversation-group-folder-row.tsx"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { Folder, FolderOpen, Plus } from \"lucide-react\";\nimport { useRef, type DragEvent, type ReactNode } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport type { AppConversation } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport type {\n  ConversationGroupLaunch,\n  GroupFolderDropPosition,\n} from \"./conversation-panel-list-helpers\";\nimport { getGroupConversationPreview } from \"./conversation-panel-list-helpers\";\n\ninterface ConversationGroup {\n  id: string;\n  label: string;\n  conversations: AppConversation[];\n  launch: ConversationGroupLaunch;\n}\n\ninterface ConversationGroupFolderRowProps {\n  group: ConversationGroup;\n  expanded: boolean;\n  previewExpanded: boolean;\n  isDragging: boolean;\n  dropIndicatorPosition: GroupFolderDropPosition | null;\n  animateLayout: boolean;\n  isCreatingConversationFlow: boolean;\n  activeConversationId?: string | null;\n  discoveryConversationIds?: ReadonlySet<string> | null;\n  onToggleExpanded: () => void;\n  onDragStart: () => void;\n  onDragEnd: () => void;\n  onDragOver: (event: DragEvent<HTMLElement>) => void;\n  onDragLeave: () => void;\n  onDrop: (event: DragEvent<HTMLElement>) => void;\n  onTogglePreviewExpanded: () => void;\n  onLaunchFromGroup: () => void;\n  renderConversationCard: (conversation: AppConversation) => ReactNode;\n}\n\nexport function ConversationGroupFolderRow({\n  group,\n  expanded,\n  previewExpanded,\n  isDragging,\n  dropIndicatorPosition,\n  animateLayout,\n  isCreatingConversationFlow,\n  activeConversationId,\n  discoveryConversationIds,\n  onToggleExpanded,\n  onDragStart,\n  onDragEnd,\n  onDragOver,\n  onDragLeave,\n  onDrop,\n  onTogglePreviewExpanded,\n  onLaunchFromGroup,\n  renderConversationCard,\n}: ConversationGroupFolderRowProps) {\n  const { t } = useTranslation(\"openhands\");\n  const sectionRef = useRef<HTMLElement>(null);\n  const headingId = `thread-folder-${group.id.replace(/[^a-zA-Z0-9_-]/g, \"-\")}`;\n  const groupTestIdSuffix = group.id.replace(/[^a-zA-Z0-9_-]/g, \"-\");\n  const { visibleConversations, isPreviewTruncated, isShowingAll } =\n    getGroupConversationPreview(group.conversations, {\n      expanded: previewExpanded,\n      activeConversationId,\n      discoveryConversationIds: discoveryConversationIds ?? undefined,\n    });\n\n  return (\n    <motion.section\n      ref={sectionRef}\n      layout={animateLayout ? \"position\" : false}\n      transition={{ type: \"spring\", stiffness: 600, damping: 45 }}\n      aria-labelledby={headingId}\n      data-testid={`thread-folder-${groupTestIdSuffix}`}\n      onDragOver={onDragOver}\n      onDragLeave={onDragLeave}\n      onDrop={onDrop}\n      className=\"relative rounded-md\"\n    >\n      {dropIndicatorPosition ? (\n        <div\n          aria-hidden\n          data-testid={`thread-folder-drop-indicator-${groupTestIdSuffix}`}\n          className={cn(\n            \"pointer-events-none absolute inset-x-0 z-10 h-0.5 rounded-full bg-[var(--oh-accent)]\",\n            dropIndicatorPosition === \"before\" ? \"-top-0.5\" : \"-bottom-0.5\",\n          )}\n        />\n      ) : null}\n      {/* Keep the row's footprint (height) while dragging but hide its\n          content so the original slot reads as an empty placeholder. Use\n          opacity (not visibility/display) because hiding the drag source\n          synchronously during dragstart cancels the native drag in Chrome. */}\n      <div className={cn(isDragging && \"opacity-0\")}>\n        <div\n          className={cn(\n            \"flex h-8 w-full min-w-0 items-center gap-0.5 rounded-md pl-2 pr-1 text-sm font-normal\",\n            \"text-[var(--oh-muted)] transition-colors hover:bg-[var(--oh-surface-raised)] hover:text-white\",\n          )}\n        >\n          <button\n            type=\"button\"\n            draggable\n            id={headingId}\n            aria-expanded={expanded}\n            aria-controls={`thread-folder-content-${groupTestIdSuffix}`}\n            data-testid={`thread-folder-drag-${groupTestIdSuffix}`}\n            aria-label={\n              expanded\n                ? t(I18nKey.CONVERSATION_PANEL$COLLAPSE_FOLDER, {\n                    label: group.label,\n                  })\n                : t(I18nKey.CONVERSATION_PANEL$EXPAND_FOLDER, {\n                    label: group.label,\n                  })\n            }\n            onClick={onToggleExpanded}\n            onDragStart={(event) => {\n              event.stopPropagation();\n              const { dataTransfer } = event;\n              if (dataTransfer) {\n                dataTransfer.effectAllowed = \"move\";\n                dataTransfer.setData(\"text/plain\", group.id);\n                const node = sectionRef.current;\n                if (node && typeof dataTransfer.setDragImage === \"function\") {\n                  const rect = node.getBoundingClientRect();\n                  // Render the floating preview from an off-screen clone so we\n                  // can give it a rounded, surfaced background without altering\n                  // the in-list row, and anchor it to the exact grab point.\n                  const dragImage = node.cloneNode(true) as HTMLElement;\n                  dragImage.style.position = \"fixed\";\n                  dragImage.style.top = \"0\";\n                  dragImage.style.left = \"-9999px\";\n                  dragImage.style.width = `${rect.width}px`;\n                  dragImage.style.margin = \"0\";\n                  dragImage.style.pointerEvents = \"none\";\n                  dragImage.style.borderRadius = \"0.5rem\";\n                  dragImage.style.padding = \"0.25rem\";\n                  dragImage.style.backgroundColor = \"var(--oh-surface-raised)\";\n                  dragImage.style.boxShadow = \"0 8px 24px rgba(0, 0, 0, 0.35)\";\n                  document.body.appendChild(dragImage);\n                  dataTransfer.setDragImage(\n                    dragImage,\n                    event.clientX - rect.left,\n                    event.clientY - rect.top,\n                  );\n                  // Remove after the browser has rasterized the drag image.\n                  window.setTimeout(() => dragImage.remove(), 0);\n                }\n              }\n              onDragStart();\n            }}\n            onDragEnd={(event) => {\n              event.stopPropagation();\n              onDragEnd();\n            }}\n            className={cn(\n              \"group/folder flex min-h-8 min-w-0 flex-1 cursor-grab items-center gap-2 rounded-md py-1 text-left text-inherit outline-none active:cursor-grabbing\",\n              \"focus-visible:ring-1 focus-visible:ring-[var(--oh-border)]\",\n            )}\n          >\n            <Folder\n              className={cn(\n                \"h-4 w-4 shrink-0\",\n                expanded\n                  ? \"hidden group-hover/folder:block\"\n                  : \"block group-hover/folder:hidden\",\n              )}\n              aria-hidden\n            />\n            <FolderOpen\n              className={cn(\n                \"h-4 w-4 shrink-0\",\n                expanded\n                  ? \"block group-hover/folder:hidden\"\n                  : \"hidden group-hover/folder:block\",\n              )}\n              aria-hidden\n            />\n            <span className=\"truncate\">{group.label}</span>\n          </button>\n          <button\n            type=\"button\"\n            className={cn(\n              \"inline-flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-md\",\n              \"text-inherit transition-colors\",\n              \"hover:bg-white/10 hover:text-white\",\n              \"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--oh-border)]\",\n              \"disabled:cursor-not-allowed disabled:opacity-50\",\n            )}\n            disabled={isCreatingConversationFlow}\n            aria-label={t(\n              I18nKey.CONVERSATION_PANEL$ADD_CONVERSATION_TO_GROUP,\n              {\n                label: group.label,\n              },\n            )}\n            data-testid={`add-conversation-to-group-${groupTestIdSuffix}`}\n            onClick={(event) => {\n              event.preventDefault();\n              event.stopPropagation();\n              onLaunchFromGroup();\n            }}\n          >\n            <Plus\n              className=\"h-3.5 w-3.5 shrink-0\"\n              aria-hidden\n              strokeWidth={2}\n            />\n          </button>\n        </div>\n        {expanded ? (\n          <div\n            id={`thread-folder-content-${groupTestIdSuffix}`}\n            className=\"mt-0.5 space-y-0.5\"\n          >\n            {visibleConversations.map(renderConversationCard)}\n            {isPreviewTruncated ? (\n              <div className=\"pl-2\">\n                <button\n                  type=\"button\"\n                  data-testid={`thread-folder-view-more-${groupTestIdSuffix}`}\n                  onClick={onTogglePreviewExpanded}\n                  className=\"cursor-pointer text-xs text-[var(--oh-text-dim)] hover:text-white\"\n                >\n                  {isShowingAll\n                    ? t(I18nKey.CONVERSATION_PANEL$LESS)\n                    : t(I18nKey.CONVERSATION_PANEL$MORE)}\n                </button>\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </motion.section>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/conversation-panel/conversation-panel-filter-menu.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/bot.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/calendar-arrow-down.cjs"),a=require("../../../node_modules/lucide-react/dist/esm/icons/clock-3.cjs"),ee=require("../../../node_modules/lucide-react/dist/esm/icons/clock-arrow-down.cjs"),o=require("../../../node_modules/lucide-react/dist/esm/icons/eye-off.cjs"),s=require("../../../node_modules/lucide-react/dist/esm/icons/eye.cjs"),c=require("../../../node_modules/lucide-react/dist/esm/icons/folder.cjs"),te=require("../../../node_modules/lucide-react/dist/esm/icons/git-branch.cjs"),ne=require("../../../node_modules/lucide-react/dist/esm/icons/list-filter.cjs"),l=require("../../../node_modules/lucide-react/dist/esm/icons/message-circle.cjs"),u=require("../../../node_modules/lucide-react/dist/esm/icons/mouse-pointer-click.cjs"),d=require("../../../node_modules/lucide-react/dist/esm/icons/star.cjs"),f=require("../../../node_modules/lucide-react/dist/esm/icons/tag.cjs"),p=require("../../../node_modules/lucide-react/dist/esm/icons/trash-2.cjs"),m=require("../../../node_modules/lucide-react/dist/esm/icons/workflow.cjs"),h=require("../../../utils/utils.cjs"),g=require("../../../utils/dropdown-classes.cjs");require("./conversation-panel-list-helpers.cjs");const _=require("./menu-heading.cjs"),v=require("./menu-separator.cjs"),y=require("./menu-row.cjs");let b=require("react");b=e.__toESM(b,1);let x=require("react/jsx-runtime");var S=e=>e.length>0?e.charAt(0).toUpperCase()+e.slice(1):e;function C({filterMenuOpen:e,setFilterMenuOpen:C,menuRef:w,backendKind:T,organizeMode:E,setOrganizeMode:D,conversationSort:O,setConversationSort:k,threadScope:A,setThreadScope:j,automationFilterMode:M,setAutomationFilterMode:N,selectedAutomationNames:P,onToggleAutomationName:F,automationNameFacets:I,showOlderConversations:L,toggleShowOlderConversations:R,showRepoBranchMetadata:z,toggleShowRepoBranchMetadata:B,showLlmProfiles:V,toggleShowLlmProfiles:H,showTagsMetadata:U,toggleShowTagsMetadata:W,showHoverMetadata:G,toggleShowHoverMetadata:K,totalConversationsCount:q,onRequestDeleteAll:J}){let{t:Y}=t.useTranslation(`openhands`),X=Y(T===`local`?n.I18nKey.CONVERSATION_PANEL$BY_WORKSPACE:n.I18nKey.CONVERSATION_PANEL$BY_REPOSITORY),Z=b.default.useRef(null),Q=b.default.useRef(null),$=b.default.useRef(e);return b.default.useEffect(()=>{e?(Q.current?.querySelector(`[role="menuitem"], [role="menuitemradio"]`))?.focus():$.current&&Z.current?.focus(),$.current=e},[e]),(0,x.jsxs)(`div`,{ref:w,className:`relative shrink-0 pr-0.5`,children:[(0,x.jsxs)(`button`,{ref:Z,type:`button`,"data-testid":`older-conversations-filter-toggle`,"aria-label":Y(n.I18nKey.CONVERSATION_PANEL$FILTER_LABEL),"aria-haspopup":`menu`,"aria-expanded":e,onClick:()=>C(!e),className:h.cn(`relative inline-flex h-7 w-7 items-center justify-center rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]`,g.dropdownInstantColorClassName),children:[(0,x.jsx)(ne.ListFilter,{className:`lucide lucide-list-filter shrink-0`,width:14,height:14,strokeWidth:2,"aria-hidden":!0}),M===`all`?null:(0,x.jsx)(`span`,{"aria-hidden":!0,"data-testid":`automation-filter-active-indicator`,className:`absolute right-0.5 top-0.5 h-1.5 w-1.5 rounded-full bg-[var(--oh-accent)]`})]}),e?(0,x.jsxs)(`div`,{ref:Q,role:`menu`,"aria-orientation":`vertical`,"aria-label":Y(n.I18nKey.CONVERSATION_PANEL$FILTER_LABEL),tabIndex:-1,"data-testid":`older-conversations-filter-menu`,onKeyDown:e=>{if(e.key===`Escape`){e.preventDefault(),C(!1);return}if(e.key!==`ArrowDown`&&e.key!==`ArrowUp`)return;let t=Q.current;if(!t)return;let n=Array.from(t.querySelectorAll(`[role="menuitem"], [role="menuitemradio"]`)).filter(e=>!e.disabled);if(n.length===0)return;let r=n.indexOf(document.activeElement),i=e.key===`ArrowDown`?1:-1,a=((r===-1?0:r)+i+n.length)%n.length;e.preventDefault(),n[a]?.focus()},className:h.cn(`absolute right-0 top-full z-50 mt-0 w-64 rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 text-[var(--oh-foreground)] shadow-lg`,g.dropdownMenuListClassName,g.dropdownMenuViewportScrollClassName),children:[(0,x.jsx)(_.MenuHeading,{children:Y(n.I18nKey.CONVERSATION_PANEL$ORGANIZE)}),(0,x.jsx)(y.MenuRow,{icon:c.Folder,label:X,selected:E===`grouped`,onClick:()=>{D(`grouped`),C(!1)}}),(0,x.jsx)(y.MenuRow,{icon:a.Clock3,label:Y(n.I18nKey.CONVERSATION_PANEL$CHRONOLOGICAL),selected:E===`chronological`,onClick:()=>{D(`chronological`),C(!1)}}),(0,x.jsx)(v.MenuSeparator,{}),(0,x.jsx)(_.MenuHeading,{children:Y(n.I18nKey.CONVERSATION_PANEL$SORT_BY)}),(0,x.jsx)(y.MenuRow,{icon:i.CalendarArrowDown,label:Y(n.I18nKey.CONVERSATION_PANEL$SORT_CREATED),selected:O===`created`,onClick:()=>{k(`created`),C(!1)}}),(0,x.jsx)(y.MenuRow,{icon:ee.ClockArrowDown,label:Y(n.I18nKey.CONVERSATION_PANEL$SORT_UPDATED),selected:O===`updated`,onClick:()=>{k(`updated`),C(!1)}}),(0,x.jsx)(v.MenuSeparator,{}),(0,x.jsx)(_.MenuHeading,{children:Y(n.I18nKey.CONVERSATION_PANEL$SHOW)}),(0,x.jsx)(y.MenuRow,{icon:l.MessageCircle,label:Y(n.I18nKey.CONVERSATION_PANEL$ALL_THREADS),selected:A===`all`,onClick:()=>{j(`all`),C(!1)}}),(0,x.jsx)(y.MenuRow,{icon:d.Star,label:Y(n.I18nKey.CONVERSATION_PANEL$RELEVANT_THREADS),selected:A===`relevant`,onClick:()=>{j(`relevant`),C(!1)}}),(0,x.jsx)(v.MenuSeparator,{}),(0,x.jsx)(_.MenuHeading,{children:Y(n.I18nKey.CONVERSATION_PANEL$AUTOMATIONS)}),(0,x.jsx)(y.MenuRow,{icon:l.MessageCircle,label:Y(n.I18nKey.CONVERSATION_PANEL$AUTOMATIONS_ALL),selected:M===`all`,testId:`automation-filter-all`,onClick:()=>{N(`all`),C(!1)}}),(0,x.jsx)(y.MenuRow,{icon:o.EyeOff,label:Y(n.I18nKey.CONVERSATION_PANEL$AUTOMATIONS_HIDE),selected:M===`hide-automations`,testId:`automation-filter-hide`,onClick:()=>{N(`hide-automations`),C(!1)}}),(0,x.jsx)(y.MenuRow,{icon:m.Workflow,label:Y(n.I18nKey.CONVERSATION_PANEL$AUTOMATIONS_ONLY),selected:M===`only-automations`,testId:`automation-filter-only`,onClick:()=>{N(`only-automations`),C(!1)}}),M===`only-automations`?I.map(e=>(0,x.jsx)(y.MenuRow,{icon:f.Tag,label:e===`__unnamed__`?Y(n.I18nKey.CONVERSATION_PANEL$AUTOMATION_UNNAMED):e,selected:P.includes(e),testId:`automation-name-filter-${e}`,onClick:()=>F(e)},e)):null,(0,x.jsx)(v.MenuSeparator,{}),(0,x.jsx)(_.MenuHeading,{children:Y(n.I18nKey.CONVERSATION_PANEL$METADATA)}),(0,x.jsx)(y.MenuRow,{icon:te.GitBranch,label:Y(n.I18nKey.CONVERSATION_PANEL$REPO_BRANCH),selected:z,testId:`toggle-repo-branch-metadata`,onClick:()=>{B(),C(!1)}}),(0,x.jsx)(y.MenuRow,{icon:r.Bot,label:Y(n.I18nKey.CONVERSATION_PANEL$LLM_MODEL),selected:V,testId:`toggle-llm-profiles`,onClick:()=>{H(),C(!1)}}),(0,x.jsx)(y.MenuRow,{icon:f.Tag,label:Y(n.I18nKey.CONVERSATION_PANEL$TAGS),selected:U,testId:`toggle-tags-metadata`,onClick:()=>{W(),C(!1)}}),(0,x.jsx)(y.MenuRow,{icon:u.MousePointerClick,label:Y(n.I18nKey.CONVERSATION_PANEL$HOVER_METADATA),selected:G,testId:`toggle-hover-metadata`,onClick:()=>{K(),C(!1)}}),(0,x.jsx)(v.MenuSeparator,{}),(0,x.jsx)(_.MenuHeading,{suffix:(0,x.jsx)(`span`,{className:`shrink-0 text-right text-[10px] font-medium normal-case tracking-normal text-[var(--oh-muted)]/70`,children:Y(n.I18nKey.CONVERSATION_PANEL$OLDER_OVER_ONE_HOUR)}),children:Y(n.I18nKey.CONVERSATION_PANEL$OLDER_SECTION)}),(0,x.jsx)(y.MenuRow,{testId:`toggle-older-conversations`,icon:L?o.EyeOff:s.Eye,label:S(Y(L?n.I18nKey.CONVERSATION$HIDE:n.I18nKey.CONVERSATION$SHOW_ALL)),onClick:()=>{R(),C(!1)}}),(0,x.jsx)(v.MenuSeparator,{}),(0,x.jsx)(y.MenuRow,{testId:`delete-all-conversations`,icon:p.Trash2,label:S(Y(n.I18nKey.CONVERSATION$DELETE_ALL)),disabled:q===0,onClick:()=>{q!==0&&(J(),C(!1))}})]}):null]})}exports.ConversationPanelFilterMenu=C;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/archive.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/bot.cjs"),a=require("../../../node_modules/lucide-react/dist/esm/icons/calendar-arrow-down.cjs"),o=require("../../../node_modules/lucide-react/dist/esm/icons/clock-3.cjs"),s=require("../../../node_modules/lucide-react/dist/esm/icons/clock-arrow-down.cjs"),c=require("../../../node_modules/lucide-react/dist/esm/icons/eye-off.cjs"),ee=require("../../../node_modules/lucide-react/dist/esm/icons/eye.cjs"),te=require("../../../node_modules/lucide-react/dist/esm/icons/folder.cjs"),l=require("../../../node_modules/lucide-react/dist/esm/icons/git-branch.cjs"),u=require("../../../node_modules/lucide-react/dist/esm/icons/list-filter.cjs"),d=require("../../../node_modules/lucide-react/dist/esm/icons/message-circle.cjs"),f=require("../../../node_modules/lucide-react/dist/esm/icons/mouse-pointer-click.cjs"),p=require("../../../node_modules/lucide-react/dist/esm/icons/star.cjs"),m=require("../../../node_modules/lucide-react/dist/esm/icons/tag.cjs"),h=require("../../../node_modules/lucide-react/dist/esm/icons/trash-2.cjs"),ne=require("../../../node_modules/lucide-react/dist/esm/icons/workflow.cjs"),g=require("../../../utils/utils.cjs"),_=require("../../../utils/dropdown-classes.cjs");require("./conversation-panel-list-helpers.cjs");const v=require("./menu-heading.cjs"),y=require("./menu-separator.cjs"),b=require("./menu-row.cjs");let x=require("react");x=e.__toESM(x,1);let S=require("react/jsx-runtime");var C=e=>e.length>0?e.charAt(0).toUpperCase()+e.slice(1):e;function w({filterMenuOpen:e,setFilterMenuOpen:w,menuRef:T,backendKind:re,organizeMode:E,setOrganizeMode:D,conversationSort:O,setConversationSort:k,threadScope:A,setThreadScope:j,automationFilterMode:M,setAutomationFilterMode:N,selectedAutomationNames:P,onToggleAutomationName:F,automationNameFacets:I,showOlderConversations:L,showArchivedConversations:R,toggleShowArchivedConversations:z,toggleShowOlderConversations:B,showRepoBranchMetadata:V,toggleShowRepoBranchMetadata:H,showLlmProfiles:U,toggleShowLlmProfiles:W,showTagsMetadata:G,toggleShowTagsMetadata:K,showHoverMetadata:q,toggleShowHoverMetadata:J,totalConversationsCount:Y,onRequestDeleteAll:ie}){let{t:X}=t.useTranslation(`openhands`),ae=X(re===`local`?n.I18nKey.CONVERSATION_PANEL$BY_WORKSPACE:n.I18nKey.CONVERSATION_PANEL$BY_REPOSITORY),Z=x.default.useRef(null),Q=x.default.useRef(null),$=x.default.useRef(e);return x.default.useEffect(()=>{e?(Q.current?.querySelector(`[role="menuitem"], [role="menuitemradio"]`))?.focus():$.current&&Z.current?.focus(),$.current=e},[e]),(0,S.jsxs)(`div`,{ref:T,className:`relative shrink-0 pr-0.5`,children:[(0,S.jsxs)(`button`,{ref:Z,type:`button`,"data-testid":`older-conversations-filter-toggle`,"aria-label":X(n.I18nKey.CONVERSATION_PANEL$FILTER_LABEL),"aria-haspopup":`menu`,"aria-expanded":e,onClick:()=>w(!e),className:g.cn(`relative inline-flex h-7 w-7 items-center justify-center rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]`,_.dropdownInstantColorClassName),children:[(0,S.jsx)(u.ListFilter,{className:`lucide lucide-list-filter shrink-0`,width:14,height:14,strokeWidth:2,"aria-hidden":!0}),M===`all`?null:(0,S.jsx)(`span`,{"aria-hidden":!0,"data-testid":`automation-filter-active-indicator`,className:`absolute right-0.5 top-0.5 h-1.5 w-1.5 rounded-full bg-[var(--oh-accent)]`})]}),e?(0,S.jsxs)(`div`,{ref:Q,role:`menu`,"aria-orientation":`vertical`,"aria-label":X(n.I18nKey.CONVERSATION_PANEL$FILTER_LABEL),tabIndex:-1,"data-testid":`older-conversations-filter-menu`,onKeyDown:e=>{if(e.key===`Escape`){e.preventDefault(),w(!1);return}if(e.key!==`ArrowDown`&&e.key!==`ArrowUp`)return;let t=Q.current;if(!t)return;let n=Array.from(t.querySelectorAll(`[role="menuitem"], [role="menuitemradio"]`)).filter(e=>!e.disabled);if(n.length===0)return;let r=n.indexOf(document.activeElement),i=e.key===`ArrowDown`?1:-1,a=((r===-1?0:r)+i+n.length)%n.length;e.preventDefault(),n[a]?.focus()},className:g.cn(`absolute right-0 top-full z-50 mt-0 w-64 rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 text-[var(--oh-foreground)] shadow-lg`,_.dropdownMenuListClassName,_.dropdownMenuViewportScrollClassName),children:[(0,S.jsx)(v.MenuHeading,{children:X(n.I18nKey.CONVERSATION_PANEL$ORGANIZE)}),(0,S.jsx)(b.MenuRow,{icon:te.Folder,label:ae,selected:E===`grouped`,onClick:()=>{D(`grouped`),w(!1)}}),(0,S.jsx)(b.MenuRow,{icon:o.Clock3,label:X(n.I18nKey.CONVERSATION_PANEL$CHRONOLOGICAL),selected:E===`chronological`,onClick:()=>{D(`chronological`),w(!1)}}),(0,S.jsx)(y.MenuSeparator,{}),(0,S.jsx)(v.MenuHeading,{children:X(n.I18nKey.CONVERSATION_PANEL$SORT_BY)}),(0,S.jsx)(b.MenuRow,{icon:a.CalendarArrowDown,label:X(n.I18nKey.CONVERSATION_PANEL$SORT_CREATED),selected:O===`created`,onClick:()=>{k(`created`),w(!1)}}),(0,S.jsx)(b.MenuRow,{icon:s.ClockArrowDown,label:X(n.I18nKey.CONVERSATION_PANEL$SORT_UPDATED),selected:O===`updated`,onClick:()=>{k(`updated`),w(!1)}}),(0,S.jsx)(y.MenuSeparator,{}),(0,S.jsx)(v.MenuHeading,{children:X(n.I18nKey.CONVERSATION_PANEL$SHOW)}),(0,S.jsx)(b.MenuRow,{icon:d.MessageCircle,label:X(n.I18nKey.CONVERSATION_PANEL$ALL_THREADS),selected:A===`all`,onClick:()=>{j(`all`),w(!1)}}),(0,S.jsx)(b.MenuRow,{icon:p.Star,label:X(n.I18nKey.CONVERSATION_PANEL$RELEVANT_THREADS),selected:A===`relevant`,onClick:()=>{j(`relevant`),w(!1)}}),(0,S.jsx)(b.MenuRow,{icon:r.Archive,label:X(n.I18nKey.CONVERSATION_PANEL$SHOW_ARCHIVED),selected:R,testId:`toggle-show-archived`,onClick:()=>{z(),w(!1)}}),(0,S.jsx)(y.MenuSeparator,{}),(0,S.jsx)(v.MenuHeading,{children:X(n.I18nKey.CONVERSATION_PANEL$AUTOMATIONS)}),(0,S.jsx)(b.MenuRow,{icon:d.MessageCircle,label:X(n.I18nKey.CONVERSATION_PANEL$AUTOMATIONS_ALL),selected:M===`all`,testId:`automation-filter-all`,onClick:()=>{N(`all`),w(!1)}}),(0,S.jsx)(b.MenuRow,{icon:c.EyeOff,label:X(n.I18nKey.CONVERSATION_PANEL$AUTOMATIONS_HIDE),selected:M===`hide-automations`,testId:`automation-filter-hide`,onClick:()=>{N(`hide-automations`),w(!1)}}),(0,S.jsx)(b.MenuRow,{icon:ne.Workflow,label:X(n.I18nKey.CONVERSATION_PANEL$AUTOMATIONS_ONLY),selected:M===`only-automations`,testId:`automation-filter-only`,onClick:()=>{N(`only-automations`),w(!1)}}),M===`only-automations`?I.map(e=>(0,S.jsx)(b.MenuRow,{icon:m.Tag,label:e===`__unnamed__`?X(n.I18nKey.CONVERSATION_PANEL$AUTOMATION_UNNAMED):e,selected:P.includes(e),testId:`automation-name-filter-${e}`,onClick:()=>F(e)},e)):null,(0,S.jsx)(y.MenuSeparator,{}),(0,S.jsx)(v.MenuHeading,{children:X(n.I18nKey.CONVERSATION_PANEL$METADATA)}),(0,S.jsx)(b.MenuRow,{icon:l.GitBranch,label:X(n.I18nKey.CONVERSATION_PANEL$REPO_BRANCH),selected:V,testId:`toggle-repo-branch-metadata`,onClick:()=>{H(),w(!1)}}),(0,S.jsx)(b.MenuRow,{icon:i.Bot,label:X(n.I18nKey.CONVERSATION_PANEL$LLM_MODEL),selected:U,testId:`toggle-llm-profiles`,onClick:()=>{W(),w(!1)}}),(0,S.jsx)(b.MenuRow,{icon:m.Tag,label:X(n.I18nKey.CONVERSATION_PANEL$TAGS),selected:G,testId:`toggle-tags-metadata`,onClick:()=>{K(),w(!1)}}),(0,S.jsx)(b.MenuRow,{icon:f.MousePointerClick,label:X(n.I18nKey.CONVERSATION_PANEL$HOVER_METADATA),selected:q,testId:`toggle-hover-metadata`,onClick:()=>{J(),w(!1)}}),(0,S.jsx)(y.MenuSeparator,{}),(0,S.jsx)(v.MenuHeading,{suffix:(0,S.jsx)(`span`,{className:`shrink-0 text-right text-[10px] font-medium normal-case tracking-normal text-[var(--oh-muted)]/70`,children:X(n.I18nKey.CONVERSATION_PANEL$OLDER_OVER_ONE_HOUR)}),children:X(n.I18nKey.CONVERSATION_PANEL$OLDER_SECTION)}),(0,S.jsx)(b.MenuRow,{testId:`toggle-older-conversations`,icon:L?c.EyeOff:ee.Eye,label:C(X(L?n.I18nKey.CONVERSATION$HIDE:n.I18nKey.CONVERSATION$SHOW_ALL)),onClick:()=>{B(),w(!1)}}),(0,S.jsx)(y.MenuSeparator,{}),(0,S.jsx)(b.MenuRow,{testId:`delete-all-conversations`,icon:h.Trash2,label:C(X(n.I18nKey.CONVERSATION$DELETE_ALL)),disabled:Y===0,onClick:()=>{Y!==0&&(ie(),w(!1))}})]}):null]})}exports.ConversationPanelFilterMenu=w;
 //# sourceMappingURL=conversation-panel-filter-menu.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-panel-filter-menu.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/conversation-panel-filter-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n  Bot,\n  CalendarArrowDown,\n  Clock3,\n  ClockArrowDown,\n  Eye,\n  EyeOff,\n  Folder,\n  GitBranch,\n  ListFilter,\n  MessageCircle,\n  MousePointerClick,\n  Star,\n  Tag,\n  Trash2,\n  Workflow,\n} from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { BackendKind } from \"#/api/backend-registry/types\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownInstantColorClassName,\n  dropdownMenuListClassName,\n  dropdownMenuViewportScrollClassName,\n} from \"#/utils/dropdown-classes\";\nimport {\n  UNNAMED_AUTOMATION_FACET,\n  type AutomationFilterMode,\n  type ConversationSortField,\n  type OrganizeMode,\n  type ThreadScope,\n} from \"./conversation-panel-list-helpers\";\nimport { MenuHeading } from \"./menu-heading\";\nimport { MenuSeparator } from \"./menu-separator\";\nimport { MenuRow } from \"./menu-row\";\n\nconst capitalizeLabel = (label: string) =>\n  label.length > 0 ? label.charAt(0).toUpperCase() + label.slice(1) : label;\n\nexport interface ConversationPanelFilterMenuProps {\n  filterMenuOpen: boolean;\n  setFilterMenuOpen: (open: boolean) => void;\n  menuRef: React.RefObject<HTMLDivElement | null>;\n  backendKind: BackendKind;\n  organizeMode: OrganizeMode;\n  setOrganizeMode: (mode: OrganizeMode) => void;\n  conversationSort: ConversationSortField;\n  setConversationSort: (sort: ConversationSortField) => void;\n  threadScope: ThreadScope;\n  setThreadScope: (scope: ThreadScope) => void;\n  automationFilterMode: AutomationFilterMode;\n  setAutomationFilterMode: (mode: AutomationFilterMode) => void;\n  selectedAutomationNames: string[];\n  onToggleAutomationName: (name: string) => void;\n  automationNameFacets: string[];\n  showOlderConversations: boolean;\n  toggleShowOlderConversations: () => void;\n  showRepoBranchMetadata: boolean;\n  toggleShowRepoBranchMetadata: () => void;\n  showLlmProfiles: boolean;\n  toggleShowLlmProfiles: () => void;\n  showTagsMetadata: boolean;\n  toggleShowTagsMetadata: () => void;\n  showHoverMetadata: boolean;\n  toggleShowHoverMetadata: () => void;\n  totalConversationsCount: number;\n  onRequestDeleteAll: () => void;\n}\n\nexport function ConversationPanelFilterMenu({\n  filterMenuOpen,\n  setFilterMenuOpen,\n  menuRef,\n  backendKind,\n  organizeMode,\n  setOrganizeMode,\n  conversationSort,\n  setConversationSort,\n  threadScope,\n  setThreadScope,\n  automationFilterMode,\n  setAutomationFilterMode,\n  selectedAutomationNames,\n  onToggleAutomationName,\n  automationNameFacets,\n  showOlderConversations,\n  toggleShowOlderConversations,\n  showRepoBranchMetadata,\n  toggleShowRepoBranchMetadata,\n  showLlmProfiles,\n  toggleShowLlmProfiles,\n  showTagsMetadata,\n  toggleShowTagsMetadata,\n  showHoverMetadata,\n  toggleShowHoverMetadata,\n  totalConversationsCount,\n  onRequestDeleteAll,\n}: ConversationPanelFilterMenuProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const groupedLabel =\n    backendKind === \"local\"\n      ? t(I18nKey.CONVERSATION_PANEL$BY_WORKSPACE)\n      : t(I18nKey.CONVERSATION_PANEL$BY_REPOSITORY);\n\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const menuContentRef = React.useRef<HTMLDivElement>(null);\n\n  // When the menu opens, move keyboard focus into it so screen-reader /\n  // keyboard-only users can interact with the options immediately. When\n  // it closes, return focus to the trigger so Tab order picks up where\n  // the user left off.\n  const wasOpenRef = React.useRef(filterMenuOpen);\n  React.useEffect(() => {\n    if (filterMenuOpen) {\n      const firstItem =\n        menuContentRef.current?.querySelector<HTMLButtonElement>(\n          '[role=\"menuitem\"], [role=\"menuitemradio\"]',\n        );\n      firstItem?.focus();\n    } else if (wasOpenRef.current) {\n      // Only return focus on a real open→close transition (not the\n      // mount-with-open=false case).\n      triggerRef.current?.focus();\n    }\n    wasOpenRef.current = filterMenuOpen;\n  }, [filterMenuOpen]);\n\n  // Roving Arrow Up/Down + Escape across the menu items. Tab still works\n  // natively; Escape closes the menu and returns focus to the trigger\n  // (via the effect above).\n  const handleMenuKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === \"Escape\") {\n      event.preventDefault();\n      setFilterMenuOpen(false);\n      return;\n    }\n    if (event.key !== \"ArrowDown\" && event.key !== \"ArrowUp\") return;\n    const container = menuContentRef.current;\n    if (!container) return;\n    const items = Array.from(\n      container.querySelectorAll<HTMLButtonElement>(\n        '[role=\"menuitem\"], [role=\"menuitemradio\"]',\n      ),\n    ).filter((el) => !el.disabled);\n    if (items.length === 0) return;\n    const currentIdx = items.indexOf(\n      document.activeElement as HTMLButtonElement,\n    );\n    const delta = event.key === \"ArrowDown\" ? 1 : -1;\n    const start = currentIdx === -1 ? 0 : currentIdx;\n    const nextIdx = (start + delta + items.length) % items.length;\n    event.preventDefault();\n    items[nextIdx]?.focus();\n  };\n\n  return (\n    <div ref={menuRef} className=\"relative shrink-0 pr-0.5\">\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        data-testid=\"older-conversations-filter-toggle\"\n        aria-label={t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL)}\n        aria-haspopup=\"menu\"\n        aria-expanded={filterMenuOpen}\n        onClick={() => setFilterMenuOpen(!filterMenuOpen)}\n        className={cn(\n          \"relative inline-flex h-7 w-7 items-center justify-center rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]\",\n          dropdownInstantColorClassName,\n        )}\n      >\n        <ListFilter\n          className=\"lucide lucide-list-filter shrink-0\"\n          width={14}\n          height={14}\n          strokeWidth={2}\n          aria-hidden\n        />\n        {automationFilterMode !== \"all\" ? (\n          <span\n            aria-hidden\n            data-testid=\"automation-filter-active-indicator\"\n            className=\"absolute right-0.5 top-0.5 h-1.5 w-1.5 rounded-full bg-[var(--oh-accent)]\"\n          />\n        ) : null}\n      </button>\n\n      {filterMenuOpen ? (\n        <div\n          ref={menuContentRef}\n          role=\"menu\"\n          aria-orientation=\"vertical\"\n          aria-label={t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL)}\n          // `role=\"menu\"` is an interactive ARIA role, so the container\n          // must be focusable to satisfy jsx-a11y. `-1` keeps it out of\n          // the natural Tab order (the menu items themselves are\n          // `<button>`s and tabbable on their own) but still allows the\n          // open-effect to focus it / its children programmatically.\n          tabIndex={-1}\n          data-testid=\"older-conversations-filter-menu\"\n          onKeyDown={handleMenuKeyDown}\n          className={cn(\n            \"absolute right-0 top-full z-50 mt-0 w-64 rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 text-[var(--oh-foreground)] shadow-lg\",\n            dropdownMenuListClassName,\n            dropdownMenuViewportScrollClassName,\n          )}\n        >\n          <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$ORGANIZE)}</MenuHeading>\n          <MenuRow\n            icon={Folder}\n            label={groupedLabel}\n            selected={organizeMode === \"grouped\"}\n            onClick={() => {\n              setOrganizeMode(\"grouped\");\n              setFilterMenuOpen(false);\n            }}\n          />\n          <MenuRow\n            icon={Clock3}\n            label={t(I18nKey.CONVERSATION_PANEL$CHRONOLOGICAL)}\n            selected={organizeMode === \"chronological\"}\n            onClick={() => {\n              setOrganizeMode(\"chronological\");\n              setFilterMenuOpen(false);\n            }}\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={conversationSort === \"created\"}\n            onClick={() => {\n              setConversationSort(\"created\");\n              setFilterMenuOpen(false);\n            }}\n          />\n          <MenuRow\n            icon={ClockArrowDown}\n            label={t(I18nKey.CONVERSATION_PANEL$SORT_UPDATED)}\n            selected={conversationSort === \"updated\"}\n            onClick={() => {\n              setConversationSort(\"updated\");\n              setFilterMenuOpen(false);\n            }}\n          />\n\n          <MenuSeparator />\n          <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$SHOW)}</MenuHeading>\n          <MenuRow\n            icon={MessageCircle}\n            label={t(I18nKey.CONVERSATION_PANEL$ALL_THREADS)}\n            selected={threadScope === \"all\"}\n            onClick={() => {\n              setThreadScope(\"all\");\n              setFilterMenuOpen(false);\n            }}\n          />\n          <MenuRow\n            icon={Star}\n            label={t(I18nKey.CONVERSATION_PANEL$RELEVANT_THREADS)}\n            selected={threadScope === \"relevant\"}\n            onClick={() => {\n              setThreadScope(\"relevant\");\n              setFilterMenuOpen(false);\n            }}\n          />\n\n          <MenuSeparator />\n          <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$AUTOMATIONS)}</MenuHeading>\n          <MenuRow\n            icon={MessageCircle}\n            label={t(I18nKey.CONVERSATION_PANEL$AUTOMATIONS_ALL)}\n            selected={automationFilterMode === \"all\"}\n            testId=\"automation-filter-all\"\n            onClick={() => {\n              setAutomationFilterMode(\"all\");\n              setFilterMenuOpen(false);\n            }}\n          />\n          <MenuRow\n            icon={EyeOff}\n            label={t(I18nKey.CONVERSATION_PANEL$AUTOMATIONS_HIDE)}\n            selected={automationFilterMode === \"hide-automations\"}\n            testId=\"automation-filter-hide\"\n            onClick={() => {\n              setAutomationFilterMode(\"hide-automations\");\n              setFilterMenuOpen(false);\n            }}\n          />\n          <MenuRow\n            icon={Workflow}\n            label={t(I18nKey.CONVERSATION_PANEL$AUTOMATIONS_ONLY)}\n            selected={automationFilterMode === \"only-automations\"}\n            testId=\"automation-filter-only\"\n            onClick={() => {\n              setAutomationFilterMode(\"only-automations\");\n              setFilterMenuOpen(false);\n            }}\n          />\n          {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={selectedAutomationNames.includes(facet)}\n                  testId={`automation-name-filter-${facet}`}\n                  // Multi-select name rows keep the menu open (unlike the\n                  // mode radios above) so several names can be toggled in\n                  // one visit.\n                  onClick={() => onToggleAutomationName(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={showRepoBranchMetadata}\n            testId=\"toggle-repo-branch-metadata\"\n            onClick={() => {\n              toggleShowRepoBranchMetadata();\n              setFilterMenuOpen(false);\n            }}\n          />\n          <MenuRow\n            icon={Bot}\n            label={t(I18nKey.CONVERSATION_PANEL$LLM_MODEL)}\n            selected={showLlmProfiles}\n            testId=\"toggle-llm-profiles\"\n            onClick={() => {\n              toggleShowLlmProfiles();\n              setFilterMenuOpen(false);\n            }}\n          />\n          <MenuRow\n            icon={Tag}\n            label={t(I18nKey.CONVERSATION_PANEL$TAGS)}\n            selected={showTagsMetadata}\n            testId=\"toggle-tags-metadata\"\n            onClick={() => {\n              toggleShowTagsMetadata();\n              setFilterMenuOpen(false);\n            }}\n          />\n          <MenuRow\n            icon={MousePointerClick}\n            label={t(I18nKey.CONVERSATION_PANEL$HOVER_METADATA)}\n            selected={showHoverMetadata}\n            testId=\"toggle-hover-metadata\"\n            onClick={() => {\n              toggleShowHoverMetadata();\n              setFilterMenuOpen(false);\n            }}\n          />\n\n          <MenuSeparator />\n          <MenuHeading\n            suffix={\n              <span className=\"shrink-0 text-right text-[10px] font-medium normal-case tracking-normal text-[var(--oh-muted)]/70\">\n                {t(I18nKey.CONVERSATION_PANEL$OLDER_OVER_ONE_HOUR)}\n              </span>\n            }\n          >\n            {t(I18nKey.CONVERSATION_PANEL$OLDER_SECTION)}\n          </MenuHeading>\n          <MenuRow\n            testId=\"toggle-older-conversations\"\n            icon={showOlderConversations ? EyeOff : Eye}\n            label={\n              showOlderConversations\n                ? capitalizeLabel(t(I18nKey.CONVERSATION$HIDE))\n                : capitalizeLabel(t(I18nKey.CONVERSATION$SHOW_ALL))\n            }\n            onClick={() => {\n              toggleShowOlderConversations();\n              setFilterMenuOpen(false);\n            }}\n          />\n\n          <MenuSeparator />\n          <MenuRow\n            testId=\"delete-all-conversations\"\n            icon={Trash2}\n            label={capitalizeLabel(t(I18nKey.CONVERSATION$DELETE_ALL))}\n            disabled={totalConversationsCount === 0}\n            onClick={() => {\n              if (totalConversationsCount === 0) return;\n              onRequestDeleteAll();\n              setFilterMenuOpen(false);\n            }}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"conversation-panel-filter-menu.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/conversation-panel-filter-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n  Archive,\n  Bot,\n  CalendarArrowDown,\n  Clock3,\n  ClockArrowDown,\n  Eye,\n  EyeOff,\n  Folder,\n  GitBranch,\n  ListFilter,\n  MessageCircle,\n  MousePointerClick,\n  Star,\n  Tag,\n  Trash2,\n  Workflow,\n} from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { BackendKind } from \"#/api/backend-registry/types\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownInstantColorClassName,\n  dropdownMenuListClassName,\n  dropdownMenuViewportScrollClassName,\n} from \"#/utils/dropdown-classes\";\nimport {\n  UNNAMED_AUTOMATION_FACET,\n  type AutomationFilterMode,\n  type ConversationSortField,\n  type OrganizeMode,\n  type ThreadScope,\n} from \"./conversation-panel-list-helpers\";\nimport { MenuHeading } from \"./menu-heading\";\nimport { MenuSeparator } from \"./menu-separator\";\nimport { MenuRow } from \"./menu-row\";\n\nconst capitalizeLabel = (label: string) =>\n  label.length > 0 ? label.charAt(0).toUpperCase() + label.slice(1) : label;\n\nexport interface ConversationPanelFilterMenuProps {\n  filterMenuOpen: boolean;\n  setFilterMenuOpen: (open: boolean) => void;\n  menuRef: React.RefObject<HTMLDivElement | null>;\n  backendKind: BackendKind;\n  organizeMode: OrganizeMode;\n  setOrganizeMode: (mode: OrganizeMode) => void;\n  conversationSort: ConversationSortField;\n  setConversationSort: (sort: ConversationSortField) => void;\n  threadScope: ThreadScope;\n  setThreadScope: (scope: ThreadScope) => void;\n  automationFilterMode: AutomationFilterMode;\n  setAutomationFilterMode: (mode: AutomationFilterMode) => void;\n  selectedAutomationNames: string[];\n  onToggleAutomationName: (name: string) => void;\n  automationNameFacets: string[];\n  showOlderConversations: boolean;\n  showArchivedConversations: boolean;\n  toggleShowArchivedConversations: () => void;\n  toggleShowOlderConversations: () => void;\n  showRepoBranchMetadata: boolean;\n  toggleShowRepoBranchMetadata: () => void;\n  showLlmProfiles: boolean;\n  toggleShowLlmProfiles: () => void;\n  showTagsMetadata: boolean;\n  toggleShowTagsMetadata: () => void;\n  showHoverMetadata: boolean;\n  toggleShowHoverMetadata: () => void;\n  totalConversationsCount: number;\n  onRequestDeleteAll: () => void;\n}\n\nexport function ConversationPanelFilterMenu({\n  filterMenuOpen,\n  setFilterMenuOpen,\n  menuRef,\n  backendKind,\n  organizeMode,\n  setOrganizeMode,\n  conversationSort,\n  setConversationSort,\n  threadScope,\n  setThreadScope,\n  automationFilterMode,\n  setAutomationFilterMode,\n  selectedAutomationNames,\n  onToggleAutomationName,\n  automationNameFacets,\n  showOlderConversations,\n  showArchivedConversations,\n  toggleShowArchivedConversations,\n  toggleShowOlderConversations,\n  showRepoBranchMetadata,\n  toggleShowRepoBranchMetadata,\n  showLlmProfiles,\n  toggleShowLlmProfiles,\n  showTagsMetadata,\n  toggleShowTagsMetadata,\n  showHoverMetadata,\n  toggleShowHoverMetadata,\n  totalConversationsCount,\n  onRequestDeleteAll,\n}: ConversationPanelFilterMenuProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const groupedLabel =\n    backendKind === \"local\"\n      ? t(I18nKey.CONVERSATION_PANEL$BY_WORKSPACE)\n      : t(I18nKey.CONVERSATION_PANEL$BY_REPOSITORY);\n\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const menuContentRef = React.useRef<HTMLDivElement>(null);\n\n  // When the menu opens, move keyboard focus into it so screen-reader /\n  // keyboard-only users can interact with the options immediately. When\n  // it closes, return focus to the trigger so Tab order picks up where\n  // the user left off.\n  const wasOpenRef = React.useRef(filterMenuOpen);\n  React.useEffect(() => {\n    if (filterMenuOpen) {\n      const firstItem =\n        menuContentRef.current?.querySelector<HTMLButtonElement>(\n          '[role=\"menuitem\"], [role=\"menuitemradio\"]',\n        );\n      firstItem?.focus();\n    } else if (wasOpenRef.current) {\n      // Only return focus on a real open→close transition (not the\n      // mount-with-open=false case).\n      triggerRef.current?.focus();\n    }\n    wasOpenRef.current = filterMenuOpen;\n  }, [filterMenuOpen]);\n\n  // Roving Arrow Up/Down + Escape across the menu items. Tab still works\n  // natively; Escape closes the menu and returns focus to the trigger\n  // (via the effect above).\n  const handleMenuKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === \"Escape\") {\n      event.preventDefault();\n      setFilterMenuOpen(false);\n      return;\n    }\n    if (event.key !== \"ArrowDown\" && event.key !== \"ArrowUp\") return;\n    const container = menuContentRef.current;\n    if (!container) return;\n    const items = Array.from(\n      container.querySelectorAll<HTMLButtonElement>(\n        '[role=\"menuitem\"], [role=\"menuitemradio\"]',\n      ),\n    ).filter((el) => !el.disabled);\n    if (items.length === 0) return;\n    const currentIdx = items.indexOf(\n      document.activeElement as HTMLButtonElement,\n    );\n    const delta = event.key === \"ArrowDown\" ? 1 : -1;\n    const start = currentIdx === -1 ? 0 : currentIdx;\n    const nextIdx = (start + delta + items.length) % items.length;\n    event.preventDefault();\n    items[nextIdx]?.focus();\n  };\n\n  return (\n    <div ref={menuRef} className=\"relative shrink-0 pr-0.5\">\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        data-testid=\"older-conversations-filter-toggle\"\n        aria-label={t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL)}\n        aria-haspopup=\"menu\"\n        aria-expanded={filterMenuOpen}\n        onClick={() => setFilterMenuOpen(!filterMenuOpen)}\n        className={cn(\n          \"relative inline-flex h-7 w-7 items-center justify-center rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]\",\n          dropdownInstantColorClassName,\n        )}\n      >\n        <ListFilter\n          className=\"lucide lucide-list-filter shrink-0\"\n          width={14}\n          height={14}\n          strokeWidth={2}\n          aria-hidden\n        />\n        {automationFilterMode !== \"all\" ? (\n          <span\n            aria-hidden\n            data-testid=\"automation-filter-active-indicator\"\n            className=\"absolute right-0.5 top-0.5 h-1.5 w-1.5 rounded-full bg-[var(--oh-accent)]\"\n          />\n        ) : null}\n      </button>\n\n      {filterMenuOpen ? (\n        <div\n          ref={menuContentRef}\n          role=\"menu\"\n          aria-orientation=\"vertical\"\n          aria-label={t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL)}\n          // `role=\"menu\"` is an interactive ARIA role, so the container\n          // must be focusable to satisfy jsx-a11y. `-1` keeps it out of\n          // the natural Tab order (the menu items themselves are\n          // `<button>`s and tabbable on their own) but still allows the\n          // open-effect to focus it / its children programmatically.\n          tabIndex={-1}\n          data-testid=\"older-conversations-filter-menu\"\n          onKeyDown={handleMenuKeyDown}\n          className={cn(\n            \"absolute right-0 top-full z-50 mt-0 w-64 rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 text-[var(--oh-foreground)] shadow-lg\",\n            dropdownMenuListClassName,\n            dropdownMenuViewportScrollClassName,\n          )}\n        >\n          <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$ORGANIZE)}</MenuHeading>\n          <MenuRow\n            icon={Folder}\n            label={groupedLabel}\n            selected={organizeMode === \"grouped\"}\n            onClick={() => {\n              setOrganizeMode(\"grouped\");\n              setFilterMenuOpen(false);\n            }}\n          />\n          <MenuRow\n            icon={Clock3}\n            label={t(I18nKey.CONVERSATION_PANEL$CHRONOLOGICAL)}\n            selected={organizeMode === \"chronological\"}\n            onClick={() => {\n              setOrganizeMode(\"chronological\");\n              setFilterMenuOpen(false);\n            }}\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={conversationSort === \"created\"}\n            onClick={() => {\n              setConversationSort(\"created\");\n              setFilterMenuOpen(false);\n            }}\n          />\n          <MenuRow\n            icon={ClockArrowDown}\n            label={t(I18nKey.CONVERSATION_PANEL$SORT_UPDATED)}\n            selected={conversationSort === \"updated\"}\n            onClick={() => {\n              setConversationSort(\"updated\");\n              setFilterMenuOpen(false);\n            }}\n          />\n\n          <MenuSeparator />\n          <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$SHOW)}</MenuHeading>\n          <MenuRow\n            icon={MessageCircle}\n            label={t(I18nKey.CONVERSATION_PANEL$ALL_THREADS)}\n            selected={threadScope === \"all\"}\n            onClick={() => {\n              setThreadScope(\"all\");\n              setFilterMenuOpen(false);\n            }}\n          />\n          <MenuRow\n            icon={Star}\n            label={t(I18nKey.CONVERSATION_PANEL$RELEVANT_THREADS)}\n            selected={threadScope === \"relevant\"}\n            onClick={() => {\n              setThreadScope(\"relevant\");\n              setFilterMenuOpen(false);\n            }}\n          />\n          <MenuRow\n            icon={Archive}\n            label={t(I18nKey.CONVERSATION_PANEL$SHOW_ARCHIVED)}\n            selected={showArchivedConversations}\n            testId=\"toggle-show-archived\"\n            onClick={() => {\n              toggleShowArchivedConversations();\n              setFilterMenuOpen(false);\n            }}\n          />\n\n          <MenuSeparator />\n          <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$AUTOMATIONS)}</MenuHeading>\n          <MenuRow\n            icon={MessageCircle}\n            label={t(I18nKey.CONVERSATION_PANEL$AUTOMATIONS_ALL)}\n            selected={automationFilterMode === \"all\"}\n            testId=\"automation-filter-all\"\n            onClick={() => {\n              setAutomationFilterMode(\"all\");\n              setFilterMenuOpen(false);\n            }}\n          />\n          <MenuRow\n            icon={EyeOff}\n            label={t(I18nKey.CONVERSATION_PANEL$AUTOMATIONS_HIDE)}\n            selected={automationFilterMode === \"hide-automations\"}\n            testId=\"automation-filter-hide\"\n            onClick={() => {\n              setAutomationFilterMode(\"hide-automations\");\n              setFilterMenuOpen(false);\n            }}\n          />\n          <MenuRow\n            icon={Workflow}\n            label={t(I18nKey.CONVERSATION_PANEL$AUTOMATIONS_ONLY)}\n            selected={automationFilterMode === \"only-automations\"}\n            testId=\"automation-filter-only\"\n            onClick={() => {\n              setAutomationFilterMode(\"only-automations\");\n              setFilterMenuOpen(false);\n            }}\n          />\n          {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={selectedAutomationNames.includes(facet)}\n                  testId={`automation-name-filter-${facet}`}\n                  // Multi-select name rows keep the menu open (unlike the\n                  // mode radios above) so several names can be toggled in\n                  // one visit.\n                  onClick={() => onToggleAutomationName(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={showRepoBranchMetadata}\n            testId=\"toggle-repo-branch-metadata\"\n            onClick={() => {\n              toggleShowRepoBranchMetadata();\n              setFilterMenuOpen(false);\n            }}\n          />\n          <MenuRow\n            icon={Bot}\n            label={t(I18nKey.CONVERSATION_PANEL$LLM_MODEL)}\n            selected={showLlmProfiles}\n            testId=\"toggle-llm-profiles\"\n            onClick={() => {\n              toggleShowLlmProfiles();\n              setFilterMenuOpen(false);\n            }}\n          />\n          <MenuRow\n            icon={Tag}\n            label={t(I18nKey.CONVERSATION_PANEL$TAGS)}\n            selected={showTagsMetadata}\n            testId=\"toggle-tags-metadata\"\n            onClick={() => {\n              toggleShowTagsMetadata();\n              setFilterMenuOpen(false);\n            }}\n          />\n          <MenuRow\n            icon={MousePointerClick}\n            label={t(I18nKey.CONVERSATION_PANEL$HOVER_METADATA)}\n            selected={showHoverMetadata}\n            testId=\"toggle-hover-metadata\"\n            onClick={() => {\n              toggleShowHoverMetadata();\n              setFilterMenuOpen(false);\n            }}\n          />\n\n          <MenuSeparator />\n          <MenuHeading\n            suffix={\n              <span className=\"shrink-0 text-right text-[10px] font-medium normal-case tracking-normal text-[var(--oh-muted)]/70\">\n                {t(I18nKey.CONVERSATION_PANEL$OLDER_OVER_ONE_HOUR)}\n              </span>\n            }\n          >\n            {t(I18nKey.CONVERSATION_PANEL$OLDER_SECTION)}\n          </MenuHeading>\n          <MenuRow\n            testId=\"toggle-older-conversations\"\n            icon={showOlderConversations ? EyeOff : Eye}\n            label={\n              showOlderConversations\n                ? capitalizeLabel(t(I18nKey.CONVERSATION$HIDE))\n                : capitalizeLabel(t(I18nKey.CONVERSATION$SHOW_ALL))\n            }\n            onClick={() => {\n              toggleShowOlderConversations();\n              setFilterMenuOpen(false);\n            }}\n          />\n\n          <MenuSeparator />\n          <MenuRow\n            testId=\"delete-all-conversations\"\n            icon={Trash2}\n            label={capitalizeLabel(t(I18nKey.CONVERSATION$DELETE_ALL))}\n            disabled={totalConversationsCount === 0}\n            onClick={() => {\n              if (totalConversationsCount === 0) return;\n              onRequestDeleteAll();\n              setFilterMenuOpen(false);\n            }}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/conversation-panel/conversation-panel-filter-menu.d.ts

@@ -18,6 +18,8 @@ export interface ConversationPanelFilterMenuProps {
     onToggleAutomationName: (name: string) => void;
     automationNameFacets: string[];
     showOlderConversations: boolean;
+    showArchivedConversations: boolean;
+    toggleShowArchivedConversations: () => void;
     toggleShowOlderConversations: () => void;
     showRepoBranchMetadata: boolean;
     toggleShowRepoBranchMetadata: () => void;
@@ -30,4 +32,4 @@ export interface ConversationPanelFilterMenuProps {
     totalConversationsCount: number;
     onRequestDeleteAll: () => void;
 }
-export declare function ConversationPanelFilterMenu({ filterMenuOpen, setFilterMenuOpen, menuRef, backendKind, organizeMode, setOrganizeMode, conversationSort, setConversationSort, threadScope, setThreadScope, automationFilterMode, setAutomationFilterMode, selectedAutomationNames, onToggleAutomationName, automationNameFacets, showOlderConversations, toggleShowOlderConversations, showRepoBranchMetadata, toggleShowRepoBranchMetadata, showLlmProfiles, toggleShowLlmProfiles, showTagsMetadata, toggleShowTagsMetadata, showHoverMetadata, toggleShowHoverMetadata, totalConversationsCount, onRequestDeleteAll, }: ConversationPanelFilterMenuProps): React.JSX.Element;
+export declare function ConversationPanelFilterMenu({ filterMenuOpen, setFilterMenuOpen, menuRef, backendKind, organizeMode, setOrganizeMode, conversationSort, setConversationSort, threadScope, setThreadScope, automationFilterMode, setAutomationFilterMode, selectedAutomationNames, onToggleAutomationName, automationNameFacets, showOlderConversations, showArchivedConversations, toggleShowArchivedConversations, toggleShowOlderConversations, showRepoBranchMetadata, toggleShowRepoBranchMetadata, showLlmProfiles, toggleShowLlmProfiles, showTagsMetadata, toggleShowTagsMetadata, showHoverMetadata, toggleShowHoverMetadata, totalConversationsCount, onRequestDeleteAll, }: ConversationPanelFilterMenuProps): React.JSX.Element;