@openhands/agent-canvas 1.9.0 → 1.10.0

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

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

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

@@ -8,33 +8,34 @@ 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 { 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 o } from "./conversation-card/conversation-card-skeleton.js";
 import { CompactConversationRow as ye } from "./compact-conversation-row.js";
-import { useConversationPanelPreferencesStore as o } from "../../../stores/conversation-panel-preferences-store.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 s } from "../../../stores/pinned-conversations-store.js";
-import c from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+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";
 //#region src/components/features/conversation-panel/conversation-panel.tsx
-var ke = () => {}, Ae = [], d = 3600 * 1e3, je = (e) => {
-	let t = Date.now() - d, n = [], r = [];
+var ke = () => {}, Ae = [], f = 3600 * 1e3, je = (e) => {
+	let t = Date.now() - f, n = [], r = [];
 	for (let i of e) {
 		let e = i.updated_at ? Date.parse(i.updated_at) : NaN;
 		Number.isFinite(e) && e < t ? r.push(i) : n.push(i);
@@ -44,122 +45,122 @@ var ke = () => {}, Ae = [], d = 3600 * 1e3, je = (e) => {
 		older: r
 	};
 };
-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) => {
+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) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), at = c.useCallback((e) => {
-		$e((t) => {
+	}, []), rt = l.useCallback((e) => {
+		P((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]);
-	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();
+	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();
 		return e.filter((e) => t.has(e.id) ? !1 : (t.add(e.id), !0));
-	}, [ut]), H = c.useMemo(() => Te(j, V), [V, j]);
-	c.useEffect(() => {
-		F && rt(g.id, V.map((e) => e.id));
+	}, [ct]), pt = l.useMemo(() => Te(F, H), [H, F]);
+	l.useEffect(() => {
+		z && tt(_.id, H.map((e) => e.id));
 	}, [
-		g.id,
-		V,
-		F,
-		rt
-	]), c.useEffect(() => {
-		j.length === 0 && tt(!1);
-	}, [j.length]);
-	let ft = c.useMemo(() => {
-		let e = D === "relevant" ? V.filter((e) => n(e.execution_status)) : V;
-		return f ? e : Ce(e, j);
+		_.id,
+		H,
+		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);
 	}, [
-		f,
-		V,
-		j,
-		D
-	]), { recent: U, older: W } = c.useMemo(() => je(ft), [ft]), pt = c.useMemo(() => Ee(b ? [...U, ...W] : U, E), [
+		p,
+		H,
+		F,
+		A
+	]), { recent: U, older: W } = l.useMemo(() => je(mt), [mt]), ht = l.useMemo(() => Ee(C ? [...U, ...W] : U, k), [
 		U,
 		W,
-		b,
-		E
-	]), mt = 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), [
-		g.kind,
-		f,
-		E,
-		mt,
+		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,
-		T,
+		O,
 		U,
-		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]);
-	c.useEffect(() => {
+		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(() => {
 		if (J !== null) {
 			if (q > J) {
 				Y(null);
 				return;
 			}
-			if (!I) {
+			if (!B) {
 				Y(null);
 				return;
 			}
-			L || R || z();
+			ut || V || dt();
 		}
 	}, [
 		J,
 		q,
-		I,
-		L,
-		R,
-		z
+		B,
+		ut,
+		V,
+		dt
 	]);
-	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 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({
 			workingDir: e.workingDir,
 			repository: e.repository,
 			entryPoint: "sidebar_relaunch_project"
 		}, { onSuccess: (e) => {
-			h(`/conversations/${e.conversation_id}`);
+			g(`/conversations/${e.conversation_id}`);
 		} });
 	}, [
-		Ot,
-		Z,
-		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({
+		jt,
+		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({
 			conversationId: e,
 			newTitle: n
 		}, { onSuccess: () => {
-			te(p(t.CONVERSATION$TITLE_UPDATED));
+			te(m(t.CONVERSATION$TITLE_UPDATED));
 		} });
-	}, [p, Tt]), Nt = () => {
-		M && St({ conversationId: M }, { onSuccess: () => {
-			M === m && h("/conversations");
+	}, [m, Ot]), It = () => {
+		I && Tt({ conversationId: I }, { onSuccess: () => {
+			I === h && g("/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;
-		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, {
+	}, 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, {
 			conversationId: e.id,
 			title: e.title ?? "",
 			selectedRepository: {
@@ -172,23 +173,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 === h,
+			onClose: f,
+			showRepositoryMetadata: w,
 			llmModel: e.llm_model,
-			showLlmProfiles: S,
+			showLlmProfiles: T,
 			agentKind: e.agent_kind,
 			acpServer: e.acp_server,
 			tags: e.tags,
-			showTags: C
-		}, e.id) : /* @__PURE__ */ l(re, {
+			showTags: E
+		}, e.id) : /* @__PURE__ */ u(re, {
 			placement: "right-start",
 			delay: 1e3,
 			closeDelay: 100,
-			isDisabled: !w || P === e.id,
+			isDisabled: !D || R === 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, {
+			content: /* @__PURE__ */ u(_e, {
 				title: e.title ?? "",
 				executionStatus: e.execution_status,
 				sandboxStatus: e.sandbox_status,
@@ -201,14 +202,14 @@ function f({ onClose: d, compact: f = !1 }) {
 				llmModel: e.llm_model,
 				createdAt: e.created_at
 			}),
-			children: /* @__PURE__ */ l(a, {
-				to: `/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),
+			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),
 					title: e.title ?? "",
 					selectedRepository: {
 						selected_repository: e.selected_repository,
@@ -220,180 +221,180 @@ 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),
-					isActive: e.id === m,
+					contextMenuOpen: R === e.id,
+					onContextMenuToggle: (t) => st(t ? e.id : null),
+					isActive: e.id === h,
 					workspaceWorkingDir: e.selected_workspace ?? e.workspace?.working_dir,
-					showRepositoryMetadata: x,
+					showRepositoryMetadata: w,
 					llmModel: e.llm_model,
-					showLlmProfiles: S,
+					showLlmProfiles: T,
 					agentKind: e.agent_kind,
 					acpServer: e.acp_server,
 					tags: e.tags,
-					showTags: C,
+					showTags: E,
 					isPinned: n,
-					onTogglePin: () => nt(g.id, e.id),
+					onTogglePin: () => et(_.id, e.id),
 					alwaysShowPinIcon: n && !t?.inPinnedSection
 				})
 			})
 		}, e.id);
 	}, [
-		g.id,
+		_.id,
+		p,
+		h,
+		Ft,
+		Nt,
+		Pt,
 		f,
-		m,
-		Mt,
-		At,
-		jt,
-		d,
-		P,
-		j,
-		x,
-		S,
-		C,
+		R,
+		F,
 		w,
-		nt
-	]), $ = dt || !F, It = !f && !$ && H.length > 0, Lt = F && !dt && !f && yt && !It && !B?.length;
-	return /* @__PURE__ */ u("div", {
+		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,
 		"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"),
-				children: /* @__PURE__ */ u("div", {
+			!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", {
 					"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__ */ u("span", {
 						className: "min-w-0 truncate text-sm font-medium text-[var(--oh-muted)]",
-						children: p(t.SIDEBAR$CONVERSATIONS)
-					}), /* @__PURE__ */ u("div", {
+						children: m(t.SIDEBAR$CONVERSATIONS)
+					}), /* @__PURE__ */ d("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,
-							backendKind: g.kind,
-							organizeMode: T,
-							setOrganizeMode: Ue,
-							conversationSort: E,
-							setConversationSort: We,
-							threadScope: D,
-							setThreadScope: Ge,
-							showOlderConversations: b,
-							toggleShowOlderConversations: Re,
-							showRepoBranchMetadata: x,
-							toggleShowRepoBranchMetadata: ze,
-							showLlmProfiles: S,
-							toggleShowLlmProfiles: Be,
-							showTagsMetadata: C,
-							toggleShowTagsMetadata: Ve,
-							showHoverMetadata: w,
-							toggleShowHoverMetadata: He,
-							totalConversationsCount: V.length,
-							onRequestDeleteAll: () => y(!0)
+						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)
 						})]
 					})]
 				})
 			}),
-			/* @__PURE__ */ u("div", {
-				ref: ot,
+			/* @__PURE__ */ d("div", {
+				ref: it,
 				"data-testid": "conversation-panel-list-scroll",
 				onScroll: (e) => {
-					Ye(e.currentTarget.scrollTop > 0);
+					Je(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", !p && "conversation-panel-list-scroll"),
 				children: [
-					$ && /* @__PURE__ */ l(ve, { compact: f }),
-					!f && Lt && /* @__PURE__ */ l("div", {
+					Q && /* @__PURE__ */ u(o, { compact: p }),
+					!p && zt && /* @__PURE__ */ u("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__ */ u("p", {
 							className: "text-xs text-[var(--oh-muted)]",
-							children: p(t.CONVERSATION$NO_CONVERSATIONS)
+							children: m(t.CONVERSATION$NO_CONVERSATIONS)
 						})
 					}),
-					It ? /* @__PURE__ */ l(Oe, {
-						pinnedConversations: H,
-						isPreviewExpanded: et,
-						onTogglePreviewExpanded: () => tt((e) => !e),
-						activeConversationId: m,
-						showDivider: !f && T === "chronological",
-						renderConversationCard: (e) => Q(e, { inPinnedSection: !0 })
+					$ ? /* @__PURE__ */ u(Oe, {
+						pinnedConversations: pt,
+						isPreviewExpanded: Qe,
+						onTogglePreviewExpanded: () => $e((e) => !e),
+						activeConversationId: h,
+						showDivider: !p && O === "chronological",
+						renderConversationCard: (e) => Z(e, { inPinnedSection: !0 })
 					}) : null,
-					!f && B?.map((e) => /* @__PURE__ */ l(a, {
-						to: `/conversations/task-${e.id}`,
-						onClick: d,
+					!p && ft?.map((e) => /* @__PURE__ */ u(oe, {
+						to: v(`/conversations/task-${e.id}`),
+						onClick: f,
 						className: "block",
-						children: /* @__PURE__ */ l(_e, { task: e })
+						children: /* @__PURE__ */ u(ve, { task: e })
 					}, e.id)),
-					!$ && f ? gt.map((e) => Q(e)) : null,
-					!$ && !f && T === "grouped" && K && K.length > 0 ? /* @__PURE__ */ l(De, {
+					!Q && p ? vt.map((e) => Z(e)) : null,
+					!Q && !p && O === "grouped" && K && K.length > 0 ? /* @__PURE__ */ u(De, {
 						groups: K,
-						groupIds: ht,
-						groupFolderOrder: O,
-						setGroupFolderOrder: Ke,
-						collapsedGroupIds: Ze,
-						expandedGroupPreviewIds: Qe,
-						onToggleGroupCollapsed: it,
-						onToggleGroupPreviewExpanded: at,
-						isCreatingConversationFlow: Z,
-						activeConversationId: m,
-						onLaunchFromGroup: kt,
-						renderConversationCard: (e) => Q(e)
+						groupIds: _t,
+						groupFolderOrder: j,
+						setGroupFolderOrder: Ge,
+						collapsedGroupIds: Xe,
+						expandedGroupPreviewIds: Ze,
+						onToggleGroupCollapsed: nt,
+						onToggleGroupPreviewExpanded: rt,
+						isCreatingConversationFlow: X,
+						activeConversationId: h,
+						onLaunchFromGroup: Mt,
+						renderConversationCard: (e) => Z(e)
 					}) : null,
-					!$ && !f && T === "chronological" ? /* @__PURE__ */ l("div", {
+					!Q && !p && O === "chronological" ? /* @__PURE__ */ u("div", {
 						className: "space-y-0.5",
-						children: pt.map((e) => Q(e))
+						children: ht.map((e) => Z(e))
 					}) : null,
-					Dt && (xt ? /* @__PURE__ */ l("div", {
+					At && (wt ? /* @__PURE__ */ u("div", {
 						className: "py-1",
-						children: /* @__PURE__ */ l(ve, { compact: f })
-					}) : /* @__PURE__ */ l("div", {
+						children: /* @__PURE__ */ u(o, { compact: p })
+					}) : /* @__PURE__ */ u("div", {
 						className: "flex justify-center py-4",
-						children: /* @__PURE__ */ l("button", {
+						children: /* @__PURE__ */ u("button", {
 							type: "button",
 							"data-testid": "load-more-conversations",
-							onClick: bt,
+							onClick: Ct,
 							className: "text-xs text-[var(--oh-muted)] hover:text-white",
-							children: p(t.CONVERSATION$LOAD_MORE)
+							children: m(t.CONVERSATION$LOAD_MORE)
 						})
 					}))
 				]
 			}),
-			Ne && /* @__PURE__ */ l(ue, {
+			Ne && /* @__PURE__ */ u(a, {
 				onConfirm: () => {
-					Nt(), _(!1), N(null);
+					It(), y(!1), L(null);
 				},
 				onCancel: () => {
-					_(!1), N(null);
+					y(!1), L(null);
 				},
-				conversationTitle: ct ?? void 0
+				conversationTitle: ot ?? void 0
 			}),
-			Le && /* @__PURE__ */ l(ue, {
-				title: p(t.CONVERSATION$CONFIRM_DELETE_ALL_TITLE),
-				description: p(t.CONVERSATION$CONFIRM_DELETE_ALL_DESC, { count: V.length }),
+			Ie && /* @__PURE__ */ u(a, {
+				title: m(t.CONVERSATION$CONFIRM_DELETE_ALL_TITLE),
+				description: m(t.CONVERSATION$CONFIRM_DELETE_ALL_DESC, { count: H.length }),
 				onConfirm: async () => {
-					await Ft(), y(!1);
+					await Rt(), S(!1);
 				},
-				onCancel: () => y(!1)
+				onCancel: () => S(!1)
 			}),
-			Pe && /* @__PURE__ */ l(de, {
+			Pe && /* @__PURE__ */ u(de, {
 				onConfirm: () => {
-					Pt(), v(!1);
+					Lt(), b(!1);
 				},
-				onCancel: () => v(!1)
+				onCancel: () => b(!1)
 			}),
-			Fe && /* @__PURE__ */ l(me, {
+			Fe && /* @__PURE__ */ u(he, {
 				onConfirm: () => {
-					d?.();
+					f?.();
 				},
-				onClose: () => Ie(!1),
-				onCancel: () => Ie(!1)
+				onClose: () => x(!1),
+				onCancel: () => x(!1)
 			})
 		]
 	});
 }
 //#endregion
-export { f as ConversationPanel };
+export { p as ConversationPanel };
 
 //# sourceMappingURL=conversation-panel.js.map