@burdenoff/microfe-conversations 2026.608.1 → 2026.625.1

package/dist/conversations/pages/ConversationAdminPages.js

@@ -8,8 +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";
 //#region src/conversations/pages/ConversationAdminPages.tsx
-var y = m`
+var C = m`
   query ConversationAdminMessageReports(
     $first: Int
     $filter: MessageReportFilter
@@ -37,7 +38,7 @@ var y = m`
       }
     }
   }
-`, b = m`
+`, w = m`
   mutation ConversationAdminResolveMessageReport(
     $input: ResolveMessageReportInput!
   ) {
@@ -52,7 +53,7 @@ var y = m`
       }
     }
   }
-`, x = m`
+`, T = m`
   query ConversationAdminBulkConversations(
     $first: Int
     $filter: ConversationFilter
@@ -69,7 +70,7 @@ var y = m`
       }
     }
   }
-`, S = m`
+`, E = m`
   mutation ConversationAdminBulkUpdate(
     $input: BulkConversationOperationInput!
   ) {
@@ -85,7 +86,7 @@ var y = m`
       }
     }
   }
-`, C = m`
+`, D = m`
   query ConversationAdminAuditLog($filter: ActivityLogFilter) {
     getActivities(filter: $filter) {
       id
@@ -97,7 +98,7 @@ var y = m`
       timestamp
     }
   }
-`, w = m`
+`, O = m`
   query ConversationAdminAppInstallations($workspaceId: ID) {
     appInstallations(workspaceId: $workspaceId) {
       id
@@ -111,7 +112,7 @@ var y = m`
       updatedAt
     }
   }
-`, T = m`
+`, k = m`
   mutation ConversationAdminInstallApp($input: InstallAppInput!) {
     installApp(input: $input) {
       id
@@ -121,7 +122,7 @@ var y = m`
       installedAt
     }
   }
-`, E = m`
+`, A = m`
   mutation ConversationAdminUpdateAppSettings($id: ID!, $settings: JSON!) {
     updateAppSettings(id: $id, settings: $settings) {
       id
@@ -129,7 +130,7 @@ var y = m`
       updatedAt
     }
   }
