@burdenoff/microfe-conversations 2026.527.2 → 2026.528.2

package/dist/conversations/pages/ConversationsLandingPage.js

@@ -1,119 +1,129 @@
-import { useTr as e } from "../utils/i18n.js";
-import { PermissionGuard as t } from "../components/PermissionGuard.js";
-import { CONVERSATIONS_PERMISSIONS as n } from "../constants/permissions.js";
-import { ConversationListPage as r } from "./ConversationListPage.js";
-import { NewConversationPage as i } from "./NewConversationPage.js";
-import { ConversationsSettingsPage as a } from "./ConversationsSettingsPage.js";
-import { useUserFeatureFlags as o } from "../hooks/useUserFeatureFlags.js";
-import { useEffect as s, useMemo as c } from "react";
-import { useSearchParams as l } from "react-router-dom";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Tabs as f } from "@burdenoff/fe-libs/chrome";
+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 { useConversationsStore as r } from "../store/conversationsStore.js";
+import { PermissionGuard as i } from "../components/PermissionGuard.js";
+import { CONVERSATIONS_PERMISSIONS as a } from "../constants/permissions.js";
+import { ConversationListPage as o } from "./ConversationListPage.js";
+import { InboxLayout as s } from "../components/InboxLayout.js";
+import { NewConversationDialog as c } from "../components/NewConversationDialog.js";
+import { useUserFeatureFlags as l } from "../hooks/useUserFeatureFlags.js";
+import { Suspense as u, lazy as d, useCallback as f, useEffect as p, useMemo as m } from "react";
+import { Filter as h, Loader2 as g, Pin as _ } from "lucide-react";
+import { useNavigate as v, useParams as y, useSearchParams as b } from "react-router-dom";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { PageContainer as C } from "@burdenoff/fe-libs/ui";
 //#region src/conversations/pages/ConversationsLandingPage.tsx
