@burdenoff/microfe-conversations 2026.625.1 → 2026.625.3

package/dist/conversations/pages/ConversationAdminPages.js

@@ -8,9 +8,9 @@ import { Activity as c, Archive as l, CheckCircle2 as u, Package as d, ShieldChe
 import { gql as m } from "@apollo/client";
 import { useMutation as h, useQuery as g } from "@apollo/client/react";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { Button as y, CTAOverflowMenu as b, GlassCard as x, ShowMore as S } from "@burdenoff/fe-libs/ui";
+import { Button as y, CTAOverflowMenu as b, GlassCard as x, PagePurpose as S, ShowMore as C } from "@burdenoff/fe-libs/ui";
 //#region src/conversations/pages/ConversationAdminPages.tsx
-var C = m`
+var w = m`
   query ConversationAdminMessageReports(
     $first: Int
     $filter: MessageReportFilter
@@ -38,7 +38,7 @@ var C = m`
       }
     }
   }
-`, w = m`
+`, T = m`
   mutation ConversationAdminResolveMessageReport(
     $input: ResolveMessageReportInput!
   ) {
@@ -53,7 +53,7 @@ var C = m`
       }
     }
   }
-`, T = m`
+`, E = m`
   query ConversationAdminBulkConversations(
     $first: Int
     $filter: ConversationFilter
@@ -70,7 +70,7 @@ var C = m`
       }
     }
   }
-`, E = m`
+`, D = m`
   mutation ConversationAdminBulkUpdate(
     $input: BulkConversationOperationInput!
   ) {
@@ -86,7 +86,7 @@ var C = m`
       }
     }
   }
-`, D = m`
+`, O = m`
   query ConversationAdminAuditLog($filter: ActivityLogFilter) {
     getActivities(filter: $filter) {
       id
@@ -98,7 +98,7 @@ var C = m`
       timestamp
     }
   }
-`, O = m`
+`, k = m`
   query ConversationAdminAppInstallations($workspaceId: ID) {
     appInstallations(workspaceId: $workspaceId) {
       id
@@ -112,7 +112,7 @@ var C = m`
       updatedAt
     }
   }
-`, k = m`
+`, A = m`
   mutation ConversationAdminInstallApp($input: InstallAppInput!) {
     installApp(input: $input) {
       id
@@ -122,7 +122,7 @@ var C = m`
       installedAt
     }
   }
-`, A = m`
+`, j = m`
   mutation ConversationAdminUpdateAppSettings($id: ID!, $settings: JSON!) {
     updateAppSettings(id: $id, settings: $settings) {
       id
@@ -130,7 +130,7 @@ var C = m`
       updatedAt
     }
   }
