@burdenoff/microfe-conversations 2026.527.1 → 2026.528.1

package/dist/conversations/pages/ConversationsLandingPage.js

@@ -1,119 +1,109 @@
 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 { useConversationsStore as t } from "../store/conversationsStore.js";
+import { PermissionGuard as n } from "../components/PermissionGuard.js";
+import { CONVERSATIONS_PERMISSIONS as r } from "../constants/permissions.js";
+import { ConversationListPage as i } from "./ConversationListPage.js";
+import { InboxLayout as a } from "../components/InboxLayout.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 { Suspense as s, lazy as c, useCallback as l, useEffect as u, useMemo as d } from "react";
+import { Filter as f, Loader2 as p, Pin as m } from "lucide-react";
+import { useParams as h, useSearchParams as g } from "react-router-dom";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { PageContainer as y } 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 b = c(() => import("./ConversationDetailPage.js").then((e) => ({ default: e.ConversationDetailPage }))), x = "all", S = {
+	all: void 0,
+	direct: "direct",
+	groups: "group",
+	channels: "channel",
+	archived: "archived"
+};
+function C() {
+	let [c, C] = g(), { conversationId: w } = h(), T = e(), { archivedEnabled: E } = o(), { searchQuery: D, setSearchQuery: O, conversationFilter: k, updateConversationFilter: A } = t(), j = c.get("tab") ?? x, M = j === "archived" && !E ? x : j;
+	u(() => {
+		!E && j === "archived" && C((e) => {
 			let t = new URLSearchParams(e);
 			return t.delete("tab"), t;
 		}, { replace: !0 });
 	}, [
-		v,
-		b,
-		g
-	]), /* @__PURE__ */ u(t, {
-		permission: n.CONVERSATION_READ,
+		E,
+		j,
+		C
+	]);
+	let N = l((e) => {
+		C((t) => {
+			let n = new URLSearchParams(t);
+			return e === x ? n.delete("tab") : n.set("tab", e), n;
+		}, { replace: !0 });
+	}, [C]), P = d(() => {
+		if (M === "archived") return [];
+		let e = k.hasUnread === !0, t = k.isPinned === !0;
+		return [{
+			id: "unread",
+			label: T("conversations.unread", "Unread"),
+			active: e,
+			onToggle: () => A({ hasUnread: e ? void 0 : !0 }),
+			icon: /* @__PURE__ */ _(f, {
+				size: 11,
+				"aria-hidden": "true"
+			})
+		}, {
+			id: "pinned",
+			label: T("conversations.pinned", "Pinned"),
+			active: t,
+			onToggle: () => A({ isPinned: t ? void 0 : !0 }),
+			icon: /* @__PURE__ */ _(m, {
+				size: 11,
+				"aria-hidden": "true"
+			})
+		}];
+	}, [
+		M,
+		k.hasUnread,
+		k.isPinned,
+		T,
+		A
+	]), F = S[M];
+	return /* @__PURE__ */ _(n, {
+		permission: r.CONVERSATION_READ,
 		allowUnavailablePermissions: !0,
-		children: /* @__PURE__ */ d("main", {
+		children: /* @__PURE__ */ v(y, {
 			"data-tour": "conversations-landing",
-			className: "flex flex-col h-full",
-			"aria-labelledby": "conversations-page-heading",
-			children: [
-				/* @__PURE__ */ u("h1", {
-					id: "conversations-page-heading",
-					className: "sr-only",
-					children: _("conversations.title", "Conversations")
+			padded: !1,
+			className: "h-full min-h-0",
+			children: [/* @__PURE__ */ _("h1", {
+				id: "conversations-page-heading",
+				className: "sr-only",
+				children: T("conversations.title", "Conversations")
+			}), /* @__PURE__ */ _(a, {
+				activeTab: M,
+				onTabChange: N,
+				archivedEnabled: E,
+				searchQuery: D,
+				onSearchChange: O,
+				filterChips: P,
+				listSlot: /* @__PURE__ */ _(i, {
+					embedded: !0,
+					forcedFilterParam: F
 				}),
-				/* @__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__ */ 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, {})
-					]
-				})
-			]
+				detailSlot: w ? /* @__PURE__ */ _(s, {
+					fallback: /* @__PURE__ */ v("div", {
+						role: "status",
+						"aria-live": "polite",
+						className: "flex h-full items-center justify-center gap-2 text-sm text-text-secondary",
+						children: [/* @__PURE__ */ _(p, {
+							size: 16,
+							className: "animate-spin",
+							"aria-hidden": "true"
+						}), T("conversations.detailLoading", "Loading conversation…")]
+					}),
+					children: /* @__PURE__ */ _(b, {})
+				}) : void 0
+			})]
 		})
 	});
 }
 //#endregion
-export { h as ConversationsLandingPage };
+export { C 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 { 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 { CONVERSATIONS_PERMISSIONS } from \"../constants/permissions\";\nimport { useUserFeatureFlags } from \"../hooks/useUserFeatureFlags\";\nimport { useConversationsStore } from \"../store/conversationsStore\";\nimport { useTr } from \"../utils/i18n\";\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 tr = useTr();\n  const { archivedEnabled } = useUserFeatureFlags();\n  const {\n    searchQuery,\n    setSearchQuery,\n    conversationFilter,\n    updateConversationFilter,\n  } = useConversationsStore();\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      </PageContainer>\n    </PermissionGuard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAmBA,IAAM,IAAyB,QAC7B,OAAO,+BAA4B,MAAM,OAAO,EAC9C,SAAS,EAAE,wBACZ,EAAE,CACJ,EAEK,IAA6B,OAM7B,IAGF;CACF,KAAK,KAAA;CACL,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,UAAU;CACX;AAcD,SAAgB,IAA2B;CACzC,IAAM,CAAC,GAAQ,KAAa,GAAiB,EACvC,EAAE,sBAAmB,GAAwC,EAC7D,IAAK,GAAO,EACZ,EAAE,uBAAoB,GAAqB,EAC3C,EACJ,gBACA,mBACA,uBACA,gCACE,GAAuB,EAErB,IAAgB,EAAO,IAAI,MAAM,IAAI,GAIrC,IACJ,MAAiB,cAAc,CAAC,IAC5B,IACA;AAEN,SAAgB;AACd,EAAI,CAAC,KAAmB,MAAiB,cAGvC,GACG,MAAS;GACR,IAAM,IAAO,IAAI,gBAAgB,EAAK;AAEtC,UADA,EAAK,OAAO,MAAM,EACX;KAET,EAAE,SAAS,IAAM,CAClB;IAEF;EAAC;EAAiB;EAAc;EAAU,CAAC;CAE9C,IAAM,IAAkB,GACrB,MAAmB;AAClB,KACG,MAAS;GACR,IAAM,IAAO,IAAI,gBAAgB,EAAK;AAMtC,UALI,MAAO,IACT,EAAK,OAAO,MAAM,GAElB,EAAK,IAAI,OAAO,EAAG,EAEd;KAET,EAAE,SAAS,IAAM,CAClB;IAEH,CAAC,EAAU,CACZ,EAMK,IAAc,QAAsC;AACxD,MAAI,MAAc,WAAY,QAAO,EAAE;EACvC,IAAM,IAAe,EAAmB,cAAc,IAChD,IAAe,EAAmB,aAAa;AACrD,SAAO,CACL;GACE,IAAI;GACJ,OAAO,EAAG,wBAAwB,SAAS;GAC3C,QAAQ;GACR,gBACE,EAAyB,EACvB,WAAW,IAAe,KAAA,IAAY,IACvC,CAAC;GACJ,MAAM,kBAAC,GAAD;IAAQ,MAAM;IAAI,eAAY;IAAS,CAAA;GAC9C,EACD;GACE,IAAI;GACJ,OAAO,EAAG,wBAAwB,SAAS;GAC3C,QAAQ;GACR,gBACE,EAAyB,EACvB,UAAU,IAAe,KAAA,IAAY,IACtC,CAAC;GACJ,MAAM,kBAAC,GAAD;IAAK,MAAM;IAAI,eAAY;IAAS,CAAA;GAC3C,CACF;IACA;EACD;EACA,EAAmB;EACnB,EAAmB;EACnB;EACA;EACD,CAAC,EAEI,IAAe,EAAmB;AAExC,QACE,kBAAC,GAAD;EACE,YAAY,EAA0B;EACtC,6BAAA;YAEA,kBAAC,GAAD;GACE,aAAU;GACV,QAAQ;GACR,WAAU;aAHZ,CAKE,kBAAC,MAAD;IAAI,IAAG;IAA6B,WAAU;cAC3C,EAAG,uBAAuB,gBAAgB;IACxC,CAAA,EACL,kBAAC,GAAD;IACa;IACX,aAAa;IACI;IACJ;IACb,gBAAgB;IACH;IACb,UACE,kBAAC,GAAD;KAAsB,UAAA;KAAS,mBAAmB;KAAgB,CAAA;IAEpE,YACE,IACE,kBAAC,GAAD;KACE,UACE,kBAAC,OAAD;MACE,MAAK;MACL,aAAU;MACV,WAAU;gBAHZ,CAKE,kBAAC,GAAD;OACE,MAAM;OACN,WAAU;OACV,eAAY;OACZ,CAAA,EACD,EAAG,+BAA+B,wBAAwB,CACvD;;eAGR,kBAAC,GAAD,EAA0B,CAAA;KACjB,CAAA,GACT,KAAA;IAEN,CAAA,CACY;;EACA,CAAA"}