@burdenoff/microfe-conversations 2026.510.117

package/dist/conversations/hooks/useMessageSubscriptions.js

@@ -0,0 +1,90 @@
+import { ConversationAddedDocument as e, ConversationDeletedDocument as t, ConversationUpdatedDocument as n, GetMessagesDocument as r, MessageAddedDocument as i, MessageDeletedDocument as a, MessageUpdatedDocument as o, ParticipantChangedDocument as s } from "../../generated/wspace-operations.js";
+import { useEffect as c } from "react";
+import { useApolloClient as l, useSubscription as u } from "@apollo/client/react";
+//#region src/conversations/hooks/useMessageSubscriptions.ts
+function d(e, t, n) {
+	e.updateQuery({
+		query: r,
+		variables: {
+			conversationId: t,
+			first: 50
+		}
+	}, (e) => {
+		if (!e) return e;
+		let t = e.messages, r = t?.edges ?? [];
+		return r.some((e) => e?.node?.id === n.id) ? e : {
+			...e,
+			messages: {
+				...t ?? {},
+				edges: [...r, {
+					__typename: "MessageEdge",
+					cursor: n.id,
+					node: n
+				}],
+				totalCount: (t?.totalCount ?? r.length) + 1
+			}
+		};
+	});
+}
+function f(e, t) {
+	e.evict({ id: e.identify({
+		__typename: "Message",
+		id: t
+	}) }), e.gc();
+}
+function p(e) {
+	let t = l();
+	u(i, {
+		variables: { conversationId: e ?? "" },
+		skip: !e,
+		onData: ({ data: n }) => {
+			let r = n.data?.messageAdded;
+			!r || !e || d(t.cache, e, r);
+		},
+		onError: (e) => console.warn("[useMessageStream] messageAdded error:", e)
+	}), u(o, {
+		variables: { conversationId: e ?? "" },
+		skip: !e,
+		onError: (e) => console.warn("[useMessageStream] messageUpdated error:", e)
+	}), u(a, {
+		variables: { conversationId: e ?? "" },
+		skip: !e,
+		onData: ({ data: e }) => {
+			let n = e.data?.messageDeleted?.messageId;
+			n && f(t.cache, n);
+		},
+		onError: (e) => console.warn("[useMessageStream] messageDeleted error:", e)
+	}), c(() => () => void 0, [e]);
+}
+function m(r) {
+	let i = l();
+	u(e, {
+		onData: ({ data: e }) => {
+			e.data?.conversationAdded && (i.cache.evict({ fieldName: "conversations" }), i.cache.gc());
+		},
+		onError: (e) => console.warn("[useConversationStream] conversationAdded error:", e)
+	}), u(t, {
+		variables: { conversationId: r ?? "" },
+		skip: !r,
+		onData: ({ data: e }) => {
+			let t = e.data?.conversationDeleted?.conversationId;
+			t && (i.cache.evict({ id: i.cache.identify({
+				__typename: "Conversation",
+				id: t
+			}) }), i.cache.gc());
+		},
+		onError: (e) => console.warn("[useConversationStream] conversationDeleted error:", e)
+	}), u(n, {
+		variables: { conversationId: r ?? "" },
+		skip: !r,
+		onError: (e) => console.warn("[useConversationStream] conversationUpdated error:", e)
+	}), u(s, {
+		variables: { conversationId: r ?? "" },
+		skip: !r,
+		onError: (e) => console.warn("[useConversationStream] participantChanged error:", e)
+	});
+}
+//#endregion
+export { m as useConversationStream, p as useMessageStreamForConversation };
+
+//# sourceMappingURL=useMessageSubscriptions.js.map