-`, j = m`
+`, M = m`
   mutation ConversationAdminUninstallApp($id: ID!) {
     uninstallApp(id: $id) {
       appInstallationId
@@ -138,7 +138,7 @@ var C = m`
     }
   }
 `;
-function M(e) {
+function N(e) {
 	if (typeof e == "string") return e;
 	if (e && typeof e == "object" && "text" in e) {
 		let t = e.text;
@@ -150,27 +150,27 @@ function M(e) {
 		return "Message content unavailable";
 	}
 }
-var N = new Intl.DateTimeFormat(void 0, {
+var P = new Intl.DateTimeFormat(void 0, {
 	dateStyle: "medium",
 	timeStyle: "short"
 });
-function P(e) {
-	return N.format(new Date(e));
+function F(e) {
+	return P.format(new Date(e));
 }
-function F({ children: e }) {
+function I({ children: e }) {
 	return /* @__PURE__ */ _("span", {
 		className: "rounded-full border border-border-subtle bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
 		children: e
 	});
 }
-function I() {
-	let n = t(), { workspaceId: a } = e(), { data: o, loading: s, error: c, refetch: l } = g(C, {
+function L() {
+	let n = t(), { workspaceId: a } = e(), { data: o, loading: s, error: c, refetch: l } = g(w, {
 		variables: {
 			first: 50,
 			filter: { statuses: ["PENDING", "REVIEWING"] }
 		},
 		skip: !a
-	}), [d, { loading: p }] = h(w, { onCompleted: () => void l() }), m = o?.messageReports.edges.map((e) => e.node) ?? [];
+	}), [d, { loading: p }] = h(T, { onCompleted: () => void l() }), m = o?.messageReports.edges.map((e) => e.node) ?? [];
 	return /* @__PURE__ */ v(i, {
 		title: n("conversations.admin.moderationPageTitle", "Moderation queue"),
 		subtitle: n("conversations.admin.moderationPageDescription", "Review reported messages and apply moderator decisions."),
@@ -180,13 +180,21 @@ function I() {
 		}),
 		maxWidth: "2xl",
 		children: [
+			/* @__PURE__ */ _(S, {
+				icon: /* @__PURE__ */ _(f, {
+					className: "size-4",
+					"aria-hidden": "true"
+				}),
+				children: n("conversations.admin.moderationPurpose", "Keep conversations safe: people can report messages they find abusive, spammy, or off-topic, and they land here for a moderator to hide the message or dismiss the report. Work the queue down to zero to stay on top of issues.")
+			}),
 			!a && /* @__PURE__ */ _(r, {
 				title: n("conversations.admin.selectWorkspace", "Select a workspace"),
 				description: n("conversations.admin.selectWorkspaceModerationDescription", "Choose a workspace to review reported conversation messages."),
 				icon: /* @__PURE__ */ _(f, {
 					className: "size-6",
 					"aria-hidden": "true"
-				})
+				}),
+				illustration: "empty-generic"
 			}),
 			a && s && /* @__PURE__ */ _("p", {
 				className: "text-sm text-text-secondary",
@@ -202,7 +210,8 @@ function I() {
 				icon: /* @__PURE__ */ _(u, {
 					className: "size-6",
 					"aria-hidden": "true"
-				})
+				}),
+				illustration: "empty-notifications"
 			}),
 			/* @__PURE__ */ _("div", {
 				className: "grid gap-3",
@@ -217,11 +226,11 @@ function I() {
 								/* @__PURE__ */ v("div", {
 									className: "flex flex-wrap items-center gap-2",
 									children: [
-										/* @__PURE__ */ _(F, { children: e.status }),
-										e.message.isHidden && /* @__PURE__ */ _(F, { children: "Hidden" }),
+										/* @__PURE__ */ _(I, { children: e.status }),
+										e.message.isHidden && /* @__PURE__ */ _(I, { children: "Hidden" }),
 										/* @__PURE__ */ v("span", {
 											className: "text-xs text-text-secondary",
-											children: ["Reported ", P(e.createdAt)]
+											children: ["Reported ", F(e.createdAt)]
 										})
 									]
 								}),
@@ -231,7 +240,7 @@ function I() {
 								}),
 								/* @__PURE__ */ _("p", {
 									className: "rounded-md border border-border-seam bg-bg-sunken p-3 text-sm text-text-secondary",
-									children: M(e.message.content)
+									children: N(e.message.content)
 								}),
 								/* @__PURE__ */ v("p", {
 									className: "text-xs text-text-secondary",
@@ -273,13 +282,13 @@ function I() {
 		]
 	});
 }
-function L() {
-	let n = t(), { workspaceId: a } = e(), [o, c] = s(() => /* @__PURE__ */ new Set()), [u, d] = s("ARCHIVE"), { data: f, loading: p, error: m, refetch: b } = g(T, {
+function R() {
+	let n = t(), { workspaceId: a } = e(), [o, c] = s(() => /* @__PURE__ */ new Set()), [u, d] = s("ARCHIVE"), { data: f, loading: p, error: m, refetch: b } = g(E, {
 		variables: { first: 100 },
 		skip: !a
-	}), [S, { data: C, loading: w }] = h(E, { onCompleted: () => {
+	}), [C, { data: w, loading: T }] = h(D, { onCompleted: () => {
 		c(/* @__PURE__ */ new Set()), b();
-	} }), D = f?.conversations.edges.map((e) => e.node) ?? [], O = (e) => {
+	} }), O = f?.conversations.edges.map((e) => e.node) ?? [], k = (e) => {
 		c((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
@@ -317,8 +326,8 @@ function L() {
 			}), /* @__PURE__ */ v(y, {
 				type: "button",
 				size: "sm",
-				disabled: o.size === 0 || w,
-				onClick: () => void S({ variables: { input: {
+				disabled: o.size === 0 || T,
+				onClick: () => void C({ variables: { input: {
 					conversationIds: Array.from(o),
 					action: u
 				} } }),
@@ -326,13 +335,21 @@ function L() {
 			})]
 		}),
 		children: [
+			/* @__PURE__ */ _(S, {
+				icon: /* @__PURE__ */ _(l, {
+					className: "size-4",
+					"aria-hidden": "true"
+				}),
+				children: n("conversations.admin.bulkPurpose", "Clean up at scale instead of one conversation at a time — select many conversations, then archive them to declutter inboxes, unarchive to restore, or delete the ones you no longer need. Handy for closing out finished projects or removing test threads.")
+			}),
 			!a && /* @__PURE__ */ _(r, {
 				title: n("conversations.admin.selectWorkspace", "Select a workspace"),
 				description: n("conversations.admin.selectWorkspaceBulkDescription", "Choose a workspace to manage conversations in bulk."),
 				icon: /* @__PURE__ */ _(l, {
 					className: "size-6",
 					"aria-hidden": "true"
-				})
+				}),
+				illustration: "empty-generic"
 			}),
 			a && p && /* @__PURE__ */ _("p", {
 				className: "text-sm text-text-secondary",
@@ -342,18 +359,19 @@ function L() {
 				className: "text-sm text-status-error-text",
 				children: m.message
 			}),
-			C?.bulkUpdateConversations && /* @__PURE__ */ v(x, {
+			w?.bulkUpdateConversations && /* @__PURE__ */ v(x, {
 				treatment: "metric",
+				glow: !0,
 				className: "grid grid-cols-2 gap-4 border-border-seam p-4 sm:max-w-md",
 				children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
 					className: "text-2xl font-semibold tabular-nums text-status-success-text",
-					children: C.bulkUpdateConversations.successCount
+					children: w.bulkUpdateConversations.successCount
 				}), /* @__PURE__ */ _("p", {
 					className: "text-xs text-text-secondary",
 					children: "Succeeded"
 				})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
 					className: "text-2xl font-semibold tabular-nums text-text-primary",
-					children: C.bulkUpdateConversations.failureCount
+					children: w.bulkUpdateConversations.failureCount
 				}), /* @__PURE__ */ _("p", {
 					className: "text-xs text-text-secondary",
 					children: "Failed"
@@ -361,13 +379,13 @@ function L() {
 			}),
 			a && /* @__PURE__ */ _("div", {
 				className: "overflow-hidden rounded-lg border border-border-seam bg-bg-surface",
-				children: D.map((e) => /* @__PURE__ */ v("label", {
+				children: O.map((e) => /* @__PURE__ */ v("label", {
 					className: "flex min-h-11 cursor-pointer items-center gap-3 border-b border-border-seam px-4 py-3 last:border-b-0 hover:bg-accent",
 					children: [/* @__PURE__ */ _("input", {
 						type: "checkbox",
 						"aria-label": `Select ${e.title || "untitled conversation"}`,
 						checked: o.has(e.id),
-						onChange: () => O(e.id)
+						onChange: () => k(e.id)
 					}), /* @__PURE__ */ v("div", {
 						className: "min-w-0 flex-1",
 						children: [/* @__PURE__ */ _("p", {
@@ -381,7 +399,7 @@ function L() {
 								e.state,
 								" · Updated",
 								" ",
-								P(e.updatedAt)
+								F(e.updatedAt)
 							]
 						})]
 					})]
@@ -390,8 +408,8 @@ function L() {
 		]
 	});
 }
-function R() {
-	let n = t(), { workspaceId: a } = e(), { data: o, loading: s, error: l } = g(D, {
+function z() {
+	let n = t(), { workspaceId: a } = e(), { data: o, loading: s, error: l } = g(O, {
 		variables: { filter: {
 			workspaceId: a,
 			resourceType: "conversation",
@@ -408,6 +426,13 @@ function R() {
 		}),
 		maxWidth: "2xl",
 		children: [
+			/* @__PURE__ */ _(S, {
+				icon: /* @__PURE__ */ _(c, {
+					className: "size-4",
+					"aria-hidden": "true"
+				}),
+				children: n("conversations.admin.auditPurpose", "An accountability trail of who changed what — every admin and moderator action on workspace conversations is recorded here. Use it to investigate an incident, confirm a change was made, or satisfy a compliance review.")
+			}),
 			s && /* @__PURE__ */ _("p", {
 				className: "text-sm text-text-secondary",
 				children: "Loading activity…"
@@ -418,7 +443,8 @@ function R() {
 			}),
 			!s && !l && u.length === 0 && /* @__PURE__ */ _(r, {
 				title: "No activity found",
-				description: "Conversation admin actions will appear here."
+				description: "Conversation admin actions will appear here.",
+				illustration: "empty-data"
 			}),
 			/* @__PURE__ */ _("div", {
 				className: "grid gap-3",
@@ -433,7 +459,7 @@ function R() {
 								children: e.action
 							}), /* @__PURE__ */ _("span", {
 								className: "text-xs tabular-nums text-text-secondary",
-								children: P(e.timestamp)
+								children: F(e.timestamp)
 							})]
 						}),
 						/* @__PURE__ */ _("p", {
@@ -455,20 +481,20 @@ function R() {
 		]
 	});
 }
-function z() {
-	let r = t(), { workspaceId: c } = e(), [l, u] = s(""), [f, m] = s("{}"), [C, w] = s({}), [T, E] = s(null), { data: D, loading: M, error: N, refetch: I } = g(O, {
+function B() {
+	let r = t(), { workspaceId: c } = e(), [l, u] = s(""), [f, m] = s("{}"), [w, T] = s({}), [E, D] = s(null), { data: O, loading: N, error: P, refetch: L } = g(k, {
 		variables: { workspaceId: c },
 		skip: !c
-	}), [L, { loading: R }] = h(k, { onCompleted: () => void I() }), [z, { loading: B }] = h(A, { onCompleted: () => void I() }), [V, { loading: H }] = h(j, { onCompleted: () => void I() }), U = o(() => D?.appInstallations ?? [], [D?.appInstallations]);
+	}), [R, { loading: z }] = h(A, { onCompleted: () => void L() }), [B, { loading: V }] = h(j, { onCompleted: () => void L() }), [H, { loading: U }] = h(M, { onCompleted: () => void L() }), W = o(() => O?.appInstallations ?? [], [O?.appInstallations]);
 	a(() => {
-		w((e) => {
-			if (U.every((t) => e[t.id])) return e;
+		T((e) => {
+			if (W.every((t) => e[t.id])) return e;
 			let t = { ...e };
-			for (let e of U) t[e.id] || (t[e.id] = JSON.stringify(e.settings ?? {}, null, 2));
+			for (let e of W) t[e.id] || (t[e.id] = JSON.stringify(e.settings ?? {}, null, 2));
 			return t;
 		});
-	}, [U]);
-	let W = (e) => {
+	}, [W]);
+	let G = (e) => {
 		try {
 			let t = JSON.parse(e);
 			return t && typeof t == "object" && !Array.isArray(t) ? t : null;
@@ -485,11 +511,20 @@ function z() {
 		}),
 		maxWidth: "2xl",
 		children: [
+			/* @__PURE__ */ _(S, {
+				icon: /* @__PURE__ */ _(d, {
+					className: "size-4",
+					"aria-hidden": "true"
+				}),
+				children: r("conversations.admin.appsPurpose", "Extend conversations with apps and integrations — install bots, automations, or third-party connectors scoped to this workspace, adjust their settings, and remove the ones you no longer use.")
+			}),
 			/* @__PURE__ */ v(n, {
 				title: "Install app",
 				description: "Install a workspace-scoped conversation app by app ID.",
-				children: [/* @__PURE__ */ v("div", {
-					className: "grid gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 sm:grid-cols-[minmax(0,1fr)_minmax(0,2fr)_auto]",
+				children: [/* @__PURE__ */ v(x, {
+					treatment: "glass",
+					glow: !0,
+					className: "grid gap-3 border-border-seam p-4 sm:grid-cols-[minmax(0,1fr)_minmax(0,2fr)_auto]",
 					children: [
 						/* @__PURE__ */ _("input", {
 							value: l,
@@ -508,14 +543,14 @@ function z() {
 						/* @__PURE__ */ _(y, {
 							type: "button",
 							size: "sm",
-							disabled: R,
+							disabled: z,
 							onClick: () => {
-								let e = W(f);
+								let e = G(f);
 								if (!l.trim() || !e) {
-									E("Enter an app ID and a valid JSON settings object.");
+									D("Enter an app ID and a valid JSON settings object.");
 									return;
 								}
-								E(null), L({ variables: { input: {
+								D(null), R({ variables: { input: {
 									appId: l.trim(),
 									workspaceId: c,
 									settings: e
@@ -524,22 +559,22 @@ function z() {
 							children: "Install"
 						})
 					]
-				}), T && /* @__PURE__ */ _("p", {
+				}), E && /* @__PURE__ */ _("p", {
 					className: "text-sm text-status-error-text",
-					children: T
+					children: E
 				})]
 			}),
-			M && /* @__PURE__ */ _("p", {
+			N && /* @__PURE__ */ _("p", {
 				className: "text-sm text-text-secondary",
 				children: "Loading app installations…"
 			}),
-			N && /* @__PURE__ */ _("p", {
+			P && /* @__PURE__ */ _("p", {
 				className: "text-sm text-status-error-text",
-				children: N.message
+				children: P.message
 			}),
 			/* @__PURE__ */ _("div", {
 				className: "grid gap-3",
-				children: U.map((e) => /* @__PURE__ */ v(x, {
+				children: W.map((e) => /* @__PURE__ */ v(x, {
 					treatment: "glass",
 					className: "border-border-seam p-4",
 					children: [/* @__PURE__ */ v("div", {
@@ -551,7 +586,7 @@ function z() {
 								children: [/* @__PURE__ */ _("h3", {
 									className: "text-sm font-semibold text-text-primary",
 									children: e.appId
-								}), /* @__PURE__ */ _(F, { children: e.state })]
+								}), /* @__PURE__ */ _(I, { children: e.state })]
 							}), /* @__PURE__ */ v("p", {
 								className: "text-xs text-text-secondary",
 								children: [
@@ -562,7 +597,7 @@ function z() {
 									e.installedBy,
 									" on",
 									" ",
-									P(e.installedAt)
+									F(e.installedAt)
 								]
 							})]
 						}), /* @__PURE__ */ _(b, {
@@ -570,17 +605,17 @@ function z() {
 							actions: [{
 								label: "Uninstall",
 								intent: "destructive",
-								disabled: H,
+								disabled: U,
 								icon: /* @__PURE__ */ _(p, {
 									className: "size-4",
 									"aria-hidden": "true"
 								}),
 								onSelect: () => {
-									window.confirm(`Uninstall ${e.appId}? This removes the app and its settings from this workspace.`) && V({ variables: { id: e.id } });
+									window.confirm(`Uninstall ${e.appId}? This removes the app and its settings from this workspace.`) && H({ variables: { id: e.id } });
 								}
 							}]
 						})]
-					}), /* @__PURE__ */ _(S, {
+					}), /* @__PURE__ */ _(C, {
 						className: "mt-3",
 						collapsedHeight: 0,
 						label: "Edit settings (JSON)",
@@ -589,8 +624,8 @@ function z() {
 							children: [/* @__PURE__ */ _("textarea", {
 								rows: 5,
 								"aria-label": `Settings for ${e.appId}`,
-								value: C[e.id] ?? "{}",
-								onChange: (t) => w((n) => ({
+								value: w[e.id] ?? "{}",
+								onChange: (t) => T((n) => ({
 									...n,
 									[e.id]: t.target.value
 								})),
@@ -599,15 +634,15 @@ function z() {
 								type: "button",
 								variant: "secondary",
 								size: "sm",
-								disabled: B,
+								disabled: V,
 								className: "w-fit",
 								onClick: () => {
-									let t = W(C[e.id] ?? "{}");
+									let t = G(w[e.id] ?? "{}");
 									if (!t) {
-										E("Installation settings must be a valid JSON object.");
+										D("Installation settings must be a valid JSON object.");
 										return;
 									}
-									E(null), z({ variables: {
+									D(null), B({ variables: {
 										id: e.id,
 										settings: t
 									} });
@@ -622,6 +657,6 @@ function z() {
 	});
 }
 //#endregion
-export { z as AppInstallationsPage, L as BulkOperationsPage, R as ConversationAuditLogPage, I as ModerationQueuePage };
+export { B as AppInstallationsPage, R as BulkOperationsPage, z as ConversationAuditLogPage, L as ModerationQueuePage };
 
 //# sourceMappingURL=ConversationAdminPages.js.map