@burdenoff/microfe-conversations 2026.527.1 → 2026.528.1

package/dist/conversations/pages/ConversationListPage.js

@@ -1,22 +1,20 @@
 import { useConversations as e } from "../providers/ConversationsProvider.js";
 import { joinPath as t } from "../utils/navigation.js";
 import { useTr as n } from "../utils/i18n.js";
-import { cn as r } from "../utils/cn.js";
-import { EmptyState as i } from "../components/EmptyState.js";
-import { PageLayout as ee } from "../components/PageLayout.js";
-import { useConversationsStore as a } from "../store/conversationsStore.js";
-import { useGetConversations as o, useSearchConversations as te } from "../hooks/useConversationQueries.js";
-import { useConversationStream as s } from "../hooks/useMessageSubscriptions.js";
-import { PermissionGuard as c } from "../components/PermissionGuard.js";
-import { CONVERSATIONS_PERMISSIONS as l } from "../constants/permissions.js";
-import { ConversationCard as u } from "../components/ConversationCard.js";
-import { useCallback as ne, useDeferredValue as d, useEffect as f, useMemo as p, useState as m } from "react";
-import { Archive as h, Filter as re, LayoutGrid as g, LayoutList as _, MessageCircle as v, Pin as y, Plus as b, Rows3 as ie, Search as x, SlidersHorizontal as ae, X as S } from "lucide-react";
-import { useNavigate as C, useSearchParams as oe } from "react-router-dom";
-import { useEventBus as se } from "@burdenoff/fe-libs/shared/events";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { useConversationsStore as r } from "../store/conversationsStore.js";
+import { useGetConversations as i, useSearchConversations as a } from "../hooks/useConversationQueries.js";
+import { useConversationStream as ee } from "../hooks/useMessageSubscriptions.js";
+import { PermissionGuard as o } from "../components/PermissionGuard.js";
+import { CONVERSATIONS_PERMISSIONS as s } from "../constants/permissions.js";
+import { ConversationRow as c } from "../components/ConversationRow.js";
+import { useCallback as te, useDeferredValue as ne, useEffect as l, useMemo as u, useState as d } from "react";
+import { AlertCircle as f, Archive as p, Hash as m, MessageCircle as h, Pin as g, Users as _ } from "lucide-react";
+import { useNavigate as v, useSearchParams as re } from "react-router-dom";
+import { useEventBus as ie } from "@burdenoff/fe-libs/shared/events";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { EmptyState as S } from "@burdenoff/fe-libs/ui";
 //#region src/conversations/pages/ConversationListPage.tsx