package/dist/conversations/hooks/useMessageSubscriptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMessageSubscriptions.js","names":[],"sources":["../../../src/conversations/hooks/useMessageSubscriptions.ts"],"sourcesContent":["/**\n * Real-time message subscription hooks.\n *\n * Wires the GraphQL subscriptions defined in\n * `src/operations/wspace/conversations/subscriptions/messageSubscriptions.graphql`\n * into Apollo cache updates so pages do not have to poll.\n *\n * Usage in a page:\n *   useMessageStreamForConversation(conversationId);\n *\n * The hook ignores subscription errors (logs only) — the page UI continues to\n * work with whatever is already in the cache; the next refresh / refetch\n * recovers any missed events.\n *\n * NOTE: This file is the canonical replacement for `pollInterval` usage in\n * the conversation detail and list pages. Pages should remove their\n * `pollInterval: …` arguments when they switch to this hook.\n */\nimport { useEffect } from \"react\";\nimport { type ApolloCache, type FetchResult } from \"@apollo/client\";\nimport { useApolloClient } from \"@apollo/client/react\";\nimport { useSubscription } from \"@apollo/client/react\";\n\nimport {\n  MessageAddedDocument,\n  MessageUpdatedDocument,\n  MessageDeletedDocument,\n  MessageReactionChangedDocument,\n  MessageReadReceiptAddedDocument,\n  type MessageAddedSubscription,\n  type MessageUpdatedSubscription,\n  type MessageDeletedSubscription,\n  type MessageReactionChangedSubscription,\n  type MessageReadReceiptAddedSubscription,\n  GetMessagesDocument,\n  type GetMessagesQuery,\n  type GetMessagesQueryVariables,\n} from \"../../generated/wspace-operations\";\n\ninterface MessageEdge {\n  __typename?: \"MessageEdge\";\n  cursor?: string | null;\n  node?: { id: string; [key: string]: unknown } | null;\n}\n\ninterface MessagesConnection {\n  __typename?: \"MessageConnection\";\n  edges?: MessageEdge[] | null;\n  pageInfo?: unknown;\n  totalCount?: number | null;\n}\n\n/**\n * Append a new message to the cached `messages(conversationId: …)` connection\n * if it isn't already present.\n */\nfunction appendToCache(\n  cache: ApolloCache,\n  conversationId: string,\n  newMessage: { id: string; [key: string]: unknown },\n): void {\n  cache.updateQuery<GetMessagesQuery, GetMessagesQueryVariables>(\n    {\n      query: GetMessagesDocument,\n      variables: { conversationId, first: 50 },\n    },\n    (existing: GetMessagesQuery | null) => {\n      if (!existing) return existing;\n      const conn = existing.messages as MessagesConnection | null | undefined;\n      const edges = conn?.edges ?? [];\n      if (edges.some((e) => e?.node?.id === newMessage.id)) return existing;\n\n      return {\n        ...existing,\n        messages: {\n          ...(conn ?? {}),\n          edges: [\n            ...edges,\n            {\n              __typename: \"MessageEdge\",\n              cursor: newMessage.id,\n              node: newMessage,\n            },\n          ],\n          totalCount: (conn?.totalCount ?? edges.length) + 1,\n        },\n      } as GetMessagesQuery;\n    },\n  );\n}\n\n/**\n * Evict a deleted message from the cache.\n */\nfunction evictFromCache(cache: ApolloCache, messageId: string): void {\n  cache.evict({ id: cache.identify({ __typename: \"Message\", id: messageId }) });\n  cache.gc();\n}\n\nexport function useMessageStreamForConversation(\n  conversationId: string | undefined,\n): void {\n  const client = useApolloClient();\n\n  // Inbound new messages\n  useSubscription<MessageAddedSubscription>(MessageAddedDocument, {\n    variables: { conversationId: conversationId ?? \"\" },\n    skip: !conversationId,\n    onData: ({ data }: { data: FetchResult<MessageAddedSubscription> }) => {\n      const msg = data.data?.messageAdded;\n      if (!msg || !conversationId) return;\n      appendToCache(client.cache, conversationId, msg as { id: string });\n    },\n    onError: (err) =>\n      console.warn(\"[useMessageStream] messageAdded error:\", err),\n  });\n\n  // Edits\n  useSubscription<MessageUpdatedSubscription>(MessageUpdatedDocument, {\n    variables: { conversationId: conversationId ?? \"\" },\n    skip: !conversationId,\n    onError: (err) =>\n      console.warn(\"[useMessageStream] messageUpdated error:\", err),\n    // Apollo merges by `id` automatically (cache normalisation) — no manual write needed.\n  });\n\n  // Deletes\n  useSubscription<MessageDeletedSubscription>(MessageDeletedDocument, {\n    variables: { conversationId: conversationId ?? \"\" },\n    skip: !conversationId,\n    onData: ({ data }: { data: FetchResult<MessageDeletedSubscription> }) => {\n      const messageId = data.data?.messageDeleted?.messageId;\n      if (!messageId) return;\n      evictFromCache(client.cache, messageId);\n    },\n    onError: (err) =>\n      console.warn(\"[useMessageStream] messageDeleted error:\", err),\n  });\n\n  // Cleanup intentionally noop — Apollo unsubscribes on unmount via the hook lifecycle.\n  useEffect(() => () => undefined, [conversationId]);\n}\n\n/**\n * Reactions stream: subscribe per-message. Useful for a focused message\n * preview (not the entire conversation).\n */\nexport function useReactionStreamForMessage(\n  messageId: string | undefined,\n): void {\n  useSubscription<MessageReactionChangedSubscription>(\n    MessageReactionChangedDocument,\n    {\n      variables: { messageId: messageId ?? \"\" },\n      skip: !messageId,\n      onError: (err) => console.warn(\"[useReactionStream] error:\", err),\n    },\n  );\n}\n\n/**\n * Read-receipt stream for a single message — used by the read-by indicator.\n */\nexport function useReadReceiptStreamForMessage(\n  messageId: string | undefined,\n): void {\n  useSubscription<MessageReadReceiptAddedSubscription>(\n    MessageReadReceiptAddedDocument,\n    {\n      variables: { messageId: messageId ?? \"\" },\n      skip: !messageId,\n      onError: (err) => console.warn(\"[useReadReceiptStream] error:\", err),\n    },\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Conversation-level streams (used by the list and landing pages).\n// These imports resolve once codegen surfaces them from the new\n// subscriptions/conversationSubscriptions.graphql file.\n// ---------------------------------------------------------------------------\n\nimport {\n  ConversationAddedDocument,\n  ConversationUpdatedDocument,\n  ConversationDeletedDocument,\n  ParticipantChangedDocument,\n  type ConversationAddedSubscription,\n  type ConversationUpdatedSubscription,\n  type ConversationDeletedSubscription,\n  type ParticipantChangedSubscription,\n} from \"../../generated/wspace-operations\";\n\n/**\n * Subscribe to all conversation-level lifecycle events for the current actor.\n *\n * - `conversationAdded` — refresh the conversation list when one is created.\n * - `conversationDeleted` — evict from cache when one is removed.\n * - `conversationUpdated` — Apollo normalisation handles automatically; no\n *   manual write required.\n * - `participantChanged` — refresh members panel.\n *\n * Use at the top of the list page / landing page once. Safe to call multiple\n * times across components — Apollo deduplicates.\n */\nexport function useConversationStream(\n  conversationId?: string | undefined,\n): void {\n  const client = useApolloClient();\n\n  useSubscription<ConversationAddedSubscription>(ConversationAddedDocument, {\n    onData: ({\n      data,\n    }: {\n      data: FetchResult<ConversationAddedSubscription>;\n    }) => {\n      const conv = data.data?.conversationAdded;\n      if (!conv) return;\n      // Invalidate the list so the next render picks up the new conversation.\n      // Cheaper than maintaining a manual append into every list variant.\n      client.cache.evict({ fieldName: \"conversations\" });\n      client.cache.gc();\n    },\n    onError: (err) =>\n      console.warn(\"[useConversationStream] conversationAdded error:\", err),\n  });\n\n  useSubscription<ConversationDeletedSubscription>(\n    ConversationDeletedDocument,\n    {\n      variables: { conversationId: conversationId ?? \"\" },\n      skip: !conversationId,\n      onData: ({\n        data,\n      }: {\n        data: FetchResult<ConversationDeletedSubscription>;\n      }) => {\n        const id = data.data?.conversationDeleted?.conversationId;\n        if (!id) return;\n        client.cache.evict({\n          id: client.cache.identify({ __typename: \"Conversation\", id }),\n        });\n        client.cache.gc();\n      },\n      onError: (err) =>\n        console.warn(\"[useConversationStream] conversationDeleted error:\", err),\n    },\n  );\n\n  useSubscription<ConversationUpdatedSubscription>(\n    ConversationUpdatedDocument,\n    {\n      variables: { conversationId: conversationId ?? \"\" },\n      skip: !conversationId,\n      onError: (err) =>\n        console.warn(\"[useConversationStream] conversationUpdated error:\", err),\n    },\n  );\n\n  useSubscription<ParticipantChangedSubscription>(ParticipantChangedDocument, {\n    variables: { conversationId: conversationId ?? \"\" },\n    skip: !conversationId,\n    onError: (err) =>\n      console.warn(\"[useConversationStream] participantChanged error:\", err),\n  });\n}\n"],"mappings":";;;;AAwDA,SAAS,EACP,GACA,GACA,GACM;AACN,GAAM,YACJ;EACE,OAAO;EACP,WAAW;GAAE;GAAgB,OAAO;GAAI;EACzC,GACA,MAAsC;AACrC,MAAI,CAAC,EAAU,QAAO;EACtB,IAAM,IAAO,EAAS,UAChB,IAAQ,GAAM,SAAS,EAAE;AAG/B,SAFI,EAAM,MAAM,MAAM,GAAG,MAAM,OAAO,EAAW,GAAG,GAAS,IAEtD;GACL,GAAG;GACH,UAAU;IACR,GAAI,KAAQ,EAAE;IACd,OAAO,CACL,GAAG,GACH;KACE,YAAY;KACZ,QAAQ,EAAW;KACnB,MAAM;KACP,CACF;IACD,aAAa,GAAM,cAAc,EAAM,UAAU;IAClD;GACF;GAEJ;;AAMH,SAAS,EAAe,GAAoB,GAAyB;AAEnE,CADA,EAAM,MAAM,EAAE,IAAI,EAAM,SAAS;EAAE,YAAY;EAAW,IAAI;EAAW,CAAC,EAAE,CAAC,EAC7E,EAAM,IAAI;;AAGZ,SAAgB,EACd,GACM;CACN,IAAM,IAAS,GAAiB;AAsChC,CAnCA,EAA0C,GAAsB;EAC9D,WAAW,EAAE,gBAAgB,KAAkB,IAAI;EACnD,MAAM,CAAC;EACP,SAAS,EAAE,cAA4D;GACrE,IAAM,IAAM,EAAK,MAAM;AACnB,IAAC,KAAO,CAAC,KACb,EAAc,EAAO,OAAO,GAAgB,EAAsB;;EAEpE,UAAU,MACR,QAAQ,KAAK,0CAA0C,EAAI;EAC9D,CAAC,EAGF,EAA4C,GAAwB;EAClE,WAAW,EAAE,gBAAgB,KAAkB,IAAI;EACnD,MAAM,CAAC;EACP,UAAU,MACR,QAAQ,KAAK,4CAA4C,EAAI;EAEhE,CAAC,EAGF,EAA4C,GAAwB;EAClE,WAAW,EAAE,gBAAgB,KAAkB,IAAI;EACnD,MAAM,CAAC;EACP,SAAS,EAAE,cAA8D;GACvE,IAAM,IAAY,EAAK,MAAM,gBAAgB;AACxC,QACL,EAAe,EAAO,OAAO,EAAU;;EAEzC,UAAU,MACR,QAAQ,KAAK,4CAA4C,EAAI;EAChE,CAAC,EAGF,cAAsB,KAAA,GAAW,CAAC,EAAe,CAAC;;AAiEpD,SAAgB,EACd,GACM;CACN,IAAM,IAAS,GAAiB;AAmDhC,CAjDA,EAA+C,GAA2B;EACxE,SAAS,EACP,cAGI;AACS,KAAK,MAAM,sBAIxB,EAAO,MAAM,MAAM,EAAE,WAAW,iBAAiB,CAAC,EAClD,EAAO,MAAM,IAAI;;EAEnB,UAAU,MACR,QAAQ,KAAK,oDAAoD,EAAI;EACxE,CAAC,EAEF,EACE,GACA;EACE,WAAW,EAAE,gBAAgB,KAAkB,IAAI;EACnD,MAAM,CAAC;EACP,SAAS,EACP,cAGI;GACJ,IAAM,IAAK,EAAK,MAAM,qBAAqB;AACtC,SACL,EAAO,MAAM,MAAM,EACjB,IAAI,EAAO,MAAM,SAAS;IAAE,YAAY;IAAgB;IAAI,CAAC,EAC9D,CAAC,EACF,EAAO,MAAM,IAAI;;EAEnB,UAAU,MACR,QAAQ,KAAK,sDAAsD,EAAI;EAC1E,CACF,EAED,EACE,GACA;EACE,WAAW,EAAE,gBAAgB,KAAkB,IAAI;EACnD,MAAM,CAAC;EACP,UAAU,MACR,QAAQ,KAAK,sDAAsD,EAAI;EAC1E,CACF,EAED,EAAgD,GAA4B;EAC1E,WAAW,EAAE,gBAAgB,KAAkB,IAAI;EACnD,MAAM,CAAC;EACP,UAAU,MACR,QAAQ,KAAK,qDAAqD,EAAI;EACzE,CAAC"}

