@openhands/agent-canvas 1.9.0 → 1.10.0

package/dist/components/features/conversation-panel/compact-conversation-row.js

@@ -3,62 +3,63 @@ import { I18nKey as t } from "../../../i18n/declaration.js";
 import { cn as n } from "../../../utils/utils.js";
 import { tooltip_default as r } from "../../../node_modules/@heroui/tooltip/dist/chunk-AUA5GDXN.js";
 import { NavigationLink as i } from "../../shared/navigation-link.js";
-import { ConversationStatusDot as a } from "./conversation-status-dot.js";
-import { ConversationCardFooter as o } from "./conversation-card/conversation-card-footer.js";
+import { useBackendScopedPath as a } from "../../../hooks/use-backend-scoped-path.js";
+import { ConversationStatusDot as o } from "./conversation-status-dot.js";
+import { ConversationCardFooter as s } from "./conversation-card/conversation-card-footer.js";
 import "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/features/conversation-panel/compact-conversation-row.tsx
-function l({ conversationId: l, title: u, selectedRepository: d, executionStatus: f, sandboxStatus: p, lastUpdatedAt: m, createdAt: h, workspaceWorkingDir: g, isActive: _ = !1, onClose: v, showRepositoryMetadata: y = !0, llmModel: b = null, showLlmProfiles: x = !1, agentKind: S = null, acpServer: C = null, tags: w = null, showTags: T = !1 }) {
-	let { t: E } = e("openhands");
-	return /* @__PURE__ */ s(r, {
-		content: /* @__PURE__ */ c("div", {
+function u({ conversationId: u, title: d, selectedRepository: f, executionStatus: p, sandboxStatus: m, lastUpdatedAt: h, createdAt: g, workspaceWorkingDir: _, isActive: v = !1, onClose: y, showRepositoryMetadata: b = !0, llmModel: x = null, showLlmProfiles: S = !1, agentKind: C = null, acpServer: w = null, tags: T = null, showTags: E = !1 }) {
+	let { t: D } = e("openhands"), O = a();
+	return /* @__PURE__ */ c(r, {
+		content: /* @__PURE__ */ l("div", {
 			className: "w-[260px] p-3",
-			children: [/* @__PURE__ */ c("div", {
+			children: [/* @__PURE__ */ l("div", {
 				className: "flex items-center gap-2 mb-1",
-				children: [/* @__PURE__ */ s(a, {
-					executionStatus: f,
-					sandboxStatus: p,
+				children: [/* @__PURE__ */ c(o, {
+					executionStatus: p,
+					sandboxStatus: m,
 					showTooltip: !1
-				}), /* @__PURE__ */ s("span", {
+				}), /* @__PURE__ */ c("span", {
 					className: "text-sm font-medium text-white truncate",
-					title: u,
-					children: u || E(t.CONVERSATION$UNTITLED)
+					title: d,
+					children: d || D(t.CONVERSATION$UNTITLED)
 				})]
-			}), /* @__PURE__ */ s(o, {
-				selectedRepository: d,
-				lastUpdatedAt: m,
-				createdAt: h,
-				executionStatus: f,
-				workspaceWorkingDir: g,
-				showRepositoryMetadata: y,
-				llmModel: b,
-				showAgentChip: x,
-				agentKind: S,
-				acpServer: C,
-				tags: w,
-				showTags: T
+			}), /* @__PURE__ */ c(s, {
+				selectedRepository: f,
+				lastUpdatedAt: h,
+				createdAt: g,
+				executionStatus: p,
+				workspaceWorkingDir: _,
+				showRepositoryMetadata: b,
+				llmModel: x,
+				showAgentChip: S,
+				agentKind: C,
+				acpServer: w,
+				tags: T,
+				showTags: E
 			})]
 		}),
 		placement: "right",
 		closeDelay: 100,
 		className: "bg-[var(--oh-surface)] text-white border border-[var(--oh-border-subtle)] shadow-xl p-0",
 		disableAnimation: !1,
-		children: /* @__PURE__ */ s(i, {
-			to: `/conversations/${l}`,
-			onClick: v,
+		children: /* @__PURE__ */ c(i, {
+			to: O(`/conversations/${u}`),
+			onClick: y,
 			"data-testid": "compact-conversation-row",
-			"data-conversation-id": l,
-			"aria-label": u || l,
-			className: ({ isActive: e }) => n("flex items-center justify-center w-10 h-9 mx-auto rounded-md", "transition-colors cursor-pointer", e || _ ? "bg-tertiary" : "hover:bg-[var(--oh-surface-raised)]"),
-			children: /* @__PURE__ */ s(a, {
-				executionStatus: f,
-				sandboxStatus: p,
+			"data-conversation-id": u,
+			"aria-label": d || u,
+			className: ({ isActive: e }) => n("flex items-center justify-center w-10 h-9 mx-auto rounded-md", "transition-colors cursor-pointer", e || v ? "bg-tertiary" : "hover:bg-[var(--oh-surface-raised)]"),
+			children: /* @__PURE__ */ c(o, {
+				executionStatus: p,
+				sandboxStatus: m,
 				showTooltip: !1
 			})
 		})
 	});
 }
 //#endregion
-export { l as CompactConversationRow };
+export { u as CompactConversationRow };
 
 //# sourceMappingURL=compact-conversation-row.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"compact-conversation-row.js","names":[],"sources":["../../../../src/components/features/conversation-panel/compact-conversation-row.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tooltip } from \"@heroui/react\";\nimport { useTranslation } from \"react-i18next\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { SandboxStatus } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport { RepositorySelection } from \"#/api/open-hands.types\";\nimport { cn } from \"#/utils/utils\";\nimport { ConversationStatusDot } from \"./conversation-status-dot\";\nimport { ConversationCardFooter } from \"./conversation-card/conversation-card-footer\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\ninterface CompactConversationRowProps {\n  conversationId: string;\n  title: string;\n  selectedRepository: RepositorySelection | null;\n  executionStatus?: ExecutionStatus | null;\n  sandboxStatus?: SandboxStatus | null;\n  lastUpdatedAt: string;\n  createdAt?: string;\n  workspaceWorkingDir?: string | null;\n  isActive?: boolean;\n  onClose?: () => void;\n  showRepositoryMetadata?: boolean;\n  llmModel?: string | null;\n  showLlmProfiles?: boolean;\n  agentKind?: \"openhands\" | \"acp\" | null;\n  acpServer?: string | null;\n  tags?: Record<string, string> | null;\n  showTags?: boolean;\n}\n\n/**\n * Minimal one-row presentation of a conversation used by the collapsed\n * sidebar. The row itself is just the agent status dot; hovering it shows a\n * floating preview with the conversation's title, repo and timestamp.\n */\nexport function CompactConversationRow({\n  conversationId,\n  title,\n  selectedRepository,\n  executionStatus,\n  sandboxStatus,\n  lastUpdatedAt,\n  createdAt,\n  workspaceWorkingDir,\n  isActive = false,\n  onClose,\n  showRepositoryMetadata = true,\n  llmModel = null,\n  showLlmProfiles = false,\n  agentKind = null,\n  acpServer = null,\n  tags = null,\n  showTags = false,\n}: CompactConversationRowProps) {\n  const { t } = useTranslation(\"openhands\");\n  const disableAnimation = import.meta.env.MODE === \"test\";\n\n  const preview = (\n    <div className=\"w-[260px] p-3\">\n      <div className=\"flex items-center gap-2 mb-1\">\n        <ConversationStatusDot\n          executionStatus={executionStatus}\n          sandboxStatus={sandboxStatus}\n          showTooltip={false}\n        />\n        <span className=\"text-sm font-medium text-white truncate\" title={title}>\n          {title || t(I18nKey.CONVERSATION$UNTITLED)}\n        </span>\n      </div>\n      <ConversationCardFooter\n        selectedRepository={selectedRepository}\n        lastUpdatedAt={lastUpdatedAt}\n        createdAt={createdAt}\n        executionStatus={executionStatus}\n        workspaceWorkingDir={workspaceWorkingDir}\n        showRepositoryMetadata={showRepositoryMetadata}\n        llmModel={llmModel}\n        showAgentChip={showLlmProfiles}\n        agentKind={agentKind}\n        acpServer={acpServer}\n        tags={tags}\n        showTags={showTags}\n      />\n    </div>\n  );\n\n  return (\n    <Tooltip\n      content={preview}\n      placement=\"right\"\n      closeDelay={100}\n      className=\"bg-[var(--oh-surface)] text-white border border-[var(--oh-border-subtle)] shadow-xl p-0\"\n      disableAnimation={disableAnimation}\n    >\n      <NavigationLink\n        to={`/conversations/${conversationId}`}\n        onClick={onClose}\n        data-testid=\"compact-conversation-row\"\n        data-conversation-id={conversationId}\n        aria-label={title || conversationId}\n        className={({ isActive: navActive }) =>\n          cn(\n            \"flex items-center justify-center w-10 h-9 mx-auto rounded-md\",\n            \"transition-colors cursor-pointer\",\n            navActive || isActive\n              ? \"bg-tertiary\"\n              : \"hover:bg-[var(--oh-surface-raised)]\",\n          )\n        }\n      >\n        <ConversationStatusDot\n          executionStatus={executionStatus}\n          sandboxStatus={sandboxStatus}\n          showTooltip={false}\n        />\n      </NavigationLink>\n    </Tooltip>\n  );\n}\n"],"mappings":";;;;;;;;;;AAqCA,SAAgB,EAAuB,EACrC,mBACA,UACA,uBACA,oBACA,kBACA,kBACA,cACA,wBACA,cAAW,IACX,YACA,4BAAyB,IACzB,cAAW,MACX,qBAAkB,IAClB,eAAY,MACZ,eAAY,MACZ,UAAO,MACP,cAAW,MACmB;CAC9B,IAAM,EAAE,SAAM,EAAe,WAAW;CAgCxC,OACE,kBAAC,GAAD;EACE,SA9BF,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACmB;KACF;KACf,aAAa;IACd,CAAA,GACD,kBAAC,QAAD;KAAM,WAAU;KAAiD;eAC9D,KAAS,EAAE,EAAQ,qBAAqB;IACrC,CAAA,CACH;OACL,kBAAC,GAAD;IACsB;IACL;IACJ;IACM;IACI;IACG;IACd;IACV,eAAe;IACJ;IACA;IACL;IACI;GACX,CAAA,CACE;GAKM;EACT,WAAU;EACV,YAAY;EACZ,WAAU;EACQ,kBAAA;YAElB,kBAAC,GAAD;GACE,IAAI,kBAAkB;GACtB,SAAS;GACT,eAAY;GACZ,wBAAsB;GACtB,cAAY,KAAS;GACrB,YAAY,EAAE,UAAU,QACtB,EACE,gEACA,oCACA,KAAa,IACT,gBACA,qCACN;aAGF,kBAAC,GAAD;IACmB;IACF;IACf,aAAa;GACd,CAAA;EACa,CAAA;CACT,CAAA;AAEb"}
+{"version":3,"file":"compact-conversation-row.js","names":[],"sources":["../../../../src/components/features/conversation-panel/compact-conversation-row.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tooltip } from \"@heroui/react\";\nimport { useTranslation } from \"react-i18next\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { SandboxStatus } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport { RepositorySelection } from \"#/api/open-hands.types\";\nimport { cn } from \"#/utils/utils\";\nimport { ConversationStatusDot } from \"./conversation-status-dot\";\nimport { ConversationCardFooter } from \"./conversation-card/conversation-card-footer\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useBackendScopedPath } from \"#/hooks/use-backend-scoped-path\";\n\ninterface CompactConversationRowProps {\n  conversationId: string;\n  title: string;\n  selectedRepository: RepositorySelection | null;\n  executionStatus?: ExecutionStatus | null;\n  sandboxStatus?: SandboxStatus | null;\n  lastUpdatedAt: string;\n  createdAt?: string;\n  workspaceWorkingDir?: string | null;\n  isActive?: boolean;\n  onClose?: () => void;\n  showRepositoryMetadata?: boolean;\n  llmModel?: string | null;\n  showLlmProfiles?: boolean;\n  agentKind?: \"openhands\" | \"acp\" | null;\n  acpServer?: string | null;\n  tags?: Record<string, string> | null;\n  showTags?: boolean;\n}\n\n/**\n * Minimal one-row presentation of a conversation used by the collapsed\n * sidebar. The row itself is just the agent status dot; hovering it shows a\n * floating preview with the conversation's title, repo and timestamp.\n */\nexport function CompactConversationRow({\n  conversationId,\n  title,\n  selectedRepository,\n  executionStatus,\n  sandboxStatus,\n  lastUpdatedAt,\n  createdAt,\n  workspaceWorkingDir,\n  isActive = false,\n  onClose,\n  showRepositoryMetadata = true,\n  llmModel = null,\n  showLlmProfiles = false,\n  agentKind = null,\n  acpServer = null,\n  tags = null,\n  showTags = false,\n}: CompactConversationRowProps) {\n  const { t } = useTranslation(\"openhands\");\n  const backendScopedPath = useBackendScopedPath();\n  const disableAnimation = import.meta.env.MODE === \"test\";\n\n  const preview = (\n    <div className=\"w-[260px] p-3\">\n      <div className=\"flex items-center gap-2 mb-1\">\n        <ConversationStatusDot\n          executionStatus={executionStatus}\n          sandboxStatus={sandboxStatus}\n          showTooltip={false}\n        />\n        <span className=\"text-sm font-medium text-white truncate\" title={title}>\n          {title || t(I18nKey.CONVERSATION$UNTITLED)}\n        </span>\n      </div>\n      <ConversationCardFooter\n        selectedRepository={selectedRepository}\n        lastUpdatedAt={lastUpdatedAt}\n        createdAt={createdAt}\n        executionStatus={executionStatus}\n        workspaceWorkingDir={workspaceWorkingDir}\n        showRepositoryMetadata={showRepositoryMetadata}\n        llmModel={llmModel}\n        showAgentChip={showLlmProfiles}\n        agentKind={agentKind}\n        acpServer={acpServer}\n        tags={tags}\n        showTags={showTags}\n      />\n    </div>\n  );\n\n  return (\n    <Tooltip\n      content={preview}\n      placement=\"right\"\n      closeDelay={100}\n      className=\"bg-[var(--oh-surface)] text-white border border-[var(--oh-border-subtle)] shadow-xl p-0\"\n      disableAnimation={disableAnimation}\n    >\n      <NavigationLink\n        to={backendScopedPath(`/conversations/${conversationId}`)}\n        onClick={onClose}\n        data-testid=\"compact-conversation-row\"\n        data-conversation-id={conversationId}\n        aria-label={title || conversationId}\n        className={({ isActive: navActive }) =>\n          cn(\n            \"flex items-center justify-center w-10 h-9 mx-auto rounded-md\",\n            \"transition-colors cursor-pointer\",\n            navActive || isActive\n              ? \"bg-tertiary\"\n              : \"hover:bg-[var(--oh-surface-raised)]\",\n          )\n        }\n      >\n        <ConversationStatusDot\n          executionStatus={executionStatus}\n          sandboxStatus={sandboxStatus}\n          showTooltip={false}\n        />\n      </NavigationLink>\n    </Tooltip>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAsCA,SAAgB,EAAuB,EACrC,mBACA,UACA,uBACA,oBACA,kBACA,kBACA,cACA,wBACA,cAAW,IACX,YACA,4BAAyB,IACzB,cAAW,MACX,qBAAkB,IAClB,eAAY,MACZ,eAAY,MACZ,UAAO,MACP,cAAW,MACmB;CAC9B,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAoB,EAAqB;CAgC/C,OACE,kBAAC,GAAD;EACE,SA9BF,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACmB;KACF;KACf,aAAa;IACd,CAAA,GACD,kBAAC,QAAD;KAAM,WAAU;KAAiD;eAC9D,KAAS,EAAE,EAAQ,qBAAqB;IACrC,CAAA,CACH;OACL,kBAAC,GAAD;IACsB;IACL;IACJ;IACM;IACI;IACG;IACd;IACV,eAAe;IACJ;IACA;IACL;IACI;GACX,CAAA,CACE;GAKM;EACT,WAAU;EACV,YAAY;EACZ,WAAU;EACQ,kBAAA;YAElB,kBAAC,GAAD;GACE,IAAI,EAAkB,kBAAkB,GAAgB;GACxD,SAAS;GACT,eAAY;GACZ,wBAAsB;GACtB,cAAY,KAAS;GACrB,YAAY,EAAE,UAAU,QACtB,EACE,gEACA,oCACA,KAAa,IACT,gBACA,qCACN;aAGF,kBAAC,GAAD;IACmB;IACF;IACf,aAAa;GACd,CAAA;EACa,CAAA;CACT,CAAA;AAEb"}

package/dist/components/features/conversation-panel/confirm-delete-modal.d.ts

@@ -6,5 +6,5 @@ interface ConfirmDeleteModalProps {
     title?: string;
     description?: React.ReactNode;
 }
-export declare function ConfirmDeleteModal({ onConfirm, onCancel, conversationTitle, title, description, }: ConfirmDeleteModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConfirmDeleteModal({ onConfirm, onCancel, conversationTitle, title, description, }: ConfirmDeleteModalProps): React.JSX.Element;
 export {};

package/dist/components/features/conversation-panel/confirm-stop-modal.d.ts

@@ -2,5 +2,5 @@ interface ConfirmStopModalProps {
     onConfirm: () => void;
     onCancel: () => void;
 }
-export declare function ConfirmStopModal({ onConfirm, onCancel, }: ConfirmStopModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConfirmStopModal({ onConfirm, onCancel, }: ConfirmStopModalProps): import("react").JSX.Element;
 export {};

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

@@ -12,5 +12,5 @@ interface ConversationCardActionsProps {
     conversationId?: string;
     showOptions?: boolean;
 }
-export declare function ConversationCardActions({ contextMenuOpen, onContextMenuToggle, onDelete, onStop, onEdit, onDownloadViaVSCode, onDownloadConversation, executionStatus, conversationId, showOptions, }: ConversationCardActionsProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationCardActions({ contextMenuOpen, onContextMenuToggle, onDelete, onStop, onEdit, onDownloadViaVSCode, onDownloadConversation, executionStatus, conversationId, showOptions, }: ConversationCardActionsProps): React.JSX.Element;
 export {};

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

@@ -17,5 +17,5 @@ interface ConversationCardContextMenuProps {
     floatingStyle?: React.CSSProperties;
     ignoreOutsideClickRef?: React.RefObject<HTMLElement | null>;
 }
-export declare function ConversationCardContextMenu({ onClose, onDelete, onStop, onEdit, onDisplayCost, onShowAgentTools, onShowSkills, onDownloadViaVSCode, onDownloadConversation, position, floatingStyle, ignoreOutsideClickRef, }: ConversationCardContextMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationCardContextMenu({ onClose, onDelete, onStop, onEdit, onDisplayCost, onShowAgentTools, onShowSkills, onDownloadViaVSCode, onDownloadConversation, position, floatingStyle, ignoreOutsideClickRef, }: ConversationCardContextMenuProps): React.JSX.Element;
 export {};

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

@@ -48,5 +48,5 @@ interface ConversationCardFooterProps {
      */
     showTags?: boolean;
 }
-export declare function ConversationCardFooter({ selectedRepository, lastUpdatedAt, createdAt, executionStatus, workspaceWorkingDir, showRepositoryMetadata, showTimestamp, llmModel, showAgentChip, agentKind, acpServer, tags, showTags, }: ConversationCardFooterProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationCardFooter({ selectedRepository, lastUpdatedAt, createdAt, executionStatus, workspaceWorkingDir, showRepositoryMetadata, showTimestamp, llmModel, showAgentChip, agentKind, acpServer, tags, showTags, }: ConversationCardFooterProps): import("react").JSX.Element;
 export {};

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

@@ -7,5 +7,5 @@ interface ConversationCardHeaderProps {
     executionStatus?: ExecutionStatus | null;
     sandboxStatus?: SandboxStatus | null;
 }
-export declare function ConversationCardHeader({ title, titleMode, onTitleSave, executionStatus, sandboxStatus, }: ConversationCardHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationCardHeader({ title, titleMode, onTitleSave, executionStatus, sandboxStatus, }: ConversationCardHeaderProps): import("react").JSX.Element;
 export {};

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

@@ -10,5 +10,5 @@ interface ConversationCardPreviewProps {
     llmModel?: string | null;
     createdAt?: string;
 }
-export declare function ConversationCardPreview({ title, executionStatus, sandboxStatus, selectedRepository, workspaceWorkingDir, llmModel, createdAt, }: ConversationCardPreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationCardPreview({ title, executionStatus, sandboxStatus, selectedRepository, workspaceWorkingDir, llmModel, createdAt, }: ConversationCardPreviewProps): import("react").JSX.Element;
 export {};

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

@@ -6,5 +6,5 @@ interface ConversationCardSkeletonProps {
  * compact: three small bars for the icon rail. Pulse stagger comes from
  * `.skeleton-stagger` in `tailwind.css`.
  */
-export declare function ConversationCardSkeleton({ compact, }: ConversationCardSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationCardSkeleton({ compact, }: ConversationCardSkeletonProps): import("react").JSX.Element;
 export {};

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

@@ -5,4 +5,4 @@ export type ConversationCardTitleProps = {
     onSave: (title: string) => void;
     isConversationArchived?: boolean;
 };
-export declare function ConversationCardTitle({ titleMode, title, onSave, isConversationArchived, }: ConversationCardTitleProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationCardTitle({ titleMode, title, onSave, isConversationArchived, }: ConversationCardTitleProps): import("react").JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { ExecutionStatus } from "#/types/agent-server/core/base/common";
 import { SandboxStatus } from "#/api/conversation-service/agent-server-conversation-service.types";
 import { RepositorySelection } from "#/api/open-hands.types";
@@ -31,5 +32,5 @@ interface ConversationCardProps {
     /** When true and pinned, keep the pin icon visible without hovering. */
     alwaysShowPinIcon?: boolean;
 }
-export declare function ConversationCard({ onClick, onDelete, onStop, onChangeTitle, showOptions, title, selectedRepository, lastUpdatedAt, createdAt, conversationId, executionStatus, sandboxStatus, contextMenuOpen, onContextMenuToggle, isActive, workspaceWorkingDir, showRepositoryMetadata, llmModel, showLlmProfiles, agentKind, acpServer, tags, showTags, isPinned, onTogglePin, alwaysShowPinIcon, }: ConversationCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationCard({ onClick, onDelete, onStop, onChangeTitle, showOptions, title, selectedRepository, lastUpdatedAt, createdAt, conversationId, executionStatus, sandboxStatus, contextMenuOpen, onContextMenuToggle, isActive, workspaceWorkingDir, showRepositoryMetadata, llmModel, showLlmProfiles, agentKind, acpServer, tags, showTags, isPinned, onTogglePin, alwaysShowPinIcon, }: ConversationCardProps): React.JSX.Element;
 export {};

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

@@ -2,5 +2,5 @@ import { RepositorySelection } from "#/api/open-hands.types";
 interface ConversationRepoLinkProps {
     selectedRepository: RepositorySelection;
 }
-export declare function ConversationRepoLink({ selectedRepository, }: ConversationRepoLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationRepoLink({ selectedRepository, }: ConversationRepoLinkProps): import("react").JSX.Element;
 export {};

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

@@ -1,2 +1,2 @@
 /** Error sandbox pill beside the conversation title (archived uses the status column icon only). */
-export declare function ConversationStatusBadges(): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationStatusBadges(): import("react").JSX.Element;

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

@@ -1,5 +1,5 @@
 interface NoRepositoryProps {
     workspaceWorkingDir?: string | null;
 }
-export declare function NoRepository({ workspaceWorkingDir }: NoRepositoryProps): import("react/jsx-runtime").JSX.Element;
+export declare function NoRepository({ workspaceWorkingDir }: NoRepositoryProps): import("react").JSX.Element;
 export {};

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

@@ -21,5 +21,5 @@ interface ConversationGroupFolderListProps {
     onLaunchFromGroup: (launch: ConversationGroupLaunch) => void;
     renderConversationCard: (conversation: AppConversation) => ReactNode;
 }
-export declare function ConversationGroupFolderList({ groups, groupIds, groupFolderOrder, setGroupFolderOrder, collapsedGroupIds, expandedGroupPreviewIds, onToggleGroupCollapsed, onToggleGroupPreviewExpanded, isCreatingConversationFlow, activeConversationId, onLaunchFromGroup, renderConversationCard, }: ConversationGroupFolderListProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationGroupFolderList({ groups, groupIds, groupFolderOrder, setGroupFolderOrder, collapsedGroupIds, expandedGroupPreviewIds, onToggleGroupCollapsed, onToggleGroupPreviewExpanded, isCreatingConversationFlow, activeConversationId, onLaunchFromGroup, renderConversationCard, }: ConversationGroupFolderListProps): import("react").JSX.Element;
 export {};

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

@@ -26,5 +26,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-runtime").JSX.Element;
+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 {};

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

@@ -25,4 +25,4 @@ export interface ConversationPanelFilterMenuProps {
     totalConversationsCount: number;
     onRequestDeleteAll: () => void;
 }
-export declare function ConversationPanelFilterMenu({ filterMenuOpen, setFilterMenuOpen, menuRef, backendKind, organizeMode, setOrganizeMode, conversationSort, setConversationSort, threadScope, setThreadScope, showOlderConversations, toggleShowOlderConversations, showRepoBranchMetadata, toggleShowRepoBranchMetadata, showLlmProfiles, toggleShowLlmProfiles, showTagsMetadata, toggleShowTagsMetadata, showHoverMetadata, toggleShowHoverMetadata, totalConversationsCount, onRequestDeleteAll, }: ConversationPanelFilterMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationPanelFilterMenu({ filterMenuOpen, setFilterMenuOpen, menuRef, backendKind, organizeMode, setOrganizeMode, conversationSort, setConversationSort, threadScope, setThreadScope, showOlderConversations, toggleShowOlderConversations, showRepoBranchMetadata, toggleShowRepoBranchMetadata, showLlmProfiles, toggleShowLlmProfiles, showTagsMetadata, toggleShowTagsMetadata, showHoverMetadata, toggleShowHoverMetadata, totalConversationsCount, onRequestDeleteAll, }: ConversationPanelFilterMenuProps): React.JSX.Element;

package/dist/components/features/conversation-panel/conversation-panel-new-thread-picker.d.ts

@@ -6,4 +6,4 @@ import type { BackendKind } from "#/api/backend-registry/types";
  */
 export declare function ConversationPanelNewThreadPicker({ backendKind, }: {
     backendKind: BackendKind;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/components/features/conversation-panel/conversation-panel-pinned-section.d.ts

@@ -8,5 +8,5 @@ interface ConversationPanelPinnedSectionProps {
     showDivider?: boolean;
     renderConversationCard: (conversation: AppConversation) => React.ReactNode;
 }
-export declare function ConversationPanelPinnedSection({ pinnedConversations, isPreviewExpanded, onTogglePreviewExpanded, activeConversationId, showDivider, renderConversationCard, }: ConversationPanelPinnedSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationPanelPinnedSection({ pinnedConversations, isPreviewExpanded, onTogglePreviewExpanded, activeConversationId, showDivider, renderConversationCard, }: ConversationPanelPinnedSectionProps): React.JSX.Element;
 export {};

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

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../utils/status.cjs"),i=require("../../../utils/utils.cjs"),ee=require("../../../context/navigation-context.cjs"),te=require("../../../utils/custom-toast-handlers.cjs"),ne=require("../../../contexts/active-backend-context.cjs"),re=require("../../../node_modules/@heroui/tooltip/dist/chunk-AUA5GDXN.cjs"),ie=require("../../../hooks/use-click-outside-element.cjs"),ae=require("../../../hooks/mutation/use-create-conversation.cjs"),oe=require("../../shared/navigation-link.cjs"),se=require("../../../hooks/mutation/use-delete-conversation.cjs"),ce=require("../../../hooks/mutation/use-unified-stop-conversation.cjs"),le=require("../../../hooks/use-is-creating-conversation.cjs"),ue=require("../../../hooks/mutation/use-update-conversation.cjs"),de=require("./confirm-delete-modal.cjs"),fe=require("./confirm-stop-modal.cjs"),pe=require("../../../hooks/query/use-paginated-conversations.cjs"),me=require("../../../hooks/query/use-start-tasks.cjs"),he=require("./exit-conversation-modal.cjs"),ge=require("./conversation-card/conversation-card.cjs"),_e=require("./conversation-card/conversation-card-preview.cjs"),ve=require("./start-task-card/start-task-card.cjs"),ye=require("./conversation-card/conversation-card-skeleton.cjs"),be=require("./compact-conversation-row.cjs"),a=require("../../../stores/conversation-panel-preferences-store.cjs"),xe=require("./conversation-panel-filter-menu.cjs"),Se=require("./conversation-panel-new-thread-picker.cjs"),o=require("./conversation-panel-list-helpers.cjs"),Ce=require("./conversation-group-folder-list.cjs"),we=require("./conversation-panel-pinned-section.cjs"),s=require("../../../stores/pinned-conversations-store.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var Te=()=>{},Ee=[],u=3600*1e3,De=e=>{let t=Date.now()-u,n=[],r=[];for(let i of e){let e=i.updated_at?Date.parse(i.updated_at):NaN;Number.isFinite(e)&&e<t?r.push(i):n.push(i)}return{recent:n,older:r}};function d({onClose:e,compact:u=!1}){let{t:d}=t.useTranslation(`openhands`),{conversationId:f,navigate:p}=ee.useNavigation(),{backend:m}=ne.useActiveBackend(),Oe=ie.useClickOutsideElement(e??Te),[ke,h]=c.default.useState(!1),[Ae,g]=c.default.useState(!1),[je,Me]=c.default.useState(!1),[Ne,_]=c.default.useState(!1),v=a.useConversationPanelPreferencesStore(e=>e.showOlderConversations),Pe=a.useConversationPanelPreferencesStore(e=>e.toggleShowOlderConversations),y=a.useConversationPanelPreferencesStore(e=>e.showRepoBranchMetadata),Fe=a.useConversationPanelPreferencesStore(e=>e.toggleShowRepoBranchMetadata),b=a.useConversationPanelPreferencesStore(e=>e.showLlmProfiles),Ie=a.useConversationPanelPreferencesStore(e=>e.toggleShowLlmProfiles),x=a.useConversationPanelPreferencesStore(e=>e.showTagsMetadata),Le=a.useConversationPanelPreferencesStore(e=>e.toggleShowTagsMetadata),S=a.useConversationPanelPreferencesStore(e=>e.showHoverMetadata),Re=a.useConversationPanelPreferencesStore(e=>e.toggleShowHoverMetadata),C=a.useConversationPanelPreferencesStore(e=>e.organizeMode),ze=a.useConversationPanelPreferencesStore(e=>e.setOrganizeMode),w=a.useConversationPanelPreferencesStore(e=>e.conversationSort),Be=a.useConversationPanelPreferencesStore(e=>e.setConversationSort),T=a.useConversationPanelPreferencesStore(e=>e.threadScope),Ve=a.useConversationPanelPreferencesStore(e=>e.setThreadScope),E=a.useConversationPanelPreferencesStore(e=>e.groupFolderOrder),He=a.useConversationPanelPreferencesStore(e=>e.setGroupFolderOrder),[Ue,D]=c.default.useState(!1),[We,Ge]=c.default.useState(!1),Ke=ie.useClickOutsideElement(()=>{D(!1)}),[qe,O]=c.default.useState(()=>new Set),[Je,k]=c.default.useState(()=>new Set),[Ye,Xe]=c.default.useState(!1),A=s.usePinnedConversationsStore(e=>e.pinsByBackendId[m.id]??Ee),Ze=s.usePinnedConversationsStore(e=>e.togglePin),Qe=s.usePinnedConversationsStore(e=>e.pruneMissingConversations),$e=c.default.useCallback(e=>{O(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]),et=c.default.useCallback(e=>{k(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]);c.default.useEffect(()=>{C!==`grouped`&&(O(new Set),k(new Set))},[C]);let tt=c.default.useRef(null),[j,nt]=c.default.useState(null),[rt,M]=c.default.useState(null),[N,it]=c.default.useState(null),{data:P,isLoading:at,isFetched:F,hasNextPage:I,isFetching:L,isFetchingNextPage:R,fetchNextPage:z}=pe.usePaginatedConversations(),{data:B}=me.useStartTasks(),V=c.default.useMemo(()=>{let e=P?.pages.flatMap(e=>e.items)??[],t=new Set;return e.filter(e=>t.has(e.id)?!1:(t.add(e.id),!0))},[P]),H=c.default.useMemo(()=>o.resolvePinnedConversations(A,V),[V,A]);c.default.useEffect(()=>{F&&Qe(m.id,V.map(e=>e.id))},[m.id,V,F,Qe]),c.default.useEffect(()=>{A.length===0&&Xe(!1)},[A.length]);let U=c.default.useMemo(()=>{let e=T===`relevant`?V.filter(e=>r.isExecutionActive(e.execution_status)):V;return u?e:o.filterOutPinnedConversations(e,A)},[u,V,A,T]),{recent:W,older:G}=c.default.useMemo(()=>De(U),[U]),ot=c.default.useMemo(()=>o.sortConversationsByField(v?[...W,...G]:W,w),[W,G,v,w]),st=c.default.useMemo(()=>({emptyWorkspace:d(n.I18nKey.CONVERSATION_PANEL$NO_WORKSPACE),emptyRepository:d(n.I18nKey.CONVERSATION_PANEL$NO_REPOSITORY)}),[d]),K=c.default.useMemo(()=>u||C!==`grouped`?null:o.groupConversations([...W,...v?G:[]],m.kind,w,st),[m.kind,u,w,st,G,C,W,v]),q=c.default.useMemo(()=>K?o.applyGroupFolderOrder(K,E):null,[K,E]),ct=c.default.useMemo(()=>K?.map(e=>e.id)??[],[K]),lt=c.default.useMemo(()=>o.sortConversationsByField(W.filter(e=>r.isExecutionActive(e.execution_status)),w),[w,W]),ut=ot.length,dt=c.default.useMemo(()=>q?q.reduce((e,t)=>e+t.conversations.length,0):0,[q]),ft=C===`grouped`&&!u?dt===0:ut===0,J=C===`grouped`&&!u?dt:ut,[Y,X]=c.default.useState(null),pt=c.default.useRef(J);pt.current=J;let mt=c.default.useCallback(()=>{I&&X(pt.current)},[I]);c.default.useEffect(()=>{if(Y!==null){if(J>Y){X(null);return}if(!I){X(null);return}L||R||z()}},[Y,J,I,L,R,z]);let ht=Y!==null||R,{mutate:gt,mutateAsync:_t}=se.useDeleteConversation(),{mutate:vt}=ce.useUnifiedPauseConversation(),{mutate:yt}=ue.useUpdateConversation(),bt=G.length>0&&!v,xt=!!I&&!bt&&!u&&!ft,{mutate:St}=ae.useCreateConversation(),Z=le.useIsCreatingConversation(),Ct=c.default.useCallback(e=>{Z||St({workingDir:e.workingDir,repository:e.repository,entryPoint:`sidebar_relaunch_project`},{onSuccess:e=>{p(`/conversations/${e.conversation_id}`)}})},[St,Z,p]),wt=c.default.useCallback((e,t)=>{h(!0),nt(e),M(t)},[]),Tt=c.default.useCallback(e=>{g(!0),nt(e)},[]),Et=c.default.useCallback((e,t)=>{yt({conversationId:e,newTitle:t},{onSuccess:()=>{te.displaySuccessToast(d(n.I18nKey.CONVERSATION$TITLE_UPDATED))}})},[d,yt]),Dt=()=>{j&&gt({conversationId:j},{onSuccess:()=>{j===f&&p(`/conversations`)}})},Ot=()=>{j&&vt({conversationId:j})},kt=async()=>{let e=V.map(e=>e.id),t=await Promise.allSettled(e.map(e=>_t({conversationId:e}))),n=t.flatMap((t,n)=>t.status===`fulfilled`?[e[n]]:[]),r=t.length-n.length;f!==null&&n.includes(f)&&p(`/conversations`),r>0&&te.displayErrorToast(`${r} conversation${r===1?``:`s`} could not be deleted.`)},Q=c.default.useCallback((t,n)=>{let r=A.includes(t.id);return u?(0,l.jsx)(be.CompactConversationRow,{conversationId:t.id,title:t.title??``,selectedRepository:{selected_repository:t.selected_repository,selected_branch:t.selected_branch,git_provider:t.git_provider},executionStatus:t.execution_status,sandboxStatus:t.sandbox_status,lastUpdatedAt:t.updated_at,createdAt:t.created_at,workspaceWorkingDir:t.selected_workspace??t.workspace?.working_dir,isActive:t.id===f,onClose:e,showRepositoryMetadata:y,llmModel:t.llm_model,showLlmProfiles:b,agentKind:t.agent_kind,acpServer:t.acp_server,tags:t.tags,showTags:x},t.id):(0,l.jsx)(re.tooltip_default,{placement:`right-start`,delay:1e3,closeDelay:100,isDisabled:!S||N===t.id,disableAnimation:!1,className:`rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl`,content:(0,l.jsx)(_e.ConversationCardPreview,{title:t.title??``,executionStatus:t.execution_status,sandboxStatus:t.sandbox_status,selectedRepository:{selected_repository:t.selected_repository,selected_branch:t.selected_branch,git_provider:t.git_provider},workspaceWorkingDir:t.selected_workspace??t.workspace?.working_dir,llmModel:t.llm_model,createdAt:t.created_at}),children:(0,l.jsx)(oe.NavigationLink,{to:`/conversations/${t.id}`,onClick:e,className:i.cn(`block rounded-md transition-colors`,N!==t.id&&`hover:bg-[var(--oh-surface)]`,(t.id===f||N===t.id)&&`bg-[var(--oh-surface)]`),children:(0,l.jsx)(ge.ConversationCard,{onDelete:()=>wt(t.id,t.title??``),onStop:()=>Tt(t.id),onChangeTitle:e=>Et(t.id,e),title:t.title??``,selectedRepository:{selected_repository:t.selected_repository,selected_branch:t.selected_branch,git_provider:t.git_provider},lastUpdatedAt:t.updated_at,createdAt:t.created_at,executionStatus:t.execution_status,sandboxStatus:t.sandbox_status,conversationId:t.id,contextMenuOpen:N===t.id,onContextMenuToggle:e=>it(e?t.id:null),isActive:t.id===f,workspaceWorkingDir:t.selected_workspace??t.workspace?.working_dir,showRepositoryMetadata:y,llmModel:t.llm_model,showLlmProfiles:b,agentKind:t.agent_kind,acpServer:t.acp_server,tags:t.tags,showTags:x,isPinned:r,onTogglePin:()=>Ze(m.id,t.id),alwaysShowPinIcon:r&&!n?.inPinnedSection})})},t.id)},[m.id,u,f,Et,wt,Tt,e,N,A,y,b,x,S,Ze]),$=at||!F,At=!u&&!$&&H.length>0,jt=F&&!at&&!u&&ft&&!At&&!B?.length;return(0,l.jsxs)(`div`,{ref:Oe,"data-testid":`conversation-panel`,className:`flex h-full min-h-0 w-full flex-col`,children:[!u&&(0,l.jsx)(`div`,{className:i.cn(`-ml-2.5 w-[calc(100%+0.625rem)] max-w-none box-border border-b`,We?`border-[var(--oh-border)]`:`border-transparent`),children:(0,l.jsxs)(`div`,{"data-testid":`older-conversations-summary`,className:`flex min-w-0 flex-nowrap items-center gap-x-2 py-2 pl-4 pr-2.5 text-[var(--oh-muted)]`,children:[(0,l.jsx)(`span`,{className:`min-w-0 truncate text-sm font-medium text-[var(--oh-muted)]`,children:d(n.I18nKey.SIDEBAR$CONVERSATIONS)}),(0,l.jsxs)(`div`,{className:`ml-auto flex shrink-0 items-center gap-0.5`,children:[(0,l.jsx)(Se.ConversationPanelNewThreadPicker,{backendKind:m.kind}),(0,l.jsx)(xe.ConversationPanelFilterMenu,{filterMenuOpen:Ue,setFilterMenuOpen:D,menuRef:Ke,backendKind:m.kind,organizeMode:C,setOrganizeMode:ze,conversationSort:w,setConversationSort:Be,threadScope:T,setThreadScope:Ve,showOlderConversations:v,toggleShowOlderConversations:Pe,showRepoBranchMetadata:y,toggleShowRepoBranchMetadata:Fe,showLlmProfiles:b,toggleShowLlmProfiles:Ie,showTagsMetadata:x,toggleShowTagsMetadata:Le,showHoverMetadata:S,toggleShowHoverMetadata:Re,totalConversationsCount:V.length,onRequestDeleteAll:()=>_(!0)})]})]})}),(0,l.jsxs)(`div`,{ref:tt,"data-testid":`conversation-panel-list-scroll`,onScroll:e=>{Ge(e.currentTarget.scrollTop>0)},className:i.cn(`flex min-h-0 flex-1 flex-col overflow-y-auto overflow-x-hidden overscroll-contain custom-scrollbar-always`,!u&&`conversation-panel-list-scroll`),children:[$&&(0,l.jsx)(ye.ConversationCardSkeleton,{compact:u}),!u&&jt&&(0,l.jsx)(`div`,{"data-testid":`conversation-panel-empty-state`,className:`flex min-h-0 flex-1 flex-col items-center justify-center px-4 py-8`,children:(0,l.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)]`,children:d(n.I18nKey.CONVERSATION$NO_CONVERSATIONS)})}),At?(0,l.jsx)(we.ConversationPanelPinnedSection,{pinnedConversations:H,isPreviewExpanded:Ye,onTogglePreviewExpanded:()=>Xe(e=>!e),activeConversationId:f,showDivider:!u&&C===`chronological`,renderConversationCard:e=>Q(e,{inPinnedSection:!0})}):null,!u&&B?.map(t=>(0,l.jsx)(oe.NavigationLink,{to:`/conversations/task-${t.id}`,onClick:e,className:`block`,children:(0,l.jsx)(ve.StartTaskCard,{task:t})},t.id)),!$&&u?lt.map(e=>Q(e)):null,!$&&!u&&C===`grouped`&&q&&q.length>0?(0,l.jsx)(Ce.ConversationGroupFolderList,{groups:q,groupIds:ct,groupFolderOrder:E,setGroupFolderOrder:He,collapsedGroupIds:qe,expandedGroupPreviewIds:Je,onToggleGroupCollapsed:$e,onToggleGroupPreviewExpanded:et,isCreatingConversationFlow:Z,activeConversationId:f,onLaunchFromGroup:Ct,renderConversationCard:e=>Q(e)}):null,!$&&!u&&C===`chronological`?(0,l.jsx)(`div`,{className:`space-y-0.5`,children:ot.map(e=>Q(e))}):null,xt&&(ht?(0,l.jsx)(`div`,{className:`py-1`,children:(0,l.jsx)(ye.ConversationCardSkeleton,{compact:u})}):(0,l.jsx)(`div`,{className:`flex justify-center py-4`,children:(0,l.jsx)(`button`,{type:`button`,"data-testid":`load-more-conversations`,onClick:mt,className:`text-xs text-[var(--oh-muted)] hover:text-white`,children:d(n.I18nKey.CONVERSATION$LOAD_MORE)})}))]}),ke&&(0,l.jsx)(de.ConfirmDeleteModal,{onConfirm:()=>{Dt(),h(!1),M(null)},onCancel:()=>{h(!1),M(null)},conversationTitle:rt??void 0}),Ne&&(0,l.jsx)(de.ConfirmDeleteModal,{title:d(n.I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_TITLE),description:d(n.I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_DESC,{count:V.length}),onConfirm:async()=>{await kt(),_(!1)},onCancel:()=>_(!1)}),Ae&&(0,l.jsx)(fe.ConfirmStopModal,{onConfirm:()=>{Ot(),g(!1)},onCancel:()=>g(!1)}),je&&(0,l.jsx)(he.ExitConversationModal,{onConfirm:()=>{e?.()},onClose:()=>Me(!1),onCancel:()=>Me(!1)})]})}exports.ConversationPanel=d;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../utils/status.cjs"),i=require("../../../utils/utils.cjs"),ee=require("../../../context/navigation-context.cjs"),te=require("../../../utils/custom-toast-handlers.cjs"),ne=require("../../../contexts/active-backend-context.cjs"),re=require("../../../node_modules/@heroui/tooltip/dist/chunk-AUA5GDXN.cjs"),ie=require("../../../hooks/use-click-outside-element.cjs"),ae=require("../../../hooks/mutation/use-create-conversation.cjs"),oe=require("../../shared/navigation-link.cjs"),se=require("../../../hooks/mutation/use-delete-conversation.cjs"),ce=require("../../../hooks/mutation/use-unified-stop-conversation.cjs"),le=require("../../../hooks/use-is-creating-conversation.cjs"),ue=require("../../../hooks/mutation/use-update-conversation.cjs"),a=require("./confirm-delete-modal.cjs"),de=require("./confirm-stop-modal.cjs"),fe=require("../../../hooks/use-backend-scoped-path.cjs"),pe=require("../../../hooks/query/use-paginated-conversations.cjs"),me=require("../../../hooks/query/use-start-tasks.cjs"),he=require("./exit-conversation-modal.cjs"),ge=require("./conversation-card/conversation-card.cjs"),_e=require("./conversation-card/conversation-card-preview.cjs"),ve=require("./start-task-card/start-task-card.cjs"),o=require("./conversation-card/conversation-card-skeleton.cjs"),ye=require("./compact-conversation-row.cjs"),s=require("../../../stores/conversation-panel-preferences-store.cjs"),be=require("./conversation-panel-filter-menu.cjs"),xe=require("./conversation-panel-new-thread-picker.cjs"),c=require("./conversation-panel-list-helpers.cjs"),Se=require("./conversation-group-folder-list.cjs"),Ce=require("./conversation-panel-pinned-section.cjs"),l=require("../../../stores/pinned-conversations-store.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var we=()=>{},Te=[],f=3600*1e3,Ee=e=>{let t=Date.now()-f,n=[],r=[];for(let i of e){let e=i.updated_at?Date.parse(i.updated_at):NaN;Number.isFinite(e)&&e<t?r.push(i):n.push(i)}return{recent:n,older:r}};function p({onClose:e,compact:f=!1}){let{t:p}=t.useTranslation(`openhands`),{conversationId:m,navigate:h}=ee.useNavigation(),{backend:g}=ne.useActiveBackend(),De=fe.useBackendScopedPath(),Oe=ie.useClickOutsideElement(e??we),[ke,_]=u.default.useState(!1),[Ae,v]=u.default.useState(!1),[je,y]=u.default.useState(!1),[Me,b]=u.default.useState(!1),x=s.useConversationPanelPreferencesStore(e=>e.showOlderConversations),Ne=s.useConversationPanelPreferencesStore(e=>e.toggleShowOlderConversations),S=s.useConversationPanelPreferencesStore(e=>e.showRepoBranchMetadata),Pe=s.useConversationPanelPreferencesStore(e=>e.toggleShowRepoBranchMetadata),C=s.useConversationPanelPreferencesStore(e=>e.showLlmProfiles),Fe=s.useConversationPanelPreferencesStore(e=>e.toggleShowLlmProfiles),w=s.useConversationPanelPreferencesStore(e=>e.showTagsMetadata),Ie=s.useConversationPanelPreferencesStore(e=>e.toggleShowTagsMetadata),T=s.useConversationPanelPreferencesStore(e=>e.showHoverMetadata),Le=s.useConversationPanelPreferencesStore(e=>e.toggleShowHoverMetadata),E=s.useConversationPanelPreferencesStore(e=>e.organizeMode),Re=s.useConversationPanelPreferencesStore(e=>e.setOrganizeMode),D=s.useConversationPanelPreferencesStore(e=>e.conversationSort),ze=s.useConversationPanelPreferencesStore(e=>e.setConversationSort),O=s.useConversationPanelPreferencesStore(e=>e.threadScope),Be=s.useConversationPanelPreferencesStore(e=>e.setThreadScope),k=s.useConversationPanelPreferencesStore(e=>e.groupFolderOrder),Ve=s.useConversationPanelPreferencesStore(e=>e.setGroupFolderOrder),[He,A]=u.default.useState(!1),[Ue,We]=u.default.useState(!1),Ge=ie.useClickOutsideElement(()=>{A(!1)}),[Ke,j]=u.default.useState(()=>new Set),[qe,M]=u.default.useState(()=>new Set),[Je,N]=u.default.useState(!1),P=l.usePinnedConversationsStore(e=>e.pinsByBackendId[g.id]??Te),F=l.usePinnedConversationsStore(e=>e.togglePin),Ye=l.usePinnedConversationsStore(e=>e.pruneMissingConversations),Xe=u.default.useCallback(e=>{j(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]),Ze=u.default.useCallback(e=>{M(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]);u.default.useEffect(()=>{E!==`grouped`&&(j(new Set),M(new Set))},[E]);let Qe=u.default.useRef(null),[I,$e]=u.default.useState(null),[et,L]=u.default.useState(null),[R,tt]=u.default.useState(null),{data:nt,isLoading:rt,isFetched:z,hasNextPage:B,isFetching:it,isFetchingNextPage:V,fetchNextPage:at}=pe.usePaginatedConversations(),{data:ot}=me.useStartTasks(),H=u.default.useMemo(()=>{let e=nt?.pages.flatMap(e=>e.items)??[],t=new Set;return e.filter(e=>t.has(e.id)?!1:(t.add(e.id),!0))},[nt]),st=u.default.useMemo(()=>c.resolvePinnedConversations(P,H),[H,P]);u.default.useEffect(()=>{z&&Ye(g.id,H.map(e=>e.id))},[g.id,H,z,Ye]),u.default.useEffect(()=>{P.length===0&&N(!1)},[P.length]);let ct=u.default.useMemo(()=>{let e=O===`relevant`?H.filter(e=>r.isExecutionActive(e.execution_status)):H;return f?e:c.filterOutPinnedConversations(e,P)},[f,H,P,O]),{recent:U,older:W}=u.default.useMemo(()=>Ee(ct),[ct]),lt=u.default.useMemo(()=>c.sortConversationsByField(x?[...U,...W]:U,D),[U,W,x,D]),ut=u.default.useMemo(()=>({emptyWorkspace:p(n.I18nKey.CONVERSATION_PANEL$NO_WORKSPACE),emptyRepository:p(n.I18nKey.CONVERSATION_PANEL$NO_REPOSITORY)}),[p]),G=u.default.useMemo(()=>f||E!==`grouped`?null:c.groupConversations([...U,...x?W:[]],g.kind,D,ut),[g.kind,f,D,ut,W,E,U,x]),K=u.default.useMemo(()=>G?c.applyGroupFolderOrder(G,k):null,[G,k]),dt=u.default.useMemo(()=>G?.map(e=>e.id)??[],[G]),ft=u.default.useMemo(()=>c.sortConversationsByField(U.filter(e=>r.isExecutionActive(e.execution_status)),D),[D,U]),pt=lt.length,mt=u.default.useMemo(()=>K?K.reduce((e,t)=>e+t.conversations.length,0):0,[K]),ht=E===`grouped`&&!f?mt===0:pt===0,q=E===`grouped`&&!f?mt:pt,[J,Y]=u.default.useState(null),gt=u.default.useRef(q);gt.current=q;let _t=u.default.useCallback(()=>{B&&Y(gt.current)},[B]);u.default.useEffect(()=>{if(J!==null){if(q>J){Y(null);return}if(!B){Y(null);return}it||V||at()}},[J,q,B,it,V,at]);let vt=J!==null||V,{mutate:yt,mutateAsync:bt}=se.useDeleteConversation(),{mutate:xt}=ce.useUnifiedPauseConversation(),{mutate:St}=ue.useUpdateConversation(),Ct=W.length>0&&!x,wt=!!B&&!Ct&&!f&&!ht,{mutate:Tt}=ae.useCreateConversation(),X=le.useIsCreatingConversation(),Et=u.default.useCallback(e=>{X||Tt({workingDir:e.workingDir,repository:e.repository,entryPoint:`sidebar_relaunch_project`},{onSuccess:e=>{h(`/conversations/${e.conversation_id}`)}})},[Tt,X,h]),Dt=u.default.useCallback((e,t)=>{_(!0),$e(e),L(t)},[]),Ot=u.default.useCallback(e=>{v(!0),$e(e)},[]),kt=u.default.useCallback((e,t)=>{St({conversationId:e,newTitle:t},{onSuccess:()=>{te.displaySuccessToast(p(n.I18nKey.CONVERSATION$TITLE_UPDATED))}})},[p,St]),At=()=>{I&&yt({conversationId:I},{onSuccess:()=>{I===m&&h(`/conversations`)}})},jt=()=>{I&&xt({conversationId:I})},Mt=async()=>{let e=H.map(e=>e.id),t=await Promise.allSettled(e.map(e=>bt({conversationId:e}))),n=t.flatMap((t,n)=>t.status===`fulfilled`?[e[n]]:[]),r=t.length-n.length;m!==null&&n.includes(m)&&h(`/conversations`),r>0&&te.displayErrorToast(`${r} conversation${r===1?``:`s`} could not be deleted.`)},Z=u.default.useCallback((t,n)=>{let r=P.includes(t.id);return f?(0,d.jsx)(ye.CompactConversationRow,{conversationId:t.id,title:t.title??``,selectedRepository:{selected_repository:t.selected_repository,selected_branch:t.selected_branch,git_provider:t.git_provider},executionStatus:t.execution_status,sandboxStatus:t.sandbox_status,lastUpdatedAt:t.updated_at,createdAt:t.created_at,workspaceWorkingDir:t.selected_workspace??t.workspace?.working_dir,isActive:t.id===m,onClose:e,showRepositoryMetadata:S,llmModel:t.llm_model,showLlmProfiles:C,agentKind:t.agent_kind,acpServer:t.acp_server,tags:t.tags,showTags:w},t.id):(0,d.jsx)(re.tooltip_default,{placement:`right-start`,delay:1e3,closeDelay:100,isDisabled:!T||R===t.id,disableAnimation:!1,className:`rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl`,content:(0,d.jsx)(_e.ConversationCardPreview,{title:t.title??``,executionStatus:t.execution_status,sandboxStatus:t.sandbox_status,selectedRepository:{selected_repository:t.selected_repository,selected_branch:t.selected_branch,git_provider:t.git_provider},workspaceWorkingDir:t.selected_workspace??t.workspace?.working_dir,llmModel:t.llm_model,createdAt:t.created_at}),children:(0,d.jsx)(oe.NavigationLink,{to:De(`/conversations/${t.id}`),onClick:e,className:i.cn(`block rounded-md transition-colors`,R!==t.id&&`hover:bg-[var(--oh-surface)]`,(t.id===m||R===t.id)&&`bg-[var(--oh-surface)]`),children:(0,d.jsx)(ge.ConversationCard,{onDelete:()=>Dt(t.id,t.title??``),onStop:()=>Ot(t.id),onChangeTitle:e=>kt(t.id,e),title:t.title??``,selectedRepository:{selected_repository:t.selected_repository,selected_branch:t.selected_branch,git_provider:t.git_provider},lastUpdatedAt:t.updated_at,createdAt:t.created_at,executionStatus:t.execution_status,sandboxStatus:t.sandbox_status,conversationId:t.id,contextMenuOpen:R===t.id,onContextMenuToggle:e=>tt(e?t.id:null),isActive:t.id===m,workspaceWorkingDir:t.selected_workspace??t.workspace?.working_dir,showRepositoryMetadata:S,llmModel:t.llm_model,showLlmProfiles:C,agentKind:t.agent_kind,acpServer:t.acp_server,tags:t.tags,showTags:w,isPinned:r,onTogglePin:()=>F(g.id,t.id),alwaysShowPinIcon:r&&!n?.inPinnedSection})})},t.id)},[g.id,f,m,kt,Dt,Ot,e,R,P,S,C,w,T,F]),Q=rt||!z,$=!f&&!Q&&st.length>0,Nt=z&&!rt&&!f&&ht&&!$&&!ot?.length;return(0,d.jsxs)(`div`,{ref:Oe,"data-testid":`conversation-panel`,className:`flex h-full min-h-0 w-full flex-col`,children:[!f&&(0,d.jsx)(`div`,{className:i.cn(`-ml-2.5 w-[calc(100%+0.625rem)] max-w-none box-border border-b`,Ue?`border-[var(--oh-border)]`:`border-transparent`),children:(0,d.jsxs)(`div`,{"data-testid":`older-conversations-summary`,className:`flex min-w-0 flex-nowrap items-center gap-x-2 py-2 pl-4 pr-2.5 text-[var(--oh-muted)]`,children:[(0,d.jsx)(`span`,{className:`min-w-0 truncate text-sm font-medium text-[var(--oh-muted)]`,children:p(n.I18nKey.SIDEBAR$CONVERSATIONS)}),(0,d.jsxs)(`div`,{className:`ml-auto flex shrink-0 items-center gap-0.5`,children:[(0,d.jsx)(xe.ConversationPanelNewThreadPicker,{backendKind:g.kind}),(0,d.jsx)(be.ConversationPanelFilterMenu,{filterMenuOpen:He,setFilterMenuOpen:A,menuRef:Ge,backendKind:g.kind,organizeMode:E,setOrganizeMode:Re,conversationSort:D,setConversationSort:ze,threadScope:O,setThreadScope:Be,showOlderConversations:x,toggleShowOlderConversations:Ne,showRepoBranchMetadata:S,toggleShowRepoBranchMetadata:Pe,showLlmProfiles:C,toggleShowLlmProfiles:Fe,showTagsMetadata:w,toggleShowTagsMetadata:Ie,showHoverMetadata:T,toggleShowHoverMetadata:Le,totalConversationsCount:H.length,onRequestDeleteAll:()=>b(!0)})]})]})}),(0,d.jsxs)(`div`,{ref:Qe,"data-testid":`conversation-panel-list-scroll`,onScroll:e=>{We(e.currentTarget.scrollTop>0)},className:i.cn(`flex min-h-0 flex-1 flex-col overflow-y-auto overflow-x-hidden overscroll-contain custom-scrollbar-always`,!f&&`conversation-panel-list-scroll`),children:[Q&&(0,d.jsx)(o.ConversationCardSkeleton,{compact:f}),!f&&Nt&&(0,d.jsx)(`div`,{"data-testid":`conversation-panel-empty-state`,className:`flex min-h-0 flex-1 flex-col items-center justify-center px-4 py-8`,children:(0,d.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)]`,children:p(n.I18nKey.CONVERSATION$NO_CONVERSATIONS)})}),$?(0,d.jsx)(Ce.ConversationPanelPinnedSection,{pinnedConversations:st,isPreviewExpanded:Je,onTogglePreviewExpanded:()=>N(e=>!e),activeConversationId:m,showDivider:!f&&E===`chronological`,renderConversationCard:e=>Z(e,{inPinnedSection:!0})}):null,!f&&ot?.map(t=>(0,d.jsx)(oe.NavigationLink,{to:De(`/conversations/task-${t.id}`),onClick:e,className:`block`,children:(0,d.jsx)(ve.StartTaskCard,{task:t})},t.id)),!Q&&f?ft.map(e=>Z(e)):null,!Q&&!f&&E===`grouped`&&K&&K.length>0?(0,d.jsx)(Se.ConversationGroupFolderList,{groups:K,groupIds:dt,groupFolderOrder:k,setGroupFolderOrder:Ve,collapsedGroupIds:Ke,expandedGroupPreviewIds:qe,onToggleGroupCollapsed:Xe,onToggleGroupPreviewExpanded:Ze,isCreatingConversationFlow:X,activeConversationId:m,onLaunchFromGroup:Et,renderConversationCard:e=>Z(e)}):null,!Q&&!f&&E===`chronological`?(0,d.jsx)(`div`,{className:`space-y-0.5`,children:lt.map(e=>Z(e))}):null,wt&&(vt?(0,d.jsx)(`div`,{className:`py-1`,children:(0,d.jsx)(o.ConversationCardSkeleton,{compact:f})}):(0,d.jsx)(`div`,{className:`flex justify-center py-4`,children:(0,d.jsx)(`button`,{type:`button`,"data-testid":`load-more-conversations`,onClick:_t,className:`text-xs text-[var(--oh-muted)] hover:text-white`,children:p(n.I18nKey.CONVERSATION$LOAD_MORE)})}))]}),ke&&(0,d.jsx)(a.ConfirmDeleteModal,{onConfirm:()=>{At(),_(!1),L(null)},onCancel:()=>{_(!1),L(null)},conversationTitle:et??void 0}),Me&&(0,d.jsx)(a.ConfirmDeleteModal,{title:p(n.I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_TITLE),description:p(n.I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_DESC,{count:H.length}),onConfirm:async()=>{await Mt(),b(!1)},onCancel:()=>b(!1)}),Ae&&(0,d.jsx)(de.ConfirmStopModal,{onConfirm:()=>{jt(),v(!1)},onCancel:()=>v(!1)}),je&&(0,d.jsx)(he.ExitConversationModal,{onConfirm:()=>{e?.()},onClose:()=>y(!1),onCancel:()=>y(!1)})]})}exports.ConversationPanel=p;
 //# sourceMappingURL=conversation-panel.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-panel.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/conversation-panel.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tooltip } from \"@heroui/react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { usePaginatedConversations } from \"#/hooks/query/use-paginated-conversations\";\nimport { useStartTasks } from \"#/hooks/query/use-start-tasks\";\nimport { useDeleteConversation } from \"#/hooks/mutation/use-delete-conversation\";\nimport { useUnifiedPauseConversation } from \"#/hooks/mutation/use-unified-stop-conversation\";\nimport { ConfirmDeleteModal } from \"./confirm-delete-modal\";\nimport { ConfirmStopModal } from \"./confirm-stop-modal\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { ExitConversationModal } from \"./exit-conversation-modal\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { Provider } from \"#/types/settings\";\nimport { useUpdateConversation } from \"#/hooks/mutation/use-update-conversation\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { isExecutionActive } from \"#/utils/status\";\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport { ConversationCard } from \"./conversation-card/conversation-card\";\nimport { ConversationCardPreview } from \"./conversation-card/conversation-card-preview\";\nimport { StartTaskCard } from \"./start-task-card/start-task-card\";\nimport { ConversationCardSkeleton } from \"./conversation-card/conversation-card-skeleton\";\nimport { CompactConversationRow } from \"./compact-conversation-row\";\nimport { useConversationPanelPreferencesStore } from \"#/stores/conversation-panel-preferences-store\";\nimport { cn } from \"#/utils/utils\";\nimport { ConversationPanelFilterMenu } from \"./conversation-panel-filter-menu\";\nimport { ConversationPanelNewThreadPicker } from \"./conversation-panel-new-thread-picker\";\nimport { ConversationGroupFolderList } from \"./conversation-group-folder-list\";\nimport { ConversationPanelPinnedSection } from \"./conversation-panel-pinned-section\";\nimport {\n  applyGroupFolderOrder,\n  filterOutPinnedConversations,\n  groupConversations,\n  resolvePinnedConversations,\n  sortConversationsByField,\n  type ConversationGroupLaunch,\n} from \"./conversation-panel-list-helpers\";\nimport { usePinnedConversationsStore } from \"#/stores/pinned-conversations-store\";\n\ninterface ConversationPanelProps {\n  onClose?: () => void;\n  /**\n   * Render a minimal icon-only variant of each conversation row (used by the\n   * collapsed sidebar). Each row is a single status dot with a hover preview\n   * containing the full card content.\n   */\n  compact?: boolean;\n}\n\nconst noop = () => {};\n\nconst EMPTY_PINNED_CONVERSATION_IDS: readonly string[] = [];\n\nconst ONE_HOUR_MS = 60 * 60 * 1000;\n\nconst partitionByCutoff = <T extends { updated_at: string }>(\n  items: readonly T[],\n): { recent: T[]; older: T[] } => {\n  // The cutoff is intentionally relative to \"now\" each time the list is\n  // recomputed, so conversations naturally age into the older bucket as the\n  // conversations query refreshes.\n  const cutoff = Date.now() - ONE_HOUR_MS;\n  const recent: T[] = [];\n  const older: T[] = [];\n  for (const item of items) {\n    const updatedAt = item.updated_at ? Date.parse(item.updated_at) : NaN;\n    // Missing or unparseable timestamps stay in the \"recent\" bucket so we\n    // do not accidentally hide them behind the older-conversations toggle.\n    if (Number.isFinite(updatedAt) && updatedAt < cutoff) {\n      older.push(item);\n    } else {\n      recent.push(item);\n    }\n  }\n  return { recent, older };\n};\n\nexport function ConversationPanel({\n  onClose,\n  compact = false,\n}: ConversationPanelProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId: currentConversationId, navigate } = useNavigation();\n  const { backend: activeBackend } = useActiveBackend();\n  // Click-outside is only relevant in the legacy drawer mode where an\n  // onClose handler is provided. When the panel is rendered inline (e.g.\n  // as the always-visible conversation list pane), clicking outside should\n  // not dismiss the list, so we pass a no-op callback in that case.\n  const ref = useClickOutsideElement<HTMLDivElement>(onClose ?? noop);\n\n  const [confirmDeleteModalVisible, setConfirmDeleteModalVisible] =\n    React.useState(false);\n  const [confirmStopModalVisible, setConfirmStopModalVisible] =\n    React.useState(false);\n  const [\n    confirmExitConversationModalVisible,\n    setConfirmExitConversationModalVisible,\n  ] = React.useState(false);\n  const [confirmDeleteAllVisible, setConfirmDeleteAllVisible] =\n    React.useState(false);\n  const showOlderConversations = useConversationPanelPreferencesStore(\n    (state) => state.showOlderConversations,\n  );\n  const toggleShowOlderConversations = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowOlderConversations,\n  );\n  const showRepoBranchMetadata = useConversationPanelPreferencesStore(\n    (state) => state.showRepoBranchMetadata,\n  );\n  const toggleShowRepoBranchMetadata = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowRepoBranchMetadata,\n  );\n  const showLlmProfiles = useConversationPanelPreferencesStore(\n    (state) => state.showLlmProfiles,\n  );\n  const toggleShowLlmProfiles = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowLlmProfiles,\n  );\n  const showTagsMetadata = useConversationPanelPreferencesStore(\n    (state) => state.showTagsMetadata,\n  );\n  const toggleShowTagsMetadata = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowTagsMetadata,\n  );\n  const showHoverMetadata = useConversationPanelPreferencesStore(\n    (state) => state.showHoverMetadata,\n  );\n  const toggleShowHoverMetadata = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowHoverMetadata,\n  );\n  const organizeMode = useConversationPanelPreferencesStore(\n    (state) => state.organizeMode,\n  );\n  const setOrganizeMode = useConversationPanelPreferencesStore(\n    (state) => state.setOrganizeMode,\n  );\n  const conversationSort = useConversationPanelPreferencesStore(\n    (state) => state.conversationSort,\n  );\n  const setConversationSort = useConversationPanelPreferencesStore(\n    (state) => state.setConversationSort,\n  );\n  const threadScope = useConversationPanelPreferencesStore(\n    (state) => state.threadScope,\n  );\n  const setThreadScope = useConversationPanelPreferencesStore(\n    (state) => state.setThreadScope,\n  );\n  const groupFolderOrder = useConversationPanelPreferencesStore(\n    (state) => state.groupFolderOrder,\n  );\n  const setGroupFolderOrder = useConversationPanelPreferencesStore(\n    (state) => state.setGroupFolderOrder,\n  );\n  const [filterMenuOpen, setFilterMenuOpen] = React.useState(false);\n  const [isListScrolled, setIsListScrolled] = React.useState(false);\n  const filterMenuRef = useClickOutsideElement<HTMLDivElement>(() => {\n    setFilterMenuOpen(false);\n  });\n  const [collapsedGroupIds, setCollapsedGroupIds] = React.useState<\n    ReadonlySet<string>\n  >(() => new Set());\n  const [expandedGroupPreviewIds, setExpandedGroupPreviewIds] = React.useState<\n    ReadonlySet<string>\n  >(() => new Set());\n  const [expandedPinnedPreview, setExpandedPinnedPreview] =\n    React.useState(false);\n\n  const pinnedIds = usePinnedConversationsStore(\n    (state) =>\n      state.pinsByBackendId[activeBackend.id] ?? EMPTY_PINNED_CONVERSATION_IDS,\n  );\n  const togglePin = usePinnedConversationsStore((state) => state.togglePin);\n  const pruneMissingPinnedConversations = usePinnedConversationsStore(\n    (state) => state.pruneMissingConversations,\n  );\n\n  const toggleGroupCollapsed = React.useCallback((groupId: string) => {\n    setCollapsedGroupIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(groupId)) {\n        next.delete(groupId);\n      } else {\n        next.add(groupId);\n      }\n      return next;\n    });\n  }, []);\n\n  const toggleGroupPreviewExpanded = React.useCallback((groupId: string) => {\n    setExpandedGroupPreviewIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(groupId)) {\n        next.delete(groupId);\n      } else {\n        next.add(groupId);\n      }\n      return next;\n    });\n  }, []);\n\n  React.useEffect(() => {\n    if (organizeMode !== \"grouped\") {\n      setCollapsedGroupIds(new Set());\n      setExpandedGroupPreviewIds(new Set());\n    }\n  }, [organizeMode]);\n\n  const scrollContainerRef = React.useRef<HTMLDivElement>(null);\n\n  const [selectedConversationId, setSelectedConversationId] = React.useState<\n    string | null\n  >(null);\n  const [selectedConversationTitle, setSelectedConversationTitle] =\n    React.useState<string | null>(null);\n  const [openContextMenuId, setOpenContextMenuId] = React.useState<\n    string | null\n  >(null);\n\n  const {\n    data,\n    isLoading,\n    isFetched,\n    hasNextPage,\n    isFetching,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = usePaginatedConversations();\n\n  // Fetch in-progress start tasks\n  const { data: startTasks } = useStartTasks();\n\n  const conversations = React.useMemo(() => {\n    const all = data?.pages.flatMap((page) => page.items) ?? [];\n    // The 10s background refetch re-fetches every loaded page with the\n    // `UPDATED_AT_DESC` cursor. If a conversation's `updated_at` shifts between\n    // page fetches, a later page can overlap an earlier one and surface the\n    // same conversation twice. Dedupe by id (keeping the first/freshest copy)\n    // so the rendered count reflects real growth and React keys stay unique.\n    const seen = new Set<string>();\n    return all.filter((conversation) => {\n      if (seen.has(conversation.id)) {\n        return false;\n      }\n      seen.add(conversation.id);\n      return true;\n    });\n  }, [data]);\n\n  const pinnedConversations = React.useMemo(\n    () => resolvePinnedConversations(pinnedIds, conversations),\n    [conversations, pinnedIds],\n  );\n\n  React.useEffect(() => {\n    if (!isFetched) {\n      return;\n    }\n    pruneMissingPinnedConversations(\n      activeBackend.id,\n      conversations.map((conversation) => conversation.id),\n    );\n  }, [\n    activeBackend.id,\n    conversations,\n    isFetched,\n    pruneMissingPinnedConversations,\n  ]);\n\n  React.useEffect(() => {\n    if (pinnedIds.length === 0) {\n      setExpandedPinnedPreview(false);\n    }\n  }, [pinnedIds.length]);\n\n  const scopedConversations = React.useMemo(() => {\n    const scopeFiltered =\n      threadScope === \"relevant\"\n        ? conversations.filter((c) => isExecutionActive(c.execution_status))\n        : conversations;\n\n    // In the expanded panel, pinned conversations should only appear inside\n    // the dedicated pinned section (not duplicated in grouped/flat lists).\n    if (compact) {\n      return scopeFiltered;\n    }\n\n    return filterOutPinnedConversations(scopeFiltered, pinnedIds);\n  }, [compact, conversations, pinnedIds, threadScope]);\n\n  const { recent: recentScoped, older: olderScoped } = React.useMemo(\n    () => partitionByCutoff(scopedConversations),\n    [scopedConversations],\n  );\n\n  // Sort the full visible set as one list. The recent/older partition is\n  // still computed (it gates the \"Show older\" toggle and \"Load more\"\n  // visibility), but the rendering must not use it as a visual boundary —\n  // when sorting by `created`, a stale-but-recently-touched conversation\n  // would otherwise land in `recent` and render above an actually-newer-\n  // by-`created_at` conversation sitting in `older`.\n  const sortedVisibleConversations = React.useMemo(() => {\n    const visible = showOlderConversations\n      ? [...recentScoped, ...olderScoped]\n      : recentScoped;\n    return sortConversationsByField(visible, conversationSort);\n  }, [recentScoped, olderScoped, showOlderConversations, conversationSort]);\n\n  const groupLabels = React.useMemo(\n    () => ({\n      emptyWorkspace: t(I18nKey.CONVERSATION_PANEL$NO_WORKSPACE),\n      emptyRepository: t(I18nKey.CONVERSATION_PANEL$NO_REPOSITORY),\n    }),\n    [t],\n  );\n\n  const conversationGroups = React.useMemo(() => {\n    if (compact || organizeMode !== \"grouped\") {\n      return null;\n    }\n    // Use the unsorted partitions: groupConversations sorts each bucket\n    // internally by `sortField`, so pre-sorting the merged input is wasted\n    // work in grouped mode (the per-group sort overrides any global order).\n    const merged = [\n      ...recentScoped,\n      ...(showOlderConversations ? olderScoped : []),\n    ];\n    return groupConversations(\n      merged,\n      activeBackend.kind,\n      conversationSort,\n      groupLabels,\n    );\n  }, [\n    activeBackend.kind,\n    compact,\n    conversationSort,\n    groupLabels,\n    olderScoped,\n    organizeMode,\n    recentScoped,\n    showOlderConversations,\n  ]);\n\n  const orderedConversationGroups = React.useMemo(() => {\n    if (!conversationGroups) {\n      return null;\n    }\n    return applyGroupFolderOrder(conversationGroups, groupFolderOrder);\n  }, [conversationGroups, groupFolderOrder]);\n\n  const conversationGroupIds = React.useMemo(\n    () => conversationGroups?.map((group) => group.id) ?? [],\n    [conversationGroups],\n  );\n\n  const compactVisibleConversations = React.useMemo(\n    () =>\n      sortConversationsByField(\n        recentScoped.filter((conversation) =>\n          isExecutionActive(conversation.execution_status),\n        ),\n        conversationSort,\n      ),\n    [conversationSort, recentScoped],\n  );\n\n  const visibleFlatCount = sortedVisibleConversations.length;\n\n  const visibleGroupedCount = React.useMemo(() => {\n    if (!orderedConversationGroups) {\n      return 0;\n    }\n    return orderedConversationGroups.reduce(\n      (n, g) => n + g.conversations.length,\n      0,\n    );\n  }, [orderedConversationGroups]);\n\n  const listIsEffectivelyEmpty =\n    organizeMode === \"grouped\" && !compact\n      ? visibleGroupedCount === 0\n      : visibleFlatCount === 0;\n\n  // Number of conversations actually rendered in the list right now, in the\n  // current organize mode. \"Load more\" succeeds only when this number grows.\n  const visibleCount =\n    organizeMode === \"grouped\" && !compact\n      ? visibleGroupedCount\n      : visibleFlatCount;\n\n  // KNOWN ISSUE (unresolved as of 2026-05-29): users still report that the\n  // sidebar \"Load more\" sometimes requires two clicks before new conversations\n  // appear. The mitigation below (dedupe by id in `conversations`, plus the\n  // floor-tracking driver that keeps fetching until the visible count grows)\n  // reduced but did NOT fully eliminate the symptom in manual testing. Likely\n  // remaining suspects to investigate next: the agent-server cursor pagination\n  // returning an overlapping/short page under `UPDATED_AT_DESC` while the 10s\n  // `refetchInterval` reorders pages (see `usePaginatedConversations`), or a\n  // React Query state lag where `hasNextPage`/`isFetching` settle a render\n  // after the click. If you pick this up, reproduce against a backend with\n  // >40 conversations and watch the `/api/conversations/search` cursors.\n  //\n  // Robust \"Load more\" driver. A single click can fail to surface new rows for\n  // two reasons: (1) `fetchNextPage()` is silently dropped while the 10s\n  // background refetch is in flight, and (2) a fetched page can yield zero\n  // *visible* rows (filtered out by the active scope, or deduped as overlap),\n  // so the list does not appear to grow. We capture the visible count at click\n  // time and keep fetching pages — once the query is idle — until the visible\n  // count actually increases or there are no more pages.\n  const [loadMoreFloor, setLoadMoreFloor] = React.useState<number | null>(null);\n  const visibleCountRef = React.useRef(visibleCount);\n  visibleCountRef.current = visibleCount;\n\n  const requestLoadMore = React.useCallback(() => {\n    if (hasNextPage) {\n      setLoadMoreFloor(visibleCountRef.current);\n    }\n  }, [hasNextPage]);\n\n  React.useEffect(() => {\n    if (loadMoreFloor === null) {\n      return;\n    }\n    // Goal met: the visible list grew past where it was when the user clicked.\n    if (visibleCount > loadMoreFloor) {\n      setLoadMoreFloor(null);\n      return;\n    }\n    // Nothing more to fetch — stop waiting even if the list did not grow.\n    if (!hasNextPage) {\n      setLoadMoreFloor(null);\n      return;\n    }\n    // Wait for any in-flight fetch (including the background refetch) to settle\n    // before requesting the next page, otherwise the request is dropped.\n    if (isFetching || isFetchingNextPage) {\n      return;\n    }\n    fetchNextPage();\n  }, [\n    loadMoreFloor,\n    visibleCount,\n    hasNextPage,\n    isFetching,\n    isFetchingNextPage,\n    fetchNextPage,\n  ]);\n\n  const isLoadingMore = loadMoreFloor !== null || isFetchingNextPage;\n\n  const { mutate: deleteConversation, mutateAsync: deleteConversationAsync } =\n    useDeleteConversation();\n  const { mutate: pauseConversation } = useUnifiedPauseConversation();\n  const { mutate: updateConversation } = useUpdateConversation();\n\n  // The next page of conversations is loaded only via the explicit \"Load\n  // more\" link rendered at the end of the list — there is no scroll-driven\n  // pagination, which previously caused the panel to feel like it had stray\n  // scrollable space at the bottom.\n  const olderHidden = olderScoped.length > 0 && !showOlderConversations;\n  // Compact mode also hides \"Load more\" — paginating into archived\n  // conversations contradicts the \"active only\" intent of the icon rail.\n  // Do not show when the visible list is empty (e.g. filters hide every\n  // loaded conversation) — that state already shows \"No conversations found\".\n  const showLoadMore =\n    !!hasNextPage && !olderHidden && !compact && !listIsEffectivelyEmpty;\n\n  const { mutate: createConversation } = useCreateConversation();\n  const isCreatingConversationFlow = useIsCreatingConversation();\n\n  const launchFromGroup = React.useCallback(\n    (launch: ConversationGroupLaunch) => {\n      if (isCreatingConversationFlow) return;\n      createConversation(\n        {\n          workingDir: launch.workingDir,\n          repository: launch.repository,\n          entryPoint: \"sidebar_relaunch_project\",\n        },\n        {\n          onSuccess: (data) => {\n            navigate(`/conversations/${data.conversation_id}`);\n          },\n        },\n      );\n    },\n    [createConversation, isCreatingConversationFlow, navigate],\n  );\n\n  const handleDeleteProject = React.useCallback(\n    (conversationId: string, title: string) => {\n      setConfirmDeleteModalVisible(true);\n      setSelectedConversationId(conversationId);\n      setSelectedConversationTitle(title);\n    },\n    [],\n  );\n\n  const handleStopConversation = React.useCallback((conversationId: string) => {\n    setConfirmStopModalVisible(true);\n    setSelectedConversationId(conversationId);\n  }, []);\n\n  const handleConversationTitleChange = React.useCallback(\n    (conversationId: string, newTitle: string) => {\n      updateConversation(\n        { conversationId, newTitle },\n        {\n          onSuccess: () => {\n            displaySuccessToast(t(I18nKey.CONVERSATION$TITLE_UPDATED));\n          },\n        },\n      );\n    },\n    [t, updateConversation],\n  );\n\n  const handleConfirmDelete = () => {\n    if (selectedConversationId) {\n      deleteConversation(\n        { conversationId: selectedConversationId },\n        {\n          onSuccess: () => {\n            if (selectedConversationId === currentConversationId) {\n              navigate(\"/conversations\");\n            }\n          },\n        },\n      );\n    }\n  };\n\n  const handleConfirmStop = () => {\n    if (selectedConversationId) {\n      pauseConversation({\n        conversationId: selectedConversationId,\n      });\n    }\n  };\n\n  const handleConfirmDeleteAll = async () => {\n    const idsToDelete = conversations.map((c) => c.id);\n    const results = await Promise.allSettled(\n      idsToDelete.map((conversationId) =>\n        deleteConversationAsync({ conversationId }),\n      ),\n    );\n\n    const deletedIds = results.flatMap((result, index) =>\n      result.status === \"fulfilled\" ? [idsToDelete[index]] : [],\n    );\n    const failedCount = results.length - deletedIds.length;\n\n    if (\n      currentConversationId !== null &&\n      deletedIds.includes(currentConversationId)\n    ) {\n      navigate(\"/conversations\");\n    }\n\n    if (failedCount > 0) {\n      displayErrorToast(\n        `${failedCount} conversation${failedCount === 1 ? \"\" : \"s\"} could not be deleted.`,\n      );\n    }\n  };\n\n  const renderConversationCard = React.useCallback(\n    (\n      conversation: (typeof conversations)[number],\n      options?: { inPinnedSection?: boolean },\n    ) => {\n      const isPinned = pinnedIds.includes(conversation.id);\n      if (compact) {\n        return (\n          <CompactConversationRow\n            key={conversation.id}\n            conversationId={conversation.id}\n            title={conversation.title ?? \"\"}\n            selectedRepository={{\n              selected_repository: conversation.selected_repository,\n              selected_branch: conversation.selected_branch,\n              git_provider: conversation.git_provider as Provider,\n            }}\n            executionStatus={conversation.execution_status}\n            sandboxStatus={conversation.sandbox_status}\n            lastUpdatedAt={conversation.updated_at}\n            createdAt={conversation.created_at}\n            workspaceWorkingDir={\n              conversation.selected_workspace ??\n              conversation.workspace?.working_dir\n            }\n            isActive={conversation.id === currentConversationId}\n            onClose={onClose}\n            showRepositoryMetadata={showRepoBranchMetadata}\n            llmModel={conversation.llm_model}\n            showLlmProfiles={showLlmProfiles}\n            agentKind={conversation.agent_kind}\n            acpServer={conversation.acp_server}\n            tags={conversation.tags}\n            showTags={showTagsMetadata}\n          />\n        );\n      }\n      return (\n        <Tooltip\n          key={conversation.id}\n          placement=\"right-start\"\n          delay={1000}\n          closeDelay={100}\n          isDisabled={\n            !showHoverMetadata || openContextMenuId === conversation.id\n          }\n          disableAnimation={import.meta.env.MODE === \"test\"}\n          className=\"rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl\"\n          content={\n            <ConversationCardPreview\n              title={conversation.title ?? \"\"}\n              executionStatus={conversation.execution_status}\n              sandboxStatus={conversation.sandbox_status}\n              selectedRepository={{\n                selected_repository: conversation.selected_repository,\n                selected_branch: conversation.selected_branch,\n                git_provider: conversation.git_provider as Provider,\n              }}\n              workspaceWorkingDir={\n                conversation.selected_workspace ??\n                conversation.workspace?.working_dir\n              }\n              llmModel={conversation.llm_model}\n              createdAt={conversation.created_at}\n            />\n          }\n        >\n          <NavigationLink\n            to={`/conversations/${conversation.id}`}\n            onClick={onClose}\n            className={cn(\n              \"block rounded-md transition-colors\",\n              openContextMenuId !== conversation.id &&\n                \"hover:bg-[var(--oh-surface)]\",\n              (conversation.id === currentConversationId ||\n                openContextMenuId === conversation.id) &&\n                \"bg-[var(--oh-surface)]\",\n            )}\n          >\n            <ConversationCard\n              onDelete={() =>\n                handleDeleteProject(conversation.id, conversation.title ?? \"\")\n              }\n              onStop={() => handleStopConversation(conversation.id)}\n              onChangeTitle={(title) =>\n                handleConversationTitleChange(conversation.id, title)\n              }\n              title={conversation.title ?? \"\"}\n              selectedRepository={{\n                selected_repository: conversation.selected_repository,\n                selected_branch: conversation.selected_branch,\n                git_provider: conversation.git_provider as Provider,\n              }}\n              lastUpdatedAt={conversation.updated_at}\n              createdAt={conversation.created_at}\n              executionStatus={conversation.execution_status}\n              sandboxStatus={conversation.sandbox_status}\n              conversationId={conversation.id}\n              contextMenuOpen={openContextMenuId === conversation.id}\n              onContextMenuToggle={(isOpen) =>\n                setOpenContextMenuId(isOpen ? conversation.id : null)\n              }\n              isActive={conversation.id === currentConversationId}\n              workspaceWorkingDir={\n                conversation.selected_workspace ??\n                conversation.workspace?.working_dir\n              }\n              showRepositoryMetadata={showRepoBranchMetadata}\n              llmModel={conversation.llm_model}\n              showLlmProfiles={showLlmProfiles}\n              agentKind={conversation.agent_kind}\n              acpServer={conversation.acp_server}\n              tags={conversation.tags}\n              showTags={showTagsMetadata}\n              isPinned={isPinned}\n              onTogglePin={() => togglePin(activeBackend.id, conversation.id)}\n              alwaysShowPinIcon={isPinned && !options?.inPinnedSection}\n            />\n          </NavigationLink>\n        </Tooltip>\n      );\n    },\n    [\n      activeBackend.id,\n      compact,\n      currentConversationId,\n      handleConversationTitleChange,\n      handleDeleteProject,\n      handleStopConversation,\n      onClose,\n      openContextMenuId,\n      pinnedIds,\n      showRepoBranchMetadata,\n      showLlmProfiles,\n      showTagsMetadata,\n      showHoverMetadata,\n      togglePin,\n    ],\n  );\n\n  // Standard layout: panel fills its slot in the sidebar; the inner scroll\n  // child fills the panel and scrolls when its content overflows. Modals are\n  // siblings of the scroll element and are `position: fixed`, so they don't\n  // participate in the panel's scroll geometry.\n  // Gate on `isLoading` / `!isFetched` (true only until the first fetch settles),\n  // not `isFetching` — the latter flips back to true on every 10s background\n  // refetch, causing the skeleton/empty-state to flicker when the list is empty.\n  const showInitialSkeleton = isLoading || !isFetched;\n  const showPinnedSection =\n    !compact && !showInitialSkeleton && pinnedConversations.length > 0;\n  const showEmptyState =\n    isFetched &&\n    !isLoading &&\n    !compact &&\n    listIsEffectivelyEmpty &&\n    !showPinnedSection &&\n    !startTasks?.length;\n\n  const showConversationHeader = !compact;\n\n  return (\n    <div\n      ref={ref}\n      data-testid=\"conversation-panel\"\n      className=\"flex h-full min-h-0 w-full flex-col\"\n    >\n      {showConversationHeader && (\n        <div\n          className={cn(\n            // Pull flush to the sidebar edges: `-ml-2.5` matches aside `pl-2.5`;\n            // width extends by that inset on the right now that aside is `pr-0`.\n            \"-ml-2.5 w-[calc(100%+0.625rem)] max-w-none box-border border-b\",\n            isListScrolled ? \"border-[var(--oh-border)]\" : \"border-transparent\",\n          )}\n        >\n          <div\n            data-testid=\"older-conversations-summary\"\n            className=\"flex min-w-0 flex-nowrap items-center gap-x-2 py-2 pl-4 pr-2.5 text-[var(--oh-muted)]\"\n          >\n            <span className=\"min-w-0 truncate text-sm font-medium text-[var(--oh-muted)]\">\n              {t(I18nKey.SIDEBAR$CONVERSATIONS)}\n            </span>\n            <div className=\"ml-auto flex shrink-0 items-center gap-0.5\">\n              <ConversationPanelNewThreadPicker\n                backendKind={activeBackend.kind}\n              />\n              <ConversationPanelFilterMenu\n                filterMenuOpen={filterMenuOpen}\n                setFilterMenuOpen={setFilterMenuOpen}\n                menuRef={filterMenuRef}\n                backendKind={activeBackend.kind}\n                organizeMode={organizeMode}\n                setOrganizeMode={setOrganizeMode}\n                conversationSort={conversationSort}\n                setConversationSort={setConversationSort}\n                threadScope={threadScope}\n                setThreadScope={setThreadScope}\n                showOlderConversations={showOlderConversations}\n                toggleShowOlderConversations={toggleShowOlderConversations}\n                showRepoBranchMetadata={showRepoBranchMetadata}\n                toggleShowRepoBranchMetadata={toggleShowRepoBranchMetadata}\n                showLlmProfiles={showLlmProfiles}\n                toggleShowLlmProfiles={toggleShowLlmProfiles}\n                showTagsMetadata={showTagsMetadata}\n                toggleShowTagsMetadata={toggleShowTagsMetadata}\n                showHoverMetadata={showHoverMetadata}\n                toggleShowHoverMetadata={toggleShowHoverMetadata}\n                totalConversationsCount={conversations.length}\n                onRequestDeleteAll={() => setConfirmDeleteAllVisible(true)}\n              />\n            </div>\n          </div>\n        </div>\n      )}\n\n      <div\n        ref={scrollContainerRef}\n        data-testid=\"conversation-panel-list-scroll\"\n        onScroll={(event) => {\n          setIsListScrolled(event.currentTarget.scrollTop > 0);\n        }}\n        className={cn(\n          \"flex min-h-0 flex-1 flex-col overflow-y-auto overflow-x-hidden overscroll-contain custom-scrollbar-always\",\n          !compact && \"conversation-panel-list-scroll\",\n        )}\n      >\n        {showInitialSkeleton && <ConversationCardSkeleton compact={compact} />}\n\n        {!compact && showEmptyState && (\n          <div\n            data-testid=\"conversation-panel-empty-state\"\n            className=\"flex min-h-0 flex-1 flex-col items-center justify-center px-4 py-8\"\n          >\n            <p className=\"text-xs text-[var(--oh-muted)]\">\n              {t(I18nKey.CONVERSATION$NO_CONVERSATIONS)}\n            </p>\n          </div>\n        )}\n\n        {showPinnedSection ? (\n          <ConversationPanelPinnedSection\n            pinnedConversations={pinnedConversations}\n            isPreviewExpanded={expandedPinnedPreview}\n            onTogglePreviewExpanded={() =>\n              setExpandedPinnedPreview((current) => !current)\n            }\n            activeConversationId={currentConversationId}\n            showDivider={!compact && organizeMode === \"chronological\"}\n            renderConversationCard={(conversation) =>\n              renderConversationCard(conversation, { inPinnedSection: true })\n            }\n          />\n        ) : null}\n\n        {/* Render in-progress start tasks first (skipped in compact mode —\n            their rich card layout doesn't fit in the icon rail). */}\n        {!compact &&\n          startTasks?.map((task) => (\n            <NavigationLink\n              key={task.id}\n              to={`/conversations/task-${task.id}`}\n              onClick={onClose}\n              className=\"block\"\n            >\n              <StartTaskCard task={task} />\n            </NavigationLink>\n          ))}\n\n        {!showInitialSkeleton && compact\n          ? compactVisibleConversations.map((conversation) =>\n              renderConversationCard(conversation),\n            )\n          : null}\n\n        {!showInitialSkeleton &&\n        !compact &&\n        organizeMode === \"grouped\" &&\n        orderedConversationGroups &&\n        orderedConversationGroups.length > 0 ? (\n          <ConversationGroupFolderList\n            groups={orderedConversationGroups}\n            groupIds={conversationGroupIds}\n            groupFolderOrder={groupFolderOrder}\n            setGroupFolderOrder={setGroupFolderOrder}\n            collapsedGroupIds={collapsedGroupIds}\n            expandedGroupPreviewIds={expandedGroupPreviewIds}\n            onToggleGroupCollapsed={toggleGroupCollapsed}\n            onToggleGroupPreviewExpanded={toggleGroupPreviewExpanded}\n            isCreatingConversationFlow={isCreatingConversationFlow}\n            activeConversationId={currentConversationId}\n            onLaunchFromGroup={launchFromGroup}\n            renderConversationCard={(conversation) =>\n              renderConversationCard(conversation)\n            }\n          />\n        ) : null}\n\n        {!showInitialSkeleton &&\n        !compact &&\n        organizeMode === \"chronological\" ? (\n          <div className=\"space-y-0.5\">\n            {sortedVisibleConversations.map((conversation) =>\n              renderConversationCard(conversation),\n            )}\n          </div>\n        ) : null}\n\n        {/* Explicit \"Load more\" trigger. Only shown when more pages exist\n            *and* the older list is currently visible (or there are no older\n            conversations to begin with) — otherwise the next page would be\n            populated mostly with conversations the user has chosen to hide. */}\n        {showLoadMore &&\n          (isLoadingMore ? (\n            <div className=\"py-1\">\n              <ConversationCardSkeleton compact={compact} />\n            </div>\n          ) : (\n            <div className=\"flex justify-center py-4\">\n              <button\n                type=\"button\"\n                data-testid=\"load-more-conversations\"\n                onClick={requestLoadMore}\n                className=\"text-xs text-[var(--oh-muted)] hover:text-white\"\n              >\n                {t(I18nKey.CONVERSATION$LOAD_MORE)}\n              </button>\n            </div>\n          ))}\n      </div>\n\n      {confirmDeleteModalVisible && (\n        <ConfirmDeleteModal\n          onConfirm={() => {\n            handleConfirmDelete();\n            setConfirmDeleteModalVisible(false);\n            setSelectedConversationTitle(null);\n          }}\n          onCancel={() => {\n            setConfirmDeleteModalVisible(false);\n            setSelectedConversationTitle(null);\n          }}\n          conversationTitle={selectedConversationTitle ?? undefined}\n        />\n      )}\n\n      {confirmDeleteAllVisible && (\n        <ConfirmDeleteModal\n          title={t(I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_TITLE)}\n          description={t(I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_DESC, {\n            count: conversations.length,\n          })}\n          onConfirm={async () => {\n            await handleConfirmDeleteAll();\n            setConfirmDeleteAllVisible(false);\n          }}\n          onCancel={() => setConfirmDeleteAllVisible(false)}\n        />\n      )}\n\n      {confirmStopModalVisible && (\n        <ConfirmStopModal\n          onConfirm={() => {\n            handleConfirmStop();\n            setConfirmStopModalVisible(false);\n          }}\n          onCancel={() => setConfirmStopModalVisible(false)}\n        />\n      )}\n\n      {confirmExitConversationModalVisible && (\n        <ExitConversationModal\n          onConfirm={() => {\n            onClose?.();\n          }}\n          onClose={() => setConfirmExitConversationModalVisible(false)}\n          onCancel={() => setConfirmExitConversationModalVisible(false)}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"conversation-panel.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/conversation-panel.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tooltip } from \"@heroui/react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useBackendScopedPath } from \"#/hooks/use-backend-scoped-path\";\nimport { usePaginatedConversations } from \"#/hooks/query/use-paginated-conversations\";\nimport { useStartTasks } from \"#/hooks/query/use-start-tasks\";\nimport { useDeleteConversation } from \"#/hooks/mutation/use-delete-conversation\";\nimport { useUnifiedPauseConversation } from \"#/hooks/mutation/use-unified-stop-conversation\";\nimport { ConfirmDeleteModal } from \"./confirm-delete-modal\";\nimport { ConfirmStopModal } from \"./confirm-stop-modal\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { ExitConversationModal } from \"./exit-conversation-modal\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { Provider } from \"#/types/settings\";\nimport { useUpdateConversation } from \"#/hooks/mutation/use-update-conversation\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { isExecutionActive } from \"#/utils/status\";\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport { ConversationCard } from \"./conversation-card/conversation-card\";\nimport { ConversationCardPreview } from \"./conversation-card/conversation-card-preview\";\nimport { StartTaskCard } from \"./start-task-card/start-task-card\";\nimport { ConversationCardSkeleton } from \"./conversation-card/conversation-card-skeleton\";\nimport { CompactConversationRow } from \"./compact-conversation-row\";\nimport { useConversationPanelPreferencesStore } from \"#/stores/conversation-panel-preferences-store\";\nimport { cn } from \"#/utils/utils\";\nimport { ConversationPanelFilterMenu } from \"./conversation-panel-filter-menu\";\nimport { ConversationPanelNewThreadPicker } from \"./conversation-panel-new-thread-picker\";\nimport { ConversationGroupFolderList } from \"./conversation-group-folder-list\";\nimport { ConversationPanelPinnedSection } from \"./conversation-panel-pinned-section\";\nimport {\n  applyGroupFolderOrder,\n  filterOutPinnedConversations,\n  groupConversations,\n  resolvePinnedConversations,\n  sortConversationsByField,\n  type ConversationGroupLaunch,\n} from \"./conversation-panel-list-helpers\";\nimport { usePinnedConversationsStore } from \"#/stores/pinned-conversations-store\";\n\ninterface ConversationPanelProps {\n  onClose?: () => void;\n  /**\n   * Render a minimal icon-only variant of each conversation row (used by the\n   * collapsed sidebar). Each row is a single status dot with a hover preview\n   * containing the full card content.\n   */\n  compact?: boolean;\n}\n\nconst noop = () => {};\n\nconst EMPTY_PINNED_CONVERSATION_IDS: readonly string[] = [];\n\nconst ONE_HOUR_MS = 60 * 60 * 1000;\n\nconst partitionByCutoff = <T extends { updated_at: string }>(\n  items: readonly T[],\n): { recent: T[]; older: T[] } => {\n  // The cutoff is intentionally relative to \"now\" each time the list is\n  // recomputed, so conversations naturally age into the older bucket as the\n  // conversations query refreshes.\n  const cutoff = Date.now() - ONE_HOUR_MS;\n  const recent: T[] = [];\n  const older: T[] = [];\n  for (const item of items) {\n    const updatedAt = item.updated_at ? Date.parse(item.updated_at) : NaN;\n    // Missing or unparseable timestamps stay in the \"recent\" bucket so we\n    // do not accidentally hide them behind the older-conversations toggle.\n    if (Number.isFinite(updatedAt) && updatedAt < cutoff) {\n      older.push(item);\n    } else {\n      recent.push(item);\n    }\n  }\n  return { recent, older };\n};\n\nexport function ConversationPanel({\n  onClose,\n  compact = false,\n}: ConversationPanelProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId: currentConversationId, navigate } = useNavigation();\n  const { backend: activeBackend } = useActiveBackend();\n  const backendScopedPath = useBackendScopedPath();\n  // Click-outside is only relevant in the legacy drawer mode where an\n  // onClose handler is provided. When the panel is rendered inline (e.g.\n  // as the always-visible conversation list pane), clicking outside should\n  // not dismiss the list, so we pass a no-op callback in that case.\n  const ref = useClickOutsideElement<HTMLDivElement>(onClose ?? noop);\n\n  const [confirmDeleteModalVisible, setConfirmDeleteModalVisible] =\n    React.useState(false);\n  const [confirmStopModalVisible, setConfirmStopModalVisible] =\n    React.useState(false);\n  const [\n    confirmExitConversationModalVisible,\n    setConfirmExitConversationModalVisible,\n  ] = React.useState(false);\n  const [confirmDeleteAllVisible, setConfirmDeleteAllVisible] =\n    React.useState(false);\n  const showOlderConversations = useConversationPanelPreferencesStore(\n    (state) => state.showOlderConversations,\n  );\n  const toggleShowOlderConversations = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowOlderConversations,\n  );\n  const showRepoBranchMetadata = useConversationPanelPreferencesStore(\n    (state) => state.showRepoBranchMetadata,\n  );\n  const toggleShowRepoBranchMetadata = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowRepoBranchMetadata,\n  );\n  const showLlmProfiles = useConversationPanelPreferencesStore(\n    (state) => state.showLlmProfiles,\n  );\n  const toggleShowLlmProfiles = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowLlmProfiles,\n  );\n  const showTagsMetadata = useConversationPanelPreferencesStore(\n    (state) => state.showTagsMetadata,\n  );\n  const toggleShowTagsMetadata = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowTagsMetadata,\n  );\n  const showHoverMetadata = useConversationPanelPreferencesStore(\n    (state) => state.showHoverMetadata,\n  );\n  const toggleShowHoverMetadata = useConversationPanelPreferencesStore(\n    (state) => state.toggleShowHoverMetadata,\n  );\n  const organizeMode = useConversationPanelPreferencesStore(\n    (state) => state.organizeMode,\n  );\n  const setOrganizeMode = useConversationPanelPreferencesStore(\n    (state) => state.setOrganizeMode,\n  );\n  const conversationSort = useConversationPanelPreferencesStore(\n    (state) => state.conversationSort,\n  );\n  const setConversationSort = useConversationPanelPreferencesStore(\n    (state) => state.setConversationSort,\n  );\n  const threadScope = useConversationPanelPreferencesStore(\n    (state) => state.threadScope,\n  );\n  const setThreadScope = useConversationPanelPreferencesStore(\n    (state) => state.setThreadScope,\n  );\n  const groupFolderOrder = useConversationPanelPreferencesStore(\n    (state) => state.groupFolderOrder,\n  );\n  const setGroupFolderOrder = useConversationPanelPreferencesStore(\n    (state) => state.setGroupFolderOrder,\n  );\n  const [filterMenuOpen, setFilterMenuOpen] = React.useState(false);\n  const [isListScrolled, setIsListScrolled] = React.useState(false);\n  const filterMenuRef = useClickOutsideElement<HTMLDivElement>(() => {\n    setFilterMenuOpen(false);\n  });\n  const [collapsedGroupIds, setCollapsedGroupIds] = React.useState<\n    ReadonlySet<string>\n  >(() => new Set());\n  const [expandedGroupPreviewIds, setExpandedGroupPreviewIds] = React.useState<\n    ReadonlySet<string>\n  >(() => new Set());\n  const [expandedPinnedPreview, setExpandedPinnedPreview] =\n    React.useState(false);\n\n  const pinnedIds = usePinnedConversationsStore(\n    (state) =>\n      state.pinsByBackendId[activeBackend.id] ?? EMPTY_PINNED_CONVERSATION_IDS,\n  );\n  const togglePin = usePinnedConversationsStore((state) => state.togglePin);\n  const pruneMissingPinnedConversations = usePinnedConversationsStore(\n    (state) => state.pruneMissingConversations,\n  );\n\n  const toggleGroupCollapsed = React.useCallback((groupId: string) => {\n    setCollapsedGroupIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(groupId)) {\n        next.delete(groupId);\n      } else {\n        next.add(groupId);\n      }\n      return next;\n    });\n  }, []);\n\n  const toggleGroupPreviewExpanded = React.useCallback((groupId: string) => {\n    setExpandedGroupPreviewIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(groupId)) {\n        next.delete(groupId);\n      } else {\n        next.add(groupId);\n      }\n      return next;\n    });\n  }, []);\n\n  React.useEffect(() => {\n    if (organizeMode !== \"grouped\") {\n      setCollapsedGroupIds(new Set());\n      setExpandedGroupPreviewIds(new Set());\n    }\n  }, [organizeMode]);\n\n  const scrollContainerRef = React.useRef<HTMLDivElement>(null);\n\n  const [selectedConversationId, setSelectedConversationId] = React.useState<\n    string | null\n  >(null);\n  const [selectedConversationTitle, setSelectedConversationTitle] =\n    React.useState<string | null>(null);\n  const [openContextMenuId, setOpenContextMenuId] = React.useState<\n    string | null\n  >(null);\n\n  const {\n    data,\n    isLoading,\n    isFetched,\n    hasNextPage,\n    isFetching,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = usePaginatedConversations();\n\n  // Fetch in-progress start tasks\n  const { data: startTasks } = useStartTasks();\n\n  const conversations = React.useMemo(() => {\n    const all = data?.pages.flatMap((page) => page.items) ?? [];\n    // The 10s background refetch re-fetches every loaded page with the\n    // `UPDATED_AT_DESC` cursor. If a conversation's `updated_at` shifts between\n    // page fetches, a later page can overlap an earlier one and surface the\n    // same conversation twice. Dedupe by id (keeping the first/freshest copy)\n    // so the rendered count reflects real growth and React keys stay unique.\n    const seen = new Set<string>();\n    return all.filter((conversation) => {\n      if (seen.has(conversation.id)) {\n        return false;\n      }\n      seen.add(conversation.id);\n      return true;\n    });\n  }, [data]);\n\n  const pinnedConversations = React.useMemo(\n    () => resolvePinnedConversations(pinnedIds, conversations),\n    [conversations, pinnedIds],\n  );\n\n  React.useEffect(() => {\n    if (!isFetched) {\n      return;\n    }\n    pruneMissingPinnedConversations(\n      activeBackend.id,\n      conversations.map((conversation) => conversation.id),\n    );\n  }, [\n    activeBackend.id,\n    conversations,\n    isFetched,\n    pruneMissingPinnedConversations,\n  ]);\n\n  React.useEffect(() => {\n    if (pinnedIds.length === 0) {\n      setExpandedPinnedPreview(false);\n    }\n  }, [pinnedIds.length]);\n\n  const scopedConversations = React.useMemo(() => {\n    const scopeFiltered =\n      threadScope === \"relevant\"\n        ? conversations.filter((c) => isExecutionActive(c.execution_status))\n        : conversations;\n\n    // In the expanded panel, pinned conversations should only appear inside\n    // the dedicated pinned section (not duplicated in grouped/flat lists).\n    if (compact) {\n      return scopeFiltered;\n    }\n\n    return filterOutPinnedConversations(scopeFiltered, pinnedIds);\n  }, [compact, conversations, pinnedIds, threadScope]);\n\n  const { recent: recentScoped, older: olderScoped } = React.useMemo(\n    () => partitionByCutoff(scopedConversations),\n    [scopedConversations],\n  );\n\n  // Sort the full visible set as one list. The recent/older partition is\n  // still computed (it gates the \"Show older\" toggle and \"Load more\"\n  // visibility), but the rendering must not use it as a visual boundary —\n  // when sorting by `created`, a stale-but-recently-touched conversation\n  // would otherwise land in `recent` and render above an actually-newer-\n  // by-`created_at` conversation sitting in `older`.\n  const sortedVisibleConversations = React.useMemo(() => {\n    const visible = showOlderConversations\n      ? [...recentScoped, ...olderScoped]\n      : recentScoped;\n    return sortConversationsByField(visible, conversationSort);\n  }, [recentScoped, olderScoped, showOlderConversations, conversationSort]);\n\n  const groupLabels = React.useMemo(\n    () => ({\n      emptyWorkspace: t(I18nKey.CONVERSATION_PANEL$NO_WORKSPACE),\n      emptyRepository: t(I18nKey.CONVERSATION_PANEL$NO_REPOSITORY),\n    }),\n    [t],\n  );\n\n  const conversationGroups = React.useMemo(() => {\n    if (compact || organizeMode !== \"grouped\") {\n      return null;\n    }\n    // Use the unsorted partitions: groupConversations sorts each bucket\n    // internally by `sortField`, so pre-sorting the merged input is wasted\n    // work in grouped mode (the per-group sort overrides any global order).\n    const merged = [\n      ...recentScoped,\n      ...(showOlderConversations ? olderScoped : []),\n    ];\n    return groupConversations(\n      merged,\n      activeBackend.kind,\n      conversationSort,\n      groupLabels,\n    );\n  }, [\n    activeBackend.kind,\n    compact,\n    conversationSort,\n    groupLabels,\n    olderScoped,\n    organizeMode,\n    recentScoped,\n    showOlderConversations,\n  ]);\n\n  const orderedConversationGroups = React.useMemo(() => {\n    if (!conversationGroups) {\n      return null;\n    }\n    return applyGroupFolderOrder(conversationGroups, groupFolderOrder);\n  }, [conversationGroups, groupFolderOrder]);\n\n  const conversationGroupIds = React.useMemo(\n    () => conversationGroups?.map((group) => group.id) ?? [],\n    [conversationGroups],\n  );\n\n  const compactVisibleConversations = React.useMemo(\n    () =>\n      sortConversationsByField(\n        recentScoped.filter((conversation) =>\n          isExecutionActive(conversation.execution_status),\n        ),\n        conversationSort,\n      ),\n    [conversationSort, recentScoped],\n  );\n\n  const visibleFlatCount = sortedVisibleConversations.length;\n\n  const visibleGroupedCount = React.useMemo(() => {\n    if (!orderedConversationGroups) {\n      return 0;\n    }\n    return orderedConversationGroups.reduce(\n      (n, g) => n + g.conversations.length,\n      0,\n    );\n  }, [orderedConversationGroups]);\n\n  const listIsEffectivelyEmpty =\n    organizeMode === \"grouped\" && !compact\n      ? visibleGroupedCount === 0\n      : visibleFlatCount === 0;\n\n  // Number of conversations actually rendered in the list right now, in the\n  // current organize mode. \"Load more\" succeeds only when this number grows.\n  const visibleCount =\n    organizeMode === \"grouped\" && !compact\n      ? visibleGroupedCount\n      : visibleFlatCount;\n\n  // KNOWN ISSUE (unresolved as of 2026-05-29): users still report that the\n  // sidebar \"Load more\" sometimes requires two clicks before new conversations\n  // appear. The mitigation below (dedupe by id in `conversations`, plus the\n  // floor-tracking driver that keeps fetching until the visible count grows)\n  // reduced but did NOT fully eliminate the symptom in manual testing. Likely\n  // remaining suspects to investigate next: the agent-server cursor pagination\n  // returning an overlapping/short page under `UPDATED_AT_DESC` while the 10s\n  // `refetchInterval` reorders pages (see `usePaginatedConversations`), or a\n  // React Query state lag where `hasNextPage`/`isFetching` settle a render\n  // after the click. If you pick this up, reproduce against a backend with\n  // >40 conversations and watch the `/api/conversations/search` cursors.\n  //\n  // Robust \"Load more\" driver. A single click can fail to surface new rows for\n  // two reasons: (1) `fetchNextPage()` is silently dropped while the 10s\n  // background refetch is in flight, and (2) a fetched page can yield zero\n  // *visible* rows (filtered out by the active scope, or deduped as overlap),\n  // so the list does not appear to grow. We capture the visible count at click\n  // time and keep fetching pages — once the query is idle — until the visible\n  // count actually increases or there are no more pages.\n  const [loadMoreFloor, setLoadMoreFloor] = React.useState<number | null>(null);\n  const visibleCountRef = React.useRef(visibleCount);\n  visibleCountRef.current = visibleCount;\n\n  const requestLoadMore = React.useCallback(() => {\n    if (hasNextPage) {\n      setLoadMoreFloor(visibleCountRef.current);\n    }\n  }, [hasNextPage]);\n\n  React.useEffect(() => {\n    if (loadMoreFloor === null) {\n      return;\n    }\n    // Goal met: the visible list grew past where it was when the user clicked.\n    if (visibleCount > loadMoreFloor) {\n      setLoadMoreFloor(null);\n      return;\n    }\n    // Nothing more to fetch — stop waiting even if the list did not grow.\n    if (!hasNextPage) {\n      setLoadMoreFloor(null);\n      return;\n    }\n    // Wait for any in-flight fetch (including the background refetch) to settle\n    // before requesting the next page, otherwise the request is dropped.\n    if (isFetching || isFetchingNextPage) {\n      return;\n    }\n    fetchNextPage();\n  }, [\n    loadMoreFloor,\n    visibleCount,\n    hasNextPage,\n    isFetching,\n    isFetchingNextPage,\n    fetchNextPage,\n  ]);\n\n  const isLoadingMore = loadMoreFloor !== null || isFetchingNextPage;\n\n  const { mutate: deleteConversation, mutateAsync: deleteConversationAsync } =\n    useDeleteConversation();\n  const { mutate: pauseConversation } = useUnifiedPauseConversation();\n  const { mutate: updateConversation } = useUpdateConversation();\n\n  // The next page of conversations is loaded only via the explicit \"Load\n  // more\" link rendered at the end of the list — there is no scroll-driven\n  // pagination, which previously caused the panel to feel like it had stray\n  // scrollable space at the bottom.\n  const olderHidden = olderScoped.length > 0 && !showOlderConversations;\n  // Compact mode also hides \"Load more\" — paginating into archived\n  // conversations contradicts the \"active only\" intent of the icon rail.\n  // Do not show when the visible list is empty (e.g. filters hide every\n  // loaded conversation) — that state already shows \"No conversations found\".\n  const showLoadMore =\n    !!hasNextPage && !olderHidden && !compact && !listIsEffectivelyEmpty;\n\n  const { mutate: createConversation } = useCreateConversation();\n  const isCreatingConversationFlow = useIsCreatingConversation();\n\n  const launchFromGroup = React.useCallback(\n    (launch: ConversationGroupLaunch) => {\n      if (isCreatingConversationFlow) return;\n      createConversation(\n        {\n          workingDir: launch.workingDir,\n          repository: launch.repository,\n          entryPoint: \"sidebar_relaunch_project\",\n        },\n        {\n          onSuccess: (data) => {\n            navigate(`/conversations/${data.conversation_id}`);\n          },\n        },\n      );\n    },\n    [createConversation, isCreatingConversationFlow, navigate],\n  );\n\n  const handleDeleteProject = React.useCallback(\n    (conversationId: string, title: string) => {\n      setConfirmDeleteModalVisible(true);\n      setSelectedConversationId(conversationId);\n      setSelectedConversationTitle(title);\n    },\n    [],\n  );\n\n  const handleStopConversation = React.useCallback((conversationId: string) => {\n    setConfirmStopModalVisible(true);\n    setSelectedConversationId(conversationId);\n  }, []);\n\n  const handleConversationTitleChange = React.useCallback(\n    (conversationId: string, newTitle: string) => {\n      updateConversation(\n        { conversationId, newTitle },\n        {\n          onSuccess: () => {\n            displaySuccessToast(t(I18nKey.CONVERSATION$TITLE_UPDATED));\n          },\n        },\n      );\n    },\n    [t, updateConversation],\n  );\n\n  const handleConfirmDelete = () => {\n    if (selectedConversationId) {\n      deleteConversation(\n        { conversationId: selectedConversationId },\n        {\n          onSuccess: () => {\n            if (selectedConversationId === currentConversationId) {\n              navigate(\"/conversations\");\n            }\n          },\n        },\n      );\n    }\n  };\n\n  const handleConfirmStop = () => {\n    if (selectedConversationId) {\n      pauseConversation({\n        conversationId: selectedConversationId,\n      });\n    }\n  };\n\n  const handleConfirmDeleteAll = async () => {\n    const idsToDelete = conversations.map((c) => c.id);\n    const results = await Promise.allSettled(\n      idsToDelete.map((conversationId) =>\n        deleteConversationAsync({ conversationId }),\n      ),\n    );\n\n    const deletedIds = results.flatMap((result, index) =>\n      result.status === \"fulfilled\" ? [idsToDelete[index]] : [],\n    );\n    const failedCount = results.length - deletedIds.length;\n\n    if (\n      currentConversationId !== null &&\n      deletedIds.includes(currentConversationId)\n    ) {\n      navigate(\"/conversations\");\n    }\n\n    if (failedCount > 0) {\n      displayErrorToast(\n        `${failedCount} conversation${failedCount === 1 ? \"\" : \"s\"} could not be deleted.`,\n      );\n    }\n  };\n\n  const renderConversationCard = React.useCallback(\n    (\n      conversation: (typeof conversations)[number],\n      options?: { inPinnedSection?: boolean },\n    ) => {\n      const isPinned = pinnedIds.includes(conversation.id);\n      if (compact) {\n        return (\n          <CompactConversationRow\n            key={conversation.id}\n            conversationId={conversation.id}\n            title={conversation.title ?? \"\"}\n            selectedRepository={{\n              selected_repository: conversation.selected_repository,\n              selected_branch: conversation.selected_branch,\n              git_provider: conversation.git_provider as Provider,\n            }}\n            executionStatus={conversation.execution_status}\n            sandboxStatus={conversation.sandbox_status}\n            lastUpdatedAt={conversation.updated_at}\n            createdAt={conversation.created_at}\n            workspaceWorkingDir={\n              conversation.selected_workspace ??\n              conversation.workspace?.working_dir\n            }\n            isActive={conversation.id === currentConversationId}\n            onClose={onClose}\n            showRepositoryMetadata={showRepoBranchMetadata}\n            llmModel={conversation.llm_model}\n            showLlmProfiles={showLlmProfiles}\n            agentKind={conversation.agent_kind}\n            acpServer={conversation.acp_server}\n            tags={conversation.tags}\n            showTags={showTagsMetadata}\n          />\n        );\n      }\n      return (\n        <Tooltip\n          key={conversation.id}\n          placement=\"right-start\"\n          delay={1000}\n          closeDelay={100}\n          isDisabled={\n            !showHoverMetadata || openContextMenuId === conversation.id\n          }\n          disableAnimation={import.meta.env.MODE === \"test\"}\n          className=\"rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl\"\n          content={\n            <ConversationCardPreview\n              title={conversation.title ?? \"\"}\n              executionStatus={conversation.execution_status}\n              sandboxStatus={conversation.sandbox_status}\n              selectedRepository={{\n                selected_repository: conversation.selected_repository,\n                selected_branch: conversation.selected_branch,\n                git_provider: conversation.git_provider as Provider,\n              }}\n              workspaceWorkingDir={\n                conversation.selected_workspace ??\n                conversation.workspace?.working_dir\n              }\n              llmModel={conversation.llm_model}\n              createdAt={conversation.created_at}\n            />\n          }\n        >\n          <NavigationLink\n            to={backendScopedPath(`/conversations/${conversation.id}`)}\n            onClick={onClose}\n            className={cn(\n              \"block rounded-md transition-colors\",\n              openContextMenuId !== conversation.id &&\n                \"hover:bg-[var(--oh-surface)]\",\n              (conversation.id === currentConversationId ||\n                openContextMenuId === conversation.id) &&\n                \"bg-[var(--oh-surface)]\",\n            )}\n          >\n            <ConversationCard\n              onDelete={() =>\n                handleDeleteProject(conversation.id, conversation.title ?? \"\")\n              }\n              onStop={() => handleStopConversation(conversation.id)}\n              onChangeTitle={(title) =>\n                handleConversationTitleChange(conversation.id, title)\n              }\n              title={conversation.title ?? \"\"}\n              selectedRepository={{\n                selected_repository: conversation.selected_repository,\n                selected_branch: conversation.selected_branch,\n                git_provider: conversation.git_provider as Provider,\n              }}\n              lastUpdatedAt={conversation.updated_at}\n              createdAt={conversation.created_at}\n              executionStatus={conversation.execution_status}\n              sandboxStatus={conversation.sandbox_status}\n              conversationId={conversation.id}\n              contextMenuOpen={openContextMenuId === conversation.id}\n              onContextMenuToggle={(isOpen) =>\n                setOpenContextMenuId(isOpen ? conversation.id : null)\n              }\n              isActive={conversation.id === currentConversationId}\n              workspaceWorkingDir={\n                conversation.selected_workspace ??\n                conversation.workspace?.working_dir\n              }\n              showRepositoryMetadata={showRepoBranchMetadata}\n              llmModel={conversation.llm_model}\n              showLlmProfiles={showLlmProfiles}\n              agentKind={conversation.agent_kind}\n              acpServer={conversation.acp_server}\n              tags={conversation.tags}\n              showTags={showTagsMetadata}\n              isPinned={isPinned}\n              onTogglePin={() => togglePin(activeBackend.id, conversation.id)}\n              alwaysShowPinIcon={isPinned && !options?.inPinnedSection}\n            />\n          </NavigationLink>\n        </Tooltip>\n      );\n    },\n    [\n      activeBackend.id,\n      compact,\n      currentConversationId,\n      handleConversationTitleChange,\n      handleDeleteProject,\n      handleStopConversation,\n      onClose,\n      openContextMenuId,\n      pinnedIds,\n      showRepoBranchMetadata,\n      showLlmProfiles,\n      showTagsMetadata,\n      showHoverMetadata,\n      togglePin,\n    ],\n  );\n\n  // Standard layout: panel fills its slot in the sidebar; the inner scroll\n  // child fills the panel and scrolls when its content overflows. Modals are\n  // siblings of the scroll element and are `position: fixed`, so they don't\n  // participate in the panel's scroll geometry.\n  // Gate on `isLoading` / `!isFetched` (true only until the first fetch settles),\n  // not `isFetching` — the latter flips back to true on every 10s background\n  // refetch, causing the skeleton/empty-state to flicker when the list is empty.\n  const showInitialSkeleton = isLoading || !isFetched;\n  const showPinnedSection =\n    !compact && !showInitialSkeleton && pinnedConversations.length > 0;\n  const showEmptyState =\n    isFetched &&\n    !isLoading &&\n    !compact &&\n    listIsEffectivelyEmpty &&\n    !showPinnedSection &&\n    !startTasks?.length;\n\n  const showConversationHeader = !compact;\n\n  return (\n    <div\n      ref={ref}\n      data-testid=\"conversation-panel\"\n      className=\"flex h-full min-h-0 w-full flex-col\"\n    >\n      {showConversationHeader && (\n        <div\n          className={cn(\n            // Pull flush to the sidebar edges: `-ml-2.5` matches aside `pl-2.5`;\n            // width extends by that inset on the right now that aside is `pr-0`.\n            \"-ml-2.5 w-[calc(100%+0.625rem)] max-w-none box-border border-b\",\n            isListScrolled ? \"border-[var(--oh-border)]\" : \"border-transparent\",\n          )}\n        >\n          <div\n            data-testid=\"older-conversations-summary\"\n            className=\"flex min-w-0 flex-nowrap items-center gap-x-2 py-2 pl-4 pr-2.5 text-[var(--oh-muted)]\"\n          >\n            <span className=\"min-w-0 truncate text-sm font-medium text-[var(--oh-muted)]\">\n              {t(I18nKey.SIDEBAR$CONVERSATIONS)}\n            </span>\n            <div className=\"ml-auto flex shrink-0 items-center gap-0.5\">\n              <ConversationPanelNewThreadPicker\n                backendKind={activeBackend.kind}\n              />\n              <ConversationPanelFilterMenu\n                filterMenuOpen={filterMenuOpen}\n                setFilterMenuOpen={setFilterMenuOpen}\n                menuRef={filterMenuRef}\n                backendKind={activeBackend.kind}\n                organizeMode={organizeMode}\n                setOrganizeMode={setOrganizeMode}\n                conversationSort={conversationSort}\n                setConversationSort={setConversationSort}\n                threadScope={threadScope}\n                setThreadScope={setThreadScope}\n                showOlderConversations={showOlderConversations}\n                toggleShowOlderConversations={toggleShowOlderConversations}\n                showRepoBranchMetadata={showRepoBranchMetadata}\n                toggleShowRepoBranchMetadata={toggleShowRepoBranchMetadata}\n                showLlmProfiles={showLlmProfiles}\n                toggleShowLlmProfiles={toggleShowLlmProfiles}\n                showTagsMetadata={showTagsMetadata}\n                toggleShowTagsMetadata={toggleShowTagsMetadata}\n                showHoverMetadata={showHoverMetadata}\n                toggleShowHoverMetadata={toggleShowHoverMetadata}\n                totalConversationsCount={conversations.length}\n                onRequestDeleteAll={() => setConfirmDeleteAllVisible(true)}\n              />\n            </div>\n          </div>\n        </div>\n      )}\n\n      <div\n        ref={scrollContainerRef}\n        data-testid=\"conversation-panel-list-scroll\"\n        onScroll={(event) => {\n          setIsListScrolled(event.currentTarget.scrollTop > 0);\n        }}\n        className={cn(\n          \"flex min-h-0 flex-1 flex-col overflow-y-auto overflow-x-hidden overscroll-contain custom-scrollbar-always\",\n          !compact && \"conversation-panel-list-scroll\",\n        )}\n      >\n        {showInitialSkeleton && <ConversationCardSkeleton compact={compact} />}\n\n        {!compact && showEmptyState && (\n          <div\n            data-testid=\"conversation-panel-empty-state\"\n            className=\"flex min-h-0 flex-1 flex-col items-center justify-center px-4 py-8\"\n          >\n            <p className=\"text-xs text-[var(--oh-muted)]\">\n              {t(I18nKey.CONVERSATION$NO_CONVERSATIONS)}\n            </p>\n          </div>\n        )}\n\n        {showPinnedSection ? (\n          <ConversationPanelPinnedSection\n            pinnedConversations={pinnedConversations}\n            isPreviewExpanded={expandedPinnedPreview}\n            onTogglePreviewExpanded={() =>\n              setExpandedPinnedPreview((current) => !current)\n            }\n            activeConversationId={currentConversationId}\n            showDivider={!compact && organizeMode === \"chronological\"}\n            renderConversationCard={(conversation) =>\n              renderConversationCard(conversation, { inPinnedSection: true })\n            }\n          />\n        ) : null}\n\n        {/* Render in-progress start tasks first (skipped in compact mode —\n            their rich card layout doesn't fit in the icon rail). */}\n        {!compact &&\n          startTasks?.map((task) => (\n            <NavigationLink\n              key={task.id}\n              to={backendScopedPath(`/conversations/task-${task.id}`)}\n              onClick={onClose}\n              className=\"block\"\n            >\n              <StartTaskCard task={task} />\n            </NavigationLink>\n          ))}\n\n        {!showInitialSkeleton && compact\n          ? compactVisibleConversations.map((conversation) =>\n              renderConversationCard(conversation),\n            )\n          : null}\n\n        {!showInitialSkeleton &&\n        !compact &&\n        organizeMode === \"grouped\" &&\n        orderedConversationGroups &&\n        orderedConversationGroups.length > 0 ? (\n          <ConversationGroupFolderList\n            groups={orderedConversationGroups}\n            groupIds={conversationGroupIds}\n            groupFolderOrder={groupFolderOrder}\n            setGroupFolderOrder={setGroupFolderOrder}\n            collapsedGroupIds={collapsedGroupIds}\n            expandedGroupPreviewIds={expandedGroupPreviewIds}\n            onToggleGroupCollapsed={toggleGroupCollapsed}\n            onToggleGroupPreviewExpanded={toggleGroupPreviewExpanded}\n            isCreatingConversationFlow={isCreatingConversationFlow}\n            activeConversationId={currentConversationId}\n            onLaunchFromGroup={launchFromGroup}\n            renderConversationCard={(conversation) =>\n              renderConversationCard(conversation)\n            }\n          />\n        ) : null}\n\n        {!showInitialSkeleton &&\n        !compact &&\n        organizeMode === \"chronological\" ? (\n          <div className=\"space-y-0.5\">\n            {sortedVisibleConversations.map((conversation) =>\n              renderConversationCard(conversation),\n            )}\n          </div>\n        ) : null}\n\n        {/* Explicit \"Load more\" trigger. Only shown when more pages exist\n            *and* the older list is currently visible (or there are no older\n            conversations to begin with) — otherwise the next page would be\n            populated mostly with conversations the user has chosen to hide. */}\n        {showLoadMore &&\n          (isLoadingMore ? (\n            <div className=\"py-1\">\n              <ConversationCardSkeleton compact={compact} />\n            </div>\n          ) : (\n            <div className=\"flex justify-center py-4\">\n              <button\n                type=\"button\"\n                data-testid=\"load-more-conversations\"\n                onClick={requestLoadMore}\n                className=\"text-xs text-[var(--oh-muted)] hover:text-white\"\n              >\n                {t(I18nKey.CONVERSATION$LOAD_MORE)}\n              </button>\n            </div>\n          ))}\n      </div>\n\n      {confirmDeleteModalVisible && (\n        <ConfirmDeleteModal\n          onConfirm={() => {\n            handleConfirmDelete();\n            setConfirmDeleteModalVisible(false);\n            setSelectedConversationTitle(null);\n          }}\n          onCancel={() => {\n            setConfirmDeleteModalVisible(false);\n            setSelectedConversationTitle(null);\n          }}\n          conversationTitle={selectedConversationTitle ?? undefined}\n        />\n      )}\n\n      {confirmDeleteAllVisible && (\n        <ConfirmDeleteModal\n          title={t(I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_TITLE)}\n          description={t(I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_DESC, {\n            count: conversations.length,\n          })}\n          onConfirm={async () => {\n            await handleConfirmDeleteAll();\n            setConfirmDeleteAllVisible(false);\n          }}\n          onCancel={() => setConfirmDeleteAllVisible(false)}\n        />\n      )}\n\n      {confirmStopModalVisible && (\n        <ConfirmStopModal\n          onConfirm={() => {\n            handleConfirmStop();\n            setConfirmStopModalVisible(false);\n          }}\n          onCancel={() => setConfirmStopModalVisible(false)}\n        />\n      )}\n\n      {confirmExitConversationModalVisible && (\n        <ExitConversationModal\n          onConfirm={() => {\n            onClose?.();\n          }}\n          onClose={() => setConfirmExitConversationModalVisible(false)}\n          onCancel={() => setConfirmExitConversationModalVisible(false)}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"q8DAwDA,IAAM,OAAa,CAAC,EAEd,GAAmD,CAAC,EAEpD,EAAc,KAAU,IAExB,GACJ,GACgC,CAIhC,IAAM,EAAS,KAAK,IAAI,EAAI,EACtB,EAAc,CAAC,EACf,EAAa,CAAC,EACpB,IAAK,IAAM,KAAQ,EAAO,CACxB,IAAM,EAAY,EAAK,WAAa,KAAK,MAAM,EAAK,UAAU,EAAI,IAG9D,OAAO,SAAS,CAAS,GAAK,EAAY,EAC5C,EAAM,KAAK,CAAI,EAEf,EAAO,KAAK,CAAI,CAEpB,CACA,MAAO,CAAE,SAAQ,OAAM,CACzB,EAEA,SAAgB,EAAkB,CAChC,UACA,UAAU,IACe,CACzB,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,eAAgB,EAAuB,YAAa,GAAA,cAAc,EACpE,CAAE,QAAS,GAAkB,GAAA,iBAAiB,EAC9C,GAAoB,GAAA,qBAAqB,EAKzC,GAAM,GAAA,uBAAuC,GAAW,EAAI,EAE5D,CAAC,GAA2B,GAChC,EAAA,QAAM,SAAS,EAAK,EAChB,CAAC,GAAyB,GAC9B,EAAA,QAAM,SAAS,EAAK,EAChB,CACJ,GACA,GACE,EAAA,QAAM,SAAS,EAAK,EAClB,CAAC,GAAyB,GAC9B,EAAA,QAAM,SAAS,EAAK,EAChB,EAAyB,EAAA,qCAC5B,GAAU,EAAM,sBACnB,EACM,GAA+B,EAAA,qCAClC,GAAU,EAAM,4BACnB,EACM,EAAyB,EAAA,qCAC5B,GAAU,EAAM,sBACnB,EACM,GAA+B,EAAA,qCAClC,GAAU,EAAM,4BACnB,EACM,EAAkB,EAAA,qCACrB,GAAU,EAAM,eACnB,EACM,GAAwB,EAAA,qCAC3B,GAAU,EAAM,qBACnB,EACM,EAAmB,EAAA,qCACtB,GAAU,EAAM,gBACnB,EACM,GAAyB,EAAA,qCAC5B,GAAU,EAAM,sBACnB,EACM,EAAoB,EAAA,qCACvB,GAAU,EAAM,iBACnB,EACM,GAA0B,EAAA,qCAC7B,GAAU,EAAM,uBACnB,EACM,EAAe,EAAA,qCAClB,GAAU,EAAM,YACnB,EACM,GAAkB,EAAA,qCACrB,GAAU,EAAM,eACnB,EACM,EAAmB,EAAA,qCACtB,GAAU,EAAM,gBACnB,EACM,GAAsB,EAAA,qCACzB,GAAU,EAAM,mBACnB,EACM,EAAc,EAAA,qCACjB,GAAU,EAAM,WACnB,EACM,GAAiB,EAAA,qCACpB,GAAU,EAAM,cACnB,EACM,EAAmB,EAAA,qCACtB,GAAU,EAAM,gBACnB,EACM,GAAsB,EAAA,qCACzB,GAAU,EAAM,mBACnB,EACM,CAAC,GAAgB,GAAqB,EAAA,QAAM,SAAS,EAAK,EAC1D,CAAC,GAAgB,IAAqB,EAAA,QAAM,SAAS,EAAK,EAC1D,GAAgB,GAAA,2BAA6C,CACjE,EAAkB,EAAK,CACzB,CAAC,EACK,CAAC,GAAmB,GAAwB,EAAA,QAAM,aAEhD,IAAI,GAAK,EACX,CAAC,GAAyB,GAA8B,EAAA,QAAM,aAE5D,IAAI,GAAK,EACX,CAAC,GAAuB,GAC5B,EAAA,QAAM,SAAS,EAAK,EAEhB,EAAY,EAAA,4BACf,GACC,EAAM,gBAAgB,EAAc,KAAO,EAC/C,EACM,EAAY,EAAA,4BAA6B,GAAU,EAAM,SAAS,EAClE,GAAkC,EAAA,4BACrC,GAAU,EAAM,yBACnB,EAEM,GAAuB,EAAA,QAAM,YAAa,GAAoB,CAClE,EAAsB,GAAS,CAC7B,IAAM,EAAO,IAAI,IAAI,CAAI,EAMzB,OALI,EAAK,IAAI,CAAO,EAClB,EAAK,OAAO,CAAO,EAEnB,EAAK,IAAI,CAAO,EAEX,CACT,CAAC,CACH,EAAG,CAAC,CAAC,EAEC,GAA6B,EAAA,QAAM,YAAa,GAAoB,CACxE,EAA4B,GAAS,CACnC,IAAM,EAAO,IAAI,IAAI,CAAI,EAMzB,OALI,EAAK,IAAI,CAAO,EAClB,EAAK,OAAO,CAAO,EAEnB,EAAK,IAAI,CAAO,EAEX,CACT,CAAC,CACH,EAAG,CAAC,CAAC,EAEL,EAAA,QAAM,cAAgB,CAChB,IAAiB,YACnB,EAAqB,IAAI,GAAK,EAC9B,EAA2B,IAAI,GAAK,EAExC,EAAG,CAAC,CAAY,CAAC,EAEjB,IAAM,GAAqB,EAAA,QAAM,OAAuB,IAAI,EAEtD,CAAC,EAAwB,IAA6B,EAAA,QAAM,SAEhE,IAAI,EACA,CAAC,GAA2B,GAChC,EAAA,QAAM,SAAwB,IAAI,EAC9B,CAAC,EAAmB,IAAwB,EAAA,QAAM,SAEtD,IAAI,EAEA,CACJ,QACA,aACA,YACA,cACA,cACA,qBACA,kBACE,GAAA,0BAA0B,EAGxB,CAAE,KAAM,IAAe,GAAA,cAAc,EAErC,EAAgB,EAAA,QAAM,YAAc,CACxC,IAAM,EAAM,IAAM,MAAM,QAAS,GAAS,EAAK,KAAK,GAAK,CAAC,EAMpD,EAAO,IAAI,IACjB,OAAO,EAAI,OAAQ,GACb,EAAK,IAAI,EAAa,EAAE,EACnB,IAET,EAAK,IAAI,EAAa,EAAE,EACjB,GACR,CACH,EAAG,CAAC,EAAI,CAAC,EAEH,GAAsB,EAAA,QAAM,YAC1B,EAAA,2BAA2B,EAAW,CAAa,EACzD,CAAC,EAAe,CAAS,CAC3B,EAEA,EAAA,QAAM,cAAgB,CACf,GAGL,GACE,EAAc,GACd,EAAc,IAAK,GAAiB,EAAa,EAAE,CACrD,CACF,EAAG,CACD,EAAc,GACd,EACA,EACA,EACF,CAAC,EAED,EAAA,QAAM,cAAgB,CAChB,EAAU,SAAW,GACvB,EAAyB,EAAK,CAElC,EAAG,CAAC,EAAU,MAAM,CAAC,EAErB,IAAM,GAAsB,EAAA,QAAM,YAAc,CAC9C,IAAM,EACJ,IAAgB,WACZ,EAAc,OAAQ,GAAM,EAAA,kBAAkB,EAAE,gBAAgB,CAAC,EACjE,EAQN,OAJI,EACK,EAGF,EAAA,6BAA6B,EAAe,CAAS,CAC9D,EAAG,CAAC,EAAS,EAAe,EAAW,CAAW,CAAC,EAE7C,CAAE,OAAQ,EAAc,MAAO,GAAgB,EAAA,QAAM,YACnD,GAAkB,EAAmB,EAC3C,CAAC,EAAmB,CACtB,EAQM,GAA6B,EAAA,QAAM,YAIhC,EAAA,yBAHS,EACZ,CAAC,GAAG,EAAc,GAAG,CAAW,EAChC,EACqC,CAAgB,EACxD,CAAC,EAAc,EAAa,EAAwB,CAAgB,CAAC,EAElE,GAAc,EAAA,QAAM,aACjB,CACL,eAAgB,EAAE,EAAA,QAAQ,+BAA+B,EACzD,gBAAiB,EAAE,EAAA,QAAQ,gCAAgC,CAC7D,GACA,CAAC,CAAC,CACJ,EAEM,EAAqB,EAAA,QAAM,YAC3B,GAAW,IAAiB,UACvB,KASF,EAAA,mBACL,CAJA,GAAG,EACH,GAAI,EAAyB,EAAc,CAAC,CAG5C,EACA,EAAc,KACd,EACA,EACF,EACC,CACD,EAAc,KACd,EACA,EACA,GACA,EACA,EACA,EACA,CACF,CAAC,EAEK,EAA4B,EAAA,QAAM,YACjC,EAGE,EAAA,sBAAsB,EAAoB,CAAgB,EAFxD,KAGR,CAAC,EAAoB,CAAgB,CAAC,EAEnC,GAAuB,EAAA,QAAM,YAC3B,GAAoB,IAAK,GAAU,EAAM,EAAE,GAAK,CAAC,EACvD,CAAC,CAAkB,CACrB,EAEM,GAA8B,EAAA,QAAM,YAEtC,EAAA,yBACE,EAAa,OAAQ,GACnB,EAAA,kBAAkB,EAAa,gBAAgB,CACjD,EACA,CACF,EACF,CAAC,EAAkB,CAAY,CACjC,EAEM,GAAmB,GAA2B,OAE9C,GAAsB,EAAA,QAAM,YAC3B,EAGE,EAA0B,QAC9B,EAAG,IAAM,EAAI,EAAE,cAAc,OAC9B,CACF,EALS,EAMR,CAAC,CAAyB,CAAC,EAExB,GACJ,IAAiB,WAAa,CAAC,EAC3B,KAAwB,EACxB,KAAqB,EAIrB,EACJ,IAAiB,WAAa,CAAC,EAC3B,GACA,GAqBA,CAAC,EAAe,GAAoB,EAAA,QAAM,SAAwB,IAAI,EACtE,GAAkB,EAAA,QAAM,OAAO,CAAY,EACjD,GAAgB,QAAU,EAE1B,IAAM,GAAkB,EAAA,QAAM,gBAAkB,CAC1C,GACF,EAAiB,GAAgB,OAAO,CAE5C,EAAG,CAAC,CAAW,CAAC,EAEhB,EAAA,QAAM,cAAgB,CAChB,OAAkB,KAItB,IAAI,EAAe,EAAe,CAChC,EAAiB,IAAI,EACrB,MACF,CAEA,GAAI,CAAC,EAAa,CAChB,EAAiB,IAAI,EACrB,MACF,CAGI,IAAc,GAGlB,GAAc,CAXd,CAYF,EAAG,CACD,EACA,EACA,EACA,GACA,EACA,EACF,CAAC,EAED,IAAM,GAAgB,IAAkB,MAAQ,EAE1C,CAAE,OAAQ,GAAoB,YAAa,IAC/C,GAAA,sBAAsB,EAClB,CAAE,OAAQ,IAAsB,GAAA,4BAA4B,EAC5D,CAAE,OAAQ,IAAuB,GAAA,sBAAsB,EAMvD,GAAc,EAAY,OAAS,GAAK,CAAC,EAKzC,GACJ,CAAC,CAAC,GAAe,CAAC,IAAe,CAAC,GAAW,CAAC,GAE1C,CAAE,OAAQ,IAAuB,GAAA,sBAAsB,EACvD,EAA6B,GAAA,0BAA0B,EAEvD,GAAkB,EAAA,QAAM,YAC3B,GAAoC,CAC/B,GACJ,GACE,CACE,WAAY,EAAO,WACnB,WAAY,EAAO,WACnB,WAAY,0BACd,EACA,CACE,UAAY,GAAS,CACnB,EAAS,kBAAkB,EAAK,iBAAiB,CACnD,CACF,CACF,CACF,EACA,CAAC,GAAoB,EAA4B,CAAQ,CAC3D,EAEM,GAAsB,EAAA,QAAM,aAC/B,EAAwB,IAAkB,CACzC,EAA6B,EAAI,EACjC,GAA0B,CAAc,EACxC,EAA6B,CAAK,CACpC,EACA,CAAC,CACH,EAEM,GAAyB,EAAA,QAAM,YAAa,GAA2B,CAC3E,EAA2B,EAAI,EAC/B,GAA0B,CAAc,CAC1C,EAAG,CAAC,CAAC,EAEC,GAAgC,EAAA,QAAM,aACzC,EAAwB,IAAqB,CAC5C,GACE,CAAE,iBAAgB,UAAS,EAC3B,CACE,cAAiB,CACf,GAAA,oBAAoB,EAAE,EAAA,QAAQ,0BAA0B,CAAC,CAC3D,CACF,CACF,CACF,EACA,CAAC,EAAG,EAAkB,CACxB,EAEM,OAA4B,CAC5B,GACF,GACE,CAAE,eAAgB,CAAuB,EACzC,CACE,cAAiB,CACX,IAA2B,GAC7B,EAAS,gBAAgB,CAE7B,CACF,CACF,CAEJ,EAEM,OAA0B,CAC1B,GACF,GAAkB,CAChB,eAAgB,CAClB,CAAC,CAEL,EAEM,GAAyB,SAAY,CACzC,IAAM,EAAc,EAAc,IAAK,GAAM,EAAE,EAAE,EAC3C,EAAU,MAAM,QAAQ,WAC5B,EAAY,IAAK,GACf,GAAwB,CAAE,gBAAe,CAAC,CAC5C,CACF,EAEM,EAAa,EAAQ,SAAS,EAAQ,IAC1C,EAAO,SAAW,YAAc,CAAC,EAAY,EAAM,EAAI,CAAC,CAC1D,EACM,EAAc,EAAQ,OAAS,EAAW,OAG9C,IAA0B,MAC1B,EAAW,SAAS,CAAqB,GAEzC,EAAS,gBAAgB,EAGvB,EAAc,GAChB,GAAA,kBACE,GAAG,EAAY,eAAe,IAAgB,EAAI,GAAK,IAAI,uBAC7D,CAEJ,EAEM,EAAyB,EAAA,QAAM,aAEjC,EACA,IACG,CACH,IAAM,EAAW,EAAU,SAAS,EAAa,EAAE,EAgCnD,OA/BI,GAEA,EAAA,EAAA,KAAC,GAAA,uBAAD,CAEE,eAAgB,EAAa,GAC7B,MAAO,EAAa,OAAS,GAC7B,mBAAoB,CAClB,oBAAqB,EAAa,oBAClC,gBAAiB,EAAa,gBAC9B,aAAc,EAAa,YAC7B,EACA,gBAAiB,EAAa,iBAC9B,cAAe,EAAa,eAC5B,cAAe,EAAa,WAC5B,UAAW,EAAa,WACxB,oBACE,EAAa,oBACb,EAAa,WAAW,YAE1B,SAAU,EAAa,KAAO,EACrB,UACT,uBAAwB,EACxB,SAAU,EAAa,UACN,kBACjB,UAAW,EAAa,WACxB,UAAW,EAAa,WACxB,KAAM,EAAa,KACnB,SAAU,CACX,EAzBM,EAAa,EAyBnB,GAIH,EAAA,EAAA,KAAC,GAAA,gBAAD,CAEE,UAAU,cACV,MAAO,IACP,WAAY,IACZ,WACE,CAAC,GAAqB,IAAsB,EAAa,GAE3D,iBAAkB,GAClB,UAAU,yFACV,SACE,EAAA,EAAA,KAAC,GAAA,wBAAD,CACE,MAAO,EAAa,OAAS,GAC7B,gBAAiB,EAAa,iBAC9B,cAAe,EAAa,eAC5B,mBAAoB,CAClB,oBAAqB,EAAa,oBAClC,gBAAiB,EAAa,gBAC9B,aAAc,EAAa,YAC7B,EACA,oBACE,EAAa,oBACb,EAAa,WAAW,YAE1B,SAAU,EAAa,UACvB,UAAW,EAAa,UACzB,CAAA,YAGH,EAAA,EAAA,KAAC,GAAA,eAAD,CACE,GAAI,GAAkB,kBAAkB,EAAa,IAAI,EACzD,QAAS,EACT,UAAW,EAAA,GACT,qCACA,IAAsB,EAAa,IACjC,gCACD,EAAa,KAAO,GACnB,IAAsB,EAAa,KACnC,wBACJ,YAEA,EAAA,EAAA,KAAC,GAAA,iBAAD,CACE,aACE,GAAoB,EAAa,GAAI,EAAa,OAAS,EAAE,EAE/D,WAAc,GAAuB,EAAa,EAAE,EACpD,cAAgB,GACd,GAA8B,EAAa,GAAI,CAAK,EAEtD,MAAO,EAAa,OAAS,GAC7B,mBAAoB,CAClB,oBAAqB,EAAa,oBAClC,gBAAiB,EAAa,gBAC9B,aAAc,EAAa,YAC7B,EACA,cAAe,EAAa,WAC5B,UAAW,EAAa,WACxB,gBAAiB,EAAa,iBAC9B,cAAe,EAAa,eAC5B,eAAgB,EAAa,GAC7B,gBAAiB,IAAsB,EAAa,GACpD,oBAAsB,GACpB,GAAqB,EAAS,EAAa,GAAK,IAAI,EAEtD,SAAU,EAAa,KAAO,EAC9B,oBACE,EAAa,oBACb,EAAa,WAAW,YAE1B,uBAAwB,EACxB,SAAU,EAAa,UACN,kBACjB,UAAW,EAAa,WACxB,UAAW,EAAa,WACxB,KAAM,EAAa,KACnB,SAAU,EACA,WACV,gBAAmB,EAAU,EAAc,GAAI,EAAa,EAAE,EAC9D,kBAAmB,GAAY,CAAC,GAAS,eAC1C,CAAA,CACa,CAAA,CACT,EAhFF,EAAa,EAgFX,CAEb,EACA,CACE,EAAc,GACd,EACA,EACA,GACA,GACA,GACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,CACF,CACF,EASM,EAAsB,IAAa,CAAC,EACpC,EACJ,CAAC,GAAW,CAAC,GAAuB,GAAoB,OAAS,EAC7D,GACJ,GACA,CAAC,IACD,CAAC,GACD,IACA,CAAC,GACD,CAAC,IAAY,OAIf,OACE,EAAA,EAAA,MAAC,MAAD,CACO,OACL,cAAY,qBACZ,UAAU,+CAHZ,CAKG,CAR2B,IAS1B,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GAGT,iEACA,GAAiB,4BAA8B,oBACjD,YAEA,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,8BACZ,UAAU,iGAFZ,EAIE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uEACb,EAAE,EAAA,QAAQ,qBAAqB,CAC5B,CAAA,GACN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,sDAAf,EACE,EAAA,EAAA,KAAC,GAAA,iCAAD,CACE,YAAa,EAAc,IAC5B,CAAA,GACD,EAAA,EAAA,KAAC,GAAA,4BAAD,CACkB,kBACG,oBACnB,QAAS,GACT,YAAa,EAAc,KACb,eACG,mBACC,mBACG,uBACR,cACG,kBACQ,yBACM,gCACN,yBACM,gCACb,kBACM,yBACL,mBACM,0BACL,oBACM,2BACzB,wBAAyB,EAAc,OACvC,uBAA0B,EAA2B,EAAI,CAC1D,CAAA,CACE,GACF,GACF,CAAA,GAGP,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,GACL,cAAY,iCACZ,SAAW,GAAU,CACnB,GAAkB,EAAM,cAAc,UAAY,CAAC,CACrD,EACA,UAAW,EAAA,GACT,4GACA,CAAC,GAAW,gCACd,WATF,CAWG,IAAuB,EAAA,EAAA,KAAC,EAAA,yBAAD,CAAmC,SAAU,CAAA,EAEpE,CAAC,GAAW,KACX,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,iCACZ,UAAU,+EAEV,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,0CACV,EAAE,EAAA,QAAQ,6BAA6B,CACvC,CAAA,CACA,CAAA,EAGN,GACC,EAAA,EAAA,KAAC,GAAA,+BAAD,CACuB,uBACrB,kBAAmB,GACnB,4BACE,EAA0B,GAAY,CAAC,CAAO,EAEhD,qBAAsB,EACtB,YAAa,CAAC,GAAW,IAAiB,gBAC1C,uBAAyB,GACvB,EAAuB,EAAc,CAAE,gBAAiB,EAAK,CAAC,CAEjE,CAAA,EACC,KAIH,CAAC,GACA,IAAY,IAAK,IACf,EAAA,EAAA,KAAC,GAAA,eAAD,CAEE,GAAI,GAAkB,uBAAuB,EAAK,IAAI,EACtD,QAAS,EACT,UAAU,kBAEV,EAAA,EAAA,KAAC,GAAA,cAAD,CAAqB,MAAO,CAAA,CACd,EANT,EAAK,EAMI,CACjB,EAEF,CAAC,GAAuB,EACrB,GAA4B,IAAK,GAC/B,EAAuB,CAAY,CACrC,EACA,KAEH,CAAC,GACF,CAAC,GACD,IAAiB,WACjB,GACA,EAA0B,OAAS,GACjC,EAAA,EAAA,KAAC,GAAA,4BAAD,CACE,OAAQ,EACR,SAAU,GACQ,mBACG,uBACF,qBACM,2BACzB,uBAAwB,GACxB,6BAA8B,GACF,6BAC5B,qBAAsB,EACtB,kBAAmB,GACnB,uBAAyB,GACvB,EAAuB,CAAY,CAEtC,CAAA,EACC,KAEH,CAAC,GACF,CAAC,GACD,IAAiB,iBACf,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uBACZ,GAA2B,IAAK,GAC/B,EAAuB,CAAY,CACrC,CACG,CAAA,EACH,KAMH,KACE,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBACb,EAAA,EAAA,KAAC,EAAA,yBAAD,CAAmC,SAAU,CAAA,CAC1C,CAAA,GAEL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,qCACb,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,cAAY,0BACZ,QAAS,GACT,UAAU,2DAET,EAAE,EAAA,QAAQ,sBAAsB,CAC3B,CAAA,CACL,CAAA,EAEN,IAEJ,KACC,EAAA,EAAA,KAAC,EAAA,mBAAD,CACE,cAAiB,CACf,GAAoB,EACpB,EAA6B,EAAK,EAClC,EAA6B,IAAI,CACnC,EACA,aAAgB,CACd,EAA6B,EAAK,EAClC,EAA6B,IAAI,CACnC,EACA,kBAAmB,IAA6B,IAAA,EACjD,CAAA,EAGF,KACC,EAAA,EAAA,KAAC,EAAA,mBAAD,CACE,MAAO,EAAE,EAAA,QAAQ,qCAAqC,EACtD,YAAa,EAAE,EAAA,QAAQ,qCAAsC,CAC3D,MAAO,EAAc,MACvB,CAAC,EACD,UAAW,SAAY,CACrB,MAAM,GAAuB,EAC7B,EAA2B,EAAK,CAClC,EACA,aAAgB,EAA2B,EAAK,CACjD,CAAA,EAGF,KACC,EAAA,EAAA,KAAC,GAAA,iBAAD,CACE,cAAiB,CACf,GAAkB,EAClB,EAA2B,EAAK,CAClC,EACA,aAAgB,EAA2B,EAAK,CACjD,CAAA,EAGF,KACC,EAAA,EAAA,KAAC,GAAA,sBAAD,CACE,cAAiB,CACf,IAAU,CACZ,EACA,YAAe,EAAuC,EAAK,EAC3D,aAAgB,EAAuC,EAAK,CAC7D,CAAA,CAEA,GAET"}