-`, D = m`
+`, j = m`
   mutation ConversationAdminUninstallApp($id: ID!) {
     uninstallApp(id: $id) {
       appInstallationId
@@ -137,7 +138,7 @@ var y = m`
     }
   }
 `;
-function O(e) {
+function M(e) {
 	if (typeof e == "string") return e;
 	if (e && typeof e == "object" && "text" in e) {
 		let t = e.text;
@@ -149,27 +150,27 @@ function O(e) {
 		return "Message content unavailable";
 	}
 }
-var k = new Intl.DateTimeFormat(void 0, {
+var N = new Intl.DateTimeFormat(void 0, {
 	dateStyle: "medium",
 	timeStyle: "short"
 });
-function A(e) {
-	return k.format(new Date(e));
+function P(e) {
+	return N.format(new Date(e));
 }
-function j({ children: e }) {
+function F({ children: e }) {
 	return /* @__PURE__ */ _("span", {
-		className: "rounded-full border border-border bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground",
+		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 M() {
-	let n = t(), { workspaceId: a } = e(), { data: o, loading: s, error: c, refetch: l } = g(y, {
+function I() {
+	let n = t(), { workspaceId: a } = e(), { data: o, loading: s, error: c, refetch: l } = g(C, {
 		variables: {
 			first: 50,
 			filter: { statuses: ["PENDING", "REVIEWING"] }
 		},
 		skip: !a
-	}), [d, { loading: p }] = h(b, { onCompleted: () => void l() }), m = o?.messageReports.edges.map((e) => e.node) ?? [];
+	}), [d, { loading: p }] = h(w, { 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."),
@@ -188,11 +189,11 @@ function M() {
 				})
 			}),
 			a && s && /* @__PURE__ */ _("p", {
-				className: "text-sm text-muted-foreground",
+				className: "text-sm text-text-secondary",
 				children: "Loading reports…"
 			}),
 			a && c && /* @__PURE__ */ _("p", {
-				className: "text-sm text-destructive",
+				className: "text-sm text-status-error-text",
 				children: c.message
 			}),
 			a && !s && !c && m.length === 0 && /* @__PURE__ */ _(r, {
@@ -205,34 +206,35 @@ function M() {
 			}),
 			/* @__PURE__ */ _("div", {
 				className: "grid gap-3",
-				children: m.map((e) => /* @__PURE__ */ _("article", {
-					className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+				children: m.map((e) => /* @__PURE__ */ _(x, {
+					treatment: "glass",
+					className: "border-border-seam p-4",
 					children: /* @__PURE__ */ v("div", {
 						className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
 						children: [/* @__PURE__ */ v("div", {
-							className: "space-y-2",
+							className: "space-y-2 min-w-0",
 							children: [
 								/* @__PURE__ */ v("div", {
 									className: "flex flex-wrap items-center gap-2",
 									children: [
-										/* @__PURE__ */ _(j, { children: e.status }),
-										e.message.isHidden && /* @__PURE__ */ _(j, { children: "Hidden" }),
+										/* @__PURE__ */ _(F, { children: e.status }),
+										e.message.isHidden && /* @__PURE__ */ _(F, { children: "Hidden" }),
 										/* @__PURE__ */ v("span", {
-											className: "text-xs text-muted-foreground",
-											children: ["Reported ", A(e.createdAt)]
+											className: "text-xs text-text-secondary",
+											children: ["Reported ", P(e.createdAt)]
 										})
 									]
 								}),
 								/* @__PURE__ */ _("p", {
-									className: "text-sm font-medium text-foreground",
+									className: "text-sm font-medium text-text-primary",
 									children: e.reason
 								}),
 								/* @__PURE__ */ _("p", {
-									className: "rounded-md bg-muted p-3 text-sm text-muted-foreground",
-									children: O(e.message.content)
+									className: "rounded-md border border-border-seam bg-bg-sunken p-3 text-sm text-text-secondary",
+									children: M(e.message.content)
 								}),
 								/* @__PURE__ */ v("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: [
 										"Message ",
 										e.messageId,
@@ -246,27 +248,24 @@ function M() {
 									]
 								})
 							]
-						}), /* @__PURE__ */ v("div", {
-							className: "flex flex-wrap gap-2",
-							children: [/* @__PURE__ */ _("button", {
-								type: "button",
+						}), /* @__PURE__ */ _(b, {
+							className: "shrink-0",
+							primary: {
+								label: "Hide and resolve",
 								disabled: p,
-								className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground hover:bg-accent disabled:opacity-50",
-								onClick: () => void d({ variables: { input: {
+								onSelect: () => void d({ variables: { input: {
 									reportId: e.id,
-									action: "DISMISS"
-								} } }),
-								children: "Dismiss"
-							}), /* @__PURE__ */ _("button", {
-								type: "button",
+									action: "HIDE_MESSAGE"
+								} } })
+							},
+							actions: [{
+								label: "Dismiss",
 								disabled: p,
-								className: "rounded-md bg-primary px-3 py-2 text-sm text-primary-foreground hover:bg-primary/90 disabled:opacity-50",
-								onClick: () => void d({ variables: { input: {
+								onSelect: () => void d({ variables: { input: {
 									reportId: e.id,
-									action: "HIDE_MESSAGE"
-								} } }),
-								children: "Hide and resolve"
-							})]
+									action: "DISMISS"
+								} } })
+							}]
 						})]
 					})
 				}, e.id))
@@ -274,13 +273,13 @@ function M() {
 		]
 	});
 }
-function N() {
-	let n = t(), { workspaceId: a } = e(), [o, c] = s(() => /* @__PURE__ */ new Set()), [u, d] = s("ARCHIVE"), { data: f, loading: p, error: m, refetch: y } = g(x, {
+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, {
 		variables: { first: 100 },
 		skip: !a
-	}), [b, { data: C, loading: w }] = h(S, { onCompleted: () => {
-		c(/* @__PURE__ */ new Set()), y();
-	} }), T = f?.conversations.edges.map((e) => e.node) ?? [], E = (e) => {
+	}), [S, { data: C, loading: w }] = h(E, { onCompleted: () => {
+		c(/* @__PURE__ */ new Set()), b();
+	} }), D = f?.conversations.edges.map((e) => e.node) ?? [], O = (e) => {
 		c((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
@@ -299,7 +298,8 @@ function N() {
 			children: [/* @__PURE__ */ v("select", {
 				value: u,
 				onChange: (e) => d(e.target.value),
-				className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground",
+				"aria-label": "Bulk action",
+				className: "min-h-11 rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
 				children: [
 					/* @__PURE__ */ _("option", {
 						value: "ARCHIVE",
@@ -314,11 +314,11 @@ function N() {
 						children: "Delete"
 					})
 				]
-			}), /* @__PURE__ */ v("button", {
+			}), /* @__PURE__ */ v(y, {
 				type: "button",
+				size: "sm",
 				disabled: o.size === 0 || w,
-				className: "rounded-md bg-primary px-3 py-2 text-sm text-primary-foreground hover:bg-primary/90 disabled:opacity-50",
-				onClick: () => void b({ variables: { input: {
+				onClick: () => void S({ variables: { input: {
 					conversationIds: Array.from(o),
 					action: u
 				} } }),
@@ -335,46 +335,53 @@ function N() {
 				})
 			}),
 			a && p && /* @__PURE__ */ _("p", {
-				className: "text-sm text-muted-foreground",
+				className: "text-sm text-text-secondary",
 				children: "Loading conversations…"
 			}),
 			a && m && /* @__PURE__ */ _("p", {
-				className: "text-sm text-destructive",
+				className: "text-sm text-status-error-text",
 				children: m.message
 			}),
-			C?.bulkUpdateConversations && /* @__PURE__ */ v("div", {
-				className: "rounded-lg border border-border bg-muted p-3 text-sm text-muted-foreground",
-				children: [
-					C.bulkUpdateConversations.successCount,
-					" succeeded,",
-					" ",
-					C.bulkUpdateConversations.failureCount,
-					" failed."
-				]
+			C?.bulkUpdateConversations && /* @__PURE__ */ v(x, {
+				treatment: "metric",
+				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
+				}), /* @__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
+				}), /* @__PURE__ */ _("p", {
+					className: "text-xs text-text-secondary",
+					children: "Failed"
+				})] })]
 			}),
 			a && /* @__PURE__ */ _("div", {
-				className: "overflow-hidden rounded-lg border border-border bg-card",
-				children: T.map((e) => /* @__PURE__ */ v("label", {
-					className: "flex cursor-pointer items-center gap-3 border-b border-border px-4 py-3 last:border-b-0 hover:bg-accent",
+				className: "overflow-hidden rounded-lg border border-border-seam bg-bg-surface",
+				children: D.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: () => E(e.id)
+						onChange: () => O(e.id)
 					}), /* @__PURE__ */ v("div", {
 						className: "min-w-0 flex-1",
 						children: [/* @__PURE__ */ _("p", {
-							className: "truncate text-sm font-medium text-foreground",
+							className: "truncate text-sm font-medium text-text-primary",
 							children: e.title || "Untitled conversation"
 						}), /* @__PURE__ */ v("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: [
 								e.type,
 								" · ",
 								e.state,
 								" · Updated",
 								" ",
-								A(e.updatedAt)
+								P(e.updatedAt)
 							]
 						})]
 					})]
@@ -383,8 +390,8 @@ function N() {
 		]
 	});
 }
-function P() {
-	let n = t(), { workspaceId: a } = e(), { data: o, loading: s, error: l } = g(C, {
+function R() {
+	let n = t(), { workspaceId: a } = e(), { data: o, loading: s, error: l } = g(D, {
 		variables: { filter: {
 			workspaceId: a,
 			resourceType: "conversation",
@@ -402,11 +409,11 @@ function P() {
 		maxWidth: "2xl",
 		children: [
 			s && /* @__PURE__ */ _("p", {
-				className: "text-sm text-muted-foreground",
+				className: "text-sm text-text-secondary",
 				children: "Loading activity…"
 			}),
 			l && /* @__PURE__ */ _("p", {
-				className: "text-sm text-destructive",
+				className: "text-sm text-status-error-text",
 				children: l.message
 			}),
 			!s && !l && u.length === 0 && /* @__PURE__ */ _(r, {
@@ -415,25 +422,26 @@ function P() {
 			}),
 			/* @__PURE__ */ _("div", {
 				className: "grid gap-3",
-				children: u.map((e) => /* @__PURE__ */ v("article", {
-					className: "rounded-lg border border-border bg-card p-4",
+				children: u.map((e) => /* @__PURE__ */ v(x, {
+					treatment: "plain",
+					className: "border-border-seam p-4",
 					children: [
 						/* @__PURE__ */ v("div", {
 							className: "flex flex-wrap items-center justify-between gap-2",
 							children: [/* @__PURE__ */ _("p", {
-								className: "text-sm font-medium text-foreground",
+								className: "text-sm font-medium text-text-primary",
 								children: e.action
 							}), /* @__PURE__ */ _("span", {
-								className: "text-xs text-muted-foreground",
-								children: A(e.timestamp)
+								className: "text-xs tabular-nums text-text-secondary",
+								children: P(e.timestamp)
 							})]
 						}),
 						/* @__PURE__ */ _("p", {
-							className: "mt-1 text-sm text-muted-foreground",
+							className: "mt-1 text-sm text-text-secondary",
 							children: e.description || "No description provided"
 						}),
 						/* @__PURE__ */ v("p", {
-							className: "mt-2 text-xs text-muted-foreground",
+							className: "mt-2 text-xs text-text-secondary",
 							children: [
 								"User ",
 								e.userId,
@@ -447,20 +455,20 @@ function P() {
 		]
 	});
 }
-function F() {
-	let r = t(), { workspaceId: c } = e(), [l, u] = s(""), [f, m] = s("{}"), [y, b] = s({}), [x, S] = s(null), { data: C, loading: O, error: k, refetch: M } = g(w, {
+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, {
 		variables: { workspaceId: c },
 		skip: !c
-	}), [N, { loading: P }] = h(T, { onCompleted: () => void M() }), [F, { loading: I }] = h(E, { onCompleted: () => void M() }), [L, { loading: R }] = h(D, { onCompleted: () => void M() }), z = o(() => C?.appInstallations ?? [], [C?.appInstallations]);
+	}), [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]);
 	a(() => {
-		b((e) => {
-			if (z.every((t) => e[t.id])) return e;
+		w((e) => {
+			if (U.every((t) => e[t.id])) return e;
 			let t = { ...e };
-			for (let e of z) t[e.id] || (t[e.id] = JSON.stringify(e.settings ?? {}, null, 2));
+			for (let e of U) t[e.id] || (t[e.id] = JSON.stringify(e.settings ?? {}, null, 2));
 			return t;
 		});
-	}, [z]);
-	let B = (e) => {
+	}, [U]);
+	let W = (e) => {
 		try {
 			let t = JSON.parse(e);
 			return t && typeof t == "object" && !Array.isArray(t) ? t : null;
@@ -481,33 +489,33 @@ function F() {
 				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 bg-card p-4 sm:grid-cols-[minmax(0,1fr)_minmax(0,2fr)_auto]",
+					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__ */ _("input", {
 							value: l,
 							onChange: (e) => u(e.target.value),
 							placeholder: "app-id",
 							"aria-label": "App ID",
-							className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground"
+							className: "min-h-11 rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]"
 						}),
 						/* @__PURE__ */ _("textarea", {
 							value: f,
 							onChange: (e) => m(e.target.value),
 							rows: 3,
 							"aria-label": "App settings JSON",
-							className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground"
+							className: "rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]"
 						}),
-						/* @__PURE__ */ _("button", {
+						/* @__PURE__ */ _(y, {
 							type: "button",
-							disabled: P,
-							className: "rounded-md bg-primary px-3 py-2 text-sm text-primary-foreground hover:bg-primary/90 disabled:opacity-50",
+							size: "sm",
+							disabled: R,
 							onClick: () => {
-								let e = B(f);
+								let e = W(f);
 								if (!l.trim() || !e) {
-									S("Enter an app ID and a valid JSON settings object.");
+									E("Enter an app ID and a valid JSON settings object.");
 									return;
 								}
-								S(null), N({ variables: { input: {
+								E(null), L({ variables: { input: {
 									appId: l.trim(),
 									workspaceId: c,
 									settings: e
@@ -516,81 +524,97 @@ function F() {
 							children: "Install"
 						})
 					]
-				}), x && /* @__PURE__ */ _("p", {
-					className: "text-sm text-destructive",
-					children: x
+				}), T && /* @__PURE__ */ _("p", {
+					className: "text-sm text-status-error-text",
+					children: T
 				})]
 			}),
-			O && /* @__PURE__ */ _("p", {
-				className: "text-sm text-muted-foreground",
+			M && /* @__PURE__ */ _("p", {
+				className: "text-sm text-text-secondary",
 				children: "Loading app installations…"
 			}),
-			k && /* @__PURE__ */ _("p", {
-				className: "text-sm text-destructive",
-				children: k.message
+			N && /* @__PURE__ */ _("p", {
+				className: "text-sm text-status-error-text",
+				children: N.message
 			}),
 			/* @__PURE__ */ _("div", {
 				className: "grid gap-3",
-				children: z.map((e) => /* @__PURE__ */ v("article", {
-					className: "rounded-lg border border-border bg-card p-4",
+				children: U.map((e) => /* @__PURE__ */ v(x, {
+					treatment: "glass",
+					className: "border-border-seam p-4",
 					children: [/* @__PURE__ */ v("div", {
 						className: "flex flex-wrap items-start justify-between gap-3",
-						children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ v("div", {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ _("h3", {
-								className: "text-sm font-semibold text-foreground",
-								children: e.appId
-							}), /* @__PURE__ */ _(j, { children: e.state })]
-						}), /* @__PURE__ */ v("p", {
-							className: "text-xs text-muted-foreground",
-							children: [
-								"Version ",
-								e.appVersion,
-								" · Installed by",
-								" ",
-								e.installedBy,
-								" on",
-								" ",
-								A(e.installedAt)
-							]
-						})] }), /* @__PURE__ */ v("button", {
-							type: "button",
-							disabled: R,
-							className: "inline-flex items-center gap-2 rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground hover:bg-accent disabled:opacity-50",
-							onClick: () => void L({ variables: { id: e.id } }),
-							children: [/* @__PURE__ */ _(p, {
-								className: "size-4",
-								"aria-hidden": "true"
-							}), "Uninstall"]
-						})]
-					}), /* @__PURE__ */ v("div", {
-						className: "mt-3 grid gap-2",
-						children: [/* @__PURE__ */ _("textarea", {
-							rows: 5,
-							"aria-label": `Settings for ${e.appId}`,
-							value: y[e.id] ?? "{}",
-							onChange: (t) => b((n) => ({
-								...n,
-								[e.id]: t.target.value
-							})),
-							className: "rounded-md border border-border bg-background px-3 py-2 font-mono text-xs text-foreground"
-						}), /* @__PURE__ */ _("button", {
-							type: "button",
-							disabled: I,
-							className: "w-fit rounded-md bg-secondary px-3 py-2 text-sm text-secondary-foreground hover:bg-secondary/90 disabled:opacity-50",
-							onClick: () => {
-								let t = B(y[e.id] ?? "{}");
-								if (!t) {
-									S("Installation settings must be a valid JSON object.");
-									return;
+						children: [/* @__PURE__ */ v("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ v("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ _("h3", {
+									className: "text-sm font-semibold text-text-primary",
+									children: e.appId
+								}), /* @__PURE__ */ _(F, { children: e.state })]
+							}), /* @__PURE__ */ v("p", {
+								className: "text-xs text-text-secondary",
+								children: [
+									"Version ",
+									e.appVersion,
+									" · Installed by",
+									" ",
+									e.installedBy,
+									" on",
+									" ",
+									P(e.installedAt)
+								]
+							})]
+						}), /* @__PURE__ */ _(b, {
+							className: "shrink-0",
+							actions: [{
+								label: "Uninstall",
+								intent: "destructive",
+								disabled: H,
+								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 } });
 								}
-								S(null), F({ variables: {
-									id: e.id,
-									settings: t
-								} });
-							},
-							children: "Save settings"
+							}]
 						})]
+					}), /* @__PURE__ */ _(S, {
+						className: "mt-3",
+						collapsedHeight: 0,
+						label: "Edit settings (JSON)",
+						children: /* @__PURE__ */ v("div", {
+							className: "grid gap-2 pt-2",
+							children: [/* @__PURE__ */ _("textarea", {
+								rows: 5,
+								"aria-label": `Settings for ${e.appId}`,
+								value: C[e.id] ?? "{}",
+								onChange: (t) => w((n) => ({
+									...n,
+									[e.id]: t.target.value
+								})),
+								className: "rounded-md border border-border-seam bg-bg-surface px-3 py-2 font-mono text-xs text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]"
+							}), /* @__PURE__ */ _(y, {
+								type: "button",
+								variant: "secondary",
+								size: "sm",
+								disabled: B,
+								className: "w-fit",
+								onClick: () => {
+									let t = W(C[e.id] ?? "{}");
+									if (!t) {
+										E("Installation settings must be a valid JSON object.");
+										return;
+									}
+									E(null), z({ variables: {
+										id: e.id,
+										settings: t
+									} });
+								},
+								children: "Save settings"
+							})]
+						})
 					})]
 				}, e.id))
 			})
@@ -598,6 +622,6 @@ function F() {
 	});
 }
 //#endregion
-export { F as AppInstallationsPage, N as BulkOperationsPage, P as ConversationAuditLogPage, M as ModerationQueuePage };
+export { z as AppInstallationsPage, L as BulkOperationsPage, R as ConversationAuditLogPage, I as ModerationQueuePage };
 
 //# sourceMappingURL=ConversationAdminPages.js.map