npm - @openhands/agent-canvas - Versions diffs - 1.12.0 → 1.14.0 - Mend

@openhands/agent-canvas 1.12.0 → 1.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (899) hide show

package/dist/components/features/conversation-panel/conversation-group-folder-list.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation-group-folder-list.js","names":[],"sources":["../../../../src/components/features/conversation-panel/conversation-group-folder-list.tsx"],"sourcesContent":["import {\n useCallback,\n useEffect,\n useRef,\n useState,\n type DragEvent,\n type ReactNode,\n} 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 { ConversationGroupFolderRow } from \"./conversation-group-folder-row\";\nimport {\n moveGroupFolderOrder,\n type ConversationGroupLaunch,\n type GroupFolderDropPosition,\n} from \"./conversation-panel-list-helpers\";\n\ninterface ConversationGroup {\n id: string;\n label: string;\n conversations: AppConversation[];\n launch: ConversationGroupLaunch;\n}\n\ninterface ConversationGroupFolderListProps {\n groups: ConversationGroup[];\n groupIds: readonly string[];\n groupFolderOrder: readonly string[];\n setGroupFolderOrder: (order: readonly string[]) => void;\n collapsedGroupIds: ReadonlySet<string>;\n expandedGroupPreviewIds: ReadonlySet<string>;\n onToggleGroupCollapsed: (groupId: string) => void;\n onToggleGroupPreviewExpanded: (groupId: string) => void;\n isCreatingConversationFlow: boolean;\n activeConversationId?: string \| null;\n onLaunchFromGroup: (launch: ConversationGroupLaunch) => void;\n renderConversationCard: (conversation: AppConversation) => ReactNode;\n}\n\nexport function ConversationGroupFolderList({\n groups,\n groupIds,\n groupFolderOrder,\n setGroupFolderOrder,\n collapsedGroupIds,\n expandedGroupPreviewIds,\n onToggleGroupCollapsed,\n onToggleGroupPreviewExpanded,\n isCreatingConversationFlow,\n activeConversationId,\n onLaunchFromGroup,\n renderConversationCard,\n}: ConversationGroupFolderListProps) {\n const { t } = useTranslation(\"openhands\");\n const [draggedGroupId, setDraggedGroupId] = useState<string \| null>(null);\n const [dropTargetGroupId, setDropTargetGroupId] = useState<string \| null>(\n null,\n );\n const [dropPosition, setDropPosition] =\n useState<GroupFolderDropPosition \| null>(null);\n // Layout animation is only enabled around a drag-and-drop reorder so that\n // expand/collapse clicks don't trigger sibling repositioning animations.\n const [animateLayout, setAnimateLayout] = useState(false);\n const animateLayoutTimeoutRef = useRef<ReturnType<typeof setTimeout> \| null>(\n null,\n );\n\n useEffect(\n () => () => {\n if (animateLayoutTimeoutRef.current) {\n clearTimeout(animateLayoutTimeoutRef.current);\n }\n },\n [],\n );\n\n const stopAnimatingLayoutSoon = useCallback(() => {\n if (animateLayoutTimeoutRef.current) {\n clearTimeout(animateLayoutTimeoutRef.current);\n }\n animateLayoutTimeoutRef.current = setTimeout(() => {\n setAnimateLayout(false);\n animateLayoutTimeoutRef.current = null;\n }, 300);\n }, []);\n\n const resetDragState = useCallback(() => {\n setDraggedGroupId(null);\n setDropTargetGroupId(null);\n setDropPosition(null);\n }, []);\n\n const computeDropPosition = useCallback(\n (event: DragEvent<HTMLElement>): GroupFolderDropPosition => {\n const rect = event.currentTarget.getBoundingClientRect();\n return event.clientY < rect.top + rect.height / 2 ? \"before\" : \"after\";\n },\n [],\n );\n\n const handleDrop = useCallback(\n (targetGroupId: string, position: GroupFolderDropPosition) => {\n if (!draggedGroupId \|\| draggedGroupId === targetGroupId) {\n resetDragState();\n stopAnimatingLayoutSoon();\n return;\n }\n\n setGroupFolderOrder(\n moveGroupFolderOrder(\n groupFolderOrder,\n groupIds,\n draggedGroupId,\n targetGroupId,\n position,\n ),\n );\n resetDragState();\n // Keep layout animation active across the reorder render, then disable\n // it once the spring settles.\n stopAnimatingLayoutSoon();\n },\n [\n draggedGroupId,\n groupFolderOrder,\n groupIds,\n resetDragState,\n setGroupFolderOrder,\n stopAnimatingLayoutSoon,\n ],\n );\n\n return (\n <nav\n aria-label={t(I18nKey.SIDEBAR$CONVERSATIONS)}\n className=\"space-y-1 md:space-y-0.5 pb-1\"\n >\n {groups.map((group) => (\n <ConversationGroupFolderRow\n key={group.id}\n group={group}\n expanded={!collapsedGroupIds.has(group.id)}\n previewExpanded={expandedGroupPreviewIds.has(group.id)}\n isDragging={draggedGroupId === group.id}\n dropIndicatorPosition={\n dropTargetGroupId === group.id && draggedGroupId !== group.id\n ? dropPosition\n : null\n }\n animateLayout={animateLayout}\n isCreatingConversationFlow={isCreatingConversationFlow}\n activeConversationId={activeConversationId}\n onToggleExpanded={() => onToggleGroupCollapsed(group.id)}\n onDragStart={() => {\n setAnimateLayout(true);\n setDraggedGroupId(group.id);\n }}\n onDragEnd={() => {\n resetDragState();\n stopAnimatingLayoutSoon();\n }}\n onDragOver={(event) => {\n event.preventDefault();\n const { dataTransfer } = event;\n if (dataTransfer) {\n dataTransfer.dropEffect = \"move\";\n }\n setDropTargetGroupId(group.id);\n setDropPosition(computeDropPosition(event));\n }}\n onDragLeave={() => {\n setDropTargetGroupId((current) =>\n current === group.id ? null : current,\n );\n }}\n onDrop={(event) => {\n event.preventDefault();\n handleDrop(group.id, computeDropPosition(event));\n }}\n onTogglePreviewExpanded={() => onToggleGroupPreviewExpanded(group.id)}\n onLaunchFromGroup={() => onLaunchFromGroup(group.launch)}\n renderConversationCard={renderConversationCard}\n />\n ))}\n </nav>\n );\n}\n"],"mappings":";;;;;;;~~AAwCA~~,SAAgB,EAA4B,EAC1C,WACA,aACA,qBACA,wBACA,sBACA,4BACA,2BACA,iCACA,+BACA,yBACA,sBACA,6BACmC;CACnC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAgB,KAAqB,EAAwB,IAAI,GAClE,CAAC,GAAmB,KAAwB,EAChD,IACF,GACM,CAAC,GAAc,KACnB,EAAyC,IAAI,GAGzC,CAAC,GAAe,KAAoB,EAAS,EAAK,GAClD,IAA0B,EAC9B,IACF;CAEA,cACc;EACV,AAAI,EAAwB,WAC1B,aAAa,EAAwB,OAAO;CAEhD,GACA,CAAC,CACH;CAEA,IAAM,IAA0B,QAAkB;EAIhD,AAHI,EAAwB,WAC1B,aAAa,EAAwB,OAAO,GAE9C,EAAwB,UAAU,iBAAiB;GAEjD,AADA,EAAiB,EAAK,GACtB,EAAwB,UAAU;EACpC,GAAG,GAAG;CACR,GAAG,CAAC,CAAC,GAEC,IAAiB,QAAkB;EAGvC,AAFA,EAAkB,IAAI,GACtB,EAAqB,IAAI,GACzB,EAAgB,IAAI;CACtB,GAAG,CAAC,CAAC,GAEC,IAAsB,GACzB,MAA2D;EAC1D,IAAM,IAAO,EAAM,cAAc,sBAAsB;EACvD,OAAO,EAAM,UAAU,EAAK,MAAM,EAAK,SAAS,IAAI,WAAW;CACjE,GACA,CAAC,CACH,GAEM,IAAa,GAChB,GAAuB,MAAsC;EAC5D,IAAI,CAAC,KAAkB,MAAmB,GAAe;GAEvD,AADA,EAAe,GACf,EAAwB;GACxB;EACF;EAcA,AAZA,EACE,EACE,GACA,GACA,GACA,GACA,CACF,CACF,GACA,EAAe,GAGf,EAAwB;CAC1B,GACA;EACE;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OACE,kBAAC,OAAD;EACE,cAAY,EAAE,EAAQ,qBAAqB;EAC3C,WAAU;YAET,EAAO,KAAK,MACX,kBAAC,GAAD;GAES;GACP,UAAU,CAAC,EAAkB,IAAI,EAAM,EAAE;GACzC,iBAAiB,EAAwB,IAAI,EAAM,EAAE;GACrD,YAAY,MAAmB,EAAM;GACrC,uBACE,MAAsB,EAAM,MAAM,MAAmB,EAAM,KACvD,IACA;GAES;GACa;GACN;~~GACtB~~,wBAAwB,EAAuB,EAAM,EAAE;GACvD,mBAAmB;IAEjB,AADA,EAAiB,EAAI,GACrB,EAAkB,EAAM,EAAE;GAC5B;GACA,iBAAiB;IAEf,AADA,EAAe,GACf,EAAwB;GAC1B;GACA,aAAa,MAAU;IACrB,EAAM,eAAe;IACrB,IAAM,EAAE,oBAAiB;IAKzB,AAJI,MACF,EAAa,aAAa,SAE5B,EAAqB,EAAM,EAAE,GAC7B,EAAgB,EAAoB,CAAK,CAAC;GAC5C;GACA,mBAAmB;IACjB,GAAsB,MACpB,MAAY,EAAM,KAAK,OAAO,CAChC;GACF;GACA,SAAS,MAAU;IAEjB,AADA,EAAM,eAAe,GACrB,EAAW,EAAM,IAAI,EAAoB,CAAK,CAAC;GACjD;GACA,+BAA+B,EAA6B,EAAM,EAAE;GACpE,yBAAyB,EAAkB,EAAM,MAAM;GAC/B;EACzB,~~GA3CM~~,EAAM,~~EA2CZ~~,CACF;CACE,CAAA;AAET"}
1	+ {"version":3,"file":"conversation-group-folder-list.js","names":[],"sources":["../../../../src/components/features/conversation-panel/conversation-group-folder-list.tsx"],"sourcesContent":["import {\n useCallback,\n useEffect,\n useRef,\n useState,\n type DragEvent,\n type ReactNode,\n} 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 { ConversationGroupFolderRow } from \"./conversation-group-folder-row\";\nimport {\n moveGroupFolderOrder,\n type ConversationGroupLaunch,\n type GroupFolderDropPosition,\n} from \"./conversation-panel-list-helpers\";\n\ninterface ConversationGroup {\n id: string;\n label: string;\n conversations: AppConversation[];\n launch: ConversationGroupLaunch;\n}\n\ninterface ConversationGroupFolderListProps {\n groups: ConversationGroup[];\n groupIds: readonly string[];\n groupFolderOrder: readonly string[];\n setGroupFolderOrder: (order: readonly string[]) => void;\n collapsedGroupIds: ReadonlySet<string>;\n expandedGroupPreviewIds: ReadonlySet<string>;\n discoveryConversationIds: ReadonlySet<string> \| null;\n onToggleGroupCollapsed: (groupId: string) => void;\n onToggleGroupPreviewExpanded: (groupId: string) => void;\n isCreatingConversationFlow: boolean;\n activeConversationId?: string \| null;\n onLaunchFromGroup: (launch: ConversationGroupLaunch) => void;\n renderConversationCard: (conversation: AppConversation) => ReactNode;\n}\n\nexport function ConversationGroupFolderList({\n groups,\n groupIds,\n groupFolderOrder,\n setGroupFolderOrder,\n collapsedGroupIds,\n expandedGroupPreviewIds,\n discoveryConversationIds,\n onToggleGroupCollapsed,\n onToggleGroupPreviewExpanded,\n isCreatingConversationFlow,\n activeConversationId,\n onLaunchFromGroup,\n renderConversationCard,\n}: ConversationGroupFolderListProps) {\n const { t } = useTranslation(\"openhands\");\n const [draggedGroupId, setDraggedGroupId] = useState<string \| null>(null);\n const [dropTargetGroupId, setDropTargetGroupId] = useState<string \| null>(\n null,\n );\n const [dropPosition, setDropPosition] =\n useState<GroupFolderDropPosition \| null>(null);\n // Layout animation is only enabled around a drag-and-drop reorder so that\n // expand/collapse clicks don't trigger sibling repositioning animations.\n const [animateLayout, setAnimateLayout] = useState(false);\n const animateLayoutTimeoutRef = useRef<ReturnType<typeof setTimeout> \| null>(\n null,\n );\n\n useEffect(\n () => () => {\n if (animateLayoutTimeoutRef.current) {\n clearTimeout(animateLayoutTimeoutRef.current);\n }\n },\n [],\n );\n\n const stopAnimatingLayoutSoon = useCallback(() => {\n if (animateLayoutTimeoutRef.current) {\n clearTimeout(animateLayoutTimeoutRef.current);\n }\n animateLayoutTimeoutRef.current = setTimeout(() => {\n setAnimateLayout(false);\n animateLayoutTimeoutRef.current = null;\n }, 300);\n }, []);\n\n const resetDragState = useCallback(() => {\n setDraggedGroupId(null);\n setDropTargetGroupId(null);\n setDropPosition(null);\n }, []);\n\n const computeDropPosition = useCallback(\n (event: DragEvent<HTMLElement>): GroupFolderDropPosition => {\n const rect = event.currentTarget.getBoundingClientRect();\n return event.clientY < rect.top + rect.height / 2 ? \"before\" : \"after\";\n },\n [],\n );\n\n const handleDrop = useCallback(\n (targetGroupId: string, position: GroupFolderDropPosition) => {\n if (!draggedGroupId \|\| draggedGroupId === targetGroupId) {\n resetDragState();\n stopAnimatingLayoutSoon();\n return;\n }\n\n setGroupFolderOrder(\n moveGroupFolderOrder(\n groupFolderOrder,\n groupIds,\n draggedGroupId,\n targetGroupId,\n position,\n ),\n );\n resetDragState();\n // Keep layout animation active across the reorder render, then disable\n // it once the spring settles.\n stopAnimatingLayoutSoon();\n },\n [\n draggedGroupId,\n groupFolderOrder,\n groupIds,\n resetDragState,\n setGroupFolderOrder,\n stopAnimatingLayoutSoon,\n ],\n );\n\n return (\n <nav\n aria-label={t(I18nKey.SIDEBAR$CONVERSATIONS)}\n className=\"space-y-1 md:space-y-0.5 pb-1\"\n >\n {groups.map((group) => (\n <ConversationGroupFolderRow\n key={group.id}\n group={group}\n expanded={!collapsedGroupIds.has(group.id)}\n previewExpanded={expandedGroupPreviewIds.has(group.id)}\n isDragging={draggedGroupId === group.id}\n dropIndicatorPosition={\n dropTargetGroupId === group.id && draggedGroupId !== group.id\n ? dropPosition\n : null\n }\n animateLayout={animateLayout}\n isCreatingConversationFlow={isCreatingConversationFlow}\n activeConversationId={activeConversationId}\n discoveryConversationIds={discoveryConversationIds}\n onToggleExpanded={() => onToggleGroupCollapsed(group.id)}\n onDragStart={() => {\n setAnimateLayout(true);\n setDraggedGroupId(group.id);\n }}\n onDragEnd={() => {\n resetDragState();\n stopAnimatingLayoutSoon();\n }}\n onDragOver={(event) => {\n event.preventDefault();\n const { dataTransfer } = event;\n if (dataTransfer) {\n dataTransfer.dropEffect = \"move\";\n }\n setDropTargetGroupId(group.id);\n setDropPosition(computeDropPosition(event));\n }}\n onDragLeave={() => {\n setDropTargetGroupId((current) =>\n current === group.id ? null : current,\n );\n }}\n onDrop={(event) => {\n event.preventDefault();\n handleDrop(group.id, computeDropPosition(event));\n }}\n onTogglePreviewExpanded={() => onToggleGroupPreviewExpanded(group.id)}\n onLaunchFromGroup={() => onLaunchFromGroup(group.launch)}\n renderConversationCard={renderConversationCard}\n />\n ))}\n </nav>\n );\n}\n"],"mappings":";;;;;;;AAyCA,SAAgB,EAA4B,EAC1C,WACA,aACA,qBACA,wBACA,sBACA,4BACA,6BACA,2BACA,iCACA,+BACA,yBACA,sBACA,6BACmC;CACnC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAgB,KAAqB,EAAwB,IAAI,GAClE,CAAC,GAAmB,KAAwB,EAChD,IACF,GACM,CAAC,GAAc,KACnB,EAAyC,IAAI,GAGzC,CAAC,GAAe,KAAoB,EAAS,EAAK,GAClD,IAA0B,EAC9B,IACF;CAEA,cACc;EACV,AAAI,EAAwB,WAC1B,aAAa,EAAwB,OAAO;CAEhD,GACA,CAAC,CACH;CAEA,IAAM,IAA0B,QAAkB;EAIhD,AAHI,EAAwB,WAC1B,aAAa,EAAwB,OAAO,GAE9C,EAAwB,UAAU,iBAAiB;GAEjD,AADA,EAAiB,EAAK,GACtB,EAAwB,UAAU;EACpC,GAAG,GAAG;CACR,GAAG,CAAC,CAAC,GAEC,IAAiB,QAAkB;EAGvC,AAFA,EAAkB,IAAI,GACtB,EAAqB,IAAI,GACzB,EAAgB,IAAI;CACtB,GAAG,CAAC,CAAC,GAEC,IAAsB,GACzB,MAA2D;EAC1D,IAAM,IAAO,EAAM,cAAc,sBAAsB;EACvD,OAAO,EAAM,UAAU,EAAK,MAAM,EAAK,SAAS,IAAI,WAAW;CACjE,GACA,CAAC,CACH,GAEM,IAAa,GAChB,GAAuB,MAAsC;EAC5D,IAAI,CAAC,KAAkB,MAAmB,GAAe;GAEvD,AADA,EAAe,GACf,EAAwB;GACxB;EACF;EAcA,AAZA,EACE,EACE,GACA,GACA,GACA,GACA,CACF,CACF,GACA,EAAe,GAGf,EAAwB;CAC1B,GACA;EACE;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OACE,kBAAC,OAAD;EACE,cAAY,EAAE,EAAQ,qBAAqB;EAC3C,WAAU;YAET,EAAO,KAAK,MACX,kBAAC,GAAD;GAES;GACP,UAAU,CAAC,EAAkB,IAAI,EAAM,EAAE;GACzC,iBAAiB,EAAwB,IAAI,EAAM,EAAE;GACrD,YAAY,MAAmB,EAAM;GACrC,uBACE,MAAsB,EAAM,MAAM,MAAmB,EAAM,KACvD,IACA;GAES;GACa;GACN;GACI;GAC1B,wBAAwB,EAAuB,EAAM,EAAE;GACvD,mBAAmB;IAEjB,AADA,EAAiB,EAAI,GACrB,EAAkB,EAAM,EAAE;GAC5B;GACA,iBAAiB;IAEf,AADA,EAAe,GACf,EAAwB;GAC1B;GACA,aAAa,MAAU;IACrB,EAAM,eAAe;IACrB,IAAM,EAAE,oBAAiB;IAKzB,AAJI,MACF,EAAa,aAAa,SAE5B,EAAqB,EAAM,EAAE,GAC7B,EAAgB,EAAoB,CAAK,CAAC;GAC5C;GACA,mBAAmB;IACjB,GAAsB,MACpB,MAAY,EAAM,KAAK,OAAO,CAChC;GACF;GACA,SAAS,MAAU;IAEjB,AADA,EAAM,eAAe,GACrB,EAAW,EAAM,IAAI,EAAoB,CAAK,CAAC;GACjD;GACA,+BAA+B,EAA6B,EAAM,EAAE;GACpE,yBAAyB,EAAkB,EAAM,MAAM;GAC/B;EACzB,GA5CM,EAAM,EA4CZ,CACF;CACE,CAAA;AAET"}

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