-var E = {
+var C = {
 	state: "all",
 	type: "all",
 	visibility: "all",
@@ -24,19 +22,19 @@ var E = {
 	isPinned: void 0,
 	isMuted: void 0
 };
-function D(e, t) {
-	let [n, r] = m(e);
-	return f(() => {
+function w(e, t) {
+	let [n, r] = d(e);
+	return l(() => {
 		let n = window.setTimeout(() => r(e), t);
 		return () => window.clearTimeout(n);
 	}, [t, e]), n;
 }
-function O({ forcedFilterParam: c } = {}) {
-	let l = C(), { basePath: O, onConversationSelect: j } = e(), M = se(), N = n(), { searchQuery: P, setSearchQuery: F, viewMode: I, setViewMode: L, conversationFilter: R, updateConversationFilter: z, activeConversationId: B, setActiveConversationId: V } = a(), [H, U] = m(!1), [W] = oe(), G = d(D(P, 250)), K = G.trim().length >= 2;
-	f(() => {
-		let e = c ?? W.get("filter");
+function T({ forcedFilterParam: d, embedded: T = !1 } = {}) {
+	let E = v(), { basePath: D, onConversationSelect: O } = e(), k = ie(), A = n(), { searchQuery: ae, conversationFilter: j, updateConversationFilter: M, activeConversationId: N, setActiveConversationId: P } = r(), [F] = re(), I = ne(w(ae, 250)), L = I.trim(), R = L.length >= 2;
+	l(() => {
+		let e = d ?? F.get("filter");
 		if (!e) {
-			z(E), U(!1);
+			M(C);
 			return;
 		}
 		let t = {
@@ -46,234 +44,197 @@ function O({ forcedFilterParam: c } = {}) {
 			archived: "ARCHIVED"
 		}[e.toLowerCase()];
 		if (!t) {
-			z(E), U(!1);
+			M(C);
 			return;
 		}
-		z(t === "ARCHIVED" ? {
-			...E,
+		M(t === "ARCHIVED" ? {
+			...C,
 			state: "ARCHIVED"
 		} : {
-			...E,
+			...C,
 			type: t
-		}), U(!0);
+		});
 	}, [
-		c,
-		W,
-		z
+		d,
+		F,
+		M
 	]);
-	let { conversations: ce, loading: le, error: ue } = o({
+	let z = u(() => {
+		if (!(j.state === "all" || j.state === "ACTIVE")) return [j.state];
+	}, [j.state]), { conversations: B, loading: V, error: H } = i({
 		first: 50,
-		types: R.type === "all" ? void 0 : [R.type],
-		hasUnread: R.hasUnread,
-		isPinned: R.isPinned
+		types: j.type === "all" ? void 0 : [j.type],
+		states: z,
+		hasUnread: j.hasUnread,
+		isPinned: j.isPinned
 	});
-	s();
-	let { conversations: de, loading: fe, error: pe } = te(G), q = K ? de : ce, J = p(() => R.state === "all" ? q : q.filter((e) => e.state === R.state), [q, R.state]), Y = p(() => J.filter((e) => e.isPinned), [J]), X = p(() => J.filter((e) => !e.isPinned), [J]), Z = p(() => J.reduce((e, t) => e + t.unreadCount, 0), [J]), Q = ne((e) => {
-		if (V(e.id), j?.(e), M.emit("conversations.conversation.opened", {
+	ee();
+	let { conversations: U, loading: W, error: G } = a(I), K = R ? U : B, q = u(() => K.filter((e) => e.isPinned), [K]), J = u(() => K.filter((e) => !e.isPinned), [K]), Y = te((e) => {
+		if (P(e.id), O?.(e), k.emit("conversations.conversation.opened", {
 			conversationId: e.id,
 			conversationType: e.type
 		}), e.sourceContext?.contextHref) try {
 			let t = new URL(e.sourceContext.contextHref);
 			if (t.origin === window.location.origin) {
-				l(`${t.pathname}${t.search}${t.hash}`);
+				E(`${t.pathname}${t.search}${t.hash}`);
 				return;
 			}
 		} catch {}
-		l(t(O || "/conversations", e.id));
+		E(t(D || "/conversations", e.id));
 	}, [
+		D,
+		k,
+		E,
 		O,
-		M,
-		l,
-		j,
-		V
-	]), me = le || fe, $ = ue ?? pe, he = [`${J.length} ${N("conversations.countLabel", "conversations")}`, Z > 0 ? `${Z} ${N("conversations.unreadCountLabel", "unread")}` : null].filter(Boolean).join(" · ");
-	return /* @__PURE__ */ T(ee, {
-		title: N("conversations.title", "Conversations"),
-		subtitle: he,
-		icon: /* @__PURE__ */ w(v, { size: 24 }),
-		maxWidth: "2xl",
-		headerActions: /* @__PURE__ */ T("button", {
-			"data-tour": "conversation-new-button",
-			type: "button",
-			onClick: () => l(t(O || "/conversations", "new")),
-			"aria-label": N("conversations.createNewConversation", "Create a new conversation"),
-			className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors shadow-sm",
-			children: [/* @__PURE__ */ w(b, { size: 16 }), N("conversations.newConversation", "New Conversation")]
-		}),
-		children: [/* @__PURE__ */ T("div", {
-			"data-tour": "conversation-list-header",
-			className: "space-y-3",
-			children: [/* @__PURE__ */ T("div", {
-				className: "flex flex-wrap items-center gap-2",
-				children: [
-					/* @__PURE__ */ T("div", {
-						className: "relative min-w-[14rem] flex-1",
-						children: [
-							/* @__PURE__ */ w(x, {
-								size: 16,
-								className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
-							}),
-							/* @__PURE__ */ w("input", {
-								"data-tour": "conversation-search",
-								"aria-label": N("conversations.search", "Search conversations"),
-								type: "text",
-								placeholder: N("conversations.search", "Search conversations..."),
-								value: P,
-								onChange: (e) => F(e.target.value),
-								className: "w-full pl-9 pr-8 py-2 text-sm rounded-lg border border-border bg-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
-							}),
-							P && /* @__PURE__ */ w("button", {
-								type: "button",
-								onClick: () => F(""),
-								"aria-label": N("conversations.clearSearch", "Clear conversation search"),
-								className: "absolute right-2 top-1/2 -translate-y-1/2 p-0.5 rounded text-muted-foreground hover:text-foreground",
-								children: /* @__PURE__ */ w(S, { size: 14 })
-							})
-						]
-					}),
-					/* @__PURE__ */ w("button", {
-						"data-tour": "conversation-filters",
-						type: "button",
-						onClick: () => U((e) => !e),
-						"aria-label": H ? N("conversations.hideFilters", "Hide conversation filters") : N("conversations.showFilters", "Show conversation filters"),
-						"aria-pressed": H,
-						className: r("p-2 rounded-lg border transition-colors", H ? "bg-primary/10 border-primary/30 text-primary" : "border-border text-muted-foreground hover:text-foreground hover:bg-muted/50"),
-						children: /* @__PURE__ */ w(ae, { size: 16 })
-					}),
-					/* @__PURE__ */ T("div", {
-						"data-tour": "conversation-view-modes",
-						className: "flex items-center border border-border rounded-lg overflow-hidden",
-						children: [
-							/* @__PURE__ */ w(k, {
-								active: I === "list",
-								icon: /* @__PURE__ */ w(_, { size: 14 }),
-								label: N("conversations.listView", "List view"),
-								onClick: () => L("list")
-							}),
-							/* @__PURE__ */ w(k, {
-								active: I === "grid",
-								icon: /* @__PURE__ */ w(g, { size: 14 }),
-								label: N("conversations.gridView", "Grid view"),
-								onClick: () => L("grid")
-							}),
-							/* @__PURE__ */ w(k, {
-								active: I === "compact",
-								icon: /* @__PURE__ */ w(ie, { size: 14 }),
-								label: N("conversations.compactView", "Compact view"),
-								onClick: () => L("compact")
-							})
-						]
-					})
-				]
-			}), H && /* @__PURE__ */ T("div", {
-				className: "flex flex-wrap gap-2 animate-in fade-in-0 slide-in-from-top-2 duration-200",
-				children: [
-					/* @__PURE__ */ w(A, {
-						label: N("conversations.all", "All"),
-						active: R.type === "all",
-						onClick: () => z({ type: "all" })
-					}),
-					/* @__PURE__ */ w(A, {
-						label: N("conversations.direct", "Direct"),
-						active: R.type === "DIRECT",
-						onClick: () => z({ type: "DIRECT" })
-					}),
-					/* @__PURE__ */ w(A, {
-						label: N("conversations.groups", "Groups"),
-						active: R.type === "GROUP",
-						onClick: () => z({ type: "GROUP" })
-					}),
-					/* @__PURE__ */ w(A, {
-						label: N("conversations.channels", "Channels"),
-						active: R.type === "CHANNEL",
-						onClick: () => z({ type: "CHANNEL" })
-					}),
-					/* @__PURE__ */ w("div", { className: "w-px h-6 bg-border self-center" }),
-					/* @__PURE__ */ w(A, {
-						label: N("conversations.unread", "Unread"),
-						icon: /* @__PURE__ */ w(re, { size: 12 }),
-						active: R.hasUnread === !0,
-						onClick: () => z({ hasUnread: R.hasUnread ? void 0 : !0 })
-					}),
-					/* @__PURE__ */ w(A, {
-						label: N("conversations.pinned", "Pinned"),
-						icon: /* @__PURE__ */ w(y, { size: 12 }),
-						active: R.isPinned === !0,
-						onClick: () => z({ isPinned: R.isPinned ? void 0 : !0 })
+		P
+	]), X = V || W, Z = H ?? G, Q = d === "archived" || j.state === "ARCHIVED", $ = u(() => {
+		if (R) return {
+			title: A("conversations.empty.search.title", "No matches"),
+			description: `${A("conversations.empty.search.description", "No conversations matching")} "${L}"`,
+			icon: /* @__PURE__ */ b(h, {
+				size: 28,
+				className: "text-text-secondary"
+			})
+		};
+		if (Q) return {
+			title: A("conversations.empty.archived.title", "No archived conversations"),
+			description: A("conversations.empty.archived.description", "Archived conversations are hidden from your main inbox. Move conversations here from the row actions menu."),
+			icon: /* @__PURE__ */ b(p, {
+				size: 28,
+				className: "text-text-secondary"
+			})
+		};
+		switch (d) {
+			case "direct": return {
+				title: A("conversations.empty.direct.title", "No direct conversations yet"),
+				description: A("conversations.empty.direct.description", "Start one with a workspace member from the New conversation button above."),
+				icon: /* @__PURE__ */ b(h, {
+					size: 28,
+					className: "text-text-secondary"
+				})
+			};
+			case "group": return {
+				title: A("conversations.empty.groups.title", "Create a group"),
+				description: A("conversations.empty.groups.description", "Groups let you chat with multiple people in one thread. Tap New to start one."),
+				icon: /* @__PURE__ */ b(_, {
+					size: 28,
+					className: "text-text-secondary"
+				})
+			};
+			case "channel": return {
+				title: A("conversations.empty.channels.title", "Subscribe to a channel"),
+				description: A("conversations.empty.channels.description", "Channels are topic-based discussions visible to everyone who joins them."),
+				icon: /* @__PURE__ */ b(m, {
+					size: 28,
+					className: "text-text-secondary"
+				})
+			};
+			default: return {
+				title: A("conversations.empty.all.title", "No conversations yet"),
+				description: A("conversations.empty.all.description", "Start your first conversation with someone in this workspace."),
+				icon: /* @__PURE__ */ b(h, {
+					size: 28,
+					className: "text-text-secondary"
+				})
+			};
+		}
+	}, [
+		d,
+		Q,
+		R,
+		A,
+		L
+	]);
+	return T ? /* @__PURE__ */ b(o, {
+		permission: s.CONVERSATION_READ,
+		allowUnavailablePermissions: !0,
+		children: /* @__PURE__ */ b("div", {
+			"data-tour": "conversation-list",
+			className: "flex h-full min-h-0 w-full flex-col",
+			"aria-live": "polite",
+			children: X ? /* @__PURE__ */ b("div", {
+				role: "status",
+				className: "px-4 py-8 text-sm text-text-secondary",
+				children: A("conversations.loading", "Loading conversations...")
+			}) : Z ? /* @__PURE__ */ b(S, {
+				icon: /* @__PURE__ */ b(f, {
+					size: 28,
+					className: "text-status-error-text",
+					"aria-hidden": "true"
+				}),
+				title: A("conversations.couldNotLoad", "Could not load conversations"),
+				description: Z.message
+			}) : K.length === 0 ? /* @__PURE__ */ b(S, {
+				icon: $.icon,
+				title: $.title,
+				description: $.description
+			}) : /* @__PURE__ */ x("div", {
+				"data-tour": "conversation-list-results",
+				className: "flex flex-col gap-0.5 px-2 py-2",
+				children: [q.length > 0 && /* @__PURE__ */ x(y, { children: [
+					/* @__PURE__ */ x("div", {
+						className: "flex items-center gap-1.5 px-2 pt-2 pb-1",
+						children: [/* @__PURE__ */ b(g, {
+							size: 11,
+							className: "text-text-secondary",
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ b("span", {
+							className: "text-[10px] font-semibold uppercase tracking-wider text-text-secondary",
+							children: A("conversations.pinned", "Pinned")
+						})]
 					}),
-					/* @__PURE__ */ w(A, {
-						label: N("conversations.archived", "Archived"),
-						icon: /* @__PURE__ */ w(h, { size: 12 }),
-						active: R.state === "ARCHIVED",
-						onClick: () => z({ state: R.state === "ARCHIVED" ? "all" : "ARCHIVED" })
+					q.map((e) => /* @__PURE__ */ b(c, {
+						conversation: e,
+						isActive: N === e.id,
+						onClick: Y
+					}, e.id)),
+					J.length > 0 && /* @__PURE__ */ b("div", {
+						className: "flex items-center gap-1.5 px-2 pt-3 pb-1",
+						children: /* @__PURE__ */ b("span", {
+							className: "text-[10px] font-semibold uppercase tracking-wider text-text-secondary",
+							children: A("conversations.tabs.all", "All")
+						})
 					})
-				]
-			})]
-		}), me ? /* @__PURE__ */ w("div", {
-			className: "px-4 py-8 text-sm text-muted-foreground",
-			children: N("conversations.loading", "Loading conversations...")
-		}) : $ ? /* @__PURE__ */ w(i, {
-			icon: /* @__PURE__ */ w(v, { size: 32 }),
-			title: N("conversations.couldNotLoad", "Could not load conversations"),
-			description: $.message
-		}) : J.length === 0 ? /* @__PURE__ */ w(i, {
-			icon: /* @__PURE__ */ w(v, { size: 32 }),
-			title: N("conversations.noConversations", "No conversations found"),
-			description: K ? `${N("conversations.noMatchingConversations", "No conversations matching")} "${P}"` : N("conversations.startConversationPrompt", "Start a new conversation to get going")
-		}) : /* @__PURE__ */ T("div", {
-			"data-tour": "conversation-list-results",
-			className: "space-y-1",
-			children: [Y.length > 0 && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
-				className: "flex items-center gap-1.5 px-4 py-2",
-				children: [/* @__PURE__ */ w(y, {
-					size: 12,
-					className: "text-muted-foreground"
-				}), /* @__PURE__ */ w("span", {
-					className: "text-xs font-medium text-muted-foreground uppercase tracking-wider",
-					children: N("conversations.pinned", "Pinned")
-				})]
-			}), Y.map((e) => /* @__PURE__ */ w(u, {
-				conversation: e,
-				isActive: B === e.id,
-				onClick: Q
-			}, e.id))] }), X.length > 0 && /* @__PURE__ */ T("div", { children: [Y.length > 0 && /* @__PURE__ */ w("div", {
-				className: "flex items-center gap-1.5 px-4 py-2 mt-2",
-				children: /* @__PURE__ */ w("span", {
-					className: "text-xs font-medium text-muted-foreground uppercase tracking-wider",
-					children: N("conversations.allConversations", "All Conversations")
-				})
-			}), X.map((e) => /* @__PURE__ */ w(u, {
-				conversation: e,
-				isActive: B === e.id,
-				onClick: Q
-			}, e.id))] })]
-		})]
-	});
-}
-function k({ active: e, icon: t, label: n, onClick: i }) {
-	return /* @__PURE__ */ w("button", {
-		type: "button",
-		onClick: i,
-		"aria-label": n,
-		"aria-pressed": e,
-		className: r("flex min-h-10 min-w-10 items-center justify-center p-2 transition-colors", e ? "bg-primary/10 text-primary" : "text-muted-foreground hover:text-foreground"),
-		children: t
-	});
-}
-function A({ label: e, icon: t, active: n, onClick: i }) {
-	return /* @__PURE__ */ w(c, {
-		permission: l.CONVERSATION_READ,
+				] }), J.map((e) => /* @__PURE__ */ b(c, {
+					conversation: e,
+					isActive: N === e.id,
+					onClick: Y
+				}, e.id))]
+			})
+		})
+	}) : /* @__PURE__ */ b(o, {
+		permission: s.CONVERSATION_READ,
 		allowUnavailablePermissions: !0,
-		children: /* @__PURE__ */ T("button", {
-			type: "button",
-			onClick: i,
-			"aria-pressed": n,
-			className: r("inline-flex min-h-9 items-center gap-1 rounded-full border px-3 py-1.5 text-xs font-medium transition-colors", n ? "bg-primary/10 border-primary/30 text-primary" : "bg-background border-border text-muted-foreground hover:text-foreground hover:bg-muted/50"),
-			children: [t, e]
+		children: /* @__PURE__ */ b("div", {
+			"data-tour": "conversation-list-standalone",
+			className: "flex h-full min-h-0 w-full flex-col bg-bg-surface",
+			children: X ? /* @__PURE__ */ b("div", {
+				className: "px-4 py-8 text-sm text-text-secondary",
+				children: A("conversations.loading", "Loading conversations...")
+			}) : Z ? /* @__PURE__ */ b(S, {
+				icon: /* @__PURE__ */ b(f, {
+					size: 28,
+					className: "text-status-error-text",
+					"aria-hidden": "true"
+				}),
+				title: A("conversations.couldNotLoad", "Could not load conversations"),
+				description: Z.message
+			}) : K.length === 0 ? /* @__PURE__ */ b(S, {
+				icon: $.icon,
+				title: $.title,
+				description: $.description
+			}) : /* @__PURE__ */ b("div", {
+				className: "flex flex-col gap-0.5 px-2 py-2",
+				children: K.map((e) => /* @__PURE__ */ b(c, {
+					conversation: e,
+					isActive: N === e.id,
+					onClick: Y
+				}, e.id))
+			})
 		})
 	});
 }
 //#endregion
-export { O as ConversationListPage };
+export { T as ConversationListPage };
 
 //# sourceMappingURL=ConversationListPage.js.map

package/dist/conversations/pages/ConversationListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConversationListPage.js","names":[],"sources":["../../../src/conversations/pages/ConversationListPage.tsx"],"sourcesContent":["import {\n  useMemo,\n  useState,\n  useCallback,\n  useDeferredValue,\n  useEffect,\n} from \"react\";\nimport { useEventBus } from \"@burdenoff/fe-libs/shared/events\";\nimport { useNavigate, useSearchParams } from \"react-router-dom\";\nimport {\n  Archive,\n  Filter,\n  LayoutGrid,\n  LayoutList,\n  MessageCircle,\n  Pin,\n  Plus,\n  Rows3,\n  Search,\n  SlidersHorizontal,\n  X,\n} from \"lucide-react\";\nimport { cn } from \"../utils/cn\";\nimport { ConversationCard } from \"../components/ConversationCard\";\nimport { EmptyState, PageLayout } from \"../components/PageLayout\";\nimport {\n  useSearchConversations,\n  useGetConversations,\n} from \"../hooks/useConversationQueries\";\nimport { useConversationStream } from \"../hooks/useMessageSubscriptions\";\nimport { useConversations } from \"../providers/ConversationsProvider\";\nimport { useConversationsStore } from \"../store/conversationsStore\";\nimport type { Conversation, ConversationFilter } from \"../types\";\nimport { PermissionGuard } from \"../components/PermissionGuard\";\nimport { CONVERSATIONS_PERMISSIONS } from \"../constants/permissions\";\nimport { useTr } from \"../utils/i18n\";\nimport { joinPath } from \"../utils/navigation\";\n\n// Default filter shape applied whenever the `?filter=` URL param is absent\n// or unrecognised. Covers every dimension on `ConversationFilter` except\n// `searchQuery` — the text search is independent of URL-driven filters and\n// must not be wiped when the URL flips between filter values.\n//\n// The boolean toggles (hasUnread / isPinned / isMuted) are explicitly set\n// to `undefined` here (rather than omitted). Zustand's `set` merges\n// shallowly — the store's `updateConversationFilter` does\n// `{ ...currentFilter, ...partial }` — so an omitted key would preserve the\n// previous value, leaving a toggle like `hasUnread: true` sticky across a\n// URL that drops the filter param. Typing the constant as\n// `Partial<ConversationFilter>` widens the type so the explicit\n// `undefined` entries are accepted as `boolean | undefined` rather than\n// narrowed to the literal `undefined` under `as const`.\nconst FILTER_DEFAULTS: Partial<ConversationFilter> = {\n  state: \"all\",\n  type: \"all\",\n  visibility: \"all\",\n  hasUnread: undefined,\n  isPinned: undefined,\n  isMuted: undefined,\n};\n\nfunction useDebouncedValue<T>(value: T, delayMs: number): T {\n  const [debouncedValue, setDebouncedValue] = useState(value);\n\n  useEffect(() => {\n    const timeoutId = window.setTimeout(\n      () => setDebouncedValue(value),\n      delayMs,\n    );\n    return () => window.clearTimeout(timeoutId);\n  }, [delayMs, value]);\n\n  return debouncedValue;\n}\n\nexport interface ConversationListPageProps {\n  forcedFilterParam?: \"channel\" | \"direct\" | \"group\" | \"archived\";\n}\n\nexport function ConversationListPage({\n  forcedFilterParam,\n}: ConversationListPageProps = {}) {\n  const navigate = useNavigate();\n  const { basePath, onConversationSelect } = useConversations();\n  const bus = useEventBus();\n  const tr = useTr();\n  const {\n    searchQuery,\n    setSearchQuery,\n    viewMode,\n    setViewMode,\n    conversationFilter,\n    updateConversationFilter,\n    activeConversationId,\n    setActiveConversationId,\n  } = useConversationsStore();\n  const [showFilters, setShowFilters] = useState(false);\n  const [searchParams] = useSearchParams();\n  const debouncedSearchQuery = useDebouncedValue(searchQuery, 250);\n  const deferredSearchQuery = useDeferredValue(debouncedSearchQuery);\n  const trimmedSearchQuery = deferredSearchQuery.trim();\n  const isSearchActive = trimmedSearchQuery.length >= 2;\n\n  // Sync URL filter param (?filter=channel|direct|group|archived) to the store\n  // on mount / URL change. When the param is absent or unrecognised, reset\n  // every filter dimension to its module-level default (`FILTER_DEFAULTS`) —\n  // but deliberately do NOT touch `searchQuery`. The list's text search is\n  // independent of URL-driven filters; zeroing it here would wipe in-progress\n  // searches every time the URL flips between filter values or drops the\n  // param entirely. Using `updateConversationFilter` with an explicit\n  // full-defaults payload (instead of the store's `resetConversationFilter`)\n  // keeps the merge exhaustive for filter dimensions while leaving\n  // `searchQuery` alone.\n  useEffect(() => {\n    const filterParam = forcedFilterParam ?? searchParams.get(\"filter\");\n\n    if (!filterParam) {\n      updateConversationFilter(FILTER_DEFAULTS);\n      setShowFilters(false);\n      return;\n    }\n\n    const filterMap: Record<string, string> = {\n      channel: \"CHANNEL\",\n      direct: \"DIRECT\",\n      group: \"GROUP\",\n      archived: \"ARCHIVED\",\n    };\n\n    const mapped = filterMap[filterParam.toLowerCase()];\n    if (!mapped) {\n      updateConversationFilter(FILTER_DEFAULTS);\n      setShowFilters(false);\n      return;\n    }\n\n    // Start from a clean filter baseline (still preserving searchQuery) then\n    // apply the URL-driven dimension, so switching between ?filter=direct and\n    // ?filter=archived can't mix the boolean toggles from the previous URL.\n    if (mapped === \"ARCHIVED\") {\n      updateConversationFilter({ ...FILTER_DEFAULTS, state: \"ARCHIVED\" });\n    } else {\n      updateConversationFilter({\n        ...FILTER_DEFAULTS,\n        type: mapped as \"CHANNEL\" | \"DIRECT\" | \"GROUP\",\n      });\n    }\n    setShowFilters(true);\n  }, [forcedFilterParam, searchParams, updateConversationFilter]);\n\n  const {\n    conversations: baseConversations,\n    loading,\n    error,\n  } = useGetConversations({\n    first: 50,\n    types:\n      conversationFilter.type === \"all\" ? undefined : [conversationFilter.type],\n    hasUnread: conversationFilter.hasUnread,\n    isPinned: conversationFilter.isPinned,\n  });\n\n  // Live conversation lifecycle stream — keeps the list current without polling.\n  // Apollo cache updates are handled inside the hook (append on add, evict on\n  // delete, normalisation handles updates).\n  useConversationStream();\n\n  const {\n    conversations: searchedConversations,\n    loading: searchLoading,\n    error: searchError,\n  } = useSearchConversations(deferredSearchQuery);\n\n  const conversations = isSearchActive ? searchedConversations : baseConversations;\n\n  const filteredConversations = useMemo(() => {\n    if (conversationFilter.state === \"all\") return conversations;\n    return conversations.filter(\n      (conversation) => conversation.state === conversationFilter.state,\n    );\n  }, [conversations, conversationFilter.state]);\n\n  const pinnedConversations = useMemo(\n    () => filteredConversations.filter((conversation) => conversation.isPinned),\n    [filteredConversations],\n  );\n\n  const unpinnedConversations = useMemo(\n    () =>\n      filteredConversations.filter((conversation) => !conversation.isPinned),\n    [filteredConversations],\n  );\n\n  const totalUnread = useMemo(\n    () =>\n      filteredConversations.reduce(\n        (count, conversation) => count + conversation.unreadCount,\n        0,\n      ),\n    [filteredConversations],\n  );\n\n  const handleConversationClick = useCallback(\n    (conversation: Conversation) => {\n      setActiveConversationId(conversation.id);\n      onConversationSelect?.(conversation);\n      bus.emit(\"conversations.conversation.opened\", {\n        conversationId: conversation.id,\n        conversationType: conversation.type,\n      });\n\n      if (conversation.sourceContext?.contextHref) {\n        try {\n          const url = new URL(conversation.sourceContext.contextHref);\n          if (url.origin === window.location.origin) {\n            navigate(`${url.pathname}${url.search}${url.hash}`);\n            return;\n          }\n        } catch {\n          // Fall back to conversation detail below.\n        }\n      }\n\n      navigate(joinPath(basePath || \"/conversations\", conversation.id));\n    },\n    [basePath, bus, navigate, onConversationSelect, setActiveConversationId],\n  );\n\n  const isLoading = loading || searchLoading;\n  const activeError = error ?? searchError;\n  const subtitle = [\n    `${filteredConversations.length} ${tr(\"conversations.countLabel\", \"conversations\")}`,\n    totalUnread > 0\n      ? `${totalUnread} ${tr(\"conversations.unreadCountLabel\", \"unread\")}`\n      : null,\n  ]\n    .filter(Boolean)\n    .join(\" · \");\n\n  return (\n    <PageLayout\n      title={tr(\"conversations.title\", \"Conversations\")}\n      subtitle={subtitle}\n      icon={<MessageCircle size={24} />}\n      maxWidth=\"2xl\"\n      headerActions={\n        <button\n          data-tour=\"conversation-new-button\"\n          type=\"button\"\n          onClick={() =>\n            navigate(joinPath(basePath || \"/conversations\", \"new\"))\n          }\n          aria-label={tr(\n            \"conversations.createNewConversation\",\n            \"Create a new conversation\",\n          )}\n          className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors shadow-sm\"\n        >\n          <Plus size={16} />\n          {tr(\"conversations.newConversation\", \"New Conversation\")}\n        </button>\n      }\n    >\n      <div data-tour=\"conversation-list-header\" className=\"space-y-3\">\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <div className=\"relative min-w-[14rem] flex-1\">\n            <Search\n              size={16}\n              className=\"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\"\n            />\n            <input\n              data-tour=\"conversation-search\"\n              aria-label={tr(\"conversations.search\", \"Search conversations\")}\n              type=\"text\"\n              placeholder={tr(\n                \"conversations.search\",\n                \"Search conversations...\",\n              )}\n              value={searchQuery}\n              onChange={(event) => setSearchQuery(event.target.value)}\n              className=\"w-full pl-9 pr-8 py-2 text-sm rounded-lg border border-border bg-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n            />\n            {searchQuery && (\n              <button\n                type=\"button\"\n                onClick={() => setSearchQuery(\"\")}\n                aria-label={tr(\n                  \"conversations.clearSearch\",\n                  \"Clear conversation search\",\n                )}\n                className=\"absolute right-2 top-1/2 -translate-y-1/2 p-0.5 rounded text-muted-foreground hover:text-foreground\"\n              >\n                <X size={14} />\n              </button>\n            )}\n          </div>\n\n          <button\n            data-tour=\"conversation-filters\"\n            type=\"button\"\n            onClick={() => setShowFilters((state) => !state)}\n            aria-label={\n              showFilters\n                ? tr(\"conversations.hideFilters\", \"Hide conversation filters\")\n                : tr(\"conversations.showFilters\", \"Show conversation filters\")\n            }\n            aria-pressed={showFilters}\n            className={cn(\n              \"p-2 rounded-lg border transition-colors\",\n              showFilters\n                ? \"bg-primary/10 border-primary/30 text-primary\"\n                : \"border-border text-muted-foreground hover:text-foreground hover:bg-muted/50\",\n            )}\n          >\n            <SlidersHorizontal size={16} />\n          </button>\n\n          <div\n            data-tour=\"conversation-view-modes\"\n            className=\"flex items-center border border-border rounded-lg overflow-hidden\"\n          >\n            <ViewModeButton\n              active={viewMode === \"list\"}\n              icon={<LayoutList size={14} />}\n              label={tr(\"conversations.listView\", \"List view\")}\n              onClick={() => setViewMode(\"list\")}\n            />\n            <ViewModeButton\n              active={viewMode === \"grid\"}\n              icon={<LayoutGrid size={14} />}\n              label={tr(\"conversations.gridView\", \"Grid view\")}\n              onClick={() => setViewMode(\"grid\")}\n            />\n            <ViewModeButton\n              active={viewMode === \"compact\"}\n              icon={<Rows3 size={14} />}\n              label={tr(\"conversations.compactView\", \"Compact view\")}\n              onClick={() => setViewMode(\"compact\")}\n            />\n          </div>\n        </div>\n\n        {showFilters && (\n          <div className=\"flex flex-wrap gap-2 animate-in fade-in-0 slide-in-from-top-2 duration-200\">\n            <FilterChip\n              label={tr(\"conversations.all\", \"All\")}\n              active={conversationFilter.type === \"all\"}\n              onClick={() => updateConversationFilter({ type: \"all\" })}\n            />\n            <FilterChip\n              label={tr(\"conversations.direct\", \"Direct\")}\n              active={conversationFilter.type === \"DIRECT\"}\n              onClick={() => updateConversationFilter({ type: \"DIRECT\" })}\n            />\n            <FilterChip\n              label={tr(\"conversations.groups\", \"Groups\")}\n              active={conversationFilter.type === \"GROUP\"}\n              onClick={() => updateConversationFilter({ type: \"GROUP\" })}\n            />\n            <FilterChip\n              label={tr(\"conversations.channels\", \"Channels\")}\n              active={conversationFilter.type === \"CHANNEL\"}\n              onClick={() => updateConversationFilter({ type: \"CHANNEL\" })}\n            />\n            <div className=\"w-px h-6 bg-border self-center\" />\n            <FilterChip\n              label={tr(\"conversations.unread\", \"Unread\")}\n              icon={<Filter size={12} />}\n              active={conversationFilter.hasUnread === true}\n              onClick={() =>\n                updateConversationFilter({\n                  hasUnread: conversationFilter.hasUnread ? undefined : true,\n                })\n              }\n            />\n            <FilterChip\n              label={tr(\"conversations.pinned\", \"Pinned\")}\n              icon={<Pin size={12} />}\n              active={conversationFilter.isPinned === true}\n              onClick={() =>\n                updateConversationFilter({\n                  isPinned: conversationFilter.isPinned ? undefined : true,\n                })\n              }\n            />\n            <FilterChip\n              label={tr(\"conversations.archived\", \"Archived\")}\n              icon={<Archive size={12} />}\n              active={conversationFilter.state === \"ARCHIVED\"}\n              onClick={() =>\n                updateConversationFilter({\n                  state:\n                    conversationFilter.state === \"ARCHIVED\"\n                      ? \"all\"\n                      : \"ARCHIVED\",\n                })\n              }\n            />\n          </div>\n        )}\n      </div>\n\n      {isLoading ? (\n        <div className=\"px-4 py-8 text-sm text-muted-foreground\">\n          {tr(\"conversations.loading\", \"Loading conversations...\")}\n        </div>\n      ) : activeError ? (\n        <EmptyState\n          icon={<MessageCircle size={32} />}\n          title={tr(\n            \"conversations.couldNotLoad\",\n            \"Could not load conversations\",\n          )}\n          description={activeError.message}\n        />\n      ) : filteredConversations.length === 0 ? (\n        <EmptyState\n          icon={<MessageCircle size={32} />}\n          title={tr(\"conversations.noConversations\", \"No conversations found\")}\n          description={\n            isSearchActive\n              ? `${tr(\"conversations.noMatchingConversations\", \"No conversations matching\")} \"${searchQuery}\"`\n              : tr(\n                  \"conversations.startConversationPrompt\",\n                  \"Start a new conversation to get going\",\n                )\n          }\n        />\n      ) : (\n        <div data-tour=\"conversation-list-results\" className=\"space-y-1\">\n          {pinnedConversations.length > 0 && (\n            <div>\n              <div className=\"flex items-center gap-1.5 px-4 py-2\">\n                <Pin size={12} className=\"text-muted-foreground\" />\n                <span className=\"text-xs font-medium text-muted-foreground uppercase tracking-wider\">\n                  {tr(\"conversations.pinned\", \"Pinned\")}\n                </span>\n              </div>\n              {pinnedConversations.map((conversation) => (\n                <ConversationCard\n                  key={conversation.id}\n                  conversation={conversation}\n                  isActive={activeConversationId === conversation.id}\n                  onClick={handleConversationClick}\n                />\n              ))}\n            </div>\n          )}\n\n          {unpinnedConversations.length > 0 && (\n            <div>\n              {pinnedConversations.length > 0 && (\n                <div className=\"flex items-center gap-1.5 px-4 py-2 mt-2\">\n                  <span className=\"text-xs font-medium text-muted-foreground uppercase tracking-wider\">\n                    {tr(\"conversations.allConversations\", \"All Conversations\")}\n                  </span>\n                </div>\n              )}\n              {unpinnedConversations.map((conversation) => (\n                <ConversationCard\n                  key={conversation.id}\n                  conversation={conversation}\n                  isActive={activeConversationId === conversation.id}\n                  onClick={handleConversationClick}\n                />\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n\nfunction ViewModeButton({\n  active,\n  icon,\n  label,\n  onClick,\n}: {\n  active: boolean;\n  icon: React.ReactNode;\n  label: string;\n  onClick: () => void;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      aria-label={label}\n      aria-pressed={active}\n      className={cn(\n        \"flex min-h-10 min-w-10 items-center justify-center p-2 transition-colors\",\n        active\n          ? \"bg-primary/10 text-primary\"\n          : \"text-muted-foreground hover:text-foreground\",\n      )}\n    >\n      {icon}\n    </button>\n  );\n}\n\nfunction FilterChip({\n  label,\n  icon,\n  active,\n  onClick,\n}: {\n  label: string;\n  icon?: React.ReactNode;\n  active: boolean;\n  onClick: () => void;\n}) {\n  return (\n    <PermissionGuard\n      permission={CONVERSATIONS_PERMISSIONS.CONVERSATION_READ}\n      allowUnavailablePermissions\n    >\n      <button\n        type=\"button\"\n        onClick={onClick}\n        aria-pressed={active}\n        className={cn(\n          \"inline-flex min-h-9 items-center gap-1 rounded-full border px-3 py-1.5 text-xs font-medium transition-colors\",\n          active\n            ? \"bg-primary/10 border-primary/30 text-primary\"\n            : \"bg-background border-border text-muted-foreground hover:text-foreground hover:bg-muted/50\",\n        )}\n      >\n        {icon}\n        {label}\n      </button>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ConversationListPage.js","names":[],"sources":["../../../src/conversations/pages/ConversationListPage.tsx"],"sourcesContent":["import {\n  useDeferredValue,\n  useEffect,\n  useMemo,\n  useState,\n  useCallback,\n} from \"react\";\nimport { useEventBus } from \"@burdenoff/fe-libs/shared/events\";\nimport { useNavigate, useSearchParams } from \"react-router-dom\";\nimport { EmptyState } from \"@burdenoff/fe-libs/ui\";\nimport {\n  Archive,\n  AlertCircle,\n  Hash,\n  MessageCircle,\n  Pin,\n  Users,\n} from \"lucide-react\";\nimport { ConversationRow } from \"../components/ConversationRow\";\nimport {\n  useSearchConversations,\n  useGetConversations,\n} from \"../hooks/useConversationQueries\";\nimport { useConversationStream } from \"../hooks/useMessageSubscriptions\";\nimport { useConversations } from \"../providers/ConversationsProvider\";\nimport { useConversationsStore } from \"../store/conversationsStore\";\nimport type {\n  Conversation,\n  ConversationFilter,\n  ConversationState,\n} from \"../types\";\nimport { PermissionGuard } from \"../components/PermissionGuard\";\nimport { CONVERSATIONS_PERMISSIONS } from \"../constants/permissions\";\nimport { useTr } from \"../utils/i18n\";\nimport { joinPath } from \"../utils/navigation\";\n\n// Default filter shape applied whenever the `?filter=` URL param is absent\n// or unrecognised. Covers every dimension on `ConversationFilter` except\n// `searchQuery` — the text search is independent of URL-driven filters and\n// must not be wiped when the URL flips between filter values.\n//\n// The boolean toggles (hasUnread / isPinned / isMuted) are explicitly set\n// to `undefined` here (rather than omitted). Zustand's `set` merges\n// shallowly — the store's `updateConversationFilter` does\n// `{ ...currentFilter, ...partial }` — so an omitted key would preserve the\n// previous value, leaving a toggle like `hasUnread: true` sticky across a\n// URL that drops the filter param. Typing the constant as\n// `Partial<ConversationFilter>` widens the type so the explicit\n// `undefined` entries are accepted as `boolean | undefined` rather than\n// narrowed to the literal `undefined` under `as const`.\nconst FILTER_DEFAULTS: Partial<ConversationFilter> = {\n  state: \"all\",\n  type: \"all\",\n  visibility: \"all\",\n  hasUnread: undefined,\n  isPinned: undefined,\n  isMuted: undefined,\n};\n\nfunction useDebouncedValue<T>(value: T, delayMs: number): T {\n  const [debouncedValue, setDebouncedValue] = useState(value);\n\n  useEffect(() => {\n    const timeoutId = window.setTimeout(\n      () => setDebouncedValue(value),\n      delayMs,\n    );\n    return () => window.clearTimeout(timeoutId);\n  }, [delayMs, value]);\n\n  return debouncedValue;\n}\n\nexport interface ConversationListPageProps {\n  /**\n   * Filter dimension forced by the parent inbox shell (driven by the\n   * currently active tab). Mutually exclusive with the `?filter=` URL\n   * param. When set, the URL param is ignored and the store filter is\n   * driven by the prop on every change.\n   */\n  forcedFilterParam?: \"channel\" | \"direct\" | \"group\" | \"archived\";\n  /**\n   * When true the page renders bare-list chrome (no own header/search/\n   * filter chips) so it can be embedded inside `InboxLayout`. Defaults to\n   * false for backwards compatibility with the legacy `/conversations/list`\n   * route.\n   */\n  embedded?: boolean;\n}\n\nexport function ConversationListPage({\n  forcedFilterParam,\n  embedded = false,\n}: ConversationListPageProps = {}) {\n  const navigate = useNavigate();\n  const { basePath, onConversationSelect } = useConversations();\n  const bus = useEventBus();\n  const tr = useTr();\n  const {\n    searchQuery,\n    conversationFilter,\n    updateConversationFilter,\n    activeConversationId,\n    setActiveConversationId,\n  } = useConversationsStore();\n  const [searchParams] = useSearchParams();\n  const debouncedSearchQuery = useDebouncedValue(searchQuery, 250);\n  const deferredSearchQuery = useDeferredValue(debouncedSearchQuery);\n  const trimmedSearchQuery = deferredSearchQuery.trim();\n  const isSearchActive = trimmedSearchQuery.length >= 2;\n\n  // Sync URL filter param (?filter=channel|direct|group|archived) to the store\n  // on mount / URL change. When the param is absent or unrecognised, reset\n  // every filter dimension to its module-level default (`FILTER_DEFAULTS`) —\n  // but deliberately do NOT touch `searchQuery`. The list's text search is\n  // independent of URL-driven filters; zeroing it here would wipe in-progress\n  // searches every time the URL flips between filter values or drops the\n  // param entirely.\n  useEffect(() => {\n    const filterParam = forcedFilterParam ?? searchParams.get(\"filter\");\n\n    if (!filterParam) {\n      updateConversationFilter(FILTER_DEFAULTS);\n      return;\n    }\n\n    const filterMap: Record<string, string> = {\n      channel: \"CHANNEL\",\n      direct: \"DIRECT\",\n      group: \"GROUP\",\n      archived: \"ARCHIVED\",\n    };\n\n    const mapped = filterMap[filterParam.toLowerCase()];\n    if (!mapped) {\n      updateConversationFilter(FILTER_DEFAULTS);\n      return;\n    }\n\n    if (mapped === \"ARCHIVED\") {\n      updateConversationFilter({ ...FILTER_DEFAULTS, state: \"ARCHIVED\" });\n    } else {\n      updateConversationFilter({\n        ...FILTER_DEFAULTS,\n        type: mapped as \"CHANNEL\" | \"DIRECT\" | \"GROUP\",\n      });\n    }\n  }, [forcedFilterParam, searchParams, updateConversationFilter]);\n\n  // Map filter.state (\"all\" | \"ACTIVE\" | \"ARCHIVED\" | \"DELETED\") to the\n  // GraphQL `states: [ConversationState!]` filter. When the user is on the\n  // Archived tab we send `states: [ARCHIVED]`; otherwise we omit the filter\n  // so the backend default (ACTIVE only) kicks in.\n  const stateFilter = useMemo<ConversationState[] | undefined>(() => {\n    if (\n      conversationFilter.state === \"all\" ||\n      conversationFilter.state === \"ACTIVE\"\n    ) {\n      return undefined;\n    }\n    return [conversationFilter.state as ConversationState];\n  }, [conversationFilter.state]);\n\n  const {\n    conversations: baseConversations,\n    loading,\n    error,\n  } = useGetConversations({\n    first: 50,\n    types:\n      conversationFilter.type === \"all\" ? undefined : [conversationFilter.type],\n    states: stateFilter,\n    hasUnread: conversationFilter.hasUnread,\n    isPinned: conversationFilter.isPinned,\n  });\n\n  // Live conversation lifecycle stream — keeps the list current without polling.\n  // Apollo cache updates are handled inside the hook (append on add, evict on\n  // delete, normalisation handles updates).\n  useConversationStream();\n\n  const {\n    conversations: searchedConversations,\n    loading: searchLoading,\n    error: searchError,\n  } = useSearchConversations(deferredSearchQuery);\n\n  const conversations = isSearchActive\n    ? searchedConversations\n    : baseConversations;\n\n  // When the BE is queried with states:[ARCHIVED] the inbox tab is \"archived\",\n  // so we skip the client-side state filter to avoid double-filtering.\n  // For the inbox view the BE returns ACTIVE by default; no extra filter\n  // needed here either.\n  const filteredConversations = conversations;\n\n  const pinnedConversations = useMemo(\n    () => filteredConversations.filter((conversation) => conversation.isPinned),\n    [filteredConversations],\n  );\n\n  const unpinnedConversations = useMemo(\n    () =>\n      filteredConversations.filter((conversation) => !conversation.isPinned),\n    [filteredConversations],\n  );\n\n  const handleConversationClick = useCallback(\n    (conversation: Conversation) => {\n      setActiveConversationId(conversation.id);\n      onConversationSelect?.(conversation);\n      bus.emit(\"conversations.conversation.opened\", {\n        conversationId: conversation.id,\n        conversationType: conversation.type,\n      });\n\n      if (conversation.sourceContext?.contextHref) {\n        try {\n          const url = new URL(conversation.sourceContext.contextHref);\n          if (url.origin === window.location.origin) {\n            navigate(`${url.pathname}${url.search}${url.hash}`);\n            return;\n          }\n        } catch {\n          // Fall back to conversation detail below.\n        }\n      }\n\n      navigate(joinPath(basePath || \"/conversations\", conversation.id));\n    },\n    [basePath, bus, navigate, onConversationSelect, setActiveConversationId],\n  );\n\n  const isLoading = loading || searchLoading;\n  const activeError = error ?? searchError;\n  const isArchivedTab =\n    forcedFilterParam === \"archived\" || conversationFilter.state === \"ARCHIVED\";\n\n  // Empty-state copy is tab-aware so users understand why a list is blank.\n  const emptyState = useMemo(() => {\n    if (isSearchActive) {\n      return {\n        title: tr(\"conversations.empty.search.title\", \"No matches\"),\n        description: `${tr(\n          \"conversations.empty.search.description\",\n          \"No conversations matching\",\n        )} \"${trimmedSearchQuery}\"`,\n        icon: <MessageCircle size={28} className=\"text-text-secondary\" />,\n      };\n    }\n    if (isArchivedTab) {\n      return {\n        title: tr(\n          \"conversations.empty.archived.title\",\n          \"No archived conversations\",\n        ),\n        description: tr(\n          \"conversations.empty.archived.description\",\n          \"Archived conversations are hidden from your main inbox. Move conversations here from the row actions menu.\",\n        ),\n        icon: <Archive size={28} className=\"text-text-secondary\" />,\n      };\n    }\n    switch (forcedFilterParam) {\n      case \"direct\":\n        return {\n          title: tr(\n            \"conversations.empty.direct.title\",\n            \"No direct conversations yet\",\n          ),\n          description: tr(\n            \"conversations.empty.direct.description\",\n            \"Start one with a workspace member from the New conversation button above.\",\n          ),\n          icon: <MessageCircle size={28} className=\"text-text-secondary\" />,\n        };\n      case \"group\":\n        return {\n          title: tr(\"conversations.empty.groups.title\", \"Create a group\"),\n          description: tr(\n            \"conversations.empty.groups.description\",\n            \"Groups let you chat with multiple people in one thread. Tap New to start one.\",\n          ),\n          icon: <Users size={28} className=\"text-text-secondary\" />,\n        };\n      case \"channel\":\n        return {\n          title: tr(\n            \"conversations.empty.channels.title\",\n            \"Subscribe to a channel\",\n          ),\n          description: tr(\n            \"conversations.empty.channels.description\",\n            \"Channels are topic-based discussions visible to everyone who joins them.\",\n          ),\n          icon: <Hash size={28} className=\"text-text-secondary\" />,\n        };\n      default:\n        return {\n          title: tr(\"conversations.empty.all.title\", \"No conversations yet\"),\n          description: tr(\n            \"conversations.empty.all.description\",\n            \"Start your first conversation with someone in this workspace.\",\n          ),\n          icon: <MessageCircle size={28} className=\"text-text-secondary\" />,\n        };\n    }\n  }, [\n    forcedFilterParam,\n    isArchivedTab,\n    isSearchActive,\n    tr,\n    trimmedSearchQuery,\n  ]);\n\n  // ─── Embedded mode: bare list, no own chrome (used inside InboxLayout) ───\n  if (embedded) {\n    return (\n      <PermissionGuard\n        permission={CONVERSATIONS_PERMISSIONS.CONVERSATION_READ}\n        allowUnavailablePermissions\n      >\n        <div\n          data-tour=\"conversation-list\"\n          className=\"flex h-full min-h-0 w-full flex-col\"\n          aria-live=\"polite\"\n        >\n          {isLoading ? (\n            <div\n              role=\"status\"\n              className=\"px-4 py-8 text-sm text-text-secondary\"\n            >\n              {tr(\"conversations.loading\", \"Loading conversations...\")}\n            </div>\n          ) : activeError ? (\n            <EmptyState\n              icon={\n                <AlertCircle\n                  size={28}\n                  className=\"text-status-error-text\"\n                  aria-hidden=\"true\"\n                />\n              }\n              title={tr(\n                \"conversations.couldNotLoad\",\n                \"Could not load conversations\",\n              )}\n              description={activeError.message}\n            />\n          ) : filteredConversations.length === 0 ? (\n            <EmptyState\n              icon={emptyState.icon}\n              title={emptyState.title}\n              description={emptyState.description}\n            />\n          ) : (\n            <div\n              data-tour=\"conversation-list-results\"\n              className=\"flex flex-col gap-0.5 px-2 py-2\"\n            >\n              {pinnedConversations.length > 0 && (\n                <>\n                  <div className=\"flex items-center gap-1.5 px-2 pt-2 pb-1\">\n                    <Pin\n                      size={11}\n                      className=\"text-text-secondary\"\n                      aria-hidden=\"true\"\n                    />\n                    <span className=\"text-[10px] font-semibold uppercase tracking-wider text-text-secondary\">\n                      {tr(\"conversations.pinned\", \"Pinned\")}\n                    </span>\n                  </div>\n                  {pinnedConversations.map((conversation) => (\n                    <ConversationRow\n                      key={conversation.id}\n                      conversation={conversation}\n                      isActive={activeConversationId === conversation.id}\n                      onClick={handleConversationClick}\n                    />\n                  ))}\n                  {unpinnedConversations.length > 0 && (\n                    <div className=\"flex items-center gap-1.5 px-2 pt-3 pb-1\">\n                      <span className=\"text-[10px] font-semibold uppercase tracking-wider text-text-secondary\">\n                        {tr(\"conversations.tabs.all\", \"All\")}\n                      </span>\n                    </div>\n                  )}\n                </>\n              )}\n              {unpinnedConversations.map((conversation) => (\n                <ConversationRow\n                  key={conversation.id}\n                  conversation={conversation}\n                  isActive={activeConversationId === conversation.id}\n                  onClick={handleConversationClick}\n                />\n              ))}\n            </div>\n          )}\n        </div>\n      </PermissionGuard>\n    );\n  }\n\n  // ─── Standalone mode (legacy /conversations/list route) ───\n  // Retains the original look but uses semantic tokens.\n  return (\n    <PermissionGuard\n      permission={CONVERSATIONS_PERMISSIONS.CONVERSATION_READ}\n      allowUnavailablePermissions\n    >\n      <div\n        data-tour=\"conversation-list-standalone\"\n        className=\"flex h-full min-h-0 w-full flex-col bg-bg-surface\"\n      >\n        {isLoading ? (\n          <div className=\"px-4 py-8 text-sm text-text-secondary\">\n            {tr(\"conversations.loading\", \"Loading conversations...\")}\n          </div>\n        ) : activeError ? (\n          <EmptyState\n            icon={\n              <AlertCircle\n                size={28}\n                className=\"text-status-error-text\"\n                aria-hidden=\"true\"\n              />\n            }\n            title={tr(\n              \"conversations.couldNotLoad\",\n              \"Could not load conversations\",\n            )}\n            description={activeError.message}\n          />\n        ) : filteredConversations.length === 0 ? (\n          <EmptyState\n            icon={emptyState.icon}\n            title={emptyState.title}\n            description={emptyState.description}\n          />\n        ) : (\n          <div className=\"flex flex-col gap-0.5 px-2 py-2\">\n            {filteredConversations.map((conversation) => (\n              <ConversationRow\n                key={conversation.id}\n                conversation={conversation}\n                isActive={activeConversationId === conversation.id}\n                onClick={handleConversationClick}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}