-var p = "all";
-function m({ title: t }) {
-	let n = e();
-	return /* @__PURE__ */ u("div", {
-		className: "flex h-full items-center justify-center p-8 text-center",
-		children: /* @__PURE__ */ d("div", {
-			className: "space-y-2",
-			children: [/* @__PURE__ */ u("h3", {
-				className: "text-lg font-semibold text-foreground",
-				children: t
-			}), /* @__PURE__ */ u("p", {
-				className: "text-sm text-muted-foreground",
-				children: n("conversations.comingSoon", "Coming soon.")
-			})]
-		})
-	});
-}
-function h() {
-	let [h, g] = l(), _ = e(), { archivedEnabled: v } = o(), y = c(() => [
-		{
-			id: p,
-			label: _("conversations.allConversations", "All Conversations")
-		},
-		{
-			id: "channels",
-			label: _("conversations.channels", "Channels")
-		},
-		{
-			id: "direct",
-			label: _("conversations.directMessages", "Direct Messages")
-		},
-		{
-			id: "groups",
-			label: _("conversations.groups", "Groups")
-		},
-		...v ? [{
-			id: "archived",
-			label: _("conversations.archived", "Archived")
-		}] : [],
-		{
-			id: "new",
-			label: _("conversations.new", "New")
-		},
-		{
-			id: "settings",
-			label: _("conversations.settings", "Settings")
-		}
-	], [_, v]), b = h.get("tab"), x = b === "archived" && !v ? p : b ?? p;
-	return s(() => {
-		!v && b === "archived" && g((e) => {
+var w = d(() => import("./ConversationDetailPage.js").then((e) => ({ default: e.ConversationDetailPage }))), T = "all", E = {
+	all: void 0,
+	direct: "direct",
+	groups: "group",
+	channels: "channel",
+	archived: "archived"
+};
+function D() {
+	let [d, D] = b(), { conversationId: O } = y(), k = v(), { basePath: A } = e(), j = n(), { archivedEnabled: M } = l(), { searchQuery: N, setSearchQuery: P, conversationFilter: F, updateConversationFilter: I } = r(), L = d.get("new") === "true", R = f(() => {
+		D((e) => {
+			let t = new URLSearchParams(e);
+			return t.delete("new"), t;
+		}, { replace: !0 });
+	}, [D]), z = f((e) => {
+		e || R();
+	}, [R]), B = f((e) => {
+		k(t(A || "/conversations", e), { replace: !0 });
+	}, [A, k]), V = d.get("tab") ?? T, H = V === "archived" && !M ? T : V;
+	p(() => {
+		!M && V === "archived" && D((e) => {
 			let t = new URLSearchParams(e);
 			return t.delete("tab"), t;
 		}, { replace: !0 });
 	}, [
-		v,
-		b,
-		g
-	]), /* @__PURE__ */ u(t, {
-		permission: n.CONVERSATION_READ,
+		M,
+		V,
+		D
+	]);
+	let U = f((e) => {
+		D((t) => {
+			let n = new URLSearchParams(t);
+			return e === T ? n.delete("tab") : n.set("tab", e), n;
+		}, { replace: !0 });
+	}, [D]), W = m(() => {
+		if (H === "archived") return [];
+		let e = F.hasUnread === !0, t = F.isPinned === !0;
+		return [{
+			id: "unread",
+			label: j("conversations.unread", "Unread"),
+			active: e,
+			onToggle: () => I({ hasUnread: e ? void 0 : !0 }),
+			icon: /* @__PURE__ */ x(h, {
+				size: 11,
+				"aria-hidden": "true"
+			})
+		}, {
+			id: "pinned",
+			label: j("conversations.pinned", "Pinned"),
+			active: t,
+			onToggle: () => I({ isPinned: t ? void 0 : !0 }),
+			icon: /* @__PURE__ */ x(_, {
+				size: 11,
+				"aria-hidden": "true"
+			})
+		}];
+	}, [
+		H,
+		F.hasUnread,
+		F.isPinned,
+		j,
+		I
+	]), G = E[H];
+	return /* @__PURE__ */ x(i, {
+		permission: a.CONVERSATION_READ,
 		allowUnavailablePermissions: !0,
-		children: /* @__PURE__ */ d("main", {
+		children: /* @__PURE__ */ S(C, {
 			"data-tour": "conversations-landing",
-			className: "flex flex-col h-full",
-			"aria-labelledby": "conversations-page-heading",
+			padded: !1,
+			className: "h-full min-h-0",
 			children: [
-				/* @__PURE__ */ u("h1", {
+				/* @__PURE__ */ x("h1", {
 					id: "conversations-page-heading",
 					className: "sr-only",
-					children: _("conversations.title", "Conversations")
+					children: j("conversations.title", "Conversations")
 				}),
-				/* @__PURE__ */ u("div", {
-					"data-tour": "conversations-tabs",
-					className: "border-b border-border-subtle px-4 pt-3",
-					children: /* @__PURE__ */ u(f, {
-						items: y,
-						activeTabId: x,
-						onTabChange: (e) => {
-							g((t) => {
-								let n = new URLSearchParams(t);
-								return e === p ? n.delete("tab") : n.set("tab", e), n;
-							}, { replace: !0 });
-						},
-						variant: "underline"
-					})
+				/* @__PURE__ */ x(s, {
+					activeTab: H,
+					onTabChange: U,
+					archivedEnabled: M,
+					searchQuery: N,
+					onSearchChange: P,
+					filterChips: W,
+					listSlot: /* @__PURE__ */ x(o, {
+						embedded: !0,
+						forcedFilterParam: G
+					}),
+					detailSlot: O ? /* @__PURE__ */ x(u, {
+						fallback: /* @__PURE__ */ S("div", {
+							role: "status",
+							"aria-live": "polite",
+							className: "flex h-full items-center justify-center gap-2 text-sm text-text-secondary",
+							children: [/* @__PURE__ */ x(g, {
+								size: 16,
+								className: "animate-spin",
+								"aria-hidden": "true"
+							}), j("conversations.detailLoading", "Loading conversation…")]
+						}),
+						children: /* @__PURE__ */ x(w, {})
+					}) : void 0
 				}),
-				/* @__PURE__ */ d("section", {
-					className: "flex-1 min-h-0 overflow-auto",
-					"aria-live": "polite",
-					"aria-label": _("conversations.activePanel", "Active conversations panel"),
-					children: [
-						x === "all" && /* @__PURE__ */ u(r, {}),
-						x === "channels" && /* @__PURE__ */ u(r, { forcedFilterParam: "channel" }),
-						x === "direct" && /* @__PURE__ */ u(r, { forcedFilterParam: "direct" }),
-						x === "groups" && /* @__PURE__ */ u(r, { forcedFilterParam: "group" }),
-						x === "archived" && /* @__PURE__ */ u(m, { title: _("conversations.archivedTitle", "Archived Conversations") }),
-						x === "new" && /* @__PURE__ */ u(i, {}),
-						x === "settings" && /* @__PURE__ */ u(a, {})
-					]
+				L && /* @__PURE__ */ x(c, {
+					open: !0,
+					onOpenChange: z,
+					onCreated: B
 				})
 			]
 		})
 	});
 }
 //#endregion
-export { h as ConversationsLandingPage };
+export { D as ConversationsLandingPage };
 
 //# sourceMappingURL=ConversationsLandingPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConversationsLandingPage.js","names":[],"sources":["../../../src/conversations/pages/ConversationsLandingPage.tsx"],"sourcesContent":["import { useEffect, useMemo } from \"react\";\nimport { useSearchParams } from \"react-router-dom\";\nimport { Tabs, type TabItem } from \"@burdenoff/fe-libs/chrome\";\nimport { ConversationListPage } from \"./ConversationListPage\";\nimport { NewConversationPage } from \"./NewConversationPage\";\nimport { ConversationsSettingsPage } from \"./ConversationsSettingsPage\";\nimport { PermissionGuard } from \"../components/PermissionGuard\";\nimport { CONVERSATIONS_PERMISSIONS } from \"../constants/permissions\";\nimport { useUserFeatureFlags } from \"../hooks/useUserFeatureFlags\";\nimport { useTr } from \"../utils/i18n\";\n\nconst DEFAULT_TAB_ID = \"all\";\n\n/**\n * Coming-soon placeholder shown for tabs whose dedicated pages\n * are not yet implemented in this microfrontend.\n */\nfunction ComingSoon({ title }: { title: string }) {\n  const tr = useTr();\n\n  return (\n    <div className=\"flex h-full items-center justify-center p-8 text-center\">\n      <div className=\"space-y-2\">\n        <h3 className=\"text-lg font-semibold text-foreground\">{title}</h3>\n        <p className=\"text-sm text-muted-foreground\">\n          {tr(\"conversations.comingSoon\", \"Coming soon.\")}\n        </p>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Tabbed landing page for the Conversations microfrontend.\n *\n * Renders an underline tab bar at the top and swaps the active panel\n * based on the `?tab=...` URL search param. The first tab (\"all\") uses\n * a clean URL with no `tab` param.\n */\nexport function ConversationsLandingPage() {\n  const [params, setParams] = useSearchParams();\n  const tr = useTr();\n\n  const { archivedEnabled } = useUserFeatureFlags();\n\n  const tabs: TabItem[] = useMemo(\n    () => [\n      {\n        id: DEFAULT_TAB_ID,\n        label: tr(\"conversations.allConversations\", \"All Conversations\"),\n      },\n      { id: \"channels\", label: tr(\"conversations.channels\", \"Channels\") },\n      {\n        id: \"direct\",\n        label: tr(\"conversations.directMessages\", \"Direct Messages\"),\n      },\n      { id: \"groups\", label: tr(\"conversations.groups\", \"Groups\") },\n      ...(archivedEnabled\n        ? [{ id: \"archived\", label: tr(\"conversations.archived\", \"Archived\") }]\n        : []),\n      { id: \"new\", label: tr(\"conversations.new\", \"New\") },\n      { id: \"settings\", label: tr(\"conversations.settings\", \"Settings\") },\n    ],\n    [tr, archivedEnabled],\n  );\n\n  const currentTab = params.get(\"tab\");\n  // Render `activeId` correctly for the archived-off case; the effect below cleans the URL lazily.\n  const activeId =\n    currentTab === \"archived\" && !archivedEnabled\n      ? DEFAULT_TAB_ID\n      : (currentTab ?? DEFAULT_TAB_ID);\n\n  useEffect(() => {\n    if (!archivedEnabled && currentTab === \"archived\") {\n      // Updater form reads the freshest params at flush time to preserve concurrent query-param changes.\n      setParams(\n        (prev) => {\n          const next = new URLSearchParams(prev);\n          next.delete(\"tab\");\n          return next;\n        },\n        { replace: true },\n      );\n    }\n  }, [archivedEnabled, currentTab, setParams]);\n\n  const handleTabChange = (id: string) => {\n    setParams(\n      (prev) => {\n        const next = new URLSearchParams(prev);\n        if (id === DEFAULT_TAB_ID) {\n          next.delete(\"tab\");\n        } else {\n          next.set(\"tab\", id);\n        }\n        return next;\n      },\n      { replace: true },\n    );\n  };\n\n  return (\n    <PermissionGuard\n      permission={CONVERSATIONS_PERMISSIONS.CONVERSATION_READ}\n      allowUnavailablePermissions\n    >\n      <main\n        data-tour=\"conversations-landing\"\n        className=\"flex flex-col h-full\"\n        aria-labelledby=\"conversations-page-heading\"\n      >\n        <h1 id=\"conversations-page-heading\" className=\"sr-only\">\n          {tr(\"conversations.title\", \"Conversations\")}\n        </h1>\n        <div\n          data-tour=\"conversations-tabs\"\n          className=\"border-b border-border-subtle px-4 pt-3\"\n        >\n          <Tabs\n            items={tabs}\n            activeTabId={activeId}\n            onTabChange={handleTabChange}\n            variant=\"underline\"\n          />\n        </div>\n        <section\n          className=\"flex-1 min-h-0 overflow-auto\"\n          aria-live=\"polite\"\n          aria-label={tr(\n            \"conversations.activePanel\",\n            \"Active conversations panel\",\n          )}\n        >\n          {activeId === \"all\" && <ConversationListPage />}\n          {activeId === \"channels\" && (\n            <ConversationListPage forcedFilterParam=\"channel\" />\n          )}\n          {activeId === \"direct\" && (\n            <ConversationListPage forcedFilterParam=\"direct\" />\n          )}\n          {activeId === \"groups\" && (\n            <ConversationListPage forcedFilterParam=\"group\" />\n          )}\n          {activeId === \"archived\" && (\n            <ComingSoon\n              title={tr(\n                \"conversations.archivedTitle\",\n                \"Archived Conversations\",\n              )}\n            />\n          )}\n          {activeId === \"new\" && <NewConversationPage />}\n          {activeId === \"settings\" && <ConversationsSettingsPage />}\n        </section>\n      </main>\n    </PermissionGuard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,IAAM,IAAiB;AAMvB,SAAS,EAAW,EAAE,YAA4B;CAChD,IAAM,IAAK,GAAO;AAElB,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyC;IAAW,CAAA,EAClE,kBAAC,KAAD;IAAG,WAAU;cACV,EAAG,4BAA4B,eAAe;IAC7C,CAAA,CACA;;EACF,CAAA;;AAWV,SAAgB,IAA2B;CACzC,IAAM,CAAC,GAAQ,KAAa,GAAiB,EACvC,IAAK,GAAO,EAEZ,EAAE,uBAAoB,GAAqB,EAE3C,IAAkB,QAChB;EACJ;GACE,IAAI;GACJ,OAAO,EAAG,kCAAkC,oBAAoB;GACjE;EACD;GAAE,IAAI;GAAY,OAAO,EAAG,0BAA0B,WAAW;GAAE;EACnE;GACE,IAAI;GACJ,OAAO,EAAG,gCAAgC,kBAAkB;GAC7D;EACD;GAAE,IAAI;GAAU,OAAO,EAAG,wBAAwB,SAAS;GAAE;EAC7D,GAAI,IACA,CAAC;GAAE,IAAI;GAAY,OAAO,EAAG,0BAA0B,WAAW;GAAE,CAAC,GACrE,EAAE;EACN;GAAE,IAAI;GAAO,OAAO,EAAG,qBAAqB,MAAM;GAAE;EACpD;GAAE,IAAI;GAAY,OAAO,EAAG,0BAA0B,WAAW;GAAE;EACpE,EACD,CAAC,GAAI,EAAgB,CACtB,EAEK,IAAa,EAAO,IAAI,MAAM,EAE9B,IACJ,MAAe,cAAc,CAAC,IAC1B,IACC,KAAc;AA+BrB,QA7BA,QAAgB;AACd,EAAI,CAAC,KAAmB,MAAe,cAErC,GACG,MAAS;GACR,IAAM,IAAO,IAAI,gBAAgB,EAAK;AAEtC,UADA,EAAK,OAAO,MAAM,EACX;KAET,EAAE,SAAS,IAAM,CAClB;IAEF;EAAC;EAAiB;EAAY;EAAU,CAAC,EAkB1C,kBAAC,GAAD;EACE,YAAY,EAA0B;EACtC,6BAAA;YAEA,kBAAC,QAAD;GACE,aAAU;GACV,WAAU;GACV,mBAAgB;aAHlB;IAKE,kBAAC,MAAD;KAAI,IAAG;KAA6B,WAAU;eAC3C,EAAG,uBAAuB,gBAAgB;KACxC,CAAA;IACL,kBAAC,OAAD;KACE,aAAU;KACV,WAAU;eAEV,kBAAC,GAAD;MACE,OAAO;MACP,aAAa;MACb,cAnCe,MAAe;AACtC,UACG,MAAS;QACR,IAAM,IAAO,IAAI,gBAAgB,EAAK;AAMtC,eALI,MAAO,IACT,EAAK,OAAO,MAAM,GAElB,EAAK,IAAI,OAAO,EAAG,EAEd;UAET,EAAE,SAAS,IAAM,CAClB;;MAwBO,SAAQ;MACR,CAAA;KACE,CAAA;IACN,kBAAC,WAAD;KACE,WAAU;KACV,aAAU;KACV,cAAY,EACV,6BACA,6BACD;eANH;MAQG,MAAa,SAAS,kBAAC,GAAD,EAAwB,CAAA;MAC9C,MAAa,cACZ,kBAAC,GAAD,EAAsB,mBAAkB,WAAY,CAAA;MAErD,MAAa,YACZ,kBAAC,GAAD,EAAsB,mBAAkB,UAAW,CAAA;MAEpD,MAAa,YACZ,kBAAC,GAAD,EAAsB,mBAAkB,SAAU,CAAA;MAEnD,MAAa,cACZ,kBAAC,GAAD,EACE,OAAO,EACL,+BACA,yBACD,EACD,CAAA;MAEH,MAAa,SAAS,kBAAC,GAAD,EAAuB,CAAA;MAC7C,MAAa,cAAc,kBAAC,GAAD,EAA6B,CAAA;MACjD;;IACL;;EACS,CAAA"}
+{"version":3,"file":"ConversationsLandingPage.js","names":[],"sources":["../../../src/conversations/pages/ConversationsLandingPage.tsx"],"sourcesContent":["import { Suspense, useCallback, useEffect, useMemo, lazy } from \"react\";\nimport { useNavigate, useParams, useSearchParams } from \"react-router-dom\";\nimport { PageContainer } from \"@burdenoff/fe-libs/ui\";\nimport { Pin, Filter, Loader2 } from \"lucide-react\";\nimport { ConversationListPage } from \"./ConversationListPage\";\nimport { PermissionGuard } from \"../components/PermissionGuard\";\nimport {\n  InboxLayout,\n  type FilterChipDescriptor,\n  type InboxTabId,\n} from \"../components/InboxLayout\";\nimport { NewConversationDialog } from \"../components/NewConversationDialog\";\nimport { CONVERSATIONS_PERMISSIONS } from \"../constants/permissions\";\nimport { useUserFeatureFlags } from \"../hooks/useUserFeatureFlags\";\nimport { useConversationsStore } from \"../store/conversationsStore\";\nimport { useTr } from \"../utils/i18n\";\nimport { useConversations } from \"../providers/ConversationsProvider\";\nimport { joinPath } from \"../utils/navigation\";\n\n// Lazy-load the detail page so the inbox bundle stays small for users who\n// never open a conversation in this session. The detail subtree is the\n// heaviest by far (~19kB gz including MessageBubble).\nconst ConversationDetailPage = lazy(() =>\n  import(\"./ConversationDetailPage\").then((m) => ({\n    default: m.ConversationDetailPage,\n  })),\n);\n\nconst DEFAULT_TAB_ID: InboxTabId = \"all\";\n\n// Maps the inbox tab id to the `forcedFilterParam` prop accepted by\n// ConversationListPage. The \"all\" tab passes undefined so the list shows\n// every conversation type. The archived tab triggers the BE state filter\n// (states: [ARCHIVED]) handled inside ConversationListPage.\nconst TAB_TO_LIST_FILTER: Record<\n  InboxTabId,\n  \"channel\" | \"direct\" | \"group\" | \"archived\" | undefined\n> = {\n  all: undefined,\n  direct: \"direct\",\n  groups: \"group\",\n  channels: \"channel\",\n  archived: \"archived\",\n};\n\n/**\n * Landing page for `/conversations`.\n *\n * Renders the canonical inbox: two-pane shell with the conversation list on\n * the left and an empty detail panel on the right. The detail panel is\n * filled in by the router on `/conversations/:conversationId`; this page\n * itself only renders the chrome and the list.\n *\n * Tabs (All / Direct / Groups / Channels / Archived) are stored in the\n * `?tab=` URL search param so refreshing the page keeps the user on the\n * same view.\n */\nexport function ConversationsLandingPage() {\n  const [params, setParams] = useSearchParams();\n  const { conversationId } = useParams<{ conversationId?: string }>();\n  const navigate = useNavigate();\n  const { basePath } = useConversations();\n  const tr = useTr();\n  const { archivedEnabled } = useUserFeatureFlags();\n  const {\n    searchQuery,\n    setSearchQuery,\n    conversationFilter,\n    updateConversationFilter,\n  } = useConversationsStore();\n\n  // `?new=true` opens the create-conversation dialog in-place. The dialog\n  // is dismissed by either (a) the user closing it, in which case we drop\n  // the param via setParams (replace), or (b) a successful create, in\n  // which case we strip the param and navigate to the new detail route.\n  const isNewDialogOpen = params.get(\"new\") === \"true\";\n\n  const closeNewDialog = useCallback(() => {\n    setParams(\n      (prev) => {\n        const next = new URLSearchParams(prev);\n        next.delete(\"new\");\n        return next;\n      },\n      { replace: true },\n    );\n  }, [setParams]);\n\n  const handleNewDialogOpenChange = useCallback(\n    (open: boolean) => {\n      if (!open) closeNewDialog();\n    },\n    [closeNewDialog],\n  );\n\n  const handleNewDialogCreated = useCallback(\n    (newConversationId: string) => {\n      // The dialog closes itself before invoking onCreated; we just need\n      // to route to the new conversation detail page (which lives under\n      // the conversations basePath) without the lingering ?new=true.\n      navigate(joinPath(basePath || \"/conversations\", newConversationId), {\n        replace: true,\n      });\n    },\n    [basePath, navigate],\n  );\n\n  const requestedTab = (params.get(\"tab\") ?? DEFAULT_TAB_ID) as InboxTabId;\n  // Strip the archived tab when the feature flag is off — the side effect\n  // below also lazily cleans the URL so a deep link doesn't leave the user\n  // staring at an unknown tab.\n  const activeTab: InboxTabId =\n    requestedTab === \"archived\" && !archivedEnabled\n      ? DEFAULT_TAB_ID\n      : requestedTab;\n\n  useEffect(() => {\n    if (!archivedEnabled && requestedTab === \"archived\") {\n      // Updater form reads the freshest params at flush time to preserve\n      // concurrent query-param changes elsewhere in the tree.\n      setParams(\n        (prev) => {\n          const next = new URLSearchParams(prev);\n          next.delete(\"tab\");\n          return next;\n        },\n        { replace: true },\n      );\n    }\n  }, [archivedEnabled, requestedTab, setParams]);\n\n  const handleTabChange = useCallback(\n    (id: InboxTabId) => {\n      setParams(\n        (prev) => {\n          const next = new URLSearchParams(prev);\n          if (id === DEFAULT_TAB_ID) {\n            next.delete(\"tab\");\n          } else {\n            next.set(\"tab\", id);\n          }\n          return next;\n        },\n        { replace: true },\n      );\n    },\n    [setParams],\n  );\n\n  // Filter chips are only meaningful on tabs where they can hide items. On\n  // the Archived tab the only sane secondary toggle is \"Pinned\" (unread\n  // doesn't make sense for archived conversations); on the inbox tabs we\n  // expose both unread + pinned.\n  const filterChips = useMemo<FilterChipDescriptor[]>(() => {\n    if (activeTab === \"archived\") return [];\n    const unreadActive = conversationFilter.hasUnread === true;\n    const pinnedActive = conversationFilter.isPinned === true;\n    return [\n      {\n        id: \"unread\",\n        label: tr(\"conversations.unread\", \"Unread\"),\n        active: unreadActive,\n        onToggle: () =>\n          updateConversationFilter({\n            hasUnread: unreadActive ? undefined : true,\n          }),\n        icon: <Filter size={11} aria-hidden=\"true\" />,\n      },\n      {\n        id: \"pinned\",\n        label: tr(\"conversations.pinned\", \"Pinned\"),\n        active: pinnedActive,\n        onToggle: () =>\n          updateConversationFilter({\n            isPinned: pinnedActive ? undefined : true,\n          }),\n        icon: <Pin size={11} aria-hidden=\"true\" />,\n      },\n    ];\n  }, [\n    activeTab,\n    conversationFilter.hasUnread,\n    conversationFilter.isPinned,\n    tr,\n    updateConversationFilter,\n  ]);\n\n  const forcedFilter = TAB_TO_LIST_FILTER[activeTab];\n\n  return (\n    <PermissionGuard\n      permission={CONVERSATIONS_PERMISSIONS.CONVERSATION_READ}\n      allowUnavailablePermissions\n    >\n      <PageContainer\n        data-tour=\"conversations-landing\"\n        padded={false}\n        className=\"h-full min-h-0\"\n      >\n        <h1 id=\"conversations-page-heading\" className=\"sr-only\">\n          {tr(\"conversations.title\", \"Conversations\")}\n        </h1>\n        <InboxLayout\n          activeTab={activeTab}\n          onTabChange={handleTabChange}\n          archivedEnabled={archivedEnabled}\n          searchQuery={searchQuery}\n          onSearchChange={setSearchQuery}\n          filterChips={filterChips}\n          listSlot={\n            <ConversationListPage embedded forcedFilterParam={forcedFilter} />\n          }\n          detailSlot={\n            conversationId ? (\n              <Suspense\n                fallback={\n                  <div\n                    role=\"status\"\n                    aria-live=\"polite\"\n                    className=\"flex h-full items-center justify-center gap-2 text-sm text-text-secondary\"\n                  >\n                    <Loader2\n                      size={16}\n                      className=\"animate-spin\"\n                      aria-hidden=\"true\"\n                    />\n                    {tr(\"conversations.detailLoading\", \"Loading conversation…\")}\n                  </div>\n                }\n              >\n                <ConversationDetailPage />\n              </Suspense>\n            ) : undefined\n          }\n        />\n        {isNewDialogOpen && (\n          <NewConversationDialog\n            open\n            onOpenChange={handleNewDialogOpenChange}\n            onCreated={handleNewDialogCreated}\n          />\n        )}\n      </PageContainer>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}