@@ -1,2 +1,2 @@
-require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../node_modules/lucide-react/dist/esm/icons/folder-open.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/folder.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/plus.cjs"),a=require("../../../utils/utils.cjs"),o=require("../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.cjs"),s=require("./conversation-panel-list-helpers.cjs");let c=require("react"),l=require("react/jsx-runtime");function u({group:u,expanded:d,previewExpanded:f,isDragging:p,dropIndicatorPosition:m,animateLayout:h,isCreatingConversationFlow:g,activeConversationId:_,onToggleExpanded:v,onDragStart:y,onDragEnd:b,onDragOver:x,onDragLeave:S,onDrop:C,onTogglePreviewExpanded:w,onLaunchFromGroup:T,renderConversationCard:E}){let{t:D}=e.useTranslation(`openhands`),O=(0,c.useRef)(null),k=`thread-folder-${u.id.replace(/[^a-zA-Z0-9_-]/g,`-`)}`,A=u.id.replace(/[^a-zA-Z0-9_-]/g,`-`),{visibleConversations:j,isPreviewTruncated:M,isShowingAll:N}=s.getGroupConversationPreview(u.conversations,{expanded:f,activeConversationId:_});return(0,l.jsxs)(o.motion.section,{ref:O,layout:h?`position`:!1,transition:{type:`spring`,stiffness:600,damping:45},"aria-labelledby":k,"data-testid":`thread-folder-${A}`,onDragOver:x,onDragLeave:S,onDrop:C,className:`relative rounded-md`,children:[m?(0,l.jsx)(`div`,{"aria-hidden":!0,"data-testid":`thread-folder-drop-indicator-${A}`,className:a.cn(`pointer-events-none absolute inset-x-0 z-10 h-0.5 rounded-full bg-[var(--oh-accent)]`,m===`before`?`-top-0.5`:`-bottom-0.5`)}):null,(0,l.jsxs)(`div`,{className:a.cn(p&&`opacity-0`),children:[(0,l.jsxs)(`div`,{className:a.cn(`flex h-8 w-full min-w-0 items-center gap-0.5 rounded-md pl-2 pr-1 text-sm font-normal`,`text-[var(--oh-muted)] transition-colors hover:bg-[var(--oh-surface-raised)] hover:text-white`),children:[(0,l.jsxs)(`button`,{type:`button`,draggable:!0,id:k,"aria-expanded":d,"aria-controls":`thread-folder-content-${A}`,"data-testid":`thread-folder-drag-${A}`,"aria-label":D(d?t.I18nKey.CONVERSATION_PANEL$COLLAPSE_FOLDER:t.I18nKey.CONVERSATION_PANEL$EXPAND_FOLDER,{label:u.label}),onClick:v,onDragStart:e=>{e.stopPropagation();let{dataTransfer:t}=e;if(t){t.effectAllowed=`move`,t.setData(`text/plain`,u.id);let n=O.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)}}y()},onDragEnd:e=>{e.stopPropagation(),b()},className:a.cn(`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:[(0,l.jsx)(r.Folder,{className:a.cn(`h-4 w-4 shrink-0`,d?`hidden group-hover/folder:block`:`block group-hover/folder:hidden`),"aria-hidden":!0}),(0,l.jsx)(n.FolderOpen,{className:a.cn(`h-4 w-4 shrink-0`,d?`block group-hover/folder:hidden`:`hidden group-hover/folder:block`),"aria-hidden":!0}),(0,l.jsx)(`span`,{className:`truncate`,children:u.label})]}),(0,l.jsx)(`button`,{type:`button`,className:a.cn(`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:g,"aria-label":D(t.I18nKey.CONVERSATION_PANEL$ADD_CONVERSATION_TO_GROUP,{label:u.label}),"data-testid":`add-conversation-to-group-${A}`,onClick:e=>{e.preventDefault(),e.stopPropagation(),T()},children:(0,l.jsx)(i.Plus,{className:`h-3.5 w-3.5 shrink-0`,"aria-hidden":!0,strokeWidth:2})})]}),d?(0,l.jsxs)(`div`,{id:`thread-folder-content-${A}`,className:`mt-0.5 space-y-0.5`,children:[j.map(E),M?(0,l.jsx)(`div`,{className:`pl-2`,children:(0,l.jsx)(`button`,{type:`button`,"data-testid":`thread-folder-view-more-${A}`,onClick:w,className:`cursor-pointer text-xs text-[var(--oh-text-dim)] hover:text-white`,children:D(N?t.I18nKey.CONVERSATION_PANEL$LESS:t.I18nKey.CONVERSATION_PANEL$MORE)})}):null]}):null]})]})}exports.ConversationGroupFolderRow=u;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../node_modules/lucide-react/dist/esm/icons/folder-open.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/folder.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/plus.cjs"),a=require("../../../utils/utils.cjs"),o=require("../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.cjs"),s=require("./conversation-panel-list-helpers.cjs");let c=require("react"),l=require("react/jsx-runtime");function u({group:u,expanded:d,previewExpanded:f,isDragging:p,dropIndicatorPosition:m,animateLayout:h,isCreatingConversationFlow:g,activeConversationId:_,discoveryConversationIds:v,onToggleExpanded:y,onDragStart:b,onDragEnd:x,onDragOver:S,onDragLeave:C,onDrop:w,onTogglePreviewExpanded:T,onLaunchFromGroup:E,renderConversationCard:D}){let{t:O}=e.useTranslation(`openhands`),k=(0,c.useRef)(null),A=`thread-folder-${u.id.replace(/[^a-zA-Z0-9_-]/g,`-`)}`,j=u.id.replace(/[^a-zA-Z0-9_-]/g,`-`),{visibleConversations:M,isPreviewTruncated:N,isShowingAll:P}=s.getGroupConversationPreview(u.conversations,{expanded:f,activeConversationId:_,discoveryConversationIds:v??void 0});return(0,l.jsxs)(o.motion.section,{ref:k,layout:h?`position`:!1,transition:{type:`spring`,stiffness:600,damping:45},"aria-labelledby":A,"data-testid":`thread-folder-${j}`,onDragOver:S,onDragLeave:C,onDrop:w,className:`relative rounded-md`,children:[m?(0,l.jsx)(`div`,{"aria-hidden":!0,"data-testid":`thread-folder-drop-indicator-${j}`,className:a.cn(`pointer-events-none absolute inset-x-0 z-10 h-0.5 rounded-full bg-[var(--oh-accent)]`,m===`before`?`-top-0.5`:`-bottom-0.5`)}):null,(0,l.jsxs)(`div`,{className:a.cn(p&&`opacity-0`),children:[(0,l.jsxs)(`div`,{className:a.cn(`flex h-8 w-full min-w-0 items-center gap-0.5 rounded-md pl-2 pr-1 text-sm font-normal`,`text-[var(--oh-muted)] transition-colors hover:bg-[var(--oh-surface-raised)] hover:text-white`),children:[(0,l.jsxs)(`button`,{type:`button`,draggable:!0,id:A,"aria-expanded":d,"aria-controls":`thread-folder-content-${j}`,"data-testid":`thread-folder-drag-${j}`,"aria-label":O(d?t.I18nKey.CONVERSATION_PANEL$COLLAPSE_FOLDER:t.I18nKey.CONVERSATION_PANEL$EXPAND_FOLDER,{label:u.label}),onClick:y,onDragStart:e=>{e.stopPropagation();let{dataTransfer:t}=e;if(t){t.effectAllowed=`move`,t.setData(`text/plain`,u.id);let n=k.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()},onDragEnd:e=>{e.stopPropagation(),x()},className:a.cn(`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:[(0,l.jsx)(r.Folder,{className:a.cn(`h-4 w-4 shrink-0`,d?`hidden group-hover/folder:block`:`block group-hover/folder:hidden`),"aria-hidden":!0}),(0,l.jsx)(n.FolderOpen,{className:a.cn(`h-4 w-4 shrink-0`,d?`block group-hover/folder:hidden`:`hidden group-hover/folder:block`),"aria-hidden":!0}),(0,l.jsx)(`span`,{className:`truncate`,children:u.label})]}),(0,l.jsx)(`button`,{type:`button`,className:a.cn(`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:g,"aria-label":O(t.I18nKey.CONVERSATION_PANEL$ADD_CONVERSATION_TO_GROUP,{label:u.label}),"data-testid":`add-conversation-to-group-${j}`,onClick:e=>{e.preventDefault(),e.stopPropagation(),E()},children:(0,l.jsx)(i.Plus,{className:`h-3.5 w-3.5 shrink-0`,"aria-hidden":!0,strokeWidth:2})})]}),d?(0,l.jsxs)(`div`,{id:`thread-folder-content-${j}`,className:`mt-0.5 space-y-0.5`,children:[M.map(D),N?(0,l.jsx)(`div`,{className:`pl-2`,children:(0,l.jsx)(`button`,{type:`button`,"data-testid":`thread-folder-view-more-${j}`,onClick:T,className:`cursor-pointer text-xs text-[var(--oh-text-dim)] hover:text-white`,children:O(P?t.I18nKey.CONVERSATION_PANEL$LESS:t.I18nKey.CONVERSATION_PANEL$MORE)})}):null]}):null]})]})}exports.ConversationGroupFolderRow=u;
 //# sourceMappingURL=conversation-group-folder-row.cjs.map

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

	@@ -1 +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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"}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
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 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":"4rDAuCA,IAAM,EAAmB,GACvB,EAAM,OAAS,EAAI,EAAM,OAAO,CAAC,EAAE,YAAY,EAAI,EAAM,MAAM,CAAC,EAAI,EAkCtE,SAAgB,EAA4B,CAC1C,iBACA,oBACA,UACA,eACA,eACA,kBACA,mBACA,sBACA,cACA,iBACA,uBACA,0BACA,0BACA,yBACA,uBACA,yBACA,4BACA,kCACA,+BACA,yBACA,+BACA,kBACA,wBACA,mBACA,yBACA,oBACA,0BACA,0BACA,uBACmC,CACnC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAElC,GAEA,EADJ,KAAgB,QACV,EAAA,QAAQ,gCACR,EAAA,QAAQ,gCAAgC,EAE1C,EAAa,EAAA,QAAM,OAA0B,IAAI,EACjD,EAAiB,EAAA,QAAM,OAAuB,IAAI,EAMlD,EAAa,EAAA,QAAM,OAAO,CAAc,EA4C9C,OA3CA,EAAA,QAAM,cAAgB,CAChB,GAEA,EAAe,SAAS,cACtB,2CACF,IACS,MAAM,EACR,EAAW,SAGpB,EAAW,SAAS,MAAM,EAE5B,EAAW,QAAU,CACvB,EAAG,CAAC,CAAc,CAAC,GA+BjB,EAAA,EAAA,MAAC,MAAD,CAAK,IAAK,EAAS,UAAU,oCAA7B,EACE,EAAA,EAAA,MAAC,SAAD,CACE,IAAK,EACL,KAAK,SACL,cAAY,oCACZ,aAAY,EAAE,EAAA,QAAQ,+BAA+B,EACrD,gBAAc,OACd,gBAAe,EACf,YAAe,EAAkB,CAAC,CAAc,EAChD,UAAW,EAAA,GACT,kJACA,EAAA,6BACF,WAXF,EAaE,EAAA,EAAA,KAAC,EAAA,WAAD,CACE,UAAU,qCACV,MAAO,GACP,OAAQ,GACR,YAAa,EACb,cAAA,EACD,CAAA,EACA,IAAyB,MAMtB,MALF,EAAA,EAAA,KAAC,OAAD,CACE,cAAA,GACA,cAAY,qCACZ,UAAU,2EACX,CAAA,CAEG,IAEP,GACC,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,KAAK,OACL,mBAAiB,WACjB,aAAY,EAAE,EAAA,QAAQ,+BAA+B,EAMrD,SAAU,GACV,cAAY,kCACZ,UArEmB,GAA+C,CACxE,GAAI,EAAM,MAAQ,SAAU,CAC1B,EAAM,eAAe,EACrB,EAAkB,EAAK,EACvB,MACF,CACA,GAAI,EAAM,MAAQ,aAAe,EAAM,MAAQ,UAAW,OAC1D,IAAM,EAAY,EAAe,QACjC,GAAI,CAAC,EAAW,OAChB,IAAM,EAAQ,MAAM,KAClB,EAAU,iBACR,2CACF,CACF,EAAE,OAAQ,GAAO,CAAC,EAAG,QAAQ,EAC7B,GAAI,EAAM,SAAW,EAAG,OACxB,IAAM,EAAa,EAAM,QACvB,SAAS,aACX,EACM,EAAQ,EAAM,MAAQ,YAAc,EAAI,GAExC,IADQ,IAAe,GAAK,EAAI,GACb,EAAQ,EAAM,QAAU,EAAM,OACvD,EAAM,eAAe,EACrB,EAAM,IAAU,MAAM,CACxB,EA+CQ,UAAW,EAAA,GACT,0JACA,EAAA,0BACA,EAAA,mCACF,WAjBF,EAmBE,EAAA,EAAA,KAAC,EAAA,YAAD,CAAA,SAAc,EAAE,EAAA,QAAQ,2BAA2B,CAAe,CAAA,GAClE,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,KAAM,GAAA,OACN,MAAO,GACP,SAAU,IAAiB,UAC3B,YAAe,CACb,EAAgB,SAAS,EACzB,EAAkB,EAAK,CACzB,CACD,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,KAAM,EAAA,OACN,MAAO,EAAE,EAAA,QAAQ,gCAAgC,EACjD,SAAU,IAAiB,gBAC3B,YAAe,CACb,EAAgB,eAAe,EAC/B,EAAkB,EAAK,CACzB,CACD,CAAA,GAED,EAAA,EAAA,KAAC,EAAA,cAAD,CAAgB,CAAA,GAChB,EAAA,EAAA,KAAC,EAAA,YAAD,CAAA,SAAc,EAAE,EAAA,QAAQ,0BAA0B,CAAe,CAAA,GACjE,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,KAAM,EAAA,kBACN,MAAO,EAAE,EAAA,QAAQ,+BAA+B,EAChD,SAAU,IAAqB,UAC/B,YAAe,CACb,EAAoB,SAAS,EAC7B,EAAkB,EAAK,CACzB,CACD,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,KAAM,EAAA,eACN,MAAO,EAAE,EAAA,QAAQ,+BAA+B,EAChD,SAAU,IAAqB,UAC/B,YAAe,CACb,EAAoB,SAAS,EAC7B,EAAkB,EAAK,CACzB,CACD,CAAA,GAED,EAAA,EAAA,KAAC,EAAA,cAAD,CAAgB,CAAA,GAChB,EAAA,EAAA,KAAC,EAAA,YAAD,CAAA,SAAc,EAAE,EAAA,QAAQ,uBAAuB,CAAe,CAAA,GAC9D,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,KAAM,EAAA,cACN,MAAO,EAAE,EAAA,QAAQ,8BAA8B,EAC/C,SAAU,IAAgB,MAC1B,YAAe,CACb,EAAe,KAAK,EACpB,EAAkB,EAAK,CACzB,CACD,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,KAAM,EAAA,KACN,MAAO,EAAE,EAAA,QAAQ,mCAAmC,EACpD,SAAU,IAAgB,WAC1B,YAAe,CACb,EAAe,UAAU,EACzB,EAAkB,EAAK,CACzB,CACD,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,KAAM,EAAA,QACN,MAAO,EAAE,EAAA,QAAQ,gCAAgC,EACjD,SAAU,EACV,OAAO,uBACP,YAAe,CACb,EAAgC,EAChC,EAAkB,EAAK,CACzB,CACD,CAAA,GAED,EAAA,EAAA,KAAC,EAAA,cAAD,CAAgB,CAAA,GAChB,EAAA,EAAA,KAAC,EAAA,YAAD,CAAA,SAAc,EAAE,EAAA,QAAQ,8BAA8B,CAAe,CAAA,GACrE,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,KAAM,EAAA,cACN,MAAO,EAAE,EAAA,QAAQ,kCAAkC,EACnD,SAAU,IAAyB,MACnC,OAAO,wBACP,YAAe,CACb,EAAwB,KAAK,EAC7B,EAAkB,EAAK,CACzB,CACD,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,KAAM,EAAA,OACN,MAAO,EAAE,EAAA,QAAQ,mCAAmC,EACpD,SAAU,IAAyB,mBACnC,OAAO,yBACP,YAAe,CACb,EAAwB,kBAAkB,EAC1C,EAAkB,EAAK,CACzB,CACD,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,KAAM,GAAA,SACN,MAAO,EAAE,EAAA,QAAQ,mCAAmC,EACpD,SAAU,IAAyB,mBACnC,OAAO,yBACP,YAAe,CACb,EAAwB,kBAAkB,EAC1C,EAAkB,EAAK,CACzB,CACD,CAAA,EACA,IAAyB,mBACtB,EAAqB,IAAK,IACxB,EAAA,EAAA,KAAC,EAAA,QAAD,CAEE,KAAM,EAAA,IACN,MACE,IAAA,cACI,EAAE,EAAA,QAAQ,qCAAqC,EAC/C,EAEN,SAAU,EAAwB,SAAS,CAAK,EAChD,OAAQ,0BAA0B,IAIlC,YAAe,EAAuB,CAAK,CAC5C,EAbM,CAaN,CACF,EACD,MAEJ,EAAA,EAAA,KAAC,EAAA,cAAD,CAAgB,CAAA,GAChB,EAAA,EAAA,KAAC,EAAA,YAAD,CAAA,SAAc,EAAE,EAAA,QAAQ,2BAA2B,CAAe,CAAA,GAClE,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,KAAM,EAAA,UACN,MAAO,EAAE,EAAA,QAAQ,8BAA8B,EAC/C,SAAU,EACV,OAAO,8BACP,YAAe,CACb,EAA6B,EAC7B,EAAkB,EAAK,CACzB,CACD,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,KAAM,EAAA,IACN,MAAO,EAAE,EAAA,QAAQ,4BAA4B,EAC7C,SAAU,EACV,OAAO,sBACP,YAAe,CACb,EAAsB,EACtB,EAAkB,EAAK,CACzB,CACD,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,KAAM,EAAA,IACN,MAAO,EAAE,EAAA,QAAQ,uBAAuB,EACxC,SAAU,EACV,OAAO,uBACP,YAAe,CACb,EAAuB,EACvB,EAAkB,EAAK,CACzB,CACD,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,KAAM,EAAA,kBACN,MAAO,EAAE,EAAA,QAAQ,iCAAiC,EAClD,SAAU,EACV,OAAO,wBACP,YAAe,CACb,EAAwB,EACxB,EAAkB,EAAK,CACzB,CACD,CAAA,GAED,EAAA,EAAA,KAAC,EAAA,cAAD,CAAgB,CAAA,GAChB,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,QACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,6GACb,EAAE,EAAA,QAAQ,sCAAsC,CAC7C,CAAA,WAGP,EAAE,EAAA,QAAQ,gCAAgC,CAChC,CAAA,GACb,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,OAAO,6BACP,KAAM,EAAyB,EAAA,OAAS,GAAA,IACxC,MAEM,EAAgB,EADpB,EACsB,EAAA,QAAQ,kBACR,EAAA,QAAQ,qBAF9B,CAEoD,EAEtD,YAAe,CACb,EAA6B,EAC7B,EAAkB,EAAK,CACzB,CACD,CAAA,GAED,EAAA,EAAA,KAAC,EAAA,cAAD,CAAgB,CAAA,GAChB,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,OAAO,2BACP,KAAM,EAAA,OACN,MAAO,EAAgB,EAAE,EAAA,QAAQ,uBAAuB,CAAC,EACzD,SAAU,IAA4B,EACtC,YAAe,CACT,IAA4B,IAChC,GAAmB,EACnB,EAAkB,EAAK,EACzB,CACD,CAAA,CACE,IACH,IACD,GAET"}

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

@@ -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;