npm - @openhands/agent-canvas - Versions diffs - 1.9.0 → 1.11.0 - Mend

@openhands/agent-canvas 1.9.0 → 1.11.0

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

Files changed (1386) hide show

package/dist/components/features/conversation-panel/conversation-panel-list-helpers.js CHANGED Viewed

@@ -1,4 +1,5 @@
-function e(e, t) {
+import { AUTOMATION_TAG_KEYS as e } from "../../../api/agent-server-adapter.js";
+function t(e, t) {
 	let n = t.limit ?? 5;
 	if (t.expanded || e.length <= n) return {
 		visibleConversations: [...e],
@@ -20,16 +21,41 @@ function e(e, t) {
 		isShowingAll: !1
 	};
 }
-function t(e, t) {
+function n(e, t) {
 	let n = new Map(t.map((e) => [e.id, e]));
 	return e.map((e) => n.get(e)).filter((e) => e != null);
 }
-function n(e, t) {
+function r(e, t) {
 	if (t.length === 0) return [...e];
 	let n = new Set(t);
 	return e.filter((e) => !n.has(e.id));
 }
-function r(e, t, n) {
+var i = "__unnamed__";
+function a(t) {
+	if (t.trigger === "automation") return !0;
+	let n = t.tags;
+	return n ? e.some((e) => !!n[e]) : !1;
+}
+function o(e) {
+	return e.tags?.automationname?.trim() || "__unnamed__";
+}
+function s(e) {
+	let t = /* @__PURE__ */ new Set(), n = !1;
+	for (let r of e) {
+		if (!a(r)) continue;
+		let e = o(r);
+		e === "__unnamed__" ? n = !0 : t.add(e);
+	}
+	let r = [...t].sort((e, t) => e.localeCompare(t));
+	return n && r.push(i), r;
+}
+function c(e, t, n, r) {
+	if (t === "all") return [...e];
+	if (t === "hide-automations") return e.filter((e) => !a(e));
+	let i = new Set(r), s = n.filter((e) => i.has(e)), c = s.length > 0 ? new Set(s) : null;
+	return e.filter((e) => a(e) ? c === null || c.has(o(e)) : !1);
+}
+function l(e, t, n) {
 	if (t === "local") return e === "__none_workspace" ? {} : e.startsWith("ws:") ? { workingDir: e.slice(3) } : {};
 	if (e === "__none_repo") return {};
 	if (e.startsWith("repo:")) {
@@ -42,16 +68,16 @@ function r(e, t, n) {
 	}
 	return {};
 }
-function i(e) {
+function u(e) {
 	if (!e) return 0;
 	let t = Date.parse(e);
 	return Number.isFinite(t) ? t : 0;
 }
-function a(e, t) {
+function d(e, t) {
 	let n = t === "created" ? "created_at" : "updated_at";
-	return [...e].sort((e, t) => i(t[n]) - i(e[n]));
+	return [...e].sort((e, t) => u(t[n]) - u(e[n]));
 }
-function o(e) {
+function f(e) {
 	let t = e.selected_workspace?.trim().replace(/\/+$/, "");
 	if (!t) return {
 		id: "__none_workspace",
@@ -63,7 +89,7 @@ function o(e) {
 		label: n
 	};
 }
-function s(e) {
+function p(e) {
 	let t = e.selected_repository?.trim().replace(/\/+$/, "");
 	if (!t) return {
 		id: "__none_repo",
@@ -75,27 +101,27 @@ function s(e) {
 		label: r
 	};
 }
-function c(e, t, n, c) {
-	let l = /* @__PURE__ */ new Map();
+function m(e, t, n, r) {
+	let i = /* @__PURE__ */ new Map();
 	for (let n of e) {
-		let { id: e, label: r } = t === "local" ? o(n) : s(n), i = e === "__none_workspace" ? c.emptyWorkspace : e === "__none_repo" ? c.emptyRepository : r, a = l.get(e);
-		a ? a.conversations.push(n) : l.set(e, {
-			label: i,
+		let { id: e, label: a } = t === "local" ? f(n) : p(n), o = e === "__none_workspace" ? r.emptyWorkspace : e === "__none_repo" ? r.emptyRepository : a, s = i.get(e);
+		s ? s.conversations.push(n) : i.set(e, {
+			label: o,
 			conversations: [n]
 		});
 	}
-	let u = [...l.entries()].map(([e, i]) => {
-		let o = a(i.conversations, n);
+	let a = [...i.entries()].map(([e, r]) => {
+		let i = d(r.conversations, n);
 		return {
 			id: e,
-			label: i.label,
-			conversations: o,
-			launch: r(e, t, o)
+			label: r.label,
+			conversations: i,
+			launch: l(e, t, i)
 		};
-	}), d = (e) => e.conversations.reduce((e, t) => Math.max(e, i(n === "created" ? t.created_at : t.updated_at)), 0);
-	return u.sort((e, t) => d(t) - d(e)), u;
+	}), o = (e) => e.conversations.reduce((e, t) => Math.max(e, u(n === "created" ? t.created_at : t.updated_at)), 0);
+	return a.sort((e, t) => o(t) - o(e)), a;
 }
-function l(e, t) {
+function h(e, t) {
 	if (t.length === 0) return [...e];
 	let n = new Map(e.map((e) => [e.id, e])), r = [], i = /* @__PURE__ */ new Set();
 	for (let e of t) {
@@ -105,16 +131,16 @@ function l(e, t) {
 	for (let t of e) i.has(t.id) || r.push(t);
 	return r;
 }
-function u(e, t, n, r, i = "after") {
+function g(e, t, n, r, i = "after") {
 	if (n === r) return [...e];
-	let a = l(t.map((e) => ({ id: e })), e).map((e) => e.id), o = a.indexOf(n), s = a.indexOf(r);
+	let a = h(t.map((e) => ({ id: e })), e).map((e) => e.id), o = a.indexOf(n), s = a.indexOf(r);
 	if (o < 0 || s < 0) return [...e];
 	let c = [...a];
 	c.splice(o, 1);
-	let u = c.indexOf(r), d = i === "before" ? u : u + 1;
-	return c.splice(d, 0, n), c;
+	let l = c.indexOf(r), u = i === "before" ? l : l + 1;
+	return c.splice(u, 0, n), c;
 }
 //#endregion
-export { l as applyGroupFolderOrder, n as filterOutPinnedConversations, e as getGroupConversationPreview, c as groupConversations, u as moveGroupFolderOrder, t as resolvePinnedConversations, a as sortConversationsByField };
+export { i as UNNAMED_AUTOMATION_FACET, c as applyAutomationConversationFilter, h as applyGroupFolderOrder, s as collectAutomationNameFacets, r as filterOutPinnedConversations, t as getGroupConversationPreview, m as groupConversations, g as moveGroupFolderOrder, n as resolvePinnedConversations, d as sortConversationsByField };
 //# sourceMappingURL=conversation-panel-list-helpers.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation-panel-list-helpers.js","names":[],"sources":["../../../../src/components/features/conversation-panel/conversation-panel-list-helpers.ts"],"sourcesContent":["import type { AppConversation } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport type { BackendKind } from \"#/api/backend-registry/types\";\nimport type { Provider } from \"#/types/settings\";\n\nexport type ConversationSortField = \"created\" \| \"updated\";\nexport type ThreadScope = \"all\" \| \"relevant\";\nexport type OrganizeMode = \"grouped\" \| \"chronological\";\n\n/** Max conversations shown under a workspace/repo folder before \"View more\". /\nexport const GROUP_CONVERSATIONS_PREVIEW_LIMIT = 5;\n\ninterface GroupConversationPreviewOptions {\n limit?: number;\n expanded: boolean;\n activeConversationId?: string \| null;\n}\n\nexport function getGroupConversationPreview(\n conversations: readonly AppConversation[],\n options: GroupConversationPreviewOptions,\n): {\n visibleConversations: AppConversation[];\n isPreviewTruncated: boolean;\n isShowingAll: boolean;\n} {\n const limit = options.limit ?? GROUP_CONVERSATIONS_PREVIEW_LIMIT;\n\n if (options.expanded \|\| conversations.length <= limit) {\n return {\n visibleConversations: [...conversations],\n isPreviewTruncated: conversations.length > limit,\n isShowingAll: true,\n };\n }\n\n const activeIndex =\n options.activeConversationId != null\n ? conversations.findIndex((c) => c.id === options.activeConversationId)\n : -1;\n\n if (activeIndex >= limit) {\n const activeConversation = conversations[activeIndex];\n return {\n visibleConversations: [\n ...conversations.slice(0, limit - 1),\n activeConversation,\n ],\n isPreviewTruncated: true,\n isShowingAll: false,\n };\n }\n\n return {\n visibleConversations: conversations.slice(0, limit),\n isPreviewTruncated: conversations.length > limit,\n isShowingAll: false,\n };\n}\n\nexport function resolvePinnedConversations(\n pinnedIds: readonly string[],\n conversations: readonly AppConversation[],\n): AppConversation[] {\n const byId = new Map(\n conversations.map((conversation) => [conversation.id, conversation]),\n );\n return pinnedIds\n .map((id) => byId.get(id))\n .filter(\n (conversation): conversation is AppConversation => conversation != null,\n );\n}\n\nexport function filterOutPinnedConversations(\n conversations: readonly AppConversation[],\n pinnedIds: readonly string[],\n): AppConversation[] {\n if (pinnedIds.length === 0) {\n return [...conversations];\n }\n\n const pinnedSet = new Set(pinnedIds);\n return conversations.filter(\n (conversation) => !pinnedSet.has(conversation.id),\n );\n}\n\n/* Subset of `useCreateConversation` variables for launching from a group row */\nexport type ConversationGroupLaunch = {\n workingDir?: string;\n repository?: {\n name: string;\n gitProvider: Provider;\n branch?: string;\n };\n};\n\nfunction buildGroupLaunch(\n id: string,\n backendKind: BackendKind,\n conversations: AppConversation[],\n): ConversationGroupLaunch {\n if (backendKind === \"local\") {\n if (id === \"__none_workspace\") {\n return {};\n }\n if (id.startsWith(\"ws:\")) {\n return { workingDir: id.slice(3) };\n }\n return {};\n }\n\n if (id === \"__none_repo\") {\n return {};\n }\n if (id.startsWith(\"repo:\")) {\n const name = id.slice(5);\n const sample = conversations[0];\n const gitProvider = (sample?.git_provider ?? \"github\") as Provider;\n const branch = sample?.selected_branch ?? \"main\";\n return {\n repository: {\n name,\n gitProvider,\n branch,\n },\n };\n }\n\n return {};\n}\n\nexport function parseConversationTimeMs(iso: string \| undefined): number {\n if (!iso) return 0;\n const t = Date.parse(iso);\n return Number.isFinite(t) ? t : 0;\n}\n\nexport function sortConversationsByField(\n items: readonly AppConversation[],\n field: ConversationSortField,\n): AppConversation[] {\n const key = field === \"created\" ? \"created_at\" : \"updated_at\";\n return [...items].sort(\n (a, b) => parseConversationTimeMs(b[key]) - parseConversationTimeMs(a[key]),\n );\n}\n\nfunction workspaceGroup(conversation: AppConversation): {\n id: string;\n label: string;\n} {\n // Group by the user-selected workspace (a stable identifier shared by\n // every conversation launched from the same picker selection), not\n // `workspace.working_dir` — that field holds the per-conversation\n // worktree path the agent-server creates, which is unique per\n // conversation and would fragment the grouping.\n //\n // Normalize first, then check emptiness: inputs like \"/\", \"///\", or\n // \" ///\" trim+strip to \"\" and must fall back to the \"no workspace\"\n // bucket rather than producing a stray `ws:` group with no label.\n const normalized = conversation.selected_workspace\n ?.trim()\n .replace(/\\/+$/, \"\");\n if (!normalized) {\n return { id: \"__none_workspace\", label: \"\" };\n }\n const label = normalized.split(\"/\").filter(Boolean).pop() ?? normalized;\n return { id: `ws:${normalized}`, label };\n}\n\nfunction repositoryGroup(conversation: AppConversation): {\n id: string;\n label: string;\n} {\n // Mirror `workspaceGroup`'s normalize-then-check order so \"/\", \"///\",\n // and trailing-slash variants of the same repo all collapse to one\n // group instead of producing a stray `repo:/` bucket.\n const normalized = conversation.selected_repository\n ?.trim()\n .replace(/\\/+$/, \"\");\n if (!normalized) {\n return { id: \"__none_repo\", label: \"\" };\n }\n const parts = normalized.split(\"/\").filter(Boolean);\n const label = parts.length\n ? (parts[parts.length - 1] ?? normalized).replace(/\\.git$/, \"\")\n : normalized.replace(/\\.git$/, \"\");\n return { id: `repo:${normalized}`, label };\n}\n\nexport function groupConversations(\n items: readonly AppConversation[],\n backendKind: BackendKind,\n sortField: ConversationSortField,\n labels: { emptyWorkspace: string; emptyRepository: string },\n): {\n id: string;\n label: string;\n conversations: AppConversation[];\n launch: ConversationGroupLaunch;\n}[] {\n const byId = new Map<\n string,\n { label: string; conversations: AppConversation[] }\n >();\n\n for (const c of items) {\n const { id, label: rawLabel } =\n backendKind === \"local\" ? workspaceGroup(c) : repositoryGroup(c);\n const label =\n id === \"__none_workspace\"\n ? labels.emptyWorkspace\n : id === \"__none_repo\"\n ? labels.emptyRepository\n : rawLabel;\n const bucket = byId.get(id);\n if (bucket) {\n bucket.conversations.push(c);\n } else {\n byId.set(id, { label, conversations: [c] });\n }\n }\n\n const groups = [...byId.entries()].map(([id, g]) => {\n const conversations = sortConversationsByField(g.conversations, sortField);\n return {\n id,\n label: g.label,\n conversations,\n launch: buildGroupLaunch(id, backendKind, conversations),\n };\n });\n\n // Use reduce instead of `Math.max(...arr)` — the spread form would push\n // every conversation onto the call stack as a separate argument, which\n // hits JS engines' ~100k-arg limit on very large buckets.\n const groupOrderKey = (g: (typeof groups)[number]) =>\n g.conversations.reduce(\n (max, c) =>\n Math.max(\n max,\n parseConversationTimeMs(\n sortField === \"created\" ? c.created_at : c.updated_at,\n ),\n ),\n 0,\n );\n\n groups.sort((a, b) => groupOrderKey(b) - groupOrderKey(a));\n return groups;\n}\n\nexport function applyGroupFolderOrder<T extends { id: string }>(\n groups: readonly T[],\n order: readonly string[],\n): T[] {\n if (order.length === 0) {\n return [...groups];\n }\n\n const byId = new Map(groups.map((group) => [group.id, group]));\n const ordered: T[] = [];\n const seen = new Set<string>();\n\n for (const id of order) {\n const group = byId.get(id);\n if (group) {\n ordered.push(group);\n seen.add(id);\n }\n }\n\n for (const group of groups) {\n if (!seen.has(group.id)) {\n ordered.push(group);\n }\n }\n\n return ordered;\n}\n\nexport type GroupFolderDropPosition = \"before\" \| \"after\";\n\nexport function moveGroupFolderOrder(\n order: readonly string[],\n groupIds: readonly string[],\n activeGroupId: string,\n targetGroupId: string,\n position: GroupFolderDropPosition = \"after\",\n): string[] {\n if (activeGroupId === targetGroupId) {\n return [...order];\n }\n\n const effectiveOrder = applyGroupFolderOrder(\n groupIds.map((id) => ({ id })),\n order,\n ).map((group) => group.id);\n const fromIndex = effectiveOrder.indexOf(activeGroupId);\n const toIndex = effectiveOrder.indexOf(targetGroupId);\n if (fromIndex < 0 \|\| toIndex < 0) {\n return [...order];\n }\n\n const nextOrder = [...effectiveOrder];\n nextOrder.splice(fromIndex, 1);\n const adjustedTargetIndex = nextOrder.indexOf(targetGroupId);\n const insertIndex =\n position === \"before\" ? adjustedTargetIndex : adjustedTargetIndex + 1;\n nextOrder.splice(insertIndex, 0, activeGroupId);\n return nextOrder;\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"conversation-panel-list-helpers.js","names":[],"sources":["../../../../src/components/features/conversation-panel/conversation-panel-list-helpers.ts"],"sourcesContent":["import type { AppConversation } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport type { BackendKind } from \"#/api/backend-registry/types\";\nimport type { Provider } from \"#/types/settings\";\nimport {\n AUTOMATION_NAME_TAG_KEY,\n AUTOMATION_TAG_KEYS,\n} from \"#/api/agent-server-adapter\";\n\nexport type ConversationSortField = \"created\" \| \"updated\";\nexport type ThreadScope = \"all\" \| \"relevant\";\nexport type OrganizeMode = \"grouped\" \| \"chronological\";\nexport type AutomationFilterMode =\n \| \"all\"\n \| \"hide-automations\"\n \| \"only-automations\";\n\n/** Max conversations shown under a workspace/repo folder before \"View more\". /\nexport const GROUP_CONVERSATIONS_PREVIEW_LIMIT = 5;\n\ninterface GroupConversationPreviewOptions {\n limit?: number;\n expanded: boolean;\n activeConversationId?: string \| null;\n}\n\nexport function getGroupConversationPreview(\n conversations: readonly AppConversation[],\n options: GroupConversationPreviewOptions,\n): {\n visibleConversations: AppConversation[];\n isPreviewTruncated: boolean;\n isShowingAll: boolean;\n} {\n const limit = options.limit ?? GROUP_CONVERSATIONS_PREVIEW_LIMIT;\n\n if (options.expanded \|\| conversations.length <= limit) {\n return {\n visibleConversations: [...conversations],\n isPreviewTruncated: conversations.length > limit,\n isShowingAll: true,\n };\n }\n\n const activeIndex =\n options.activeConversationId != null\n ? conversations.findIndex((c) => c.id === options.activeConversationId)\n : -1;\n\n if (activeIndex >= limit) {\n const activeConversation = conversations[activeIndex];\n return {\n visibleConversations: [\n ...conversations.slice(0, limit - 1),\n activeConversation,\n ],\n isPreviewTruncated: true,\n isShowingAll: false,\n };\n }\n\n return {\n visibleConversations: conversations.slice(0, limit),\n isPreviewTruncated: conversations.length > limit,\n isShowingAll: false,\n };\n}\n\nexport function resolvePinnedConversations(\n pinnedIds: readonly string[],\n conversations: readonly AppConversation[],\n): AppConversation[] {\n const byId = new Map(\n conversations.map((conversation) => [conversation.id, conversation]),\n );\n return pinnedIds\n .map((id) => byId.get(id))\n .filter(\n (conversation): conversation is AppConversation => conversation != null,\n );\n}\n\nexport function filterOutPinnedConversations(\n conversations: readonly AppConversation[],\n pinnedIds: readonly string[],\n): AppConversation[] {\n if (pinnedIds.length === 0) {\n return [...conversations];\n }\n\n const pinnedSet = new Set(pinnedIds);\n return conversations.filter(\n (conversation) => !pinnedSet.has(conversation.id),\n );\n}\n\n/\n Facet bucket for automation-born conversations that carry no\n * `automationname` tag (double-underscore prefix mirrors the\n * `__none_workspace` group-id idiom).\n /\nexport const UNNAMED_AUTOMATION_FACET = \"__unnamed__\";\n\n/\n Whether a conversation was created by an automation run: the cloud backend\n * stamps `trigger: \"automation\"`, while local agent-server conversations are\n * recognized by the automation tags the SDK workspace attaches at creation.\n /\nexport function isAutomationConversation(\n conversation: AppConversation,\n): boolean {\n if (conversation.trigger === \"automation\") {\n return true;\n }\n const tags = conversation.tags;\n if (!tags) {\n return false;\n }\n return AUTOMATION_TAG_KEYS.some((key) => Boolean(tags[key]));\n}\n\nexport function getAutomationNameFacet(conversation: AppConversation): string {\n const name = conversation.tags?.[AUTOMATION_NAME_TAG_KEY]?.trim();\n return name \|\| UNNAMED_AUTOMATION_FACET;\n}\n\n/\n Unique automation names among the given conversations, sorted for stable\n * menu order; the unnamed bucket (if present) is appended last.\n /\nexport function collectAutomationNameFacets(\n conversations: readonly AppConversation[],\n): string[] {\n const names = new Set<string>();\n let hasUnnamed = false;\n for (const conversation of conversations) {\n if (!isAutomationConversation(conversation)) {\n continue;\n }\n const facet = getAutomationNameFacet(conversation);\n if (facet === UNNAMED_AUTOMATION_FACET) {\n hasUnnamed = true;\n } else {\n names.add(facet);\n }\n }\n const sorted = [...names].sort((a, b) => a.localeCompare(b));\n if (hasUnnamed) {\n sorted.push(UNNAMED_AUTOMATION_FACET);\n }\n return sorted;\n}\n\nexport function applyAutomationConversationFilter(\n conversations: readonly AppConversation[],\n mode: AutomationFilterMode,\n selectedNames: readonly string[],\n availableFacets: readonly string[],\n): AppConversation[] {\n if (mode === \"all\") {\n return [...conversations];\n }\n if (mode === \"hide-automations\") {\n return conversations.filter(\n (conversation) => !isAutomationConversation(conversation),\n );\n }\n // \"only-automations\": an empty selection means every automation run, and a\n // selection that no longer intersects the available facets (stale names\n // persisted from another backend, renamed automations) degrades the same\n // way instead of yielding an unfillable empty list.\n const facetSet = new Set(availableFacets);\n const effectiveNames = selectedNames.filter((name) => facetSet.has(name));\n const narrowing = effectiveNames.length > 0 ? new Set(effectiveNames) : null;\n return conversations.filter((conversation) => {\n if (!isAutomationConversation(conversation)) {\n return false;\n }\n return (\n narrowing === null \|\| narrowing.has(getAutomationNameFacet(conversation))\n );\n });\n}\n\n/* Subset of `useCreateConversation` variables for launching from a group row */\nexport type ConversationGroupLaunch = {\n workingDir?: string;\n repository?: {\n name: string;\n gitProvider: Provider;\n branch?: string;\n };\n};\n\nfunction buildGroupLaunch(\n id: string,\n backendKind: BackendKind,\n conversations: AppConversation[],\n): ConversationGroupLaunch {\n if (backendKind === \"local\") {\n if (id === \"__none_workspace\") {\n return {};\n }\n if (id.startsWith(\"ws:\")) {\n return { workingDir: id.slice(3) };\n }\n return {};\n }\n\n if (id === \"__none_repo\") {\n return {};\n }\n if (id.startsWith(\"repo:\")) {\n const name = id.slice(5);\n const sample = conversations[0];\n const gitProvider = (sample?.git_provider ?? \"github\") as Provider;\n const branch = sample?.selected_branch ?? \"main\";\n return {\n repository: {\n name,\n gitProvider,\n branch,\n },\n };\n }\n\n return {};\n}\n\nexport function parseConversationTimeMs(iso: string \| undefined): number {\n if (!iso) return 0;\n const t = Date.parse(iso);\n return Number.isFinite(t) ? t : 0;\n}\n\nexport function sortConversationsByField(\n items: readonly AppConversation[],\n field: ConversationSortField,\n): AppConversation[] {\n const key = field === \"created\" ? \"created_at\" : \"updated_at\";\n return [...items].sort(\n (a, b) => parseConversationTimeMs(b[key]) - parseConversationTimeMs(a[key]),\n );\n}\n\nfunction workspaceGroup(conversation: AppConversation): {\n id: string;\n label: string;\n} {\n // Group by the user-selected workspace (a stable identifier shared by\n // every conversation launched from the same picker selection), not\n // `workspace.working_dir` — that field holds the per-conversation\n // worktree path the agent-server creates, which is unique per\n // conversation and would fragment the grouping.\n //\n // Normalize first, then check emptiness: inputs like \"/\", \"///\", or\n // \" ///\" trim+strip to \"\" and must fall back to the \"no workspace\"\n // bucket rather than producing a stray `ws:` group with no label.\n const normalized = conversation.selected_workspace\n ?.trim()\n .replace(/\\/+$/, \"\");\n if (!normalized) {\n return { id: \"__none_workspace\", label: \"\" };\n }\n const label = normalized.split(\"/\").filter(Boolean).pop() ?? normalized;\n return { id: `ws:${normalized}`, label };\n}\n\nfunction repositoryGroup(conversation: AppConversation): {\n id: string;\n label: string;\n} {\n // Mirror `workspaceGroup`'s normalize-then-check order so \"/\", \"///\",\n // and trailing-slash variants of the same repo all collapse to one\n // group instead of producing a stray `repo:/` bucket.\n const normalized = conversation.selected_repository\n ?.trim()\n .replace(/\\/+$/, \"\");\n if (!normalized) {\n return { id: \"__none_repo\", label: \"\" };\n }\n const parts = normalized.split(\"/\").filter(Boolean);\n const label = parts.length\n ? (parts[parts.length - 1] ?? normalized).replace(/\\.git$/, \"\")\n : normalized.replace(/\\.git$/, \"\");\n return { id: `repo:${normalized}`, label };\n}\n\nexport function groupConversations(\n items: readonly AppConversation[],\n backendKind: BackendKind,\n sortField: ConversationSortField,\n labels: { emptyWorkspace: string; emptyRepository: string },\n): {\n id: string;\n label: string;\n conversations: AppConversation[];\n launch: ConversationGroupLaunch;\n}[] {\n const byId = new Map<\n string,\n { label: string; conversations: AppConversation[] }\n >();\n\n for (const c of items) {\n const { id, label: rawLabel } =\n backendKind === \"local\" ? workspaceGroup(c) : repositoryGroup(c);\n const label =\n id === \"__none_workspace\"\n ? labels.emptyWorkspace\n : id === \"__none_repo\"\n ? labels.emptyRepository\n : rawLabel;\n const bucket = byId.get(id);\n if (bucket) {\n bucket.conversations.push(c);\n } else {\n byId.set(id, { label, conversations: [c] });\n }\n }\n\n const groups = [...byId.entries()].map(([id, g]) => {\n const conversations = sortConversationsByField(g.conversations, sortField);\n return {\n id,\n label: g.label,\n conversations,\n launch: buildGroupLaunch(id, backendKind, conversations),\n };\n });\n\n // Use reduce instead of `Math.max(...arr)` — the spread form would push\n // every conversation onto the call stack as a separate argument, which\n // hits JS engines' ~100k-arg limit on very large buckets.\n const groupOrderKey = (g: (typeof groups)[number]) =>\n g.conversations.reduce(\n (max, c) =>\n Math.max(\n max,\n parseConversationTimeMs(\n sortField === \"created\" ? c.created_at : c.updated_at,\n ),\n ),\n 0,\n );\n\n groups.sort((a, b) => groupOrderKey(b) - groupOrderKey(a));\n return groups;\n}\n\nexport function applyGroupFolderOrder<T extends { id: string }>(\n groups: readonly T[],\n order: readonly string[],\n): T[] {\n if (order.length === 0) {\n return [...groups];\n }\n\n const byId = new Map(groups.map((group) => [group.id, group]));\n const ordered: T[] = [];\n const seen = new Set<string>();\n\n for (const id of order) {\n const group = byId.get(id);\n if (group) {\n ordered.push(group);\n seen.add(id);\n }\n }\n\n for (const group of groups) {\n if (!seen.has(group.id)) {\n ordered.push(group);\n }\n }\n\n return ordered;\n}\n\nexport type GroupFolderDropPosition = \"before\" \| \"after\";\n\nexport function moveGroupFolderOrder(\n order: readonly string[],\n groupIds: readonly string[],\n activeGroupId: string,\n targetGroupId: string,\n position: GroupFolderDropPosition = \"after\",\n): string[] {\n if (activeGroupId === targetGroupId) {\n return [...order];\n }\n\n const effectiveOrder = applyGroupFolderOrder(\n groupIds.map((id) => ({ id })),\n order,\n ).map((group) => group.id);\n const fromIndex = effectiveOrder.indexOf(activeGroupId);\n const toIndex = effectiveOrder.indexOf(targetGroupId);\n if (fromIndex < 0 \|\| toIndex < 0) {\n return [...order];\n }\n\n const nextOrder = [...effectiveOrder];\n nextOrder.splice(fromIndex, 1);\n const adjustedTargetIndex = nextOrder.indexOf(targetGroupId);\n const insertIndex =\n position === \"before\" ? adjustedTargetIndex : adjustedTargetIndex + 1;\n nextOrder.splice(insertIndex, 0, activeGroupId);\n return nextOrder;\n}\n"],"mappings":"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"}

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

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

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

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../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"),a=require("../../../utils/custom-toast-handlers.cjs"),te=require("../../../contexts/active-backend-context.cjs"),ne=require("../../../node_modules/@heroui/tooltip/dist/chunk-AUA5GDXN.cjs"),re=require("../../../hooks/use-click-outside-element.cjs"),ie=require("../../../hooks/mutation/use-create-conversation.cjs"),ae=require("../../shared/navigation-link.cjs"),oe=require("../../../hooks/mutation/use-delete-conversation.cjs"),se=require("../../../hooks/mutation/use-unified-stop-conversation.cjs"),ce=require("../../../hooks/use-is-creating-conversation.cjs"),le=require("../../../hooks/mutation/use-update-conversation.cjs"),ue=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"),c=require("./conversation-panel-list-helpers.cjs"),be=require("./conversation-panel-filter-menu.cjs"),xe=require("./conversation-panel-new-thread-picker.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}=te.useActiveBackend(),De=fe.useBackendScopedPath(),Oe=re.useClickOutsideElement(e??we),[ke,_]=u.default.useState(!1),[Ae,v]=u.default.useState(!1),[je,Me]=u.default.useState(!1),[Ne,y]=u.default.useState(!1),b=s.useConversationPanelPreferencesStore(e=>e.showOlderConversations),Pe=s.useConversationPanelPreferencesStore(e=>e.toggleShowOlderConversations),x=s.useConversationPanelPreferencesStore(e=>e.showRepoBranchMetadata),Fe=s.useConversationPanelPreferencesStore(e=>e.toggleShowRepoBranchMetadata),S=s.useConversationPanelPreferencesStore(e=>e.showLlmProfiles),Ie=s.useConversationPanelPreferencesStore(e=>e.toggleShowLlmProfiles),C=s.useConversationPanelPreferencesStore(e=>e.showTagsMetadata),Le=s.useConversationPanelPreferencesStore(e=>e.toggleShowTagsMetadata),w=s.useConversationPanelPreferencesStore(e=>e.showHoverMetadata),Re=s.useConversationPanelPreferencesStore(e=>e.toggleShowHoverMetadata),T=s.useConversationPanelPreferencesStore(e=>e.organizeMode),ze=s.useConversationPanelPreferencesStore(e=>e.setOrganizeMode),E=s.useConversationPanelPreferencesStore(e=>e.conversationSort),Be=s.useConversationPanelPreferencesStore(e=>e.setConversationSort),D=s.useConversationPanelPreferencesStore(e=>e.threadScope),Ve=s.useConversationPanelPreferencesStore(e=>e.setThreadScope),O=s.useConversationPanelPreferencesStore(e=>e.automationFilterMode),He=s.useConversationPanelPreferencesStore(e=>e.setAutomationFilterMode),k=s.useConversationPanelPreferencesStore(e=>e.selectedAutomationNames),Ue=s.useConversationPanelPreferencesStore(e=>e.toggleAutomationName),A=s.useConversationPanelPreferencesStore(e=>e.groupFolderOrder),We=s.useConversationPanelPreferencesStore(e=>e.setGroupFolderOrder),[Ge,Ke]=u.default.useState(!1),[qe,Je]=u.default.useState(!1),Ye=re.useClickOutsideElement(()=>{Ke(!1)}),[Xe,Ze]=u.default.useState(()=>new Set),[Qe,$e]=u.default.useState(()=>new Set),[et,j]=u.default.useState(!1),M=l.usePinnedConversationsStore(e=>e.pinsByBackendId[g.id]??Te),tt=l.usePinnedConversationsStore(e=>e.togglePin),nt=l.usePinnedConversationsStore(e=>e.pruneMissingConversations),rt=u.default.useCallback(e=>{Ze(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]),it=u.default.useCallback(e=>{$e(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]);u.default.useEffect(()=>{T!==`grouped`&&(Ze(new Set),$e(new Set))},[T]);let at=u.default.useRef(null),[N,ot]=u.default.useState(null),[st,P]=u.default.useState(null),[F,ct]=u.default.useState(null),{data:lt,isLoading:ut,isFetched:I,hasNextPage:L,isFetching:dt,isFetchingNextPage:R,fetchNextPage:ft}=pe.usePaginatedConversations(),{data:pt}=me.useStartTasks(),z=u.default.useMemo(()=>{let e=lt?.pages.flatMap(e=>e.items)??[],t=new Set;return e.filter(e=>t.has(e.id)?!1:(t.add(e.id),!0))},[lt]),B=u.default.useMemo(()=>c.collectAutomationNameFacets(z),[z]),V=u.default.useMemo(()=>c.applyAutomationConversationFilter(z,O,k,B),[O,B,z,k]),mt=u.default.useMemo(()=>c.resolvePinnedConversations(M,z),[z,M]);u.default.useEffect(()=>{I&&nt(g.id,z.map(e=>e.id))},[g.id,z,I,nt]),u.default.useEffect(()=>{M.length===0&&j(!1)},[M.length]);let ht=u.default.useMemo(()=>{let e=D===`relevant`?V.filter(e=>r.isExecutionActive(e.execution_status)):V;return f?e:c.filterOutPinnedConversations(e,M)},[V,f,M,D]),{recent:H,older:U}=u.default.useMemo(()=>Ee(ht),[ht]),gt=u.default.useMemo(()=>c.sortConversationsByField(b?[...H,...U]:H,E),[H,U,b,E]),_t=u.default.useMemo(()=>({emptyWorkspace:p(n.I18nKey.CONVERSATION_PANEL$NO_WORKSPACE),emptyRepository:p(n.I18nKey.CONVERSATION_PANEL$NO_REPOSITORY)}),[p]),W=u.default.useMemo(()=>f||T!==`grouped`?null:c.groupConversations([...H,...b?U:[]],g.kind,E,_t),[g.kind,f,E,_t,U,T,H,b]),G=u.default.useMemo(()=>W?c.applyGroupFolderOrder(W,A):null,[W,A]),vt=u.default.useMemo(()=>W?.map(e=>e.id)??[],[W]),yt=u.default.useMemo(()=>c.sortConversationsByField(H.filter(e=>r.isExecutionActive(e.execution_status)),E),[E,H]),bt=gt.length,xt=u.default.useMemo(()=>G?G.reduce((e,t)=>e+t.conversations.length,0):0,[G]),K=T===`grouped`&&!f?xt===0:bt===0,St=K&&O!==`all`&&z.length>0&&V.length===0,q=T===`grouped`&&!f?xt:bt,[J,Y]=u.default.useState(null),Ct=u.default.useRef(q);Ct.current=q;let wt=u.default.useCallback(()=>{L&&Y(Ct.current)},[L]);u.default.useEffect(()=>{if(J!==null){if(q>J){Y(null);return}if(!L){Y(null);return}dt||R||ft()}},[J,q,L,dt,R,ft]);let Tt=J!==null||R,{mutate:Et,mutateAsync:Dt}=oe.useDeleteConversation(),{mutate:Ot}=se.useUnifiedPauseConversation(),{mutate:kt}=le.useUpdateConversation(),At=U.length>0&&!b,jt=!!L&&!At&&!f&&(!K||St),{mutate:Mt}=ie.useCreateConversation(),X=ce.useIsCreatingConversation(),Nt=u.default.useCallback(e=>{X||Mt({workingDir:e.workingDir,repository:e.repository,entryPoint:`sidebar_relaunch_project`},{onSuccess:e=>{h(`/conversations/${e.conversation_id}`)}})},[Mt,X,h]),Pt=u.default.useCallback((e,t)=>{_(!0),ot(e),P(t)},[]),Ft=u.default.useCallback(e=>{v(!0),ot(e)},[]),It=u.default.useCallback((e,t)=>{kt({conversationId:e,newTitle:t},{onSuccess:()=>{a.displaySuccessToast(p(n.I18nKey.CONVERSATION$TITLE_UPDATED))}})},[p,kt]),Lt=()=>{N&&Et({conversationId:N},{onSuccess:()=>{N===m&&h(`/conversations`)}})},Rt=()=>{N&&Ot({conversationId:N})},zt=async()=>{let e=z.map(e=>e.id),t=await Promise.allSettled(e.map(e=>Dt({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&&a.displayErrorToast(`${r} conversation${r===1?``:`s`} could not be deleted.`)},Z=u.default.useCallback((t,n)=>{let r=M.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:x,llmModel:t.llm_model,showLlmProfiles:S,agentKind:t.agent_kind,acpServer:t.acp_server,tags:t.tags,showTags:C},t.id):(0,d.jsx)(ne.tooltip_default,{placement:`right-start`,delay:1e3,closeDelay:100,isDisabled:!w||F===t.id,disableAnimation:!1,className:`max-w-none overflow-visible 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,agentKind:t.agent_kind,acpServer:t.acp_server,createdAt:t.created_at,tags:t.tags}),children:(0,d.jsx)(ae.NavigationLink,{to:De(`/conversations/${t.id}`),onClick:e,className:i.cn(`block rounded-md transition-colors`,F!==t.id&&`hover:bg-[var(--oh-surface)]`,(t.id===m||F===t.id)&&`bg-[var(--oh-surface)]`),children:(0,d.jsx)(ge.ConversationCard,{onDelete:()=>Pt(t.id,t.title??``),onStop:()=>Ft(t.id),onChangeTitle:e=>It(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:F===t.id,onContextMenuToggle:e=>ct(e?t.id:null),isActive:t.id===m,workspaceWorkingDir:t.selected_workspace??t.workspace?.working_dir,showRepositoryMetadata:x,llmModel:t.llm_model,showLlmProfiles:S,agentKind:t.agent_kind,acpServer:t.acp_server,tags:t.tags,showTags:C,isPinned:r,onTogglePin:()=>tt(g.id,t.id),alwaysShowPinIcon:r&&!n?.inPinnedSection})})},t.id)},[g.id,f,m,It,Pt,Ft,e,F,M,x,S,C,w,tt]),Q=ut||!I,$=!f&&!Q&&mt.length>0,Bt=I&&!ut&&!f&&K&&!$&&!pt?.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`,qe?`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:Ge,setFilterMenuOpen:Ke,menuRef:Ye,backendKind:g.kind,organizeMode:T,setOrganizeMode:ze,conversationSort:E,setConversationSort:Be,threadScope:D,setThreadScope:Ve,automationFilterMode:O,setAutomationFilterMode:He,selectedAutomationNames:k,onToggleAutomationName:Ue,automationNameFacets:B,showOlderConversations:b,toggleShowOlderConversations:Pe,showRepoBranchMetadata:x,toggleShowRepoBranchMetadata:Fe,showLlmProfiles:S,toggleShowLlmProfiles:Ie,showTagsMetadata:C,toggleShowTagsMetadata:Le,showHoverMetadata:w,toggleShowHoverMetadata:Re,totalConversationsCount:z.length,onRequestDeleteAll:()=>y(!0)})]})]})}),(0,d.jsxs)(`div`,{ref:at,"data-testid":`conversation-panel-list-scroll`,onScroll:e=>{Je(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&&Bt&&(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(St?n.I18nKey.CONVERSATION_PANEL$NO_AUTOMATION_MATCHES:n.I18nKey.CONVERSATION$NO_CONVERSATIONS)})}),$?(0,d.jsx)(Ce.ConversationPanelPinnedSection,{pinnedConversations:mt,isPreviewExpanded:et,onTogglePreviewExpanded:()=>j(e=>!e),activeConversationId:m,showDivider:!f&&T===`chronological`,renderConversationCard:e=>Z(e,{inPinnedSection:!0})}):null,!f&&pt?.map(t=>(0,d.jsx)(ae.NavigationLink,{to:De(`/conversations/task-${t.id}`),onClick:e,className:`block`,children:(0,d.jsx)(ve.StartTaskCard,{task:t})},t.id)),!Q&&f?yt.map(e=>Z(e)):null,!Q&&!f&&T===`grouped`&&G&&G.length>0?(0,d.jsx)(Se.ConversationGroupFolderList,{groups:G,groupIds:vt,groupFolderOrder:A,setGroupFolderOrder:We,collapsedGroupIds:Xe,expandedGroupPreviewIds:Qe,onToggleGroupCollapsed:rt,onToggleGroupPreviewExpanded:it,isCreatingConversationFlow:X,activeConversationId:m,onLaunchFromGroup:Nt,renderConversationCard:e=>Z(e)}):null,!Q&&!f&&T===`chronological`?(0,d.jsx)(`div`,{className:`space-y-0.5`,children:gt.map(e=>Z(e))}):null,jt&&(Tt?(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:wt,className:`text-xs text-[var(--oh-muted)] hover:text-white`,children:p(n.I18nKey.CONVERSATION$LOAD_MORE)})}))]}),ke&&(0,d.jsx)(ue.ConfirmDeleteModal,{onConfirm:()=>{Lt(),_(!1),P(null)},onCancel:()=>{_(!1),P(null)},conversationTitle:st??void 0}),Ne&&(0,d.jsx)(ue.ConfirmDeleteModal,{title:p(n.I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_TITLE),description:p(n.I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_DESC,{count:z.length}),onConfirm:async()=>{await zt(),y(!1)},onCancel:()=>y(!1)}),Ae&&(0,d.jsx)(de.ConfirmStopModal,{onConfirm:()=>{Rt(),v(!1)},onCancel:()=>v(!1)}),je&&(0,d.jsx)(he.ExitConversationModal,{onConfirm:()=>{e?.()},onClose:()=>Me(!1),onCancel:()=>Me(!1)})]})}exports.ConversationPanel=p;
 //# sourceMappingURL=conversation-panel.cjs.map

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

	@@ -1 +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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"}
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 { 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 applyAutomationConversationFilter,\n applyGroupFolderOrder,\n collectAutomationNameFacets,\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 automationFilterMode = useConversationPanelPreferencesStore(\n (state) => state.automationFilterMode,\n );\n const setAutomationFilterMode = useConversationPanelPreferencesStore(\n (state) => state.setAutomationFilterMode,\n );\n const selectedAutomationNames = useConversationPanelPreferencesStore(\n (state) => state.selectedAutomationNames,\n );\n const toggleAutomationName = useConversationPanelPreferencesStore(\n (state) => state.toggleAutomationName,\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 // Facets derive from the unfiltered list so the automation-name rows in the\n // filter menu don't vanish while a narrowing selection is active.\n const automationNameFacets = React.useMemo(\n () => collectAutomationNameFacets(conversations),\n [conversations],\n );\n\n const automationFilteredConversations = React.useMemo(\n () =>\n applyAutomationConversationFilter(\n conversations,\n automationFilterMode,\n selectedAutomationNames,\n automationNameFacets,\n ),\n [\n automationFilterMode,\n automationNameFacets,\n conversations,\n selectedAutomationNames,\n ],\n );\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 // The pinned section intentionally bypasses the automation filter (same\n // exemption the thread scope has): a pin is an explicit user override.\n const scopeFiltered =\n threadScope === \"relevant\"\n ? automationFilteredConversations.filter((c) =>\n isExecutionActive(c.execution_status),\n )\n : automationFilteredConversations;\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 }, [automationFilteredConversations, compact, 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 // Attribution is exact: the automation filter step itself produced zero\n // rows out of a non-empty loaded set (not merely threadScope/older-cutoff\n // effects). Used to keep \"Load more\" reachable and to pick the empty-state\n // message.\n const emptyDueToAutomationFilter =\n listIsEffectivelyEmpty &&\n automationFilterMode !== \"all\" &&\n conversations.length > 0 &&\n automationFilteredConversations.length === 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 (that state already shows\n // \"No conversations found\") — unless the automation filter alone emptied\n // it while more pages exist: then the button must stay reachable so the\n // load-more driver can keep fetching until a matching run surfaces.\n const showLoadMore =\n !!hasNextPage &&\n !olderHidden &&\n !compact &&\n (!listIsEffectivelyEmpty \|\| emptyDueToAutomationFilter);\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=\"max-w-none overflow-visible 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 agentKind={conversation.agent_kind}\n acpServer={conversation.acp_server}\n createdAt={conversation.created_at}\n tags={conversation.tags}\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 automationFilterMode={automationFilterMode}\n setAutomationFilterMode={setAutomationFilterMode}\n selectedAutomationNames={selectedAutomationNames}\n onToggleAutomationName={toggleAutomationName}\n automationNameFacets={automationNameFacets}\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(\n emptyDueToAutomationFilter\n ? I18nKey.CONVERSATION_PANEL$NO_AUTOMATION_MATCHES\n : I18nKey.CONVERSATION$NO_CONVERSATIONS,\n )}\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":"q8DA0DA,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,IACE,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,EAAuB,EAAA,qCAC1B,GAAU,EAAM,oBACnB,EACM,GAA0B,EAAA,qCAC7B,GAAU,EAAM,uBACnB,EACM,EAA0B,EAAA,qCAC7B,GAAU,EAAM,uBACnB,EACM,GAAuB,EAAA,qCAC1B,GAAU,EAAM,oBACnB,EACM,EAAmB,EAAA,qCACtB,GAAU,EAAM,gBACnB,EACM,GAAsB,EAAA,qCACzB,GAAU,EAAM,mBACnB,EACM,CAAC,GAAgB,IAAqB,EAAA,QAAM,SAAS,EAAK,EAC1D,CAAC,GAAgB,IAAqB,EAAA,QAAM,SAAS,EAAK,EAC1D,GAAgB,GAAA,2BAA6C,CACjE,GAAkB,EAAK,CACzB,CAAC,EACK,CAAC,GAAmB,IAAwB,EAAA,QAAM,aAEhD,IAAI,GAAK,EACX,CAAC,GAAyB,IAA8B,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,GAAY,EAAA,4BAA6B,GAAU,EAAM,SAAS,EAClE,GAAkC,EAAA,4BACrC,GAAU,EAAM,yBACnB,EAEM,GAAuB,EAAA,QAAM,YAAa,GAAoB,CAClE,GAAsB,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,GAA4B,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,GAAqB,IAAI,GAAK,EAC9B,GAA2B,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,EAIH,EAAuB,EAAA,QAAM,YAC3B,EAAA,4BAA4B,CAAa,EAC/C,CAAC,CAAa,CAChB,EAEM,EAAkC,EAAA,QAAM,YAE1C,EAAA,kCACE,EACA,EACA,EACA,CACF,EACF,CACE,EACA,EACA,EACA,CACF,CACF,EAEM,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,CAG9C,IAAM,EACJ,IAAgB,WACZ,EAAgC,OAAQ,GACtC,EAAA,kBAAkB,EAAE,gBAAgB,CACtC,EACA,EAQN,OAJI,EACK,EAGF,EAAA,6BAA6B,EAAe,CAAS,CAC9D,EAAG,CAAC,EAAiC,EAAS,EAAW,CAAW,CAAC,EAE/D,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,EACJ,IAAiB,WAAa,CAAC,EAC3B,KAAwB,EACxB,KAAqB,EAMrB,GACJ,GACA,IAAyB,OACzB,EAAc,OAAS,GACvB,EAAgC,SAAW,EAIvC,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,EAOzC,GACJ,CAAC,CAAC,GACF,CAAC,IACD,CAAC,IACA,CAAC,GAA0B,IAExB,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,EAAA,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,EAAA,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,qHACV,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,WACxB,UAAW,EAAa,WACxB,UAAW,EAAa,WACxB,KAAM,EAAa,IACpB,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,GAAU,EAAc,GAAI,EAAa,EAAE,EAC9D,kBAAmB,GAAY,CAAC,GAAS,eAC1C,CAAA,CACa,CAAA,CACT,EAnFF,EAAa,EAmFX,CAEb,EACA,CACE,EAAc,GACd,EACA,EACA,GACA,GACA,GACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACF,CACF,EASM,EAAsB,IAAa,CAAC,EACpC,EACJ,CAAC,GAAW,CAAC,GAAuB,GAAoB,OAAS,EAC7D,GACJ,GACA,CAAC,IACD,CAAC,GACD,GACA,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,qBACnB,QAAS,GACT,YAAa,EAAc,KACb,eACG,mBACC,mBACG,uBACR,cACG,kBACM,uBACG,2BACA,0BACzB,uBAAwB,GACF,uBACE,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,EACC,GACI,EAAA,QAAQ,yCACR,EAAA,QAAQ,6BACd,CACC,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,GAAA,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,GAAA,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,GAAuC,EAAK,EAC3D,aAAgB,GAAuC,EAAK,CAC7D,CAAA,CAEA,GAET"}

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

@@ -1,3 +1,4 @@
+import React from "react";
 interface ConversationPanelProps {
     onClose?: () => void;
     /**
@@ -7,5 +8,5 @@ interface ConversationPanelProps {
      */
     compact?: boolean;
 }
-export declare function ConversationPanel({ onClose, compact, }: ConversationPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationPanel({ onClose, compact, }: ConversationPanelProps): React.JSX.Element;
 export {};