@openhands/agent-canvas 1.14.0 → 1.16.0

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

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