@openhands/agent-canvas 1.0.0-beta.6 → 1.0.0-beta.7

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

@@ -1,38 +1,38 @@
 import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../../../i18n/declaration.js";
-import { cn as n } from "../../../utils/utils.js";
-import { useNavigation as r } from "../../../context/navigation-context.js";
-import { useActiveBackend as i } from "../../../contexts/active-backend-context.js";
+import { isExecutionActive as n } from "../../../utils/status.js";
+import { cn as r } from "../../../utils/utils.js";
+import { useNavigation as i } from "../../../context/navigation-context.js";
+import { useActiveBackend as a } from "../../../contexts/active-backend-context.js";
 import { Folder as ee } from "../../../node_modules/lucide-react/dist/esm/icons/folder.js";
 import { Plus as te } from "../../../node_modules/lucide-react/dist/esm/icons/plus.js";
-import { displayErrorToast as a, displaySuccessToast as o } from "../../../utils/custom-toast-handlers.js";
-import { isExecutionActive as s } from "../../../utils/status.js";
+import { displayErrorToast as o, displaySuccessToast as s } from "../../../utils/custom-toast-handlers.js";
 import { useClickOutsideElement as c } from "../../../hooks/use-click-outside-element.js";
-import { useCreateConversation as ne } from "../../../hooks/mutation/use-create-conversation.js";
-import { NavigationLink as l } from "../../shared/navigation-link.js";
+import { useCreateConversation as l } from "../../../hooks/mutation/use-create-conversation.js";
+import { NavigationLink as ne } from "../../shared/navigation-link.js";
 import { useDeleteConversation as re } from "../../../hooks/mutation/use-delete-conversation.js";
 import { useUnifiedPauseConversation as ie } from "../../../hooks/mutation/use-unified-stop-conversation.js";
 import { LoadingSpinner as ae } from "../../shared/loading-spinner.js";
 import { useUpdateConversation as oe } from "../../../hooks/mutation/use-update-conversation.js";
-import { ConfirmDeleteModal as se } from "./confirm-delete-modal.js";
-import { ConfirmStopModal as ce } from "./confirm-stop-modal.js";
-import { usePaginatedConversations as le } from "../../../hooks/query/use-paginated-conversations.js";
-import { useStartTasks as ue } from "../../../hooks/query/use-start-tasks.js";
-import { ExitConversationModal as de } from "./exit-conversation-modal.js";
-import { useIsCreatingConversation as fe } from "../../../hooks/use-is-creating-conversation.js";
-import { ConversationCard as pe } from "./conversation-card/conversation-card.js";
-import { StartTaskCard as me } from "./start-task-card/start-task-card.js";
-import { ConversationCardSkeleton as he } from "./conversation-card/conversation-card-skeleton.js";
-import { CompactConversationRow as ge } from "./compact-conversation-row.js";
-import { useConversationPanelPreferencesStore as u } from "../../../stores/conversation-panel-preferences-store.js";
-import { ConversationPanelFilterMenu as _e } from "./conversation-panel-filter-menu.js";
-import { ConversationPanelNewThreadPicker as ve } from "./conversation-panel-new-thread-picker.js";
-import { getGroupConversationPreview as ye, groupConversations as be, sortConversationsByField as d } from "./conversation-panel-list-helpers.js";
-import f from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { ConfirmDeleteModal as u } from "./confirm-delete-modal.js";
+import { ConfirmStopModal as se } from "./confirm-stop-modal.js";
+import { usePaginatedConversations as ce } from "../../../hooks/query/use-paginated-conversations.js";
+import { useStartTasks as le } from "../../../hooks/query/use-start-tasks.js";
+import { ExitConversationModal as ue } from "./exit-conversation-modal.js";
+import { useIsCreatingConversation as de } from "../../../hooks/use-is-creating-conversation.js";
+import { ConversationCard as fe } from "./conversation-card/conversation-card.js";
+import { StartTaskCard as pe } from "./start-task-card/start-task-card.js";
+import { ConversationCardSkeleton as me } from "./conversation-card/conversation-card-skeleton.js";
+import { CompactConversationRow as he } from "./compact-conversation-row.js";
+import { useConversationPanelPreferencesStore as d } from "../../../stores/conversation-panel-preferences-store.js";
+import { ConversationPanelFilterMenu as ge } from "./conversation-panel-filter-menu.js";
+import { ConversationPanelNewThreadPicker as _e } from "./conversation-panel-new-thread-picker.js";
+import { getGroupConversationPreview as ve, groupConversations as ye, sortConversationsByField as f } from "./conversation-panel-list-helpers.js";
+import p from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/features/conversation-panel/conversation-panel.tsx
-var xe = () => {}, h = 3600 * 1e3, Se = (e) => {
-	let t = Date.now() - h, n = [], r = [];
+var be = () => {}, g = 3600 * 1e3, xe = (e) => {
+	let t = Date.now() - g, 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);
@@ -42,72 +42,72 @@ var xe = () => {}, h = 3600 * 1e3, Se = (e) => {
 		older: r
 	};
 };
-function g({ onClose: h, compact: g = !1 }) {
-	let { t: _ } = e("openhands"), { conversationId: v, navigate: y } = r(), { backend: b } = i(), Ce = c(h ?? xe), [we, x] = f.useState(!1), [Te, S] = f.useState(!1), [Ee, De] = f.useState(!1), [Oe, C] = f.useState(!1), w = u((e) => e.showOlderConversations), ke = u((e) => e.toggleShowOlderConversations), T = u((e) => e.showRepoBranchMetadata), Ae = u((e) => e.toggleShowRepoBranchMetadata), E = u((e) => e.showLlmProfiles), je = u((e) => e.toggleShowLlmProfiles), D = u((e) => e.organizeMode), Me = u((e) => e.setOrganizeMode), O = u((e) => e.conversationSort), Ne = u((e) => e.setConversationSort), k = u((e) => e.threadScope), Pe = u((e) => e.setThreadScope), [Fe, A] = f.useState(!1), [Ie, Le] = f.useState(!1), Re = c(() => {
-		A(!1);
-	}), [ze, j] = f.useState(() => /* @__PURE__ */ new Set()), [Be, M] = f.useState(() => /* @__PURE__ */ new Set()), Ve = f.useCallback((e) => {
-		j((t) => {
+function _({ onClose: g, compact: _ = !1 }) {
+	let { t: v } = e("openhands"), { conversationId: y, navigate: b } = i(), { backend: x } = a(), Se = c(g ?? be), [Ce, S] = p.useState(!1), [we, C] = p.useState(!1), [Te, w] = p.useState(!1), [Ee, T] = p.useState(!1), E = d((e) => e.showOlderConversations), De = d((e) => e.toggleShowOlderConversations), D = d((e) => e.showRepoBranchMetadata), Oe = d((e) => e.toggleShowRepoBranchMetadata), O = d((e) => e.showLlmProfiles), ke = d((e) => e.toggleShowLlmProfiles), k = d((e) => e.organizeMode), Ae = d((e) => e.setOrganizeMode), A = d((e) => e.conversationSort), je = d((e) => e.setConversationSort), j = d((e) => e.threadScope), Me = d((e) => e.setThreadScope), [Ne, M] = p.useState(!1), [Pe, Fe] = p.useState(!1), Ie = c(() => {
+		M(!1);
+	}), [Le, N] = p.useState(() => /* @__PURE__ */ new Set()), [Re, ze] = p.useState(() => /* @__PURE__ */ new Set()), Be = p.useCallback((e) => {
+		N((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), He = f.useCallback((e) => {
-		M((t) => {
+	}, []), Ve = p.useCallback((e) => {
+		ze((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
 	}, []);
-	f.useEffect(() => {
-		D !== "grouped" && (j(/* @__PURE__ */ new Set()), M(/* @__PURE__ */ new Set()));
-	}, [D]);
-	let Ue = f.useRef(null), [N, We] = f.useState(null), [Ge, P] = f.useState(null), [F, Ke] = f.useState(null), { data: I, isLoading: L, isFetched: R, hasNextPage: qe, isFetchingNextPage: Je, fetchNextPage: Ye } = le(), { data: z } = ue(), B = f.useMemo(() => I?.pages.flatMap((e) => e.items) ?? [], [I]), V = f.useMemo(() => k === "relevant" ? B.filter((e) => s(e.execution_status)) : B, [B, k]), { recent: H, older: U } = f.useMemo(() => Se(V), [V]), W = f.useMemo(() => d(w ? [...H, ...U] : H, O), [
-		H,
+	p.useEffect(() => {
+		k !== "grouped" && (N(/* @__PURE__ */ new Set()), ze(/* @__PURE__ */ new Set()));
+	}, [k]);
+	let He = p.useRef(null), [P, Ue] = p.useState(null), [We, F] = p.useState(null), [I, Ge] = p.useState(null), { data: L, isLoading: R, isFetched: z, hasNextPage: Ke, isFetchingNextPage: qe, fetchNextPage: Je } = ce(), { data: B } = le(), V = p.useMemo(() => L?.pages.flatMap((e) => e.items) ?? [], [L]), H = p.useMemo(() => j === "relevant" ? V.filter((e) => n(e.execution_status)) : V, [V, j]), { recent: U, older: W } = p.useMemo(() => xe(H), [H]), G = p.useMemo(() => f(E ? [...U, ...W] : U, A), [
 		U,
-		w,
-		O
-	]), G = f.useMemo(() => ({
-		emptyWorkspace: _(t.CONVERSATION_PANEL$NO_WORKSPACE),
-		emptyRepository: _(t.CONVERSATION_PANEL$NO_REPOSITORY)
-	}), [_]), K = f.useMemo(() => g || D !== "grouped" ? null : be([...H, ...w ? U : []], b.kind, O, G), [
-		b.kind,
-		g,
-		O,
-		G,
+		W,
+		E,
+		A
+	]), K = p.useMemo(() => ({
+		emptyWorkspace: v(t.CONVERSATION_PANEL$NO_WORKSPACE),
+		emptyRepository: v(t.CONVERSATION_PANEL$NO_REPOSITORY)
+	}), [v]), q = p.useMemo(() => _ || k !== "grouped" ? null : ye([...U, ...E ? W : []], x.kind, A, K), [
+		x.kind,
+		_,
+		A,
+		K,
+		W,
+		k,
 		U,
-		D,
-		H,
-		w
-	]), Xe = f.useMemo(() => d(H.filter((e) => s(e.execution_status)), O), [O, H]), Ze = W.length, Qe = f.useMemo(() => K ? K.reduce((e, t) => e + t.conversations.length, 0) : 0, [K]), q = D === "grouped" && !g ? Qe === 0 : Ze === 0, { mutate: $e, mutateAsync: et } = re(), { mutate: tt } = ie(), { mutate: J } = oe(), nt = U.length > 0 && !w, rt = !!qe && !nt && !g && !q, { mutate: Y } = ne(), X = fe(), it = f.useCallback((e) => {
-		X || Y({
+		E
+	]), Ye = p.useMemo(() => f(U.filter((e) => n(e.execution_status)), A), [A, U]), Xe = G.length, Ze = p.useMemo(() => q ? q.reduce((e, t) => e + t.conversations.length, 0) : 0, [q]), J = k === "grouped" && !_ ? Ze === 0 : Xe === 0, { mutate: Qe, mutateAsync: $e } = re(), { mutate: et } = ie(), { mutate: Y } = oe(), tt = W.length > 0 && !E, nt = !!Ke && !tt && !_ && !J, { mutate: X } = l(), Z = de(), rt = p.useCallback((e) => {
+		Z || X({
 			workingDir: e.workingDir,
 			repository: e.repository
 		}, { onSuccess: (e) => {
-			y(`/conversations/${e.conversation_id}`);
+			b(`/conversations/${e.conversation_id}`);
 		} });
 	}, [
-		Y,
 		X,
-		y
-	]), Z = f.useCallback((e, t) => {
-		x(!0), We(e), P(t);
-	}, []), at = f.useCallback((e) => {
-		S(!0), We(e);
-	}, []), ot = f.useCallback((e, n) => {
-		J({
+		Z,
+		b
+	]), it = p.useCallback((e, t) => {
+		S(!0), Ue(e), F(t);
+	}, []), at = p.useCallback((e) => {
+		C(!0), Ue(e);
+	}, []), ot = p.useCallback((e, n) => {
+		Y({
 			conversationId: e,
 			newTitle: n
 		}, { onSuccess: () => {
-			o(_(t.CONVERSATION$TITLE_UPDATED));
+			s(v(t.CONVERSATION$TITLE_UPDATED));
 		} });
-	}, [_, J]), st = () => {
-		N && $e({ conversationId: N }, { onSuccess: () => {
-			N === v && y("/conversations");
+	}, [v, Y]), st = () => {
+		P && Qe({ conversationId: P }, { onSuccess: () => {
+			P === y && b("/conversations");
 		} });
 	}, ct = () => {
-		N && tt({ conversationId: N });
+		P && et({ conversationId: P });
 	}, lt = async () => {
-		let e = B.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;
-		v !== null && n.includes(v) && y("/conversations"), r > 0 && a(`${r} conversation${r === 1 ? "" : "s"} could not be deleted.`);
-	}, Q = f.useCallback((e) => g ? /* @__PURE__ */ p(ge, {
+		let e = V.map((e) => e.id), t = await Promise.allSettled(e.map((e) => $e({ conversationId: e }))), n = t.flatMap((t, n) => t.status === "fulfilled" ? [e[n]] : []), r = t.length - n.length;
+		y !== null && n.includes(y) && b("/conversations"), r > 0 && o(`${r} conversation${r === 1 ? "" : "s"} could not be deleted.`);
+	}, Q = p.useCallback((e) => _ ? /* @__PURE__ */ m(he, {
 		conversationId: e.id,
 		title: e.title ?? "",
 		selectedRepository: {
@@ -120,19 +120,19 @@ function g({ onClose: h, compact: g = !1 }) {
 		lastUpdatedAt: e.updated_at,
 		createdAt: e.created_at,
 		workspaceWorkingDir: e.selected_workspace ?? e.workspace?.working_dir,
-		isActive: e.id === v,
-		onClose: h,
-		showRepositoryMetadata: T,
+		isActive: e.id === y,
+		onClose: g,
+		showRepositoryMetadata: D,
 		llmModel: e.llm_model,
-		showLlmProfiles: E,
+		showLlmProfiles: O,
 		agentKind: e.agent_kind,
 		acpServer: e.acp_server
-	}, e.id) : /* @__PURE__ */ p(l, {
+	}, e.id) : /* @__PURE__ */ m(ne, {
 		to: `/conversations/${e.id}`,
-		onClick: h,
+		onClick: g,
 		className: "block",
-		children: /* @__PURE__ */ p(pe, {
-			onDelete: () => Z(e.id, e.title ?? ""),
+		children: /* @__PURE__ */ m(fe, {
+			onDelete: () => it(e.id, e.title ?? ""),
 			onStop: () => at(e.id),
 			onChangeTitle: (t) => ot(e.id, t),
 			title: e.title ?? "",
@@ -146,195 +146,195 @@ function g({ onClose: h, compact: g = !1 }) {
 			executionStatus: e.execution_status,
 			sandboxStatus: e.sandbox_status,
 			conversationId: e.id,
-			contextMenuOpen: F === e.id,
-			onContextMenuToggle: (t) => Ke(t ? e.id : null),
-			isActive: e.id === v,
+			contextMenuOpen: I === e.id,
+			onContextMenuToggle: (t) => Ge(t ? e.id : null),
+			isActive: e.id === y,
 			workspaceWorkingDir: e.selected_workspace ?? e.workspace?.working_dir,
-			showRepositoryMetadata: T,
+			showRepositoryMetadata: D,
 			llmModel: e.llm_model,
-			showLlmProfiles: E,
+			showLlmProfiles: O,
 			agentKind: e.agent_kind,
 			acpServer: e.acp_server
 		})
 	}, e.id), [
-		g,
-		v,
+		_,
+		y,
 		ot,
-		Z,
+		it,
 		at,
-		h,
-		F,
-		T,
-		E
-	]), $ = L || !R, ut = R && !L && !g && q && !z?.length;
-	return /* @__PURE__ */ m("div", {
-		ref: Ce,
+		g,
+		I,
+		D,
+		O
+	]), $ = R || !z, ut = z && !R && !_ && J && !B?.length;
+	return /* @__PURE__ */ h("div", {
+		ref: Se,
 		"data-testid": "conversation-panel",
 		className: "flex h-full min-h-0 w-full flex-col",
 		children: [
-			!g && /* @__PURE__ */ p("div", {
-				className: n("-ml-2.5 w-[calc(100%+0.625rem)] max-w-none box-border border-b", Ie ? "border-[var(--oh-border)]" : "border-transparent"),
-				children: /* @__PURE__ */ m("div", {
+			!_ && /* @__PURE__ */ m("div", {
+				className: r("-ml-2.5 w-[calc(100%+0.625rem)] max-w-none box-border border-b", Pe ? "border-[var(--oh-border)]" : "border-transparent"),
+				children: /* @__PURE__ */ h("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__ */ p("span", {
+					children: [/* @__PURE__ */ m("span", {
 						className: "min-w-0 truncate text-sm font-medium text-[var(--oh-muted)]",
-						children: _(t.SIDEBAR$CONVERSATIONS)
-					}), /* @__PURE__ */ m("div", {
+						children: v(t.SIDEBAR$CONVERSATIONS)
+					}), /* @__PURE__ */ h("div", {
 						className: "ml-auto flex shrink-0 items-center gap-0.5",
-						children: [/* @__PURE__ */ p(ve, { backendKind: b.kind }), /* @__PURE__ */ p(_e, {
-							filterMenuOpen: Fe,
-							setFilterMenuOpen: A,
-							menuRef: Re,
-							backendKind: b.kind,
-							organizeMode: D,
-							setOrganizeMode: Me,
-							conversationSort: O,
-							setConversationSort: Ne,
-							threadScope: k,
-							setThreadScope: Pe,
-							showOlderConversations: w,
-							toggleShowOlderConversations: ke,
-							showRepoBranchMetadata: T,
-							toggleShowRepoBranchMetadata: Ae,
-							showLlmProfiles: E,
-							toggleShowLlmProfiles: je,
-							totalConversationsCount: B.length,
-							onRequestDeleteAll: () => C(!0)
+						children: [/* @__PURE__ */ m(_e, { backendKind: x.kind }), /* @__PURE__ */ m(ge, {
+							filterMenuOpen: Ne,
+							setFilterMenuOpen: M,
+							menuRef: Ie,
+							backendKind: x.kind,
+							organizeMode: k,
+							setOrganizeMode: Ae,
+							conversationSort: A,
+							setConversationSort: je,
+							threadScope: j,
+							setThreadScope: Me,
+							showOlderConversations: E,
+							toggleShowOlderConversations: De,
+							showRepoBranchMetadata: D,
+							toggleShowRepoBranchMetadata: Oe,
+							showLlmProfiles: O,
+							toggleShowLlmProfiles: ke,
+							totalConversationsCount: V.length,
+							onRequestDeleteAll: () => T(!0)
 						})]
 					})]
 				})
 			}),
-			/* @__PURE__ */ m("div", {
-				ref: Ue,
+			/* @__PURE__ */ h("div", {
+				ref: He,
 				"data-testid": "conversation-panel-list-scroll",
 				onScroll: (e) => {
-					Le(e.currentTarget.scrollTop > 0);
+					Fe(e.currentTarget.scrollTop > 0);
 				},
-				className: n("flex min-h-0 flex-1 flex-col overflow-y-auto overflow-x-hidden overscroll-contain custom-scrollbar-always", !g && "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", !_ && "conversation-panel-list-scroll"),
 				children: [
-					$ && /* @__PURE__ */ p(he, { compact: g }),
-					!g && ut && /* @__PURE__ */ p("div", {
+					$ && /* @__PURE__ */ m(me, { compact: _ }),
+					!_ && ut && /* @__PURE__ */ m("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__ */ p("p", {
+						children: /* @__PURE__ */ m("p", {
 							className: "text-xs text-[var(--oh-muted)]",
-							children: _(t.CONVERSATION$NO_CONVERSATIONS)
+							children: v(t.CONVERSATION$NO_CONVERSATIONS)
 						})
 					}),
-					!g && z?.map((e) => /* @__PURE__ */ p(l, {
+					!_ && B?.map((e) => /* @__PURE__ */ m(ne, {
 						to: `/conversations/task-${e.id}`,
-						onClick: h,
+						onClick: g,
 						className: "block",
-						children: /* @__PURE__ */ p(me, { task: e })
+						children: /* @__PURE__ */ m(pe, { task: e })
 					}, e.id)),
-					!$ && g ? Xe.map(Q) : null,
-					!$ && !g && D === "grouped" && K && K.length > 0 ? /* @__PURE__ */ p("nav", {
-						"aria-label": _(t.SIDEBAR$CONVERSATIONS),
+					!$ && _ ? Ye.map(Q) : null,
+					!$ && !_ && k === "grouped" && q && q.length > 0 ? /* @__PURE__ */ m("nav", {
+						"aria-label": v(t.SIDEBAR$CONVERSATIONS),
 						className: "space-y-1 md:space-y-0.5 pb-1",
-						children: K.map((e) => {
-							let r = `thread-folder-${e.id.replace(/[^a-zA-Z0-9_-]/g, "-")}`, i = e.id.replace(/[^a-zA-Z0-9_-]/g, "-"), a = !ze.has(e.id), o = Be.has(e.id), { visibleConversations: s, isPreviewTruncated: c, isShowingAll: ne } = ye(e.conversations, {
+						children: q.map((e) => {
+							let n = `thread-folder-${e.id.replace(/[^a-zA-Z0-9_-]/g, "-")}`, i = e.id.replace(/[^a-zA-Z0-9_-]/g, "-"), a = !Le.has(e.id), o = Re.has(e.id), { visibleConversations: s, isPreviewTruncated: c, isShowingAll: l } = ve(e.conversations, {
 								expanded: o,
-								activeConversationId: v
+								activeConversationId: y
 							});
-							return /* @__PURE__ */ m("section", {
-								"aria-labelledby": r,
-								children: [/* @__PURE__ */ m("div", {
-									className: n("flex h-8 w-full min-w-0 items-center gap-0.5 rounded-md pl-2 pr-1 text-sm font-normal", "text-[var(--oh-muted)] transition-colors", "hover:bg-[var(--oh-surface-raised)] hover:text-white"),
-									children: [/* @__PURE__ */ m("button", {
+							return /* @__PURE__ */ h("section", {
+								"aria-labelledby": n,
+								children: [/* @__PURE__ */ h("div", {
+									className: r("flex h-8 w-full min-w-0 items-center gap-0.5 rounded-md pl-2 pr-1 text-sm font-normal", "text-[var(--oh-muted)] transition-colors", "hover:bg-[var(--oh-surface-raised)] hover:text-white"),
+									children: [/* @__PURE__ */ h("button", {
 										type: "button",
-										id: r,
+										id: n,
 										"aria-expanded": a,
-										onClick: () => Ve(e.id),
+										onClick: () => Be(e.id),
 										className: "flex min-h-8 min-w-0 flex-1 items-center gap-2 rounded-md py-1 text-left text-inherit outline-none transition-colors focus-visible:ring-1 focus-visible:ring-[var(--oh-border)]",
-										children: [/* @__PURE__ */ p(ee, {
+										children: [/* @__PURE__ */ m(ee, {
 											className: "h-4 w-4 shrink-0",
 											"aria-hidden": !0
-										}), /* @__PURE__ */ p("span", {
+										}), /* @__PURE__ */ m("span", {
 											className: "truncate",
 											children: e.label
 										})]
-									}), /* @__PURE__ */ p("button", {
+									}), /* @__PURE__ */ m("button", {
 										type: "button",
-										className: n("inline-flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-md", "text-inherit transition-colors", "hover:bg-white/10 hover:text-white", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--oh-border)]", "disabled:cursor-not-allowed disabled:opacity-50"),
-										disabled: X,
-										"aria-label": _(t.CONVERSATION_PANEL$ADD_CONVERSATION_TO_GROUP, { label: e.label }),
+										className: r("inline-flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-md", "text-inherit transition-colors", "hover:bg-white/10 hover:text-white", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--oh-border)]", "disabled:cursor-not-allowed disabled:opacity-50"),
+										disabled: Z,
+										"aria-label": v(t.CONVERSATION_PANEL$ADD_CONVERSATION_TO_GROUP, { label: e.label }),
 										"data-testid": `add-conversation-to-group-${e.id.replace(/[^a-zA-Z0-9_-]/g, "-")}`,
 										onClick: (t) => {
-											t.preventDefault(), t.stopPropagation(), it(e.launch);
+											t.preventDefault(), t.stopPropagation(), rt(e.launch);
 										},
-										children: /* @__PURE__ */ p(te, {
+										children: /* @__PURE__ */ m(te, {
 											className: "h-3.5 w-3.5 shrink-0",
 											"aria-hidden": !0,
 											strokeWidth: 2
 										})
 									})]
-								}), a ? /* @__PURE__ */ m("div", {
+								}), a ? /* @__PURE__ */ h("div", {
 									className: "mt-0.5 space-y-0.5",
-									children: [s.map(Q), c ? /* @__PURE__ */ p("div", {
+									children: [s.map(Q), c ? /* @__PURE__ */ m("div", {
 										className: "pl-2",
-										children: /* @__PURE__ */ p("button", {
+										children: /* @__PURE__ */ m("button", {
 											type: "button",
 											"data-testid": `thread-folder-view-more-${i}`,
-											onClick: () => He(e.id),
+											onClick: () => Ve(e.id),
 											className: "ml-[26px] cursor-pointer text-xs text-[var(--oh-text-dim)] hover:text-white",
-											children: _(ne ? t.CONVERSATION_PANEL$LESS : t.CONVERSATION_PANEL$MORE)
+											children: v(l ? t.CONVERSATION_PANEL$LESS : t.CONVERSATION_PANEL$MORE)
 										})
 									}) : null]
 								}) : null]
 							}, e.id);
 						})
 					}) : null,
-					!$ && !g && D === "chronological" ? /* @__PURE__ */ p("div", {
+					!$ && !_ && k === "chronological" ? /* @__PURE__ */ m("div", {
 						className: "space-y-0.5",
-						children: W.map(Q)
+						children: G.map(Q)
 					}) : null,
-					rt && /* @__PURE__ */ p("div", {
+					nt && /* @__PURE__ */ m("div", {
 						className: "flex justify-center py-4",
-						children: Je ? /* @__PURE__ */ p(ae, { size: "small" }) : /* @__PURE__ */ p("button", {
+						children: qe ? /* @__PURE__ */ m(ae, { size: "small" }) : /* @__PURE__ */ m("button", {
 							type: "button",
 							"data-testid": "load-more-conversations",
-							onClick: () => Ye(),
+							onClick: () => Je(),
 							className: "text-xs text-[var(--oh-muted)] hover:text-white",
-							children: _(t.CONVERSATION$LOAD_MORE)
+							children: v(t.CONVERSATION$LOAD_MORE)
 						})
 					})
 				]
 			}),
-			we && /* @__PURE__ */ p(se, {
+			Ce && /* @__PURE__ */ m(u, {
 				onConfirm: () => {
-					st(), x(!1), P(null);
+					st(), S(!1), F(null);
 				},
 				onCancel: () => {
-					x(!1), P(null);
+					S(!1), F(null);
 				},
-				conversationTitle: Ge ?? void 0
+				conversationTitle: We ?? void 0
 			}),
-			Oe && /* @__PURE__ */ p(se, {
-				title: _(t.CONVERSATION$CONFIRM_DELETE_ALL_TITLE),
-				description: _(t.CONVERSATION$CONFIRM_DELETE_ALL_DESC, { count: B.length }),
+			Ee && /* @__PURE__ */ m(u, {
+				title: v(t.CONVERSATION$CONFIRM_DELETE_ALL_TITLE),
+				description: v(t.CONVERSATION$CONFIRM_DELETE_ALL_DESC, { count: V.length }),
 				onConfirm: async () => {
-					await lt(), C(!1);
+					await lt(), T(!1);
 				},
-				onCancel: () => C(!1)
+				onCancel: () => T(!1)
 			}),
-			Te && /* @__PURE__ */ p(ce, {
+			we && /* @__PURE__ */ m(se, {
 				onConfirm: () => {
-					ct(), S(!1);
+					ct(), C(!1);
 				},
-				onCancel: () => S(!1)
+				onCancel: () => C(!1)
 			}),
-			Ee && /* @__PURE__ */ p(de, {
+			Te && /* @__PURE__ */ m(ue, {
 				onConfirm: () => {
-					h?.();
+					g?.();
 				},
-				onClose: () => De(!1),
-				onCancel: () => De(!1)
+				onClose: () => w(!1),
+				onCancel: () => w(!1)
 			})
 		]
 	});
 }
 //#endregion
-export { g as ConversationPanel };
+export { _ as ConversationPanel };
 
 //# sourceMappingURL=conversation-panel.js.map