@openhands/agent-canvas 1.16.0 → 1.18.0

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

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