package/dist/conversations/hooks/useUserFeatureFlags.d.ts

@@ -0,0 +1,5 @@
+export interface UserFeatureFlags {
+    archivedEnabled: boolean;
+}
+export declare function useUserFeatureFlags(): UserFeatureFlags;
+//# sourceMappingURL=useUserFeatureFlags.d.ts.map

package/dist/conversations/hooks/useUserFeatureFlags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUserFeatureFlags.d.ts","sourceRoot":"","sources":["../../../src/conversations/hooks/useUserFeatureFlags.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,mBAAmB,IAAI,gBAAgB,CAMtD"}

package/dist/conversations/hooks/useUserFeatureFlags.js

@@ -0,0 +1,10 @@
+import { CONVERSATIONS_FLAGS as e } from "../constants/featureFlags.js";
+import { useFeatureFlagDetails as t } from "@burdenoff/fe-libs/shared/feature-flags";
+//#region src/conversations/hooks/useUserFeatureFlags.ts
+function n() {
+	return { archivedEnabled: t(e.ARCHIVED_VIEW)?.value === !0 };
+}
+//#endregion
+export { n as useUserFeatureFlags };
+
+//# sourceMappingURL=useUserFeatureFlags.js.map

package/dist/conversations/hooks/useUserFeatureFlags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUserFeatureFlags.js","names":[],"sources":["../../../src/conversations/hooks/useUserFeatureFlags.ts"],"sourcesContent":["import { useFeatureFlagDetails } from \"@burdenoff/fe-libs/shared/feature-flags\";\nimport { CONVERSATIONS_FLAGS } from \"../constants/featureFlags\";\n\nexport interface UserFeatureFlags {\n  archivedEnabled: boolean;\n}\n\nexport function useUserFeatureFlags(): UserFeatureFlags {\n  const archived = useFeatureFlagDetails(CONVERSATIONS_FLAGS.ARCHIVED_VIEW);\n\n  return {\n    archivedEnabled: archived?.value === true,\n  };\n}\n"],"mappings":";;;AAOA,SAAgB,IAAwC;AAGtD,QAAO,EACL,iBAHe,EAAsB,EAAoB,cAAc,EAG5C,UAAU,IACtC"}

package/dist/conversations/index.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Conversations Microfrontend
+ *
+ * Provides a comprehensive messaging and conversation interface
+ * for direct messages, group chats, channels, and threaded discussions.
+ *
+ * @example
+ * ```tsx
+ * import { ConversationsRoot, type ConversationsRootProps } from '@burdenoff/micro-fe/conversations';
+ *
+ * function App() {
+ *   const props: ConversationsRootProps = {
+ *     basePath: '/conversations',
+ *     navigate: (path) => router.push(path),
+ *     currentUser: { id: '1', email: 'user@example.com' },
+ *     workspaceId: 'ws-123',
+ *     apiGatewayUrl: 'https://api.example.com',
+ *     authToken: 'token',
+ *   };
+ *
+ *   return <ConversationsRoot {...props} />;
+ * }
+ * ```
+ */
+export { ConversationsRoot } from './ConversationsRoot';
+export { ConversationsUserRoot } from './ConversationsUserRoot';
+export { ConversationsAdminRoot } from './ConversationsAdminRoot';
+export type { ConversationsRootProps, Conversation, Message, Participant, Reaction, Attachment, Mention, ConversationMembership, ConversationFilter, MessageFilter, ConversationType, ConversationState, ConversationVisibility, MessageType, MessageStatus, ParticipantRole, MembershipStatus, NotificationLevel, MentionType, PresenceStatus, ConversationsView, ConversationDisplayMode, } from './types';
+export { useConversations } from './providers/ConversationsProvider';
+export { useConversationsStore } from './store/conversationsStore';
+//# sourceMappingURL=index.d.ts.map

package/dist/conversations/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/conversations/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EACV,sBAAsB,EACtB,YAAY,EACZ,OAAO,EACP,WAAW,EACX,QAAQ,EACR,UAAU,EACV,OAAO,EACP,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,sBAAsB,EACtB,WAAW,EACX,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,cAAc,EACd,iBAAiB,EACjB,uBAAuB,GACxB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/conversations/index.js

@@ -0,0 +1,5 @@
+import "./providers/ConversationsProvider.js";
+import "./store/conversationsStore.js";
+import "./ConversationsRoot.js";
+import "./ConversationsUserRoot.js";
+import "./ConversationsAdminRoot.js";

package/dist/conversations/pages/AdminConversationsLandingPage.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Admin-facing landing page for the Conversations microfrontend.
+ *
+ * Lightweight overview + section directory. Each card links to its canonical
+ * sub-route (`/moderation`, `/bulk`, `/audit`, `/apps`) for the API-backed
+ * admin surfaces.
+ */
+export declare function AdminConversationsLandingPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AdminConversationsLandingPage.d.ts.map

package/dist/conversations/pages/AdminConversationsLandingPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminConversationsLandingPage.d.ts","sourceRoot":"","sources":["../../../src/conversations/pages/AdminConversationsLandingPage.tsx"],"names":[],"mappings":"AA2EA;;;;;;GAMG;AACH,wBAAgB,6BAA6B,4CAmE5C"}

package/dist/conversations/pages/AdminConversationsLandingPage.js

@@ -0,0 +1,117 @@
+import { useTr as e } from "../utils/i18n.js";
+import { useMemo as t } from "react";
+import { Activity as n, ChevronRight as r, ListChecks as i, MessageCircle as a, Package as o, ShieldCheck as s } from "lucide-react";
+import { Link as c } from "react-router-dom";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/conversations/pages/AdminConversationsLandingPage.tsx
+var d = [
+	{
+		id: "moderation",
+		labelKey: "conversations.admin.moderation",
+		labelFallback: "Moderation",
+		descriptionKey: "conversations.admin.moderationDescription",
+		descriptionFallback: "Reported and flagged messages, moderation actions, and reviewer assignments.",
+		path: "moderation",
+		icon: /* @__PURE__ */ l(s, {
+			className: "h-5 w-5",
+			"aria-hidden": "true"
+		})
+	},
+	{
+		id: "bulk",
+		labelKey: "conversations.admin.bulkOperations",
+		labelFallback: "Bulk Operations",
+		descriptionKey: "conversations.admin.bulkOperationsDescription",
+		descriptionFallback: "Bulk archive / unarchive, participant edits, and cross-conversation actions.",
+		path: "bulk",
+		icon: /* @__PURE__ */ l(i, {
+			className: "h-5 w-5",
+			"aria-hidden": "true"
+		})
+	},
+	{
+		id: "audit",
+		labelKey: "conversations.admin.auditLog",
+		labelFallback: "Audit Log",
+		descriptionKey: "conversations.admin.auditLogDescription",
+		descriptionFallback: "Activity stream for admin / moderator actions on workspace conversations.",
+		path: "audit",
+		icon: /* @__PURE__ */ l(n, {
+			className: "h-5 w-5",
+			"aria-hidden": "true"
+		})
+	},
+	{
+		id: "apps",
+		labelKey: "conversations.admin.appInstallations",
+		labelFallback: "App Installations",
+		descriptionKey: "conversations.admin.appInstallationsDescription",
+		descriptionFallback: "Install, configure, and remove conversation apps and integrations.",
+		path: "apps",
+		icon: /* @__PURE__ */ l(o, {
+			className: "h-5 w-5",
+			"aria-hidden": "true"
+		})
+	}
+];
+function f() {
+	let n = e(), i = t(() => d.map((e) => ({
+		...e,
+		label: n(e.labelKey, e.labelFallback),
+		description: n(e.descriptionKey, e.descriptionFallback)
+	})), [n]);
+	return /* @__PURE__ */ u("div", {
+		className: "flex flex-col h-full",
+		children: [/* @__PURE__ */ l("div", {
+			className: "border-b border-border-subtle px-6 py-4",
+			children: /* @__PURE__ */ u("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ l("div", {
+					className: "p-2 rounded-md bg-muted",
+					children: /* @__PURE__ */ l(a, {
+						className: "h-5 w-5 text-muted-foreground",
+						"aria-hidden": "true"
+					})
+				}), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h1", {
+					className: "text-lg font-semibold text-foreground",
+					children: n("conversations.admin.landingTitle", "Conversations admin")
+				}), /* @__PURE__ */ l("p", {
+					className: "text-sm text-muted-foreground",
+					children: n("conversations.admin.landingDescription", "Governance tools for workspace conversations. Select a section below to continue.")
+				})] })]
+			})
+		}), /* @__PURE__ */ l("div", {
+			className: "flex-1 min-h-0 overflow-auto p-6",
+			children: /* @__PURE__ */ l("div", {
+				className: "grid gap-3 sm:grid-cols-2 max-w-3xl",
+				children: i.map((e) => /* @__PURE__ */ u(c, {
+					to: e.path,
+					className: "group flex items-start gap-3 rounded-lg border border-border-subtle bg-card p-4 transition-colors hover:border-border hover:bg-accent",
+					children: [/* @__PURE__ */ l("div", {
+						className: "p-2 rounded-md bg-muted text-muted-foreground group-hover:text-foreground",
+						children: e.icon
+					}), /* @__PURE__ */ u("div", {
+						className: "flex-1 min-w-0",
+						children: [/* @__PURE__ */ u("div", {
+							className: "flex items-center justify-between gap-2",
+							children: [/* @__PURE__ */ l("span", {
+								className: "text-sm font-medium text-foreground",
+								children: e.label
+							}), /* @__PURE__ */ l(r, {
+								className: "h-4 w-4 text-muted-foreground",
+								"aria-hidden": "true"
+							})]
+						}), /* @__PURE__ */ l("p", {
+							className: "mt-1 text-xs text-muted-foreground",
+							children: e.description
+						})]
+					})]
+				}, e.id))
+			})
+		})]
+	});
+}
+//#endregion
+export { f as AdminConversationsLandingPage };
+
+//# sourceMappingURL=AdminConversationsLandingPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminConversationsLandingPage.js","names":[],"sources":["../../../src/conversations/pages/AdminConversationsLandingPage.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useMemo } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport {\n  MessageCircle,\n  ShieldCheck,\n  ListChecks,\n  Activity,\n  Package,\n  ChevronRight,\n} from \"lucide-react\";\nimport { useTr } from \"../utils/i18n\";\n\ninterface AdminSectionDefinition {\n  id: string;\n  /** i18n key used for the card label */\n  labelKey: string;\n  /** English fallback rendered when the i18n key is not resolved */\n  labelFallback: string;\n  /** i18n key used for the card description */\n  descriptionKey: string;\n  /** English fallback for the description */\n  descriptionFallback: string;\n  /** Route path relative to the admin basePath */\n  path: string;\n  icon: ReactNode;\n}\n\n// Module-scoped section catalogue. The icon JSX is stable (purely presentational,\n// no context or dynamic props) so constructing once at parse time avoids rebuilding\n// four lucide nodes on every render. If icons ever need to respond to context\n// (theme, RBAC), move the icon field into the useMemo mapper below.\nconst SECTION_DEFINITIONS: AdminSectionDefinition[] = [\n  {\n    id: \"moderation\",\n    labelKey: \"conversations.admin.moderation\",\n    labelFallback: \"Moderation\",\n    descriptionKey: \"conversations.admin.moderationDescription\",\n    descriptionFallback:\n      \"Reported and flagged messages, moderation actions, and reviewer assignments.\",\n    path: \"moderation\",\n    icon: <ShieldCheck className=\"h-5 w-5\" aria-hidden=\"true\" />,\n  },\n  {\n    id: \"bulk\",\n    labelKey: \"conversations.admin.bulkOperations\",\n    labelFallback: \"Bulk Operations\",\n    descriptionKey: \"conversations.admin.bulkOperationsDescription\",\n    descriptionFallback:\n      \"Bulk archive / unarchive, participant edits, and cross-conversation actions.\",\n    path: \"bulk\",\n    icon: <ListChecks className=\"h-5 w-5\" aria-hidden=\"true\" />,\n  },\n  {\n    id: \"audit\",\n    labelKey: \"conversations.admin.auditLog\",\n    labelFallback: \"Audit Log\",\n    descriptionKey: \"conversations.admin.auditLogDescription\",\n    descriptionFallback:\n      \"Activity stream for admin / moderator actions on workspace conversations.\",\n    path: \"audit\",\n    icon: <Activity className=\"h-5 w-5\" aria-hidden=\"true\" />,\n  },\n  {\n    id: \"apps\",\n    labelKey: \"conversations.admin.appInstallations\",\n    labelFallback: \"App Installations\",\n    descriptionKey: \"conversations.admin.appInstallationsDescription\",\n    descriptionFallback:\n      \"Install, configure, and remove conversation apps and integrations.\",\n    path: \"apps\",\n    icon: <Package className=\"h-5 w-5\" aria-hidden=\"true\" />,\n  },\n];\n\n/**\n * Admin-facing landing page for the Conversations microfrontend.\n *\n * Lightweight overview + section directory. Each card links to its canonical\n * sub-route (`/moderation`, `/bulk`, `/audit`, `/apps`) for the API-backed\n * admin surfaces.\n */\nexport function AdminConversationsLandingPage() {\n  const tr = useTr();\n\n  const sections = useMemo(\n    () =>\n      SECTION_DEFINITIONS.map((section) => ({\n        ...section,\n        label: tr(section.labelKey, section.labelFallback),\n        description: tr(section.descriptionKey, section.descriptionFallback),\n      })),\n    [tr],\n  );\n\n  return (\n    <div className=\"flex flex-col h-full\">\n      <div className=\"border-b border-border-subtle px-6 py-4\">\n        <div className=\"flex items-center gap-3\">\n          <div className=\"p-2 rounded-md bg-muted\">\n            <MessageCircle\n              className=\"h-5 w-5 text-muted-foreground\"\n              aria-hidden=\"true\"\n            />\n          </div>\n          <div>\n            <h1 className=\"text-lg font-semibold text-foreground\">\n              {tr(\"conversations.admin.landingTitle\", \"Conversations admin\")}\n            </h1>\n            <p className=\"text-sm text-muted-foreground\">\n              {tr(\n                \"conversations.admin.landingDescription\",\n                \"Governance tools for workspace conversations. Select a section below to continue.\",\n              )}\n            </p>\n          </div>\n        </div>\n      </div>\n      <div className=\"flex-1 min-h-0 overflow-auto p-6\">\n        <div className=\"grid gap-3 sm:grid-cols-2 max-w-3xl\">\n          {sections.map((section) => (\n            <Link\n              key={section.id}\n              to={section.path}\n              className=\"group flex items-start gap-3 rounded-lg border border-border-subtle bg-card p-4 transition-colors hover:border-border hover:bg-accent\"\n            >\n              <div className=\"p-2 rounded-md bg-muted text-muted-foreground group-hover:text-foreground\">\n                {section.icon}\n              </div>\n              <div className=\"flex-1 min-w-0\">\n                <div className=\"flex items-center justify-between gap-2\">\n                  <span className=\"text-sm font-medium text-foreground\">\n                    {section.label}\n                  </span>\n                  <ChevronRight\n                    className=\"h-4 w-4 text-muted-foreground\"\n                    aria-hidden=\"true\"\n                  />\n                </div>\n                <p className=\"mt-1 text-xs text-muted-foreground\">\n                  {section.description}\n                </p>\n              </div>\n            </Link>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAgCA,IAAM,IAAgD;CACpD;EACE,IAAI;EACJ,UAAU;EACV,eAAe;EACf,gBAAgB;EAChB,qBACE;EACF,MAAM;EACN,MAAM,kBAAC,GAAD;GAAa,WAAU;GAAU,eAAY;GAAS,CAAA;EAC7D;CACD;EACE,IAAI;EACJ,UAAU;EACV,eAAe;EACf,gBAAgB;EAChB,qBACE;EACF,MAAM;EACN,MAAM,kBAAC,GAAD;GAAY,WAAU;GAAU,eAAY;GAAS,CAAA;EAC5D;CACD;EACE,IAAI;EACJ,UAAU;EACV,eAAe;EACf,gBAAgB;EAChB,qBACE;EACF,MAAM;EACN,MAAM,kBAAC,GAAD;GAAU,WAAU;GAAU,eAAY;GAAS,CAAA;EAC1D;CACD;EACE,IAAI;EACJ,UAAU;EACV,eAAe;EACf,gBAAgB;EAChB,qBACE;EACF,MAAM;EACN,MAAM,kBAAC,GAAD;GAAS,WAAU;GAAU,eAAY;GAAS,CAAA;EACzD;CACF;AASD,SAAgB,IAAgC;CAC9C,IAAM,IAAK,GAAO,EAEZ,IAAW,QAEb,EAAoB,KAAK,OAAa;EACpC,GAAG;EACH,OAAO,EAAG,EAAQ,UAAU,EAAQ,cAAc;EAClD,aAAa,EAAG,EAAQ,gBAAgB,EAAQ,oBAAoB;EACrE,EAAE,EACL,CAAC,EAAG,CACL;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MACE,WAAU;MACV,eAAY;MACZ,CAAA;KACE,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,oCAAoC,sBAAsB;KAC3D,CAAA,EACL,kBAAC,KAAD;KAAG,WAAU;eACV,EACC,0CACA,oFACD;KACC,CAAA,CACA,EAAA,CAAA,CACF;;GACF,CAAA,EACN,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAS,KAAK,MACb,kBAAC,GAAD;KAEE,IAAI,EAAQ;KACZ,WAAU;eAHZ,CAKE,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAQ;MACL,CAAA,EACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAQ;QACJ,CAAA,EACP,kBAAC,GAAD;QACE,WAAU;QACV,eAAY;QACZ,CAAA,CACE;UACN,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAQ;OACP,CAAA,CACA;QACD;OArBA,EAAQ,GAqBR,CACP;IACE,CAAA;GACF,CAAA,CACF"}

package/dist/conversations/pages/ConversationAdminPages.d.ts

@@ -0,0 +1,5 @@
+export declare function ModerationQueuePage(): import("react/jsx-runtime").JSX.Element;
+export declare function BulkOperationsPage(): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationAuditLogPage(): import("react/jsx-runtime").JSX.Element;
+export declare function AppInstallationsPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConversationAdminPages.d.ts.map

package/dist/conversations/pages/ConversationAdminPages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationAdminPages.d.ts","sourceRoot":"","sources":["../../../src/conversations/pages/ConversationAdminPages.tsx"],"names":[],"mappings":"AAyPA,wBAAgB,mBAAmB,4CAoGlC;AAED,wBAAgB,kBAAkB,4CA2GjC;AAED,wBAAgB,wBAAwB,4CA0DvC;AAED,wBAAgB,oBAAoB,4CAyLnC"}