@openhands/agent-canvas 1.10.0 → 1.11.0

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

@@ -22,20 +22,20 @@ 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 o } from "./conversation-card/conversation-card-skeleton.js";
-import { CompactConversationRow as ye } from "./compact-conversation-row.js";
-import { useConversationPanelPreferencesStore as s } from "../../../stores/conversation-panel-preferences-store.js";
-import { ConversationPanelFilterMenu as be } from "./conversation-panel-filter-menu.js";
-import { ConversationPanelNewThreadPicker as xe } from "./conversation-panel-new-thread-picker.js";
-import { applyGroupFolderOrder as Se, filterOutPinnedConversations as Ce, groupConversations as we, resolvePinnedConversations as Te, sortConversationsByField as Ee } from "./conversation-panel-list-helpers.js";
-import { ConversationGroupFolderList as De } from "./conversation-group-folder-list.js";
-import { ConversationPanelPinnedSection as Oe } from "./conversation-panel-pinned-section.js";
-import { usePinnedConversationsStore as c } from "../../../stores/pinned-conversations-store.js";
-import l from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+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 { 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 ke = () => {}, Ae = [], f = 3600 * 1e3, je = (e) => {
-	let t = Date.now() - f, n = [], r = [];
+var Me = () => {}, Ne = [], d = 3600 * 1e3, Pe = (e) => {
+	let t = Date.now() - d, 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);
@@ -45,122 +45,127 @@ var ke = () => {}, Ae = [], f = 3600 * 1e3, je = (e) => {
 		older: r
 	};
 };
-function p({ onClose: f, compact: p = !1 }) {
-	let { t: m } = e("openhands"), { conversationId: h, navigate: g } = i(), { backend: _ } = ne(), v = fe(), Me = ie(f ?? ke), [Ne, y] = l.useState(!1), [Pe, b] = l.useState(!1), [Fe, x] = l.useState(!1), [Ie, S] = l.useState(!1), C = s((e) => e.showOlderConversations), Le = s((e) => e.toggleShowOlderConversations), w = s((e) => e.showRepoBranchMetadata), Re = s((e) => e.toggleShowRepoBranchMetadata), T = s((e) => e.showLlmProfiles), ze = s((e) => e.toggleShowLlmProfiles), E = s((e) => e.showTagsMetadata), Be = s((e) => e.toggleShowTagsMetadata), D = s((e) => e.showHoverMetadata), Ve = s((e) => e.toggleShowHoverMetadata), O = s((e) => e.organizeMode), He = s((e) => e.setOrganizeMode), k = s((e) => e.conversationSort), Ue = s((e) => e.setConversationSort), A = s((e) => e.threadScope), We = s((e) => e.setThreadScope), j = s((e) => e.groupFolderOrder), Ge = s((e) => e.setGroupFolderOrder), [Ke, M] = l.useState(!1), [qe, Je] = l.useState(!1), Ye = ie(() => {
-		M(!1);
-	}), [Xe, N] = l.useState(() => /* @__PURE__ */ new Set()), [Ze, P] = l.useState(() => /* @__PURE__ */ new Set()), [Qe, $e] = l.useState(!1), F = c((e) => e.pinsByBackendId[_.id] ?? Ae), et = c((e) => e.togglePin), tt = c((e) => e.pruneMissingConversations), nt = l.useCallback((e) => {
-		N((t) => {
+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 n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), rt = l.useCallback((e) => {
-		P((t) => {
+	}, []), ft = c.useCallback((e) => {
+		ot((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
 	}, []);
-	l.useEffect(() => {
-		O !== "grouped" && (N(/* @__PURE__ */ new Set()), P(/* @__PURE__ */ new Set()));
-	}, [O]);
-	let it = l.useRef(null), [I, at] = l.useState(null), [ot, L] = l.useState(null), [R, st] = l.useState(null), { data: ct, isLoading: lt, isFetched: z, hasNextPage: B, isFetching: ut, isFetchingNextPage: V, fetchNextPage: dt } = pe(), { data: ft } = me(), H = l.useMemo(() => {
-		let e = ct?.pages.flatMap((e) => e.items) ?? [], t = /* @__PURE__ */ new Set();
+	c.useEffect(() => {
+		T !== "grouped" && (j(/* @__PURE__ */ new Set()), ot(/* @__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();
 		return e.filter((e) => t.has(e.id) ? !1 : (t.add(e.id), !0));
-	}, [ct]), pt = l.useMemo(() => Te(F, H), [H, F]);
-	l.useEffect(() => {
-		z && tt(_.id, H.map((e) => e.id));
+	}, [_t]), B = c.useMemo(() => Ce(z), [z]), V = c.useMemo(() => xe(z, O, k, B), [
+		O,
+		B,
+		z,
+		k
+	]), St = c.useMemo(() => Ee(M, z), [z, M]);
+	c.useEffect(() => {
+		I && ut(g.id, z.map((e) => e.id));
 	}, [
-		_.id,
-		H,
+		g.id,
 		z,
-		tt
-	]), l.useEffect(() => {
-		F.length === 0 && $e(!1);
-	}, [F.length]);
-	let mt = l.useMemo(() => {
-		let e = A === "relevant" ? H.filter((e) => n(e.execution_status)) : H;
-		return p ? e : Ce(e, F);
+		I,
+		ut
+	]), 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);
 	}, [
-		p,
+		V,
+		f,
+		M,
+		D
+	]), { recent: H, older: U } = c.useMemo(() => Pe(Ct), [Ct]), wt = c.useMemo(() => De(b ? [...H, ...U] : H, E), [
 		H,
-		F,
-		A
-	]), { recent: U, older: W } = l.useMemo(() => je(mt), [mt]), ht = l.useMemo(() => Ee(C ? [...U, ...W] : U, k), [
 		U,
-		W,
-		C,
-		k
-	]), gt = l.useMemo(() => ({
-		emptyWorkspace: m(t.CONVERSATION_PANEL$NO_WORKSPACE),
-		emptyRepository: m(t.CONVERSATION_PANEL$NO_REPOSITORY)
-	}), [m]), G = l.useMemo(() => p || O !== "grouped" ? null : we([...U, ...C ? W : []], _.kind, k, gt), [
-		_.kind,
-		p,
-		k,
-		gt,
-		W,
-		O,
+		b,
+		E
+	]), Tt = 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,
+		f,
+		E,
+		Tt,
 		U,
-		C
-	]), K = l.useMemo(() => G ? Se(G, j) : null, [G, j]), _t = l.useMemo(() => G?.map((e) => e.id) ?? [], [G]), vt = l.useMemo(() => Ee(U.filter((e) => n(e.execution_status)), k), [k, U]), yt = ht.length, bt = l.useMemo(() => K ? K.reduce((e, t) => e + t.conversations.length, 0) : 0, [K]), xt = O === "grouped" && !p ? bt === 0 : yt === 0, q = O === "grouped" && !p ? bt : yt, [J, Y] = l.useState(null), St = l.useRef(q);
-	St.current = q;
-	let Ct = l.useCallback(() => {
-		B && Y(St.current);
-	}, [B]);
-	l.useEffect(() => {
+		T,
+		H,
+		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]);
+	c.useEffect(() => {
 		if (J !== null) {
 			if (q > J) {
 				Y(null);
 				return;
 			}
-			if (!B) {
+			if (!L) {
 				Y(null);
 				return;
 			}
-			ut || V || dt();
+			yt || R || bt();
 		}
 	}, [
 		J,
 		q,
-		B,
-		ut,
-		V,
-		dt
+		L,
+		yt,
+		R,
+		bt
 	]);
-	let wt = J !== null || V, { mutate: Tt, mutateAsync: Et } = se(), { mutate: Dt } = ce(), { mutate: Ot } = ue(), kt = W.length > 0 && !C, At = !!B && !kt && !p && !xt, { mutate: jt } = ae(), X = le(), Mt = l.useCallback((e) => {
-		X || 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({
 			workingDir: e.workingDir,
 			repository: e.repository,
 			entryPoint: "sidebar_relaunch_project"
 		}, { onSuccess: (e) => {
-			g(`/conversations/${e.conversation_id}`);
+			h(`/conversations/${e.conversation_id}`);
 		} });
 	}, [
-		jt,
+		Bt,
 		X,
-		g
-	]), Nt = l.useCallback((e, t) => {
-		y(!0), at(e), L(t);
-	}, []), Pt = l.useCallback((e) => {
-		b(!0), at(e);
-	}, []), Ft = l.useCallback((e, n) => {
-		Ot({
+		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({
 			conversationId: e,
 			newTitle: n
 		}, { onSuccess: () => {
-			te(m(t.CONVERSATION$TITLE_UPDATED));
+			te(p(t.CONVERSATION$TITLE_UPDATED));
 		} });
-	}, [m, Ot]), It = () => {
-		I && Tt({ conversationId: I }, { onSuccess: () => {
-			I === h && g("/conversations");
+	}, [p, Lt]), Gt = () => {
+		N && Pt({ conversationId: N }, { onSuccess: () => {
+			N === m && h("/conversations");
 		} });
-	}, Lt = () => {
-		I && Dt({ conversationId: I });
-	}, Rt = async () => {
-		let e = H.map((e) => e.id), t = await Promise.allSettled(e.map((e) => Et({ conversationId: e }))), n = t.flatMap((t, n) => t.status === "fulfilled" ? [e[n]] : []), r = t.length - n.length;
-		h !== null && n.includes(h) && g("/conversations"), r > 0 && ee(`${r} conversation${r === 1 ? "" : "s"} could not be deleted.`);
-	}, Z = l.useCallback((e, t) => {
-		let n = F.includes(e.id);
-		return p ? /* @__PURE__ */ u(ye, {
+	}, 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;
+		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, {
 			conversationId: e.id,
 			title: e.title ?? "",
 			selectedRepository: {
@@ -173,23 +178,23 @@ function p({ onClose: f, compact: p = !1 }) {
 			lastUpdatedAt: e.updated_at,
 			createdAt: e.created_at,
 			workspaceWorkingDir: e.selected_workspace ?? e.workspace?.working_dir,
-			isActive: e.id === h,
-			onClose: f,
-			showRepositoryMetadata: w,
+			isActive: e.id === m,
+			onClose: d,
+			showRepositoryMetadata: x,
 			llmModel: e.llm_model,
-			showLlmProfiles: T,
+			showLlmProfiles: S,
 			agentKind: e.agent_kind,
 			acpServer: e.acp_server,
 			tags: e.tags,
-			showTags: E
-		}, e.id) : /* @__PURE__ */ u(re, {
+			showTags: C
+		}, e.id) : /* @__PURE__ */ l(re, {
 			placement: "right-start",
 			delay: 1e3,
 			closeDelay: 100,
-			isDisabled: !D || R === e.id,
+			isDisabled: !w || F === e.id,
 			disableAnimation: !1,
-			className: "rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl",
-			content: /* @__PURE__ */ u(_e, {
+			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, {
 				title: e.title ?? "",
 				executionStatus: e.execution_status,
 				sandboxStatus: e.sandbox_status,
@@ -200,16 +205,19 @@ function p({ onClose: f, compact: p = !1 }) {
 				},
 				workspaceWorkingDir: e.selected_workspace ?? e.workspace?.working_dir,
 				llmModel: e.llm_model,
-				createdAt: e.created_at
+				agentKind: e.agent_kind,
+				acpServer: e.acp_server,
+				createdAt: e.created_at,
+				tags: e.tags
 			}),
-			children: /* @__PURE__ */ u(oe, {
-				to: v(`/conversations/${e.id}`),
-				onClick: f,
-				className: r("block rounded-md transition-colors", R !== e.id && "hover:bg-[var(--oh-surface)]", (e.id === h || R === e.id) && "bg-[var(--oh-surface)]"),
-				children: /* @__PURE__ */ u(ge, {
-					onDelete: () => Nt(e.id, e.title ?? ""),
-					onStop: () => Pt(e.id),
-					onChangeTitle: (t) => Ft(e.id, t),
+			children: /* @__PURE__ */ l(oe, {
+				to: Fe(`/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),
 					title: e.title ?? "",
 					selectedRepository: {
 						selected_repository: e.selected_repository,
@@ -221,180 +229,185 @@ function p({ onClose: f, compact: p = !1 }) {
 					executionStatus: e.execution_status,
 					sandboxStatus: e.sandbox_status,
 					conversationId: e.id,
-					contextMenuOpen: R === e.id,
-					onContextMenuToggle: (t) => st(t ? e.id : null),
-					isActive: e.id === h,
+					contextMenuOpen: F === e.id,
+					onContextMenuToggle: (t) => gt(t ? e.id : null),
+					isActive: e.id === m,
 					workspaceWorkingDir: e.selected_workspace ?? e.workspace?.working_dir,
-					showRepositoryMetadata: w,
+					showRepositoryMetadata: x,
 					llmModel: e.llm_model,
-					showLlmProfiles: T,
+					showLlmProfiles: S,
 					agentKind: e.agent_kind,
 					acpServer: e.acp_server,
 					tags: e.tags,
-					showTags: E,
+					showTags: C,
 					isPinned: n,
-					onTogglePin: () => et(_.id, e.id),
+					onTogglePin: () => lt(g.id, e.id),
 					alwaysShowPinIcon: n && !t?.inPinnedSection
 				})
 			})
 		}, e.id);
 	}, [
-		_.id,
-		p,
-		h,
-		Ft,
-		Nt,
-		Pt,
+		g.id,
 		f,
-		R,
+		m,
+		Wt,
+		Ht,
+		Ut,
+		d,
 		F,
+		M,
+		x,
+		S,
+		C,
 		w,
-		T,
-		E,
-		D,
-		et
-	]), Q = lt || !z, $ = !p && !Q && pt.length > 0, zt = z && !lt && !p && xt && !$ && !ft?.length;
-	return /* @__PURE__ */ d("div", {
-		ref: Me,
+		lt
+	]), Q = vt || !I, $ = !f && !Q && St.length > 0, Jt = I && !vt && !f && K && !$ && !xt?.length;
+	return /* @__PURE__ */ u("div", {
+		ref: Ie,
 		"data-testid": "conversation-panel",
 		className: "flex h-full min-h-0 w-full flex-col",
 		children: [
-			!p && /* @__PURE__ */ u("div", {
-				className: r("-ml-2.5 w-[calc(100%+0.625rem)] max-w-none box-border border-b", qe ? "border-[var(--oh-border)]" : "border-transparent"),
-				children: /* @__PURE__ */ d("div", {
+			!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"),
+				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)]",
-					children: [/* @__PURE__ */ u("span", {
+					children: [/* @__PURE__ */ l("span", {
 						className: "min-w-0 truncate text-sm font-medium text-[var(--oh-muted)]",
-						children: m(t.SIDEBAR$CONVERSATIONS)
-					}), /* @__PURE__ */ d("div", {
+						children: p(t.SIDEBAR$CONVERSATIONS)
+					}), /* @__PURE__ */ u("div", {
 						className: "ml-auto flex shrink-0 items-center gap-0.5",
-						children: [/* @__PURE__ */ u(xe, { backendKind: _.kind }), /* @__PURE__ */ u(be, {
-							filterMenuOpen: Ke,
-							setFilterMenuOpen: M,
-							menuRef: Ye,
-							backendKind: _.kind,
-							organizeMode: O,
-							setOrganizeMode: He,
-							conversationSort: k,
-							setConversationSort: Ue,
-							threadScope: A,
-							setThreadScope: We,
-							showOlderConversations: C,
-							toggleShowOlderConversations: Le,
-							showRepoBranchMetadata: w,
-							toggleShowRepoBranchMetadata: Re,
-							showLlmProfiles: T,
-							toggleShowLlmProfiles: ze,
-							showTagsMetadata: E,
-							toggleShowTagsMetadata: Be,
-							showHoverMetadata: D,
-							toggleShowHoverMetadata: Ve,
-							totalConversationsCount: H.length,
-							onRequestDeleteAll: () => S(!0)
+						children: [/* @__PURE__ */ l(ke, { backendKind: g.kind }), /* @__PURE__ */ l(Oe, {
+							filterMenuOpen: $e,
+							setFilterMenuOpen: et,
+							menuRef: rt,
+							backendKind: g.kind,
+							organizeMode: T,
+							setOrganizeMode: qe,
+							conversationSort: E,
+							setConversationSort: Je,
+							threadScope: D,
+							setThreadScope: Ye,
+							automationFilterMode: O,
+							setAutomationFilterMode: Xe,
+							selectedAutomationNames: k,
+							onToggleAutomationName: Ze,
+							automationNameFacets: B,
+							showOlderConversations: b,
+							toggleShowOlderConversations: He,
+							showRepoBranchMetadata: x,
+							toggleShowRepoBranchMetadata: Ue,
+							showLlmProfiles: S,
+							toggleShowLlmProfiles: We,
+							showTagsMetadata: C,
+							toggleShowTagsMetadata: Ge,
+							showHoverMetadata: w,
+							toggleShowHoverMetadata: Ke,
+							totalConversationsCount: z.length,
+							onRequestDeleteAll: () => y(!0)
 						})]
 					})]
 				})
 			}),
-			/* @__PURE__ */ d("div", {
-				ref: it,
+			/* @__PURE__ */ u("div", {
+				ref: pt,
 				"data-testid": "conversation-panel-list-scroll",
 				onScroll: (e) => {
-					Je(e.currentTarget.scrollTop > 0);
+					nt(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", !p && "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", !f && "conversation-panel-list-scroll"),
 				children: [
-					Q && /* @__PURE__ */ u(o, { compact: p }),
-					!p && zt && /* @__PURE__ */ u("div", {
+					Q && /* @__PURE__ */ l(ye, { compact: f }),
+					!f && Jt && /* @__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__ */ u("p", {
+						children: /* @__PURE__ */ l("p", {
 							className: "text-xs text-[var(--oh-muted)]",
-							children: m(t.CONVERSATION$NO_CONVERSATIONS)
+							children: p(At ? t.CONVERSATION_PANEL$NO_AUTOMATION_MATCHES : t.CONVERSATION$NO_CONVERSATIONS)
 						})
 					}),
-					$ ? /* @__PURE__ */ u(Oe, {
-						pinnedConversations: pt,
-						isPreviewExpanded: Qe,
-						onTogglePreviewExpanded: () => $e((e) => !e),
-						activeConversationId: h,
-						showDivider: !p && O === "chronological",
+					$ ? /* @__PURE__ */ l(je, {
+						pinnedConversations: St,
+						isPreviewExpanded: st,
+						onTogglePreviewExpanded: () => ct((e) => !e),
+						activeConversationId: m,
+						showDivider: !f && T === "chronological",
 						renderConversationCard: (e) => Z(e, { inPinnedSection: !0 })
 					}) : null,
-					!p && ft?.map((e) => /* @__PURE__ */ u(oe, {
-						to: v(`/conversations/task-${e.id}`),
-						onClick: f,
+					!f && xt?.map((e) => /* @__PURE__ */ l(oe, {
+						to: Fe(`/conversations/task-${e.id}`),
+						onClick: d,
 						className: "block",
-						children: /* @__PURE__ */ u(ve, { task: e })
+						children: /* @__PURE__ */ l(ve, { task: e })
 					}, e.id)),
-					!Q && p ? vt.map((e) => Z(e)) : null,
-					!Q && !p && O === "grouped" && K && K.length > 0 ? /* @__PURE__ */ u(De, {
-						groups: K,
-						groupIds: _t,
-						groupFolderOrder: j,
-						setGroupFolderOrder: Ge,
-						collapsedGroupIds: Xe,
-						expandedGroupPreviewIds: Ze,
-						onToggleGroupCollapsed: nt,
-						onToggleGroupPreviewExpanded: rt,
+					!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,
-						activeConversationId: h,
-						onLaunchFromGroup: Mt,
+						activeConversationId: m,
+						onLaunchFromGroup: Vt,
 						renderConversationCard: (e) => Z(e)
 					}) : null,
-					!Q && !p && O === "chronological" ? /* @__PURE__ */ u("div", {
+					!Q && !f && T === "chronological" ? /* @__PURE__ */ l("div", {
 						className: "space-y-0.5",
-						children: ht.map((e) => Z(e))
+						children: wt.map((e) => Z(e))
 					}) : null,
-					At && (wt ? /* @__PURE__ */ u("div", {
+					zt && (Nt ? /* @__PURE__ */ l("div", {
 						className: "py-1",
-						children: /* @__PURE__ */ u(o, { compact: p })
-					}) : /* @__PURE__ */ u("div", {
+						children: /* @__PURE__ */ l(ye, { compact: f })
+					}) : /* @__PURE__ */ l("div", {
 						className: "flex justify-center py-4",
-						children: /* @__PURE__ */ u("button", {
+						children: /* @__PURE__ */ l("button", {
 							type: "button",
 							"data-testid": "load-more-conversations",
-							onClick: Ct,
+							onClick: Mt,
 							className: "text-xs text-[var(--oh-muted)] hover:text-white",
-							children: m(t.CONVERSATION$LOAD_MORE)
+							children: p(t.CONVERSATION$LOAD_MORE)
 						})
 					}))
 				]
 			}),
-			Ne && /* @__PURE__ */ u(a, {
+			Le && /* @__PURE__ */ l(a, {
 				onConfirm: () => {
-					It(), y(!1), L(null);
+					Gt(), _(!1), P(null);
 				},
 				onCancel: () => {
-					y(!1), L(null);
+					_(!1), P(null);
 				},
-				conversationTitle: ot ?? void 0
+				conversationTitle: ht ?? void 0
 			}),
-			Ie && /* @__PURE__ */ u(a, {
-				title: m(t.CONVERSATION$CONFIRM_DELETE_ALL_TITLE),
-				description: m(t.CONVERSATION$CONFIRM_DELETE_ALL_DESC, { count: H.length }),
+			Ve && /* @__PURE__ */ l(a, {
+				title: p(t.CONVERSATION$CONFIRM_DELETE_ALL_TITLE),
+				description: p(t.CONVERSATION$CONFIRM_DELETE_ALL_DESC, { count: z.length }),
 				onConfirm: async () => {
-					await Rt(), S(!1);
+					await qt(), y(!1);
 				},
-				onCancel: () => S(!1)
+				onCancel: () => y(!1)
 			}),
-			Pe && /* @__PURE__ */ u(de, {
+			Re && /* @__PURE__ */ l(de, {
 				onConfirm: () => {
-					Lt(), b(!1);
+					Kt(), v(!1);
 				},
-				onCancel: () => b(!1)
+				onCancel: () => v(!1)
 			}),
-			Fe && /* @__PURE__ */ u(he, {
+			ze && /* @__PURE__ */ l(he, {
 				onConfirm: () => {
-					f?.();
+					d?.();
 				},
-				onClose: () => x(!1),
-				onCancel: () => x(!1)
+				onClose: () => Be(!1),
+				onCancel: () => Be(!1)
 			})
 		]
 	});
 }
 //#endregion
-export { p as ConversationPanel };
+export { f as ConversationPanel };
 
 //# sourceMappingURL=conversation-panel.js.map