@openhands/agent-canvas 1.10.0 → 1.12.0

package/dist/components/features/conversation-panel/conversation-card/no-repository.js

@@ -1,28 +1,39 @@
 import { useTranslation as e } from "../../../../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../../../../i18n/declaration.js";
-import { getPathBasename as n } from "../../../../utils/path-utils.js";
-import r from "../../../../icons/repo-forked.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Folder as n } from "../../../../node_modules/lucide-react/dist/esm/icons/folder.js";
+import { getPathBasename as r } from "../../../../utils/path-utils.js";
+import i from "../../../../icons/repo-forked.js";
+import { CONVERSATION_CARD_META_CHIP_CLASSNAME as a, CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME as o, CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME as s } from "./conversation-card-meta-chip.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/features/conversation-panel/conversation-card/no-repository.tsx
-function o({ workspaceWorkingDir: o }) {
-	let { t: s } = e("openhands"), c = o ? n(o).trim() : "";
-	return c ? /* @__PURE__ */ i("span", {
-		className: "truncate min-w-0 text-xs text-[var(--oh-muted)] flex-1",
-		title: o ?? void 0,
-		children: c
-	}) : /* @__PURE__ */ a("div", {
-		className: "flex items-center gap-1 text-xs text-[var(--oh-muted)] flex-1 min-w-0 overflow-hidden",
-		children: [/* @__PURE__ */ i(r, {
-			width: 14,
-			height: 14,
-			className: "text-[var(--oh-muted)]"
-		}), /* @__PURE__ */ i("span", {
-			className: "truncate min-w-0",
-			children: s(t.COMMON$NO_REPOSITORY)
+function u({ workspaceWorkingDir: u }) {
+	let { t: d } = e("openhands"), f = u ? r(u).trim() : "";
+	return f ? /* @__PURE__ */ l("span", {
+		"data-testid": "conversation-card-workspace-folder",
+		className: a,
+		title: u ?? void 0,
+		children: [/* @__PURE__ */ c("span", {
+			className: s,
+			"aria-hidden": !0,
+			children: /* @__PURE__ */ c(n, { className: o })
+		}), /* @__PURE__ */ c("span", {
+			className: "truncate leading-4",
+			children: f
+		})]
+	}) : /* @__PURE__ */ l("span", {
+		"data-testid": "conversation-card-no-repository",
+		className: a,
+		children: [/* @__PURE__ */ c("span", {
+			className: s,
+			"aria-hidden": !0,
+			children: /* @__PURE__ */ c(i, { className: o })
+		}), /* @__PURE__ */ c("span", {
+			className: "truncate leading-4",
+			children: d(t.COMMON$NO_REPOSITORY)
 		})]
 	});
 }
 //#endregion
-export { o as NoRepository };
+export { u as NoRepository };
 
 //# sourceMappingURL=no-repository.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"no-repository.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/no-repository.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport RepoForkedIcon from \"#/icons/repo-forked.svg?react\";\nimport { getPathBasename } from \"#/utils/path-utils\";\n\ninterface NoRepositoryProps {\n  workspaceWorkingDir?: string | null;\n}\n\nexport function NoRepository({ workspaceWorkingDir }: NoRepositoryProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const folderName = workspaceWorkingDir\n    ? getPathBasename(workspaceWorkingDir).trim()\n    : \"\";\n\n  if (folderName) {\n    return (\n      <span\n        className=\"truncate min-w-0 text-xs text-[var(--oh-muted)] flex-1\"\n        title={workspaceWorkingDir ?? undefined}\n      >\n        {folderName}\n      </span>\n    );\n  }\n\n  return (\n    <div className=\"flex items-center gap-1 text-xs text-[var(--oh-muted)] flex-1 min-w-0 overflow-hidden\">\n      <RepoForkedIcon\n        width={14}\n        height={14}\n        className=\"text-[var(--oh-muted)]\"\n      />\n      <span className=\"truncate min-w-0\">\n        {t(I18nKey.COMMON$NO_REPOSITORY)}\n      </span>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AASA,SAAgB,EAAa,EAAE,0BAA0C;CACvE,IAAM,EAAE,SAAM,EAAe,WAAW,GAElC,IAAa,IACf,EAAgB,CAAmB,EAAE,KAAK,IAC1C;CAaJ,OAXI,IAEA,kBAAC,QAAD;EACE,WAAU;EACV,OAAO,KAAuB,KAAA;YAE7B;CACG,CAAA,IAKR,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,OAAO;GACP,QAAQ;GACR,WAAU;EACX,CAAA,GACD,kBAAC,QAAD;GAAM,WAAU;aACb,EAAE,EAAQ,oBAAoB;EAC3B,CAAA,CACH;;AAET"}
+{"version":3,"file":"no-repository.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/no-repository.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { Folder } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport RepoForkedIcon from \"#/icons/repo-forked.svg?react\";\nimport { getPathBasename } from \"#/utils/path-utils\";\nimport {\n  CONVERSATION_CARD_META_CHIP_CLASSNAME,\n  CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME,\n  CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME,\n} from \"./conversation-card-meta-chip\";\n\ninterface NoRepositoryProps {\n  workspaceWorkingDir?: string | null;\n}\n\nexport function NoRepository({ workspaceWorkingDir }: NoRepositoryProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const folderName = workspaceWorkingDir\n    ? getPathBasename(workspaceWorkingDir).trim()\n    : \"\";\n\n  if (folderName) {\n    return (\n      <span\n        data-testid=\"conversation-card-workspace-folder\"\n        className={CONVERSATION_CARD_META_CHIP_CLASSNAME}\n        title={workspaceWorkingDir ?? undefined}\n      >\n        <span\n          className={CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME}\n          aria-hidden\n        >\n          <Folder className={CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME} />\n        </span>\n        <span className=\"truncate leading-4\">{folderName}</span>\n      </span>\n    );\n  }\n\n  return (\n    <span\n      data-testid=\"conversation-card-no-repository\"\n      className={CONVERSATION_CARD_META_CHIP_CLASSNAME}\n    >\n      <span\n        className={CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME}\n        aria-hidden\n      >\n        <RepoForkedIcon\n          className={CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME}\n        />\n      </span>\n      <span className=\"truncate leading-4\">\n        {t(I18nKey.COMMON$NO_REPOSITORY)}\n      </span>\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;AAeA,SAAgB,EAAa,EAAE,0BAA0C;CACvE,IAAM,EAAE,SAAM,EAAe,WAAW,GAElC,IAAa,IACf,EAAgB,CAAmB,EAAE,KAAK,IAC1C;CAoBJ,OAlBI,IAEA,kBAAC,QAAD;EACE,eAAY;EACZ,WAAW;EACX,OAAO,KAAuB,KAAA;YAHhC,CAKE,kBAAC,QAAD;GACE,WAAW;GACX,eAAA;aAEA,kBAAC,GAAD,EAAQ,WAAW,EAA6C,CAAA;EAC5D,CAAA,GACN,kBAAC,QAAD;GAAM,WAAU;aAAsB;EAAiB,CAAA,CACnD;MAKR,kBAAC,QAAD;EACE,eAAY;EACZ,WAAW;YAFb,CAIE,kBAAC,QAAD;GACE,WAAW;GACX,eAAA;aAEA,kBAAC,GAAD,EACE,WAAW,EACZ,CAAA;EACG,CAAA,GACN,kBAAC,QAAD;GAAM,WAAU;aACb,EAAE,EAAQ,oBAAoB;EAC3B,CAAA,CACF;;AAEV"}

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"),o=require("../../../node_modules/lucide-react/dist/esm/icons/clock-arrow-down.cjs"),s=require("../../../node_modules/lucide-react/dist/esm/icons/eye-off.cjs"),c=require("../../../node_modules/lucide-react/dist/esm/icons/eye.cjs"),l=require("../../../node_modules/lucide-react/dist/esm/icons/folder.cjs"),u=require("../../../node_modules/lucide-react/dist/esm/icons/git-branch.cjs"),d=require("../../../node_modules/lucide-react/dist/esm/icons/list-filter.cjs"),f=require("../../../node_modules/lucide-react/dist/esm/icons/message-circle.cjs"),p=require("../../../node_modules/lucide-react/dist/esm/icons/mouse-pointer-click.cjs"),m=require("../../../node_modules/lucide-react/dist/esm/icons/star.cjs"),h=require("../../../node_modules/lucide-react/dist/esm/icons/tag.cjs"),g=require("../../../node_modules/lucide-react/dist/esm/icons/trash-2.cjs"),_=require("../../../utils/utils.cjs"),v=require("../../../utils/dropdown-classes.cjs"),y=require("./menu-heading.cjs"),b=require("./menu-separator.cjs"),x=require("./menu-row.cjs");let S=require("react");S=e.__toESM(S,1);let C=require("react/jsx-runtime");var w=e=>e.length>0?e.charAt(0).toUpperCase()+e.slice(1):e;function T({filterMenuOpen:e,setFilterMenuOpen:T,menuRef:E,backendKind:D,organizeMode:O,setOrganizeMode:k,conversationSort:A,setConversationSort:j,threadScope:M,setThreadScope:N,showOlderConversations:P,toggleShowOlderConversations:F,showRepoBranchMetadata:I,toggleShowRepoBranchMetadata:L,showLlmProfiles:R,toggleShowLlmProfiles:z,showTagsMetadata:B,toggleShowTagsMetadata:V,showHoverMetadata:H,toggleShowHoverMetadata:U,totalConversationsCount:W,onRequestDeleteAll:G}){let{t:K}=t.useTranslation(`openhands`),q=K(D===`local`?n.I18nKey.CONVERSATION_PANEL$BY_WORKSPACE:n.I18nKey.CONVERSATION_PANEL$BY_REPOSITORY),J=S.default.useRef(null),Y=S.default.useRef(null),X=S.default.useRef(e);return S.default.useEffect(()=>{e?(Y.current?.querySelector(`[role="menuitem"], [role="menuitemradio"]`))?.focus():X.current&&J.current?.focus(),X.current=e},[e]),(0,C.jsxs)(`div`,{ref:E,className:`relative shrink-0 pr-0.5`,children:[(0,C.jsx)(`button`,{ref:J,type:`button`,"data-testid":`older-conversations-filter-toggle`,"aria-label":K(n.I18nKey.CONVERSATION_PANEL$FILTER_LABEL),"aria-haspopup":`menu`,"aria-expanded":e,onClick:()=>T(!e),className:_.cn(`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)]`,v.dropdownInstantColorClassName),children:(0,C.jsx)(d.ListFilter,{className:`lucide lucide-list-filter shrink-0`,width:14,height:14,strokeWidth:2,"aria-hidden":!0})}),e?(0,C.jsxs)(`div`,{ref:Y,role:`menu`,"aria-orientation":`vertical`,"aria-label":K(n.I18nKey.CONVERSATION_PANEL$FILTER_LABEL),tabIndex:-1,"data-testid":`older-conversations-filter-menu`,onKeyDown:e=>{if(e.key===`Escape`){e.preventDefault(),T(!1);return}if(e.key!==`ArrowDown`&&e.key!==`ArrowUp`)return;let t=Y.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:_.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`,v.dropdownMenuListClassName,v.dropdownMenuViewportScrollClassName),children:[(0,C.jsx)(y.MenuHeading,{children:K(n.I18nKey.CONVERSATION_PANEL$ORGANIZE)}),(0,C.jsx)(x.MenuRow,{icon:l.Folder,label:q,selected:O===`grouped`,onClick:()=>{k(`grouped`),T(!1)}}),(0,C.jsx)(x.MenuRow,{icon:a.Clock3,label:K(n.I18nKey.CONVERSATION_PANEL$CHRONOLOGICAL),selected:O===`chronological`,onClick:()=>{k(`chronological`),T(!1)}}),(0,C.jsx)(b.MenuSeparator,{}),(0,C.jsx)(y.MenuHeading,{children:K(n.I18nKey.CONVERSATION_PANEL$SORT_BY)}),(0,C.jsx)(x.MenuRow,{icon:i.CalendarArrowDown,label:K(n.I18nKey.CONVERSATION_PANEL$SORT_CREATED),selected:A===`created`,onClick:()=>{j(`created`),T(!1)}}),(0,C.jsx)(x.MenuRow,{icon:o.ClockArrowDown,label:K(n.I18nKey.CONVERSATION_PANEL$SORT_UPDATED),selected:A===`updated`,onClick:()=>{j(`updated`),T(!1)}}),(0,C.jsx)(b.MenuSeparator,{}),(0,C.jsx)(y.MenuHeading,{children:K(n.I18nKey.CONVERSATION_PANEL$SHOW)}),(0,C.jsx)(x.MenuRow,{icon:f.MessageCircle,label:K(n.I18nKey.CONVERSATION_PANEL$ALL_THREADS),selected:M===`all`,onClick:()=>{N(`all`),T(!1)}}),(0,C.jsx)(x.MenuRow,{icon:m.Star,label:K(n.I18nKey.CONVERSATION_PANEL$RELEVANT_THREADS),selected:M===`relevant`,onClick:()=>{N(`relevant`),T(!1)}}),(0,C.jsx)(b.MenuSeparator,{}),(0,C.jsx)(y.MenuHeading,{children:K(n.I18nKey.CONVERSATION_PANEL$METADATA)}),(0,C.jsx)(x.MenuRow,{icon:r.Bot,label:K(n.I18nKey.CONVERSATION_PANEL$LLM_MODEL),selected:R,testId:`toggle-llm-profiles`,onClick:()=>{z(),T(!1)}}),(0,C.jsx)(x.MenuRow,{icon:u.GitBranch,label:K(n.I18nKey.CONVERSATION_PANEL$REPO_BRANCH),selected:I,testId:`toggle-repo-branch-metadata`,onClick:()=>{L(),T(!1)}}),(0,C.jsx)(x.MenuRow,{icon:h.Tag,label:K(n.I18nKey.CONVERSATION_PANEL$TAGS),selected:B,testId:`toggle-tags-metadata`,onClick:()=>{V(),T(!1)}}),(0,C.jsx)(x.MenuRow,{icon:p.MousePointerClick,label:K(n.I18nKey.CONVERSATION_PANEL$HOVER_METADATA),selected:H,testId:`toggle-hover-metadata`,onClick:()=>{U(),T(!1)}}),(0,C.jsx)(b.MenuSeparator,{}),(0,C.jsx)(y.MenuHeading,{suffix:(0,C.jsx)(`span`,{className:`shrink-0 text-right text-[10px] font-medium normal-case tracking-normal text-[var(--oh-muted)]/70`,children:K(n.I18nKey.CONVERSATION_PANEL$OLDER_OVER_ONE_HOUR)}),children:K(n.I18nKey.CONVERSATION_PANEL$OLDER_SECTION)}),(0,C.jsx)(x.MenuRow,{testId:`toggle-older-conversations`,icon:P?s.EyeOff:c.Eye,label:w(K(P?n.I18nKey.CONVERSATION$HIDE:n.I18nKey.CONVERSATION$SHOW_ALL)),onClick:()=>{F(),T(!1)}}),(0,C.jsx)(b.MenuSeparator,{}),(0,C.jsx)(x.MenuRow,{testId:`delete-all-conversations`,icon:g.Trash2,label:w(K(n.I18nKey.CONVERSATION$DELETE_ALL)),disabled:W===0,onClick:()=>{W!==0&&(G(),T(!1))}})]}):null]})}exports.ConversationPanelFilterMenu=T;
+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;
 //# 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} 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 type {\n  ConversationSortField,\n  OrganizeMode,\n  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  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  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          \"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      </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$METADATA)}</MenuHeading>\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={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={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  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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"}

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

@@ -1,6 +1,6 @@
 import React from "react";
 import type { BackendKind } from "#/api/backend-registry/types";
-import type { ConversationSortField, OrganizeMode, ThreadScope } from "./conversation-panel-list-helpers";
+import { type AutomationFilterMode, type ConversationSortField, type OrganizeMode, type ThreadScope } from "./conversation-panel-list-helpers";
 export interface ConversationPanelFilterMenuProps {
     filterMenuOpen: boolean;
     setFilterMenuOpen: (open: boolean) => void;
@@ -12,6 +12,11 @@ export interface ConversationPanelFilterMenuProps {
     setConversationSort: (sort: ConversationSortField) => void;
     threadScope: ThreadScope;
     setThreadScope: (scope: ThreadScope) => void;
+    automationFilterMode: AutomationFilterMode;
+    setAutomationFilterMode: (mode: AutomationFilterMode) => void;
+    selectedAutomationNames: string[];
+    onToggleAutomationName: (name: string) => void;
+    automationNameFacets: string[];
     showOlderConversations: boolean;
     toggleShowOlderConversations: () => void;
     showRepoBranchMetadata: boolean;
@@ -25,4 +30,4 @@ export interface ConversationPanelFilterMenuProps {
     totalConversationsCount: number;
     onRequestDeleteAll: () => void;
 }
-export declare function ConversationPanelFilterMenu({ filterMenuOpen, setFilterMenuOpen, menuRef, backendKind, organizeMode, setOrganizeMode, conversationSort, setConversationSort, threadScope, setThreadScope, 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, toggleShowOlderConversations, showRepoBranchMetadata, toggleShowRepoBranchMetadata, showLlmProfiles, toggleShowLlmProfiles, showTagsMetadata, toggleShowTagsMetadata, showHoverMetadata, toggleShowHoverMetadata, totalConversationsCount, onRequestDeleteAll, }: ConversationPanelFilterMenuProps): React.JSX.Element;

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

@@ -5,57 +5,63 @@ import { CalendarArrowDown as r } from "../../../node_modules/lucide-react/dist/
 import { Clock3 as i } from "../../../node_modules/lucide-react/dist/esm/icons/clock-3.js";
 import { ClockArrowDown as a } from "../../../node_modules/lucide-react/dist/esm/icons/clock-arrow-down.js";
 import { EyeOff as o } from "../../../node_modules/lucide-react/dist/esm/icons/eye-off.js";
-import { Eye as s } from "../../../node_modules/lucide-react/dist/esm/icons/eye.js";
-import { Folder as c } from "../../../node_modules/lucide-react/dist/esm/icons/folder.js";
-import { GitBranch as l } from "../../../node_modules/lucide-react/dist/esm/icons/git-branch.js";
-import { ListFilter as u } from "../../../node_modules/lucide-react/dist/esm/icons/list-filter.js";
-import { MessageCircle as d } from "../../../node_modules/lucide-react/dist/esm/icons/message-circle.js";
-import { MousePointerClick as f } from "../../../node_modules/lucide-react/dist/esm/icons/mouse-pointer-click.js";
-import { Star as p } from "../../../node_modules/lucide-react/dist/esm/icons/star.js";
-import { Tag as m } from "../../../node_modules/lucide-react/dist/esm/icons/tag.js";
-import { Trash2 as h } from "../../../node_modules/lucide-react/dist/esm/icons/trash-2.js";
-import { cn as g } from "../../../utils/utils.js";
-import { dropdownInstantColorClassName as _, dropdownMenuListClassName as v, dropdownMenuViewportScrollClassName as y } from "../../../utils/dropdown-classes.js";
-import { MenuHeading as b } from "./menu-heading.js";
-import { MenuSeparator as x } from "./menu-separator.js";
-import { MenuRow as S } from "./menu-row.js";
-import C from "react";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { Eye as ee } from "../../../node_modules/lucide-react/dist/esm/icons/eye.js";
+import { Folder as s } from "../../../node_modules/lucide-react/dist/esm/icons/folder.js";
+import { GitBranch as c } from "../../../node_modules/lucide-react/dist/esm/icons/git-branch.js";
+import { ListFilter as te } from "../../../node_modules/lucide-react/dist/esm/icons/list-filter.js";
+import { MessageCircle as l } from "../../../node_modules/lucide-react/dist/esm/icons/message-circle.js";
+import { MousePointerClick as ne } from "../../../node_modules/lucide-react/dist/esm/icons/mouse-pointer-click.js";
+import { Star as re } from "../../../node_modules/lucide-react/dist/esm/icons/star.js";
+import { Tag as u } from "../../../node_modules/lucide-react/dist/esm/icons/tag.js";
+import { Trash2 as d } from "../../../node_modules/lucide-react/dist/esm/icons/trash-2.js";
+import { Workflow as f } from "../../../node_modules/lucide-react/dist/esm/icons/workflow.js";
+import { cn as p } from "../../../utils/utils.js";
+import { dropdownInstantColorClassName as m, dropdownMenuListClassName as h, dropdownMenuViewportScrollClassName as g } from "../../../utils/dropdown-classes.js";
+import "./conversation-panel-list-helpers.js";
+import { MenuHeading as _ } from "./menu-heading.js";
+import { MenuSeparator as v } from "./menu-separator.js";
+import { MenuRow as y } from "./menu-row.js";
+import b from "react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/components/features/conversation-panel/conversation-panel-filter-menu.tsx
-var E = (e) => e.length > 0 ? e.charAt(0).toUpperCase() + e.slice(1) : e;
-function D({ filterMenuOpen: D, setFilterMenuOpen: O, menuRef: k, backendKind: A, organizeMode: j, setOrganizeMode: M, conversationSort: N, setConversationSort: P, threadScope: F, setThreadScope: 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 } = e("openhands"), X = Y(A === "local" ? t.CONVERSATION_PANEL$BY_WORKSPACE : t.CONVERSATION_PANEL$BY_REPOSITORY), Z = C.useRef(null), Q = C.useRef(null), $ = C.useRef(D);
-	return C.useEffect(() => {
-		D ? (Q.current?.querySelector("[role=\"menuitem\"], [role=\"menuitemradio\"]"))?.focus() : $.current && Z.current?.focus(), $.current = D;
-	}, [D]), /* @__PURE__ */ T("div", {
-		ref: k,
+var C = (e) => e.length > 0 ? e.charAt(0).toUpperCase() + e.slice(1) : e;
+function w({ filterMenuOpen: w, setFilterMenuOpen: T, menuRef: E, backendKind: D, organizeMode: O, setOrganizeMode: k, conversationSort: A, setConversationSort: j, threadScope: M, setThreadScope: N, automationFilterMode: P, setAutomationFilterMode: F, selectedAutomationNames: I, onToggleAutomationName: L, automationNameFacets: R, showOlderConversations: 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 } = e("openhands"), ae = X(D === "local" ? t.CONVERSATION_PANEL$BY_WORKSPACE : t.CONVERSATION_PANEL$BY_REPOSITORY), Z = b.useRef(null), Q = b.useRef(null), $ = b.useRef(w);
+	return b.useEffect(() => {
+		w ? (Q.current?.querySelector("[role=\"menuitem\"], [role=\"menuitemradio\"]"))?.focus() : $.current && Z.current?.focus(), $.current = w;
+	}, [w]), /* @__PURE__ */ S("div", {
+		ref: E,
 		className: "relative shrink-0 pr-0.5",
-		children: [/* @__PURE__ */ w("button", {
+		children: [/* @__PURE__ */ S("button", {
 			ref: Z,
 			type: "button",
 			"data-testid": "older-conversations-filter-toggle",
-			"aria-label": Y(t.CONVERSATION_PANEL$FILTER_LABEL),
+			"aria-label": X(t.CONVERSATION_PANEL$FILTER_LABEL),
 			"aria-haspopup": "menu",
-			"aria-expanded": D,
-			onClick: () => O(!D),
-			className: g("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)]", _),
-			children: /* @__PURE__ */ w(u, {
+			"aria-expanded": w,
+			onClick: () => T(!w),
+			className: p("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)]", m),
+			children: [/* @__PURE__ */ x(te, {
 				className: "lucide lucide-list-filter shrink-0",
 				width: 14,
 				height: 14,
 				strokeWidth: 2,
 				"aria-hidden": !0
-			})
-		}), D ? /* @__PURE__ */ T("div", {
+			}), P === "all" ? null : /* @__PURE__ */ x("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)]"
+			})]
+		}), w ? /* @__PURE__ */ S("div", {
 			ref: Q,
 			role: "menu",
 			"aria-orientation": "vertical",
-			"aria-label": Y(t.CONVERSATION_PANEL$FILTER_LABEL),
+			"aria-label": X(t.CONVERSATION_PANEL$FILTER_LABEL),
 			tabIndex: -1,
 			"data-testid": "older-conversations-filter-menu",
 			onKeyDown: (e) => {
 				if (e.key === "Escape") {
-					e.preventDefault(), O(!1);
+					e.preventDefault(), T(!1);
 					return;
 				}
 				if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
@@ -66,123 +72,159 @@ function D({ filterMenuOpen: D, setFilterMenuOpen: O, menuRef: k, backendKind: A
 				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("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", v, y),
+			className: p("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", h, g),
 			children: [
-				/* @__PURE__ */ w(b, { children: Y(t.CONVERSATION_PANEL$ORGANIZE) }),
-				/* @__PURE__ */ w(S, {
-					icon: c,
-					label: X,
-					selected: j === "grouped",
+				/* @__PURE__ */ x(_, { children: X(t.CONVERSATION_PANEL$ORGANIZE) }),
+				/* @__PURE__ */ x(y, {
+					icon: s,
+					label: ae,
+					selected: O === "grouped",
 					onClick: () => {
-						M("grouped"), O(!1);
+						k("grouped"), T(!1);
 					}
 				}),
-				/* @__PURE__ */ w(S, {
+				/* @__PURE__ */ x(y, {
 					icon: i,
-					label: Y(t.CONVERSATION_PANEL$CHRONOLOGICAL),
-					selected: j === "chronological",
+					label: X(t.CONVERSATION_PANEL$CHRONOLOGICAL),
+					selected: O === "chronological",
 					onClick: () => {
-						M("chronological"), O(!1);
+						k("chronological"), T(!1);
 					}
 				}),
-				/* @__PURE__ */ w(x, {}),
-				/* @__PURE__ */ w(b, { children: Y(t.CONVERSATION_PANEL$SORT_BY) }),
-				/* @__PURE__ */ w(S, {
+				/* @__PURE__ */ x(v, {}),
+				/* @__PURE__ */ x(_, { children: X(t.CONVERSATION_PANEL$SORT_BY) }),
+				/* @__PURE__ */ x(y, {
 					icon: r,
-					label: Y(t.CONVERSATION_PANEL$SORT_CREATED),
-					selected: N === "created",
+					label: X(t.CONVERSATION_PANEL$SORT_CREATED),
+					selected: A === "created",
 					onClick: () => {
-						P("created"), O(!1);
+						j("created"), T(!1);
 					}
 				}),
-				/* @__PURE__ */ w(S, {
+				/* @__PURE__ */ x(y, {
 					icon: a,
-					label: Y(t.CONVERSATION_PANEL$SORT_UPDATED),
-					selected: N === "updated",
+					label: X(t.CONVERSATION_PANEL$SORT_UPDATED),
+					selected: A === "updated",
 					onClick: () => {
-						P("updated"), O(!1);
+						j("updated"), T(!1);
 					}
 				}),
-				/* @__PURE__ */ w(x, {}),
-				/* @__PURE__ */ w(b, { children: Y(t.CONVERSATION_PANEL$SHOW) }),
-				/* @__PURE__ */ w(S, {
-					icon: d,
-					label: Y(t.CONVERSATION_PANEL$ALL_THREADS),
-					selected: F === "all",
+				/* @__PURE__ */ x(v, {}),
+				/* @__PURE__ */ x(_, { children: X(t.CONVERSATION_PANEL$SHOW) }),
+				/* @__PURE__ */ x(y, {
+					icon: l,
+					label: X(t.CONVERSATION_PANEL$ALL_THREADS),
+					selected: M === "all",
 					onClick: () => {
-						I("all"), O(!1);
+						N("all"), T(!1);
 					}
 				}),
-				/* @__PURE__ */ w(S, {
-					icon: p,
-					label: Y(t.CONVERSATION_PANEL$RELEVANT_THREADS),
-					selected: F === "relevant",
+				/* @__PURE__ */ x(y, {
+					icon: re,
+					label: X(t.CONVERSATION_PANEL$RELEVANT_THREADS),
+					selected: M === "relevant",
 					onClick: () => {
-						I("relevant"), O(!1);
+						N("relevant"), T(!1);
 					}
 				}),
-				/* @__PURE__ */ w(x, {}),
-				/* @__PURE__ */ w(b, { children: Y(t.CONVERSATION_PANEL$METADATA) }),
-				/* @__PURE__ */ w(S, {
-					icon: n,
-					label: Y(t.CONVERSATION_PANEL$LLM_MODEL),
-					selected: V,
-					testId: "toggle-llm-profiles",
+				/* @__PURE__ */ x(v, {}),
+				/* @__PURE__ */ x(_, { children: X(t.CONVERSATION_PANEL$AUTOMATIONS) }),
+				/* @__PURE__ */ x(y, {
+					icon: l,
+					label: X(t.CONVERSATION_PANEL$AUTOMATIONS_ALL),
+					selected: P === "all",
+					testId: "automation-filter-all",
 					onClick: () => {
-						H(), O(!1);
+						F("all"), T(!1);
 					}
 				}),
-				/* @__PURE__ */ w(S, {
-					icon: l,
-					label: Y(t.CONVERSATION_PANEL$REPO_BRANCH),
-					selected: z,
+				/* @__PURE__ */ x(y, {
+					icon: o,
+					label: X(t.CONVERSATION_PANEL$AUTOMATIONS_HIDE),
+					selected: P === "hide-automations",
+					testId: "automation-filter-hide",
+					onClick: () => {
+						F("hide-automations"), T(!1);
+					}
+				}),
+				/* @__PURE__ */ x(y, {
+					icon: f,
+					label: X(t.CONVERSATION_PANEL$AUTOMATIONS_ONLY),
+					selected: P === "only-automations",
+					testId: "automation-filter-only",
+					onClick: () => {
+						F("only-automations"), T(!1);
+					}
+				}),
+				P === "only-automations" ? R.map((e) => /* @__PURE__ */ x(y, {
+					icon: u,
+					label: e === "__unnamed__" ? X(t.CONVERSATION_PANEL$AUTOMATION_UNNAMED) : e,
+					selected: I.includes(e),
+					testId: `automation-name-filter-${e}`,
+					onClick: () => L(e)
+				}, e)) : null,
+				/* @__PURE__ */ x(v, {}),
+				/* @__PURE__ */ x(_, { children: X(t.CONVERSATION_PANEL$METADATA) }),
+				/* @__PURE__ */ x(y, {
+					icon: c,
+					label: X(t.CONVERSATION_PANEL$REPO_BRANCH),
+					selected: V,
 					testId: "toggle-repo-branch-metadata",
 					onClick: () => {
-						B(), O(!1);
+						H(), T(!1);
 					}
 				}),
-				/* @__PURE__ */ w(S, {
-					icon: m,
-					label: Y(t.CONVERSATION_PANEL$TAGS),
+				/* @__PURE__ */ x(y, {
+					icon: n,
+					label: X(t.CONVERSATION_PANEL$LLM_MODEL),
 					selected: U,
-					testId: "toggle-tags-metadata",
+					testId: "toggle-llm-profiles",
 					onClick: () => {
-						W(), O(!1);
+						W(), T(!1);
 					}
 				}),
-				/* @__PURE__ */ w(S, {
-					icon: f,
-					label: Y(t.CONVERSATION_PANEL$HOVER_METADATA),
+				/* @__PURE__ */ x(y, {
+					icon: u,
+					label: X(t.CONVERSATION_PANEL$TAGS),
 					selected: G,
+					testId: "toggle-tags-metadata",
+					onClick: () => {
+						K(), T(!1);
+					}
+				}),
+				/* @__PURE__ */ x(y, {
+					icon: ne,
+					label: X(t.CONVERSATION_PANEL$HOVER_METADATA),
+					selected: q,
 					testId: "toggle-hover-metadata",
 					onClick: () => {
-						K(), O(!1);
+						J(), T(!1);
 					}
 				}),
-				/* @__PURE__ */ w(x, {}),
-				/* @__PURE__ */ w(b, {
-					suffix: /* @__PURE__ */ w("span", {
+				/* @__PURE__ */ x(v, {}),
+				/* @__PURE__ */ x(_, {
+					suffix: /* @__PURE__ */ x("span", {
 						className: "shrink-0 text-right text-[10px] font-medium normal-case tracking-normal text-[var(--oh-muted)]/70",
-						children: Y(t.CONVERSATION_PANEL$OLDER_OVER_ONE_HOUR)
+						children: X(t.CONVERSATION_PANEL$OLDER_OVER_ONE_HOUR)
 					}),
-					children: Y(t.CONVERSATION_PANEL$OLDER_SECTION)
+					children: X(t.CONVERSATION_PANEL$OLDER_SECTION)
 				}),
-				/* @__PURE__ */ w(S, {
+				/* @__PURE__ */ x(y, {
 					testId: "toggle-older-conversations",
-					icon: L ? o : s,
-					label: E(Y(L ? t.CONVERSATION$HIDE : t.CONVERSATION$SHOW_ALL)),
+					icon: z ? o : ee,
+					label: C(X(z ? t.CONVERSATION$HIDE : t.CONVERSATION$SHOW_ALL)),
 					onClick: () => {
-						R(), O(!1);
+						B(), T(!1);
 					}
 				}),
-				/* @__PURE__ */ w(x, {}),
-				/* @__PURE__ */ w(S, {
+				/* @__PURE__ */ x(v, {}),
+				/* @__PURE__ */ x(y, {
 					testId: "delete-all-conversations",
-					icon: h,
-					label: E(Y(t.CONVERSATION$DELETE_ALL)),
-					disabled: q === 0,
+					icon: d,
+					label: C(X(t.CONVERSATION$DELETE_ALL)),
+					disabled: Y === 0,
 					onClick: () => {
-						q !== 0 && (J(), O(!1));
+						Y !== 0 && (ie(), T(!1));
 					}
 				})
 			]
@@ -190,6 +232,6 @@ function D({ filterMenuOpen: D, setFilterMenuOpen: O, menuRef: k, backendKind: A
 	});
 }
 //#endregion
-export { D as ConversationPanelFilterMenu };
+export { w as ConversationPanelFilterMenu };
 
 //# sourceMappingURL=conversation-panel-filter-menu.js.map