@openhands/agent-canvas 1.12.0 → 1.14.0

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

@@ -5,36 +5,38 @@ import { cn as r } from "../../../utils/utils.js";
 import { useNavigation as i } from "../../../context/navigation-context.js";
 import { displayErrorToast as ee, displaySuccessToast as te } from "../../../utils/custom-toast-handlers.js";
 import { useActiveBackend as ne } from "../../../contexts/active-backend-context.js";
-import { tooltip_default as re } from "../../../node_modules/@heroui/tooltip/dist/chunk-AUA5GDXN.js";
-import { useClickOutsideElement as ie } from "../../../hooks/use-click-outside-element.js";
-import { useCreateConversation as ae } from "../../../hooks/mutation/use-create-conversation.js";
-import { NavigationLink as oe } from "../../shared/navigation-link.js";
-import { useDeleteConversation as se } from "../../../hooks/mutation/use-delete-conversation.js";
-import { useUnifiedPauseConversation as ce } from "../../../hooks/mutation/use-unified-stop-conversation.js";
-import { useIsCreatingConversation as le } from "../../../hooks/use-is-creating-conversation.js";
-import { useUpdateConversation as ue } from "../../../hooks/mutation/use-update-conversation.js";
-import { ConfirmDeleteModal as a } from "./confirm-delete-modal.js";
-import { ConfirmStopModal as de } from "./confirm-stop-modal.js";
-import { useBackendScopedPath as fe } from "../../../hooks/use-backend-scoped-path.js";
-import { usePaginatedConversations as pe } from "../../../hooks/query/use-paginated-conversations.js";
-import { useStartTasks as me } from "../../../hooks/query/use-start-tasks.js";
-import { ExitConversationModal as he } from "./exit-conversation-modal.js";
-import { ConversationCard as ge } from "./conversation-card/conversation-card.js";
-import { ConversationCardPreview as _e } from "./conversation-card/conversation-card-preview.js";
-import { StartTaskCard as ve } from "./start-task-card/start-task-card.js";
-import { ConversationCardSkeleton as ye } from "./conversation-card/conversation-card-skeleton.js";
-import { CompactConversationRow as be } from "./compact-conversation-row.js";
-import { useConversationPanelPreferencesStore as o } from "../../../stores/conversation-panel-preferences-store.js";
-import { applyAutomationConversationFilter as xe, applyGroupFolderOrder as Se, collectAutomationNameFacets as Ce, filterOutPinnedConversations as we, groupConversations as Te, resolvePinnedConversations as Ee, sortConversationsByField as De } from "./conversation-panel-list-helpers.js";
-import { ConversationPanelFilterMenu as Oe } from "./conversation-panel-filter-menu.js";
-import { ConversationPanelNewThreadPicker as ke } from "./conversation-panel-new-thread-picker.js";
-import { ConversationGroupFolderList as Ae } from "./conversation-group-folder-list.js";
-import { ConversationPanelPinnedSection as je } from "./conversation-panel-pinned-section.js";
+import { useBackendScopedPath as re } from "../../../hooks/use-backend-scoped-path.js";
+import { tooltip_default as ie } from "../../../node_modules/@heroui/tooltip/dist/chunk-AUA5GDXN.js";
+import { useClickOutsideElement as ae } from "../../../hooks/use-click-outside-element.js";
+import { useCreateConversation as oe } from "../../../hooks/mutation/use-create-conversation.js";
+import { NavigationLink as se } from "../../shared/navigation-link.js";
+import { useDeleteConversation as ce } from "../../../hooks/mutation/use-delete-conversation.js";
+import { useUnifiedPauseConversation as le } from "../../../hooks/mutation/use-unified-stop-conversation.js";
+import { useIsCreatingConversation as ue } from "../../../hooks/use-is-creating-conversation.js";
+import { useUpdateConversation as de } from "../../../hooks/mutation/use-update-conversation.js";
+import { ConfirmDeleteModal as fe } from "./confirm-delete-modal.js";
+import { ConfirmStopModal as pe } from "./confirm-stop-modal.js";
+import { usePaginatedConversations as me } from "../../../hooks/query/use-paginated-conversations.js";
+import { useStartTasks as he } from "../../../hooks/query/use-start-tasks.js";
+import { ConfirmArchiveModal as ge } from "./confirm-archive-modal.js";
+import { ExitConversationModal as _e } from "./exit-conversation-modal.js";
+import { ConversationCard as ve } from "./conversation-card/conversation-card.js";
+import { ConversationCardPreview as ye } from "./conversation-card/conversation-card-preview.js";
+import { StartTaskCard as be } from "./start-task-card/start-task-card.js";
+import { ConversationCardSkeleton as xe } from "./conversation-card/conversation-card-skeleton.js";
+import { CompactConversationRow as Se } from "./compact-conversation-row.js";
+import { useConversationPanelPreferencesStore as a } from "../../../stores/conversation-panel-preferences-store.js";
+import { applyAutomationConversationFilter as Ce, applyGroupFolderOrder as we, collectAutomationNameFacets as Te, filterOutPinnedConversations as Ee, getGroupDiscoveryConversationIds as De, groupConversations as Oe, resolvePinnedConversations as ke, sortConversationsByField as Ae } from "./conversation-panel-list-helpers.js";
+import { ConversationPanelFilterMenu as je } from "./conversation-panel-filter-menu.js";
+import { ConversationPanelNewThreadPicker as Me } from "./conversation-panel-new-thread-picker.js";
+import { ConversationGroupFolderList as Ne } from "./conversation-group-folder-list.js";
+import { ConversationPanelPinnedSection as Pe } from "./conversation-panel-pinned-section.js";
+import { useArchivedConversationsStore as o } from "../../../stores/archived-conversations-store.js";
 import { usePinnedConversationsStore as s } from "../../../stores/pinned-conversations-store.js";
 import c from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/features/conversation-panel/conversation-panel.tsx
-var Me = () => {}, Ne = [], d = 3600 * 1e3, Pe = (e) => {
+var Fe = () => {}, Ie = [], d = 3600 * 1e3, Le = (e) => {
 	let t = Date.now() - d, n = [], r = [];
 	for (let i of e) {
 		let e = i.updated_at ? Date.parse(i.updated_at) : NaN;
@@ -46,93 +48,128 @@ var Me = () => {}, Ne = [], d = 3600 * 1e3, Pe = (e) => {
 	};
 };
 function f({ onClose: d, compact: f = !1 }) {
-	let { t: p } = e("openhands"), { conversationId: m, navigate: h } = i(), { backend: g } = ne(), Fe = fe(), Ie = ie(d ?? Me), [Le, _] = c.useState(!1), [Re, v] = c.useState(!1), [ze, Be] = c.useState(!1), [Ve, y] = c.useState(!1), b = o((e) => e.showOlderConversations), He = o((e) => e.toggleShowOlderConversations), x = o((e) => e.showRepoBranchMetadata), Ue = o((e) => e.toggleShowRepoBranchMetadata), S = o((e) => e.showLlmProfiles), We = o((e) => e.toggleShowLlmProfiles), C = o((e) => e.showTagsMetadata), Ge = o((e) => e.toggleShowTagsMetadata), w = o((e) => e.showHoverMetadata), Ke = o((e) => e.toggleShowHoverMetadata), T = o((e) => e.organizeMode), qe = o((e) => e.setOrganizeMode), E = o((e) => e.conversationSort), Je = o((e) => e.setConversationSort), D = o((e) => e.threadScope), Ye = o((e) => e.setThreadScope), O = o((e) => e.automationFilterMode), Xe = o((e) => e.setAutomationFilterMode), k = o((e) => e.selectedAutomationNames), Ze = o((e) => e.toggleAutomationName), A = o((e) => e.groupFolderOrder), Qe = o((e) => e.setGroupFolderOrder), [$e, et] = c.useState(!1), [tt, nt] = c.useState(!1), rt = ie(() => {
-		et(!1);
-	}), [it, j] = c.useState(() => /* @__PURE__ */ new Set()), [at, ot] = c.useState(() => /* @__PURE__ */ new Set()), [st, ct] = c.useState(!1), M = s((e) => e.pinsByBackendId[g.id] ?? Ne), lt = s((e) => e.togglePin), ut = s((e) => e.pruneMissingConversations), dt = c.useCallback((e) => {
-		j((t) => {
+	let { t: p } = e("openhands"), { conversationId: m, navigate: h } = i(), { backend: g } = ne(), Re = re(), ze = ae(d ?? Fe), [Be, _] = c.useState(!1), [Ve, v] = c.useState(!1), [He, y] = c.useState(!1), [Ue, We] = c.useState(!1), [Ge, Ke] = c.useState(!1), b = a((e) => e.showOlderConversations), qe = a((e) => e.showArchivedConversations), Je = a((e) => e.toggleShowArchivedConversations), Ye = a((e) => e.toggleShowOlderConversations), x = a((e) => e.showRepoBranchMetadata), Xe = a((e) => e.toggleShowRepoBranchMetadata), S = a((e) => e.showLlmProfiles), Ze = a((e) => e.toggleShowLlmProfiles), C = a((e) => e.showTagsMetadata), Qe = a((e) => e.toggleShowTagsMetadata), w = a((e) => e.showHoverMetadata), $e = a((e) => e.toggleShowHoverMetadata), T = a((e) => e.organizeMode), et = a((e) => e.setOrganizeMode), E = a((e) => e.conversationSort), tt = a((e) => e.setConversationSort), D = a((e) => e.threadScope), nt = a((e) => e.setThreadScope), O = a((e) => e.automationFilterMode), rt = a((e) => e.setAutomationFilterMode), it = a((e) => e.selectedAutomationNames), at = a((e) => e.toggleAutomationName), ot = a((e) => e.groupFolderOrder), st = a((e) => e.setGroupFolderOrder), [ct, lt] = c.useState(!1), [ut, dt] = c.useState(!1), ft = ae(() => {
+		lt(!1);
+	}), [pt, mt] = c.useState(() => /* @__PURE__ */ new Set()), [ht, gt] = c.useState(() => /* @__PURE__ */ new Set()), [_t, vt] = c.useState(!1), k = s((e) => e.pinsByBackendId[g.id] ?? Ie), yt = s((e) => e.togglePin), bt = s((e) => e.unpinConversation), xt = s((e) => e.pruneMissingConversations), St = o((e) => e.archivesByBackendId[g.id] ?? Ie), Ct = o((e) => e.archiveConversation), A = c.useMemo(() => new Set(St), [St]), j = o((e) => e.removeArchivedConversation), wt = c.useCallback((e) => {
+		mt((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), ft = c.useCallback((e) => {
-		ot((t) => {
+	}, []), Tt = c.useCallback((e) => {
+		gt((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
 	}, []);
 	c.useEffect(() => {
-		T !== "grouped" && (j(/* @__PURE__ */ new Set()), ot(/* @__PURE__ */ new Set()));
+		T !== "grouped" && (mt(/* @__PURE__ */ new Set()), gt(/* @__PURE__ */ new Set()));
 	}, [T]);
-	let pt = c.useRef(null), [N, mt] = c.useState(null), [ht, P] = c.useState(null), [F, gt] = c.useState(null), { data: _t, isLoading: vt, isFetched: I, hasNextPage: L, isFetching: yt, isFetchingNextPage: R, fetchNextPage: bt } = pe(), { data: xt } = me(), z = c.useMemo(() => {
-		let e = _t?.pages.flatMap((e) => e.items) ?? [], t = /* @__PURE__ */ new Set();
+	let Et = c.useRef(null), [M, N] = c.useState(null), [Dt, P] = c.useState(null), [F, Ot] = c.useState(null), { data: I, isLoading: kt, isFetched: L, hasNextPage: R, isFetching: At, isFetchingNextPage: z, fetchNextPage: jt } = me(), { data: Mt } = he(), B = c.useMemo(() => {
+		let e = I?.pages.flatMap((e) => e.items) ?? [], t = /* @__PURE__ */ new Set();
 		return e.filter((e) => t.has(e.id) ? !1 : (t.add(e.id), !0));
-	}, [_t]), B = c.useMemo(() => Ce(z), [z]), V = c.useMemo(() => xe(z, O, k, B), [
-		O,
+	}, [I]), Nt = c.useMemo(() => {
+		let e = /* @__PURE__ */ new Map();
+		return I?.pages.forEach((t, n) => {
+			t.items.forEach((t) => {
+				e.has(t.id) || e.set(t.id, n);
+			});
+		}), e;
+	}, [I]), V = c.useMemo(() => qe ? B : B.filter((e) => !A.has(e.id)), [
 		B,
-		z,
-		k
-	]), St = c.useMemo(() => Ee(M, z), [z, M]);
+		A,
+		qe
+	]), Pt = c.useMemo(() => Te(V), [V]), H = c.useMemo(() => Ce(V, O, it, Pt), [
+		O,
+		Pt,
+		V,
+		it
+	]), Ft = c.useMemo(() => ke(k, V), [V, k]);
 	c.useEffect(() => {
-		I && ut(g.id, z.map((e) => e.id));
+		if (!L) return;
+		let e = I?.pages.flatMap((e) => e.items.map((e) => e.id)) ?? [];
+		xt(g.id, e);
 	}, [
 		g.id,
-		z,
 		I,
-		ut
+		L,
+		xt
 	]), c.useEffect(() => {
-		M.length === 0 && ct(!1);
-	}, [M.length]);
-	let Ct = c.useMemo(() => {
-		let e = D === "relevant" ? V.filter((e) => n(e.execution_status)) : V;
-		return f ? e : we(e, M);
+		k.length === 0 && vt(!1);
+	}, [k.length]);
+	let It = c.useMemo(() => {
+		let e = D === "relevant" ? H.filter((e) => n(e.execution_status)) : H;
+		return f ? e : Ee(e, k);
 	}, [
-		V,
+		H,
 		f,
-		M,
+		k,
 		D
-	]), { recent: H, older: U } = c.useMemo(() => Pe(Ct), [Ct]), wt = c.useMemo(() => De(b ? [...H, ...U] : H, E), [
-		H,
+	]), { recent: U, older: W } = c.useMemo(() => Le(It), [It]), Lt = c.useMemo(() => Ae(b ? [...U, ...W] : U, E), [
 		U,
+		W,
 		b,
 		E
-	]), Tt = c.useMemo(() => ({
+	]), Rt = c.useMemo(() => ({
 		emptyWorkspace: p(t.CONVERSATION_PANEL$NO_WORKSPACE),
 		emptyRepository: p(t.CONVERSATION_PANEL$NO_REPOSITORY)
-	}), [p]), W = c.useMemo(() => f || T !== "grouped" ? null : Te([...H, ...b ? U : []], g.kind, E, Tt), [
-		g.kind,
+	}), [p]), G = c.useMemo(() => f || T !== "grouped" ? null : [...U, ...b ? W : []], [
 		f,
-		E,
-		Tt,
-		U,
+		W,
 		T,
-		H,
+		U,
 		b
-	]), G = c.useMemo(() => W ? Se(W, A) : null, [W, A]), Et = c.useMemo(() => W?.map((e) => e.id) ?? [], [W]), Dt = c.useMemo(() => De(H.filter((e) => n(e.execution_status)), E), [E, H]), Ot = wt.length, kt = c.useMemo(() => G ? G.reduce((e, t) => e + t.conversations.length, 0) : 0, [G]), K = T === "grouped" && !f ? kt === 0 : Ot === 0, At = K && O !== "all" && z.length > 0 && V.length === 0, q = T === "grouped" && !f ? kt : Ot, [J, Y] = c.useState(null), jt = c.useRef(q);
-	jt.current = q;
-	let Mt = c.useCallback(() => {
-		L && Y(jt.current);
-	}, [L]);
+	]), K = c.useMemo(() => G ? Oe(G, g.kind, E, Rt) : null, [
+		g.kind,
+		E,
+		Rt,
+		G
+	]), zt = c.useMemo(() => G ? De(G, Nt, g.kind, { forceIncludeConversationId: m }) : null, [
+		g.kind,
+		Nt,
+		m,
+		G
+	]), q = c.useMemo(() => K ? we(K, ot) : null, [K, ot]), Bt = c.useMemo(() => K?.map((e) => e.id) ?? [], [K]), Vt = c.useMemo(() => Ae(U.filter((e) => n(e.execution_status)), E), [E, U]), Ht = Lt.length, Ut = q?.length ?? 0, Wt = T === "grouped" && !f ? Ut === 0 : Ht === 0, Gt = Wt && O !== "all" && V.length > 0 && H.length === 0, J = T === "grouped" && !f ? Ut : Ht, Y = I?.pages.length ?? 0, [X, Kt] = c.useState(null), [qt, Jt] = c.useState(null), Yt = c.useRef(J);
+	Yt.current = J;
+	let Xt = c.useRef(Y);
+	Xt.current = Y;
+	let Z = c.useCallback(() => {
+		Kt(null), Jt(null);
+	}, []), Zt = c.useCallback(() => {
+		R && (Kt(Yt.current), Jt(Xt.current));
+	}, [R]);
 	c.useEffect(() => {
-		if (J !== null) {
-			if (q > J) {
-				Y(null);
+		if (X !== null) {
+			if (J > X) {
+				Z();
 				return;
 			}
-			if (!L) {
-				Y(null);
+			if (T === "grouped" && !f && qt != null && Y >= qt + 3) {
+				Z();
 				return;
 			}
-			yt || R || bt();
+			if (!(At || z)) {
+				if (!R) {
+					Z();
+					return;
+				}
+				jt();
+			}
 		}
 	}, [
+		Z,
+		f,
+		X,
+		qt,
 		J,
-		q,
-		L,
-		yt,
+		Y,
+		T,
 		R,
-		bt
+		At,
+		z,
+		jt
 	]);
-	let Nt = J !== null || R, { mutate: Pt, mutateAsync: Ft } = se(), { mutate: It } = ce(), { mutate: Lt } = ue(), Rt = U.length > 0 && !b, zt = !!L && !Rt && !f && (!K || At), { mutate: Bt } = ae(), X = le(), Vt = c.useCallback((e) => {
-		X || Bt({
+	let Qt = X !== null || z, { mutate: $t, mutateAsync: en } = ce(), { mutate: tn } = le(), { mutate: nn } = de(), rn = W.length > 0 && !b, an = !!R && !rn && !f, { mutate: on } = oe(), sn = ue(), cn = c.useCallback((e) => {
+		sn || on({
 			workingDir: e.workingDir,
 			repository: e.repository,
 			entryPoint: "sidebar_relaunch_project"
@@ -140,32 +177,42 @@ function f({ onClose: d, compact: f = !1 }) {
 			h(`/conversations/${e.conversation_id}`);
 		} });
 	}, [
-		Bt,
-		X,
+		on,
+		sn,
 		h
-	]), Ht = c.useCallback((e, t) => {
-		_(!0), mt(e), P(t);
-	}, []), Ut = c.useCallback((e) => {
-		v(!0), mt(e);
-	}, []), Wt = c.useCallback((e, n) => {
-		Lt({
+	]), ln = c.useCallback((e, t) => {
+		_(!0), N(e), P(t);
+	}, []), un = c.useCallback((e, t) => {
+		v(!0), N(e), P(t);
+	}, []), dn = c.useCallback((e) => {
+		j(g.id, e);
+	}, [g.id, j]), fn = c.useCallback((e) => {
+		y(!0), N(e);
+	}, []), pn = c.useCallback((e, n) => {
+		nn({
 			conversationId: e,
 			newTitle: n
 		}, { onSuccess: () => {
 			te(p(t.CONVERSATION$TITLE_UPDATED));
 		} });
-	}, [p, Lt]), Gt = () => {
-		N && Pt({ conversationId: N }, { onSuccess: () => {
-			N === m && h("/conversations");
-		} });
-	}, Kt = () => {
-		N && It({ conversationId: N });
-	}, qt = async () => {
-		let e = z.map((e) => e.id), t = await Promise.allSettled(e.map((e) => Ft({ conversationId: e }))), n = t.flatMap((t, n) => t.status === "fulfilled" ? [e[n]] : []), r = t.length - n.length;
+	}, [p, nn]), mn = () => {
+		if (M) {
+			let e = M;
+			$t({ conversationId: e }, { onSuccess: () => {
+				j(g.id, e), e === m && h("/conversations");
+			} });
+		}
+	}, hn = () => {
+		M && (Ct(g.id, M), bt(g.id, M), M === m && h("/conversations"));
+	}, gn = () => {
+		M && tn({ conversationId: M });
+	}, _n = async () => {
+		let e = B.map((e) => e.id), t = await Promise.allSettled(e.map((e) => en({ conversationId: e }))), n = t.flatMap((t, n) => t.status === "fulfilled" ? [e[n]] : []), r = t.length - n.length;
+		for (let e of n) j(g.id, e);
 		m !== null && n.includes(m) && h("/conversations"), r > 0 && ee(`${r} conversation${r === 1 ? "" : "s"} could not be deleted.`);
-	}, Z = c.useCallback((e, t) => {
-		let n = M.includes(e.id);
-		return f ? /* @__PURE__ */ l(be, {
+	}, Q = c.useCallback((e, t) => {
+		let n = k.includes(e.id), i = A.has(e.id);
+		return f ? /* @__PURE__ */ l(Se, {
 			conversationId: e.id,
 			title: e.title ?? "",
 			selectedRepository: {
@@ -187,14 +234,14 @@ function f({ onClose: d, compact: f = !1 }) {
 			acpServer: e.acp_server,
 			tags: e.tags,
 			showTags: C
-		}, e.id) : /* @__PURE__ */ l(re, {
+		}, e.id) : /* @__PURE__ */ l(ie, {
 			placement: "right-start",
 			delay: 1e3,
 			closeDelay: 100,
 			isDisabled: !w || F === e.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: /* @__PURE__ */ l(_e, {
+			content: /* @__PURE__ */ l(ye, {
 				title: e.title ?? "",
 				executionStatus: e.execution_status,
 				sandboxStatus: e.sandbox_status,
@@ -210,14 +257,16 @@ function f({ onClose: d, compact: f = !1 }) {
 				createdAt: e.created_at,
 				tags: e.tags
 			}),
-			children: /* @__PURE__ */ l(oe, {
-				to: Fe(`/conversations/${e.id}`),
+			children: /* @__PURE__ */ l(se, {
+				to: Re(`/conversations/${e.id}`),
 				onClick: d,
 				className: r("block rounded-md transition-colors", F !== e.id && "hover:bg-[var(--oh-surface)]", (e.id === m || F === e.id) && "bg-[var(--oh-surface)]"),
-				children: /* @__PURE__ */ l(ge, {
-					onDelete: () => Ht(e.id, e.title ?? ""),
-					onStop: () => Ut(e.id),
-					onChangeTitle: (t) => Wt(e.id, t),
+				children: /* @__PURE__ */ l(ve, {
+					onDelete: () => ln(e.id, e.title ?? ""),
+					onArchive: i ? void 0 : () => un(e.id, e.title ?? ""),
+					onUnarchive: i ? () => dn(e.id) : void 0,
+					onStop: () => fn(e.id),
+					onChangeTitle: (t) => pn(e.id, t),
 					title: e.title ?? "",
 					selectedRepository: {
 						selected_repository: e.selected_repository,
@@ -230,7 +279,7 @@ function f({ onClose: d, compact: f = !1 }) {
 					sandboxStatus: e.sandbox_status,
 					conversationId: e.id,
 					contextMenuOpen: F === e.id,
-					onContextMenuToggle: (t) => gt(t ? e.id : null),
+					onContextMenuToggle: (t) => Ot(t ? e.id : null),
 					isActive: e.id === m,
 					workspaceWorkingDir: e.selected_workspace ?? e.workspace?.working_dir,
 					showRepositoryMetadata: x,
@@ -240,35 +289,39 @@ function f({ onClose: d, compact: f = !1 }) {
 					acpServer: e.acp_server,
 					tags: e.tags,
 					showTags: C,
+					isArchived: i,
 					isPinned: n,
-					onTogglePin: () => lt(g.id, e.id),
+					onTogglePin: () => yt(g.id, e.id),
 					alwaysShowPinIcon: n && !t?.inPinnedSection
 				})
 			})
 		}, e.id);
 	}, [
 		g.id,
+		A,
 		f,
 		m,
-		Wt,
-		Ht,
-		Ut,
+		un,
+		pn,
+		ln,
+		fn,
+		dn,
 		d,
 		F,
-		M,
+		k,
 		x,
 		S,
 		C,
 		w,
-		lt
-	]), Q = vt || !I, $ = !f && !Q && St.length > 0, Jt = I && !vt && !f && K && !$ && !xt?.length;
+		yt
+	]), $ = kt || !L, vn = !f && !$ && Ft.length > 0, yn = L && !kt && !f && Wt && !vn && !Mt?.length;
 	return /* @__PURE__ */ u("div", {
-		ref: Ie,
+		ref: ze,
 		"data-testid": "conversation-panel",
 		className: "flex h-full min-h-0 w-full flex-col",
 		children: [
 			!f && /* @__PURE__ */ l("div", {
-				className: r("-ml-2.5 w-[calc(100%+0.625rem)] max-w-none box-border border-b", tt ? "border-[var(--oh-border)]" : "border-transparent"),
+				className: r("-ml-2.5 w-[calc(100%+0.625rem)] max-w-none box-border border-b", ut ? "border-[var(--oh-border)]" : "border-transparent"),
 				children: /* @__PURE__ */ u("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)]",
@@ -277,132 +330,144 @@ function f({ onClose: d, compact: f = !1 }) {
 						children: p(t.SIDEBAR$CONVERSATIONS)
 					}), /* @__PURE__ */ u("div", {
 						className: "ml-auto flex shrink-0 items-center gap-0.5",
-						children: [/* @__PURE__ */ l(ke, { backendKind: g.kind }), /* @__PURE__ */ l(Oe, {
-							filterMenuOpen: $e,
-							setFilterMenuOpen: et,
-							menuRef: rt,
+						children: [/* @__PURE__ */ l(Me, { backendKind: g.kind }), /* @__PURE__ */ l(je, {
+							filterMenuOpen: ct,
+							setFilterMenuOpen: lt,
+							menuRef: ft,
 							backendKind: g.kind,
 							organizeMode: T,
-							setOrganizeMode: qe,
+							setOrganizeMode: et,
 							conversationSort: E,
-							setConversationSort: Je,
+							setConversationSort: tt,
 							threadScope: D,
-							setThreadScope: Ye,
+							setThreadScope: nt,
 							automationFilterMode: O,
-							setAutomationFilterMode: Xe,
-							selectedAutomationNames: k,
-							onToggleAutomationName: Ze,
-							automationNameFacets: B,
+							setAutomationFilterMode: rt,
+							selectedAutomationNames: it,
+							onToggleAutomationName: at,
+							automationNameFacets: Pt,
 							showOlderConversations: b,
-							toggleShowOlderConversations: He,
+							showArchivedConversations: qe,
+							toggleShowArchivedConversations: Je,
+							toggleShowOlderConversations: Ye,
 							showRepoBranchMetadata: x,
-							toggleShowRepoBranchMetadata: Ue,
+							toggleShowRepoBranchMetadata: Xe,
 							showLlmProfiles: S,
-							toggleShowLlmProfiles: We,
+							toggleShowLlmProfiles: Ze,
 							showTagsMetadata: C,
-							toggleShowTagsMetadata: Ge,
+							toggleShowTagsMetadata: Qe,
 							showHoverMetadata: w,
-							toggleShowHoverMetadata: Ke,
-							totalConversationsCount: z.length,
-							onRequestDeleteAll: () => y(!0)
+							toggleShowHoverMetadata: $e,
+							totalConversationsCount: B.length,
+							onRequestDeleteAll: () => Ke(!0)
 						})]
 					})]
 				})
 			}),
 			/* @__PURE__ */ u("div", {
-				ref: pt,
+				ref: Et,
 				"data-testid": "conversation-panel-list-scroll",
 				onScroll: (e) => {
-					nt(e.currentTarget.scrollTop > 0);
+					dt(e.currentTarget.scrollTop > 0);
 				},
 				className: r("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 && /* @__PURE__ */ l(ye, { compact: f }),
-					!f && Jt && /* @__PURE__ */ l("div", {
+					$ && /* @__PURE__ */ l(xe, { compact: f }),
+					!f && yn && /* @__PURE__ */ l("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: /* @__PURE__ */ l("p", {
 							className: "text-xs text-[var(--oh-muted)]",
-							children: p(At ? t.CONVERSATION_PANEL$NO_AUTOMATION_MATCHES : t.CONVERSATION$NO_CONVERSATIONS)
+							children: p(Gt ? t.CONVERSATION_PANEL$NO_AUTOMATION_MATCHES : t.CONVERSATION$NO_CONVERSATIONS)
 						})
 					}),
-					$ ? /* @__PURE__ */ l(je, {
-						pinnedConversations: St,
-						isPreviewExpanded: st,
-						onTogglePreviewExpanded: () => ct((e) => !e),
+					vn ? /* @__PURE__ */ l(Pe, {
+						pinnedConversations: Ft,
+						isPreviewExpanded: _t,
+						onTogglePreviewExpanded: () => vt((e) => !e),
 						activeConversationId: m,
 						showDivider: !f && T === "chronological",
-						renderConversationCard: (e) => Z(e, { inPinnedSection: !0 })
+						renderConversationCard: (e) => Q(e, { inPinnedSection: !0 })
 					}) : null,
-					!f && xt?.map((e) => /* @__PURE__ */ l(oe, {
-						to: Fe(`/conversations/task-${e.id}`),
+					!f && Mt?.map((e) => /* @__PURE__ */ l(se, {
+						to: Re(`/conversations/task-${e.id}`),
 						onClick: d,
 						className: "block",
-						children: /* @__PURE__ */ l(ve, { task: e })
+						children: /* @__PURE__ */ l(be, { task: e })
 					}, e.id)),
-					!Q && f ? Dt.map((e) => Z(e)) : null,
-					!Q && !f && T === "grouped" && G && G.length > 0 ? /* @__PURE__ */ l(Ae, {
-						groups: G,
-						groupIds: Et,
-						groupFolderOrder: A,
-						setGroupFolderOrder: Qe,
-						collapsedGroupIds: it,
-						expandedGroupPreviewIds: at,
-						onToggleGroupCollapsed: dt,
-						onToggleGroupPreviewExpanded: ft,
-						isCreatingConversationFlow: X,
+					!$ && f ? Vt.map((e) => Q(e)) : null,
+					!$ && !f && T === "grouped" && q && q.length > 0 ? /* @__PURE__ */ l(Ne, {
+						groups: q,
+						groupIds: Bt,
+						groupFolderOrder: ot,
+						setGroupFolderOrder: st,
+						collapsedGroupIds: pt,
+						expandedGroupPreviewIds: ht,
+						discoveryConversationIds: zt,
+						onToggleGroupCollapsed: wt,
+						onToggleGroupPreviewExpanded: Tt,
+						isCreatingConversationFlow: sn,
 						activeConversationId: m,
-						onLaunchFromGroup: Vt,
-						renderConversationCard: (e) => Z(e)
+						onLaunchFromGroup: cn,
+						renderConversationCard: (e) => Q(e)
 					}) : null,
-					!Q && !f && T === "chronological" ? /* @__PURE__ */ l("div", {
+					!$ && !f && T === "chronological" ? /* @__PURE__ */ l("div", {
 						className: "space-y-0.5",
-						children: wt.map((e) => Z(e))
+						children: Lt.map((e) => Q(e))
 					}) : null,
-					zt && (Nt ? /* @__PURE__ */ l("div", {
+					an && (Qt ? /* @__PURE__ */ l("div", {
 						className: "py-1",
-						children: /* @__PURE__ */ l(ye, { compact: f })
+						children: /* @__PURE__ */ l(xe, { compact: f })
 					}) : /* @__PURE__ */ l("div", {
 						className: "flex justify-center py-4",
 						children: /* @__PURE__ */ l("button", {
 							type: "button",
 							"data-testid": "load-more-conversations",
-							onClick: Mt,
+							onClick: Zt,
 							className: "text-xs text-[var(--oh-muted)] hover:text-white",
 							children: p(t.CONVERSATION$LOAD_MORE)
 						})
 					}))
 				]
 			}),
-			Le && /* @__PURE__ */ l(a, {
+			Be && /* @__PURE__ */ l(fe, {
 				onConfirm: () => {
-					Gt(), _(!1), P(null);
+					mn(), _(!1), P(null);
 				},
 				onCancel: () => {
 					_(!1), P(null);
 				},
-				conversationTitle: ht ?? void 0
+				conversationTitle: Dt ?? void 0
+			}),
+			Ve && /* @__PURE__ */ l(ge, {
+				onConfirm: () => {
+					hn(), v(!1), P(null);
+				},
+				onCancel: () => {
+					v(!1), P(null);
+				},
+				conversationTitle: Dt ?? void 0
 			}),
-			Ve && /* @__PURE__ */ l(a, {
+			Ge && /* @__PURE__ */ l(fe, {
 				title: p(t.CONVERSATION$CONFIRM_DELETE_ALL_TITLE),
-				description: p(t.CONVERSATION$CONFIRM_DELETE_ALL_DESC, { count: z.length }),
+				description: p(t.CONVERSATION$CONFIRM_DELETE_ALL_DESC, { count: B.length }),
 				onConfirm: async () => {
-					await qt(), y(!1);
+					await _n(), Ke(!1);
 				},
-				onCancel: () => y(!1)
+				onCancel: () => Ke(!1)
 			}),
-			Re && /* @__PURE__ */ l(de, {
+			He && /* @__PURE__ */ l(pe, {
 				onConfirm: () => {
-					Kt(), v(!1);
+					gn(), y(!1);
 				},
-				onCancel: () => v(!1)
+				onCancel: () => y(!1)
 			}),
-			ze && /* @__PURE__ */ l(he, {
+			Ue && /* @__PURE__ */ l(_e, {
 				onConfirm: () => {
 					d?.();
 				},
-				onClose: () => Be(!1),
-				onCancel: () => Be(!1)
+				onClose: () => We(!1),
+				onCancel: () => We(!1)
 			})
 		]
 	});