@openhands/agent-canvas 1.9.0 → 1.11.0

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

@@ -8,32 +8,33 @@ import { useActiveBackend as ne } from "../../../contexts/active-backend-context
 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 a } from "../../shared/navigation-link.js";
-import { useDeleteConversation as oe } from "../../../hooks/mutation/use-delete-conversation.js";
-import { useUnifiedPauseConversation as se } from "../../../hooks/mutation/use-unified-stop-conversation.js";
-import { useIsCreatingConversation as ce } from "../../../hooks/use-is-creating-conversation.js";
-import { useUpdateConversation as le } from "../../../hooks/mutation/use-update-conversation.js";
-import { ConfirmDeleteModal as ue } from "./confirm-delete-modal.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 { usePaginatedConversations as fe } from "../../../hooks/query/use-paginated-conversations.js";
-import { useStartTasks as pe } from "../../../hooks/query/use-start-tasks.js";
-import { ExitConversationModal as me } from "./exit-conversation-modal.js";
-import { ConversationCard as he } from "./conversation-card/conversation-card.js";
-import { ConversationCardPreview as ge } from "./conversation-card/conversation-card-preview.js";
-import { StartTaskCard as _e } from "./start-task-card/start-task-card.js";
-import { ConversationCardSkeleton as ve } from "./conversation-card/conversation-card-skeleton.js";
-import { CompactConversationRow as ye } from "./compact-conversation-row.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 { 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 { 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 = [], d = 3600 * 1e3, je = (e) => {
+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;
@@ -45,88 +46,93 @@ var ke = () => {}, Ae = [], d = 3600 * 1e3, je = (e) => {
 	};
 };
 function f({ onClose: d, compact: f = !1 }) {
-	let { t: p } = e("openhands"), { conversationId: m, navigate: h } = i(), { backend: g } = ne(), Me = ie(d ?? ke), [Ne, _] = c.useState(!1), [Pe, v] = c.useState(!1), [Fe, Ie] = c.useState(!1), [Le, y] = c.useState(!1), b = o((e) => e.showOlderConversations), Re = o((e) => e.toggleShowOlderConversations), x = o((e) => e.showRepoBranchMetadata), ze = o((e) => e.toggleShowRepoBranchMetadata), S = o((e) => e.showLlmProfiles), Be = o((e) => e.toggleShowLlmProfiles), C = o((e) => e.showTagsMetadata), Ve = o((e) => e.toggleShowTagsMetadata), w = o((e) => e.showHoverMetadata), He = o((e) => e.toggleShowHoverMetadata), T = o((e) => e.organizeMode), Ue = o((e) => e.setOrganizeMode), E = o((e) => e.conversationSort), We = o((e) => e.setConversationSort), D = o((e) => e.threadScope), Ge = o((e) => e.setThreadScope), O = o((e) => e.groupFolderOrder), Ke = o((e) => e.setGroupFolderOrder), [qe, k] = c.useState(!1), [Je, Ye] = c.useState(!1), Xe = ie(() => {
-		k(!1);
-	}), [Ze, A] = c.useState(() => /* @__PURE__ */ new Set()), [Qe, $e] = c.useState(() => /* @__PURE__ */ new Set()), [et, tt] = c.useState(!1), j = s((e) => e.pinsByBackendId[g.id] ?? Ae), nt = s((e) => e.togglePin), rt = s((e) => e.pruneMissingConversations), it = c.useCallback((e) => {
-		A((t) => {
+	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;
 		});
-	}, []), at = c.useCallback((e) => {
-		$e((t) => {
+	}, []), ft = c.useCallback((e) => {
+		ot((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
 	}, []);
 	c.useEffect(() => {
-		T !== "grouped" && (A(/* @__PURE__ */ new Set()), $e(/* @__PURE__ */ new Set()));
+		T !== "grouped" && (j(/* @__PURE__ */ new Set()), ot(/* @__PURE__ */ new Set()));
 	}, [T]);
-	let ot = c.useRef(null), [M, st] = c.useState(null), [ct, N] = c.useState(null), [P, lt] = c.useState(null), { data: ut, isLoading: dt, isFetched: F, hasNextPage: I, isFetching: L, isFetchingNextPage: R, fetchNextPage: z } = fe(), { data: B } = pe(), V = c.useMemo(() => {
-		let e = ut?.pages.flatMap((e) => e.items) ?? [], t = /* @__PURE__ */ new Set();
+	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));
-	}, [ut]), H = c.useMemo(() => Te(j, V), [V, j]);
+	}, [_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(() => {
-		F && rt(g.id, V.map((e) => e.id));
+		I && ut(g.id, z.map((e) => e.id));
 	}, [
 		g.id,
-		V,
-		F,
-		rt
+		z,
+		I,
+		ut
 	]), c.useEffect(() => {
-		j.length === 0 && tt(!1);
-	}, [j.length]);
-	let ft = c.useMemo(() => {
+		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 : Ce(e, j);
+		return f ? e : we(e, M);
 	}, [
-		f,
 		V,
-		j,
+		f,
+		M,
 		D
-	]), { recent: U, older: W } = c.useMemo(() => je(ft), [ft]), pt = c.useMemo(() => Ee(b ? [...U, ...W] : U, E), [
+	]), { recent: H, older: U } = c.useMemo(() => Pe(Ct), [Ct]), wt = c.useMemo(() => De(b ? [...H, ...U] : H, E), [
+		H,
 		U,
-		W,
 		b,
 		E
-	]), mt = c.useMemo(() => ({
+	]), Tt = c.useMemo(() => ({
 		emptyWorkspace: p(t.CONVERSATION_PANEL$NO_WORKSPACE),
 		emptyRepository: p(t.CONVERSATION_PANEL$NO_REPOSITORY)
-	}), [p]), G = c.useMemo(() => f || T !== "grouped" ? null : we([...U, ...b ? W : []], g.kind, E, mt), [
+	}), [p]), W = c.useMemo(() => f || T !== "grouped" ? null : Te([...H, ...b ? U : []], g.kind, E, Tt), [
 		g.kind,
 		f,
 		E,
-		mt,
-		W,
-		T,
+		Tt,
 		U,
+		T,
+		H,
 		b
-	]), K = c.useMemo(() => G ? Se(G, O) : null, [G, O]), ht = c.useMemo(() => G?.map((e) => e.id) ?? [], [G]), gt = c.useMemo(() => Ee(U.filter((e) => n(e.execution_status)), E), [E, U]), _t = pt.length, vt = c.useMemo(() => K ? K.reduce((e, t) => e + t.conversations.length, 0) : 0, [K]), yt = T === "grouped" && !f ? vt === 0 : _t === 0, q = T === "grouped" && !f ? vt : _t, [J, Y] = c.useState(null), X = c.useRef(q);
-	X.current = q;
-	let bt = c.useCallback(() => {
-		I && Y(X.current);
-	}, [I]);
+	]), 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 (!I) {
+			if (!L) {
 				Y(null);
 				return;
 			}
-			L || R || z();
+			yt || R || bt();
 		}
 	}, [
 		J,
 		q,
-		I,
 		L,
+		yt,
 		R,
-		z
+		bt
 	]);
-	let xt = J !== null || R, { mutate: St, mutateAsync: Ct } = oe(), { mutate: wt } = se(), { mutate: Tt } = le(), Et = W.length > 0 && !b, Dt = !!I && !Et && !f && !yt, { mutate: Ot } = ae(), Z = ce(), kt = c.useCallback((e) => {
-		Z || Ot({
+	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"
@@ -134,32 +140,32 @@ function f({ onClose: d, compact: f = !1 }) {
 			h(`/conversations/${e.conversation_id}`);
 		} });
 	}, [
-		Ot,
-		Z,
+		Bt,
+		X,
 		h
-	]), At = c.useCallback((e, t) => {
-		_(!0), st(e), N(t);
-	}, []), jt = c.useCallback((e) => {
-		v(!0), st(e);
-	}, []), Mt = c.useCallback((e, n) => {
-		Tt({
+	]), 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(p(t.CONVERSATION$TITLE_UPDATED));
 		} });
-	}, [p, Tt]), Nt = () => {
-		M && St({ conversationId: M }, { onSuccess: () => {
-			M === m && h("/conversations");
+	}, [p, Lt]), Gt = () => {
+		N && Pt({ conversationId: N }, { onSuccess: () => {
+			N === m && h("/conversations");
 		} });
-	}, Pt = () => {
-		M && wt({ conversationId: M });
-	}, Ft = async () => {
-		let e = V.map((e) => e.id), t = await Promise.allSettled(e.map((e) => Ct({ conversationId: e }))), n = t.flatMap((t, n) => t.status === "fulfilled" ? [e[n]] : []), r = t.length - n.length;
+	}, 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.`);
-	}, Q = c.useCallback((e, t) => {
-		let n = j.includes(e.id);
-		return f ? /* @__PURE__ */ l(ye, {
+	}, Z = c.useCallback((e, t) => {
+		let n = M.includes(e.id);
+		return f ? /* @__PURE__ */ l(be, {
 			conversationId: e.id,
 			title: e.title ?? "",
 			selectedRepository: {
@@ -185,10 +191,10 @@ function f({ onClose: d, compact: f = !1 }) {
 			placement: "right-start",
 			delay: 1e3,
 			closeDelay: 100,
-			isDisabled: !w || P === 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__ */ l(ge, {
+			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,
@@ -199,16 +205,19 @@ function f({ onClose: d, compact: f = !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__ */ l(a, {
-				to: `/conversations/${e.id}`,
+			children: /* @__PURE__ */ l(oe, {
+				to: Fe(`/conversations/${e.id}`),
 				onClick: d,
-				className: r("block rounded-md transition-colors", P !== e.id && "hover:bg-[var(--oh-surface)]", (e.id === m || P === e.id) && "bg-[var(--oh-surface)]"),
-				children: /* @__PURE__ */ l(he, {
-					onDelete: () => At(e.id, e.title ?? ""),
-					onStop: () => jt(e.id),
-					onChangeTitle: (t) => Mt(e.id, t),
+				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,
@@ -220,8 +229,8 @@ function f({ onClose: d, compact: f = !1 }) {
 					executionStatus: e.execution_status,
 					sandboxStatus: e.sandbox_status,
 					conversationId: e.id,
-					contextMenuOpen: P === e.id,
-					onContextMenuToggle: (t) => lt(t ? e.id : null),
+					contextMenuOpen: F === e.id,
+					onContextMenuToggle: (t) => gt(t ? e.id : null),
 					isActive: e.id === m,
 					workspaceWorkingDir: e.selected_workspace ?? e.workspace?.working_dir,
 					showRepositoryMetadata: x,
@@ -232,7 +241,7 @@ function f({ onClose: d, compact: f = !1 }) {
 					tags: e.tags,
 					showTags: C,
 					isPinned: n,
-					onTogglePin: () => nt(g.id, e.id),
+					onTogglePin: () => lt(g.id, e.id),
 					alwaysShowPinIcon: n && !t?.inPinnedSection
 				})
 			})
@@ -241,25 +250,25 @@ function f({ onClose: d, compact: f = !1 }) {
 		g.id,
 		f,
 		m,
-		Mt,
-		At,
-		jt,
+		Wt,
+		Ht,
+		Ut,
 		d,
-		P,
-		j,
+		F,
+		M,
 		x,
 		S,
 		C,
 		w,
-		nt
-	]), $ = dt || !F, It = !f && !$ && H.length > 0, Lt = F && !dt && !f && yt && !It && !B?.length;
+		lt
+	]), Q = vt || !I, $ = !f && !Q && St.length > 0, Jt = I && !vt && !f && K && !$ && !xt?.length;
 	return /* @__PURE__ */ u("div", {
-		ref: Me,
+		ref: Ie,
 		"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", Je ? "border-[var(--oh-border)]" : "border-transparent"),
+				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)]",
@@ -268,127 +277,132 @@ 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(xe, { backendKind: g.kind }), /* @__PURE__ */ l(be, {
-							filterMenuOpen: qe,
-							setFilterMenuOpen: k,
-							menuRef: Xe,
+						children: [/* @__PURE__ */ l(ke, { backendKind: g.kind }), /* @__PURE__ */ l(Oe, {
+							filterMenuOpen: $e,
+							setFilterMenuOpen: et,
+							menuRef: rt,
 							backendKind: g.kind,
 							organizeMode: T,
-							setOrganizeMode: Ue,
+							setOrganizeMode: qe,
 							conversationSort: E,
-							setConversationSort: We,
+							setConversationSort: Je,
 							threadScope: D,
-							setThreadScope: Ge,
+							setThreadScope: Ye,
+							automationFilterMode: O,
+							setAutomationFilterMode: Xe,
+							selectedAutomationNames: k,
+							onToggleAutomationName: Ze,
+							automationNameFacets: B,
 							showOlderConversations: b,
-							toggleShowOlderConversations: Re,
+							toggleShowOlderConversations: He,
 							showRepoBranchMetadata: x,
-							toggleShowRepoBranchMetadata: ze,
+							toggleShowRepoBranchMetadata: Ue,
 							showLlmProfiles: S,
-							toggleShowLlmProfiles: Be,
+							toggleShowLlmProfiles: We,
 							showTagsMetadata: C,
-							toggleShowTagsMetadata: Ve,
+							toggleShowTagsMetadata: Ge,
 							showHoverMetadata: w,
-							toggleShowHoverMetadata: He,
-							totalConversationsCount: V.length,
+							toggleShowHoverMetadata: Ke,
+							totalConversationsCount: z.length,
 							onRequestDeleteAll: () => y(!0)
 						})]
 					})]
 				})
 			}),
 			/* @__PURE__ */ u("div", {
-				ref: ot,
+				ref: pt,
 				"data-testid": "conversation-panel-list-scroll",
 				onScroll: (e) => {
-					Ye(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", !f && "conversation-panel-list-scroll"),
 				children: [
-					$ && /* @__PURE__ */ l(ve, { compact: f }),
-					!f && Lt && /* @__PURE__ */ l("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__ */ l("p", {
 							className: "text-xs text-[var(--oh-muted)]",
-							children: p(t.CONVERSATION$NO_CONVERSATIONS)
+							children: p(At ? t.CONVERSATION_PANEL$NO_AUTOMATION_MATCHES : t.CONVERSATION$NO_CONVERSATIONS)
 						})
 					}),
-					It ? /* @__PURE__ */ l(Oe, {
-						pinnedConversations: H,
-						isPreviewExpanded: et,
-						onTogglePreviewExpanded: () => tt((e) => !e),
+					$ ? /* @__PURE__ */ l(je, {
+						pinnedConversations: St,
+						isPreviewExpanded: st,
+						onTogglePreviewExpanded: () => ct((e) => !e),
 						activeConversationId: m,
 						showDivider: !f && T === "chronological",
-						renderConversationCard: (e) => Q(e, { inPinnedSection: !0 })
+						renderConversationCard: (e) => Z(e, { inPinnedSection: !0 })
 					}) : null,
-					!f && B?.map((e) => /* @__PURE__ */ l(a, {
-						to: `/conversations/task-${e.id}`,
+					!f && xt?.map((e) => /* @__PURE__ */ l(oe, {
+						to: Fe(`/conversations/task-${e.id}`),
 						onClick: d,
 						className: "block",
-						children: /* @__PURE__ */ l(_e, { task: e })
+						children: /* @__PURE__ */ l(ve, { task: e })
 					}, e.id)),
-					!$ && f ? gt.map((e) => Q(e)) : null,
-					!$ && !f && T === "grouped" && K && K.length > 0 ? /* @__PURE__ */ l(De, {
-						groups: K,
-						groupIds: ht,
-						groupFolderOrder: O,
-						setGroupFolderOrder: Ke,
-						collapsedGroupIds: Ze,
-						expandedGroupPreviewIds: Qe,
-						onToggleGroupCollapsed: it,
-						onToggleGroupPreviewExpanded: at,
-						isCreatingConversationFlow: Z,
+					!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: m,
-						onLaunchFromGroup: kt,
-						renderConversationCard: (e) => Q(e)
+						onLaunchFromGroup: Vt,
+						renderConversationCard: (e) => Z(e)
 					}) : null,
-					!$ && !f && T === "chronological" ? /* @__PURE__ */ l("div", {
+					!Q && !f && T === "chronological" ? /* @__PURE__ */ l("div", {
 						className: "space-y-0.5",
-						children: pt.map((e) => Q(e))
+						children: wt.map((e) => Z(e))
 					}) : null,
-					Dt && (xt ? /* @__PURE__ */ l("div", {
+					zt && (Nt ? /* @__PURE__ */ l("div", {
 						className: "py-1",
-						children: /* @__PURE__ */ l(ve, { compact: f })
+						children: /* @__PURE__ */ l(ye, { compact: f })
 					}) : /* @__PURE__ */ l("div", {
 						className: "flex justify-center py-4",
 						children: /* @__PURE__ */ l("button", {
 							type: "button",
 							"data-testid": "load-more-conversations",
-							onClick: bt,
+							onClick: Mt,
 							className: "text-xs text-[var(--oh-muted)] hover:text-white",
 							children: p(t.CONVERSATION$LOAD_MORE)
 						})
 					}))
 				]
 			}),
-			Ne && /* @__PURE__ */ l(ue, {
+			Le && /* @__PURE__ */ l(a, {
 				onConfirm: () => {
-					Nt(), _(!1), N(null);
+					Gt(), _(!1), P(null);
 				},
 				onCancel: () => {
-					_(!1), N(null);
+					_(!1), P(null);
 				},
-				conversationTitle: ct ?? void 0
+				conversationTitle: ht ?? void 0
 			}),
-			Le && /* @__PURE__ */ l(ue, {
+			Ve && /* @__PURE__ */ l(a, {
 				title: p(t.CONVERSATION$CONFIRM_DELETE_ALL_TITLE),
-				description: p(t.CONVERSATION$CONFIRM_DELETE_ALL_DESC, { count: V.length }),
+				description: p(t.CONVERSATION$CONFIRM_DELETE_ALL_DESC, { count: z.length }),
 				onConfirm: async () => {
-					await Ft(), y(!1);
+					await qt(), y(!1);
 				},
 				onCancel: () => y(!1)
 			}),
-			Pe && /* @__PURE__ */ l(de, {
+			Re && /* @__PURE__ */ l(de, {
 				onConfirm: () => {
-					Pt(), v(!1);
+					Kt(), v(!1);
 				},
 				onCancel: () => v(!1)
 			}),
-			Fe && /* @__PURE__ */ l(me, {
+			ze && /* @__PURE__ */ l(he, {
 				onConfirm: () => {
 					d?.();
 				},
-				onClose: () => Ie(!1),
-				onCancel: () => Ie(!1)
+				onClose: () => Be(!1),
+				onCancel: () => Be(!1)
 			})
 		]
 	});