@agimon-ai/po-web-dashboard 0.0.0-alpha.0

package/dist/web/features/settings/LoginFlowDialog.mjs

@@ -0,0 +1,225 @@
+import { useDashboardState } from "../../stores/dashboardStateStore.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Spinner } from "@agimon-ai/po-web-components";
+//#region src/web/features/settings/LoginFlowDialog.tsx
+const METHOD_LABEL = {
+	api_key: "API key",
+	oauth: "OAuth"
+};
+/** Button's link variant plus the wrapping a full auth URL needs. */
+const linkClass = "inline break-all decoration-doom-blue/40 hover:decoration-doom-blue";
+function FlowEvent({ event }) {
+	if (event.type === "auth_url") return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-1 text-sm text-doom-text",
+		children: [
+			/* @__PURE__ */ jsx("span", { children: "Open this link to sign in:" }),
+			/* @__PURE__ */ jsx(Button, {
+				asChild: true,
+				variant: "link",
+				size: "xs",
+				className: linkClass,
+				children: /* @__PURE__ */ jsx("a", {
+					"data-testid": "login-flow-auth-url",
+					href: event.url,
+					target: "_blank",
+					rel: "noreferrer",
+					children: event.url
+				})
+			}),
+			event.instructions ? /* @__PURE__ */ jsx("span", {
+				className: "text-doom-dim",
+				children: event.instructions
+			}) : null
+		]
+	});
+	if (event.type === "device_code") return /* @__PURE__ */ jsx("div", {
+		className: "flex flex-col gap-1 text-sm text-doom-text",
+		children: /* @__PURE__ */ jsxs("span", { children: [
+			"Enter the code",
+			" ",
+			/* @__PURE__ */ jsx("span", {
+				"data-testid": "login-flow-device-code",
+				className: "font-mono font-medium text-doom-hi",
+				children: event.userCode
+			}),
+			" ",
+			"at",
+			" ",
+			/* @__PURE__ */ jsx("a", {
+				href: event.verificationUri,
+				target: "_blank",
+				rel: "noreferrer",
+				className: linkClass,
+				children: event.verificationUri
+			})
+		] })
+	});
+	if (event.type === "info") return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-1 text-sm text-doom-text",
+		children: [/* @__PURE__ */ jsx("span", { children: event.message }), event.links?.map((link) => /* @__PURE__ */ jsx("a", {
+			href: link.url,
+			target: "_blank",
+			rel: "noreferrer",
+			className: linkClass,
+			children: link.label ?? link.url
+		}, link.url))]
+	});
+	return /* @__PURE__ */ jsx("span", {
+		className: "text-sm text-doom-dim",
+		children: event.message
+	});
+}
+function PromptField({ prompt, value, remote, onChange, onSubmit, onSelect }) {
+	if (prompt.type === "select") return /* @__PURE__ */ jsxs("div", {
+		"data-testid": "login-prompt",
+		"data-prompt-type": prompt.type,
+		className: "flex flex-col gap-2",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "text-sm text-doom-text",
+			children: prompt.message
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col gap-1",
+			children: (prompt.options ?? []).map((option) => /* @__PURE__ */ jsxs(Button, {
+				variant: "outline",
+				"data-testid": `login-prompt-option-${option.id}`,
+				onClick: () => onSelect(option.id),
+				className: "h-auto flex-col items-start gap-0.5 px-2.5 py-1.5 text-left whitespace-normal focus-visible:border-doom-blue/50 focus-visible:ring-0",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-base font-medium text-doom-hi",
+					children: option.label
+				}), option.description ? /* @__PURE__ */ jsx("span", {
+					className: "text-sm text-doom-dim",
+					children: option.description
+				}) : null]
+			}, option.id))
+		})]
+	});
+	return /* @__PURE__ */ jsxs("label", {
+		"data-testid": "login-prompt",
+		"data-prompt-type": prompt.type,
+		className: "flex flex-col gap-1",
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "text-sm text-doom-text",
+				children: prompt.message
+			}),
+			remote && prompt.type === "manual_code" ? /* @__PURE__ */ jsx("span", {
+				"data-testid": "login-prompt-remote-hint",
+				className: "text-sm text-doom-dim",
+				children: "The page it sends you to will not load from here. Copy the whole address from your browser's address bar and paste it below."
+			}) : null,
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsx(Input, {
+					"data-testid": "login-prompt-input",
+					type: prompt.type === "secret" ? "password" : "text",
+					value,
+					autoFocus: true,
+					autoComplete: "off",
+					placeholder: prompt.placeholder,
+					onChange: (event) => onChange(event.target.value),
+					onKeyDown: (event) => {
+						if (event.key === "Enter") onSubmit();
+					},
+					className: "flex-1"
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "primary",
+					"data-testid": "login-prompt-submit",
+					disabled: value.trim() === "",
+					onClick: onSubmit,
+					children: "Continue"
+				})]
+			})
+		]
+	});
+}
+/**
+* A provider's login, rendered from the hub's snapshots: the links and codes
+* it announced, the one question it is waiting on, and how it ended.
+*/
+function LoginFlowDialog({ flow, onAnswer, onCancel, onClose }) {
+	const prompt = flow.prompt;
+	const promptId = JSON.stringify([flow.id, prompt?.id]);
+	const running = flow.status === "running";
+	const [value, setValue] = useDashboardState("providers/answer", "");
+	const [lastPromptId, setLastPromptId] = useDashboardState("providers/prompt", promptId);
+	if (lastPromptId !== promptId || !running && value !== "") {
+		setLastPromptId(promptId);
+		setValue("");
+	}
+	const submit = () => {
+		if (!prompt || value.trim() === "") return;
+		onAnswer(prompt.id, value);
+	};
+	let outcome;
+	if (flow.status === "succeeded") outcome = {
+		text: `You're signed in to ${flow.providerName}. Every session can use it now.`,
+		className: "text-doom-green"
+	};
+	else if (flow.status === "failed") outcome = {
+		text: flow.error ?? "Sign-in failed.",
+		className: "text-doom-red"
+	};
+	else if (flow.status === "cancelled") outcome = {
+		text: "Sign-in cancelled.",
+		className: "text-doom-dim"
+	};
+	return /* @__PURE__ */ jsx(Dialog, {
+		open: true,
+		onOpenChange: (next) => {
+			if (next) return;
+			if (running) onCancel();
+			else onClose();
+		},
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			width: "md",
+			"data-testid": "login-flow",
+			"data-status": flow.status,
+			"aria-describedby": void 0,
+			children: [/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsxs(DialogTitle, { children: ["Sign in to ", flow.providerName] }), /* @__PURE__ */ jsx("span", {
+				className: "text-sm text-doom-dim",
+				children: METHOD_LABEL[flow.type]
+			})] }), /* @__PURE__ */ jsxs(DialogBody, { children: [
+				flow.events.length > 0 ? /* @__PURE__ */ jsx("ol", {
+					"data-testid": "login-flow-events",
+					className: "flex flex-col gap-2",
+					children: flow.events.map((event, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(FlowEvent, { event }) }, index))
+				}) : null,
+				running && prompt ? /* @__PURE__ */ jsx(PromptField, {
+					prompt,
+					value,
+					remote: flow.remote === true,
+					onChange: setValue,
+					onSubmit: submit,
+					onSelect: (optionId) => onAnswer(prompt.id, optionId)
+				}) : null,
+				running && !prompt ? /* @__PURE__ */ jsxs("p", {
+					"data-testid": "login-flow-waiting",
+					className: "flex items-center gap-2 text-sm text-doom-dim",
+					children: [/* @__PURE__ */ jsx(Spinner, {}), flow.events.length === 0 ? "Starting…" : `Waiting for ${flow.providerName}…`]
+				}) : null,
+				outcome ? /* @__PURE__ */ jsx("p", {
+					"data-testid": "login-flow-result",
+					className: `text-sm ${outcome.className}`,
+					children: outcome.text
+				}) : null,
+				/* @__PURE__ */ jsx(DialogFooter, { children: running ? /* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					"data-testid": "login-flow-cancel",
+					onClick: onCancel,
+					children: "Cancel"
+				}) : /* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					"data-testid": "login-flow-close",
+					autoFocus: true,
+					onClick: onClose,
+					children: flow.status === "succeeded" ? "Done" : "Close"
+				}) })
+			] })]
+		})
+	});
+}
+//#endregion
+export { LoginFlowDialog, METHOD_LABEL };
+
+//# sourceMappingURL=LoginFlowDialog.mjs.map

package/dist/web/features/settings/LoginFlowDialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginFlowDialog.mjs","names":[],"sources":["../../../../src/web/features/settings/LoginFlowDialog.tsx"],"sourcesContent":["import {\n  Button,\n  Dialog,\n  DialogBody,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  Input,\n  Spinner,\n} from '@agimon-ai/po-web-components';\n\nimport type { AuthMethodType, LoginEvent, LoginFlowSnapshot, LoginPromptView } from '../../../types/auth';\nimport { useDashboardState } from '../../stores/dashboardStateStore';\n\nexport const METHOD_LABEL: Readonly<Record<AuthMethodType, string>> = { api_key: 'API key', oauth: 'OAuth' };\n\n/** Button's link variant plus the wrapping a full auth URL needs. */\nconst linkClass = 'inline break-all decoration-doom-blue/40 hover:decoration-doom-blue';\n\nfunction FlowEvent({ event }: { event: LoginEvent }) {\n  if (event.type === 'auth_url') {\n    return (\n      <div className=\"flex flex-col gap-1 text-sm text-doom-text\">\n        <span>Open this link to sign in:</span>\n        <Button asChild variant=\"link\" size=\"xs\" className={linkClass}>\n          <a data-testid=\"login-flow-auth-url\" href={event.url} target=\"_blank\" rel=\"noreferrer\">\n            {event.url}\n          </a>\n        </Button>\n        {event.instructions ? <span className=\"text-doom-dim\">{event.instructions}</span> : null}\n      </div>\n    );\n  }\n  if (event.type === 'device_code') {\n    return (\n      <div className=\"flex flex-col gap-1 text-sm text-doom-text\">\n        <span>\n          Enter the code{' '}\n          <span data-testid=\"login-flow-device-code\" className=\"font-mono font-medium text-doom-hi\">\n            {event.userCode}\n          </span>{' '}\n          at{' '}\n          <a href={event.verificationUri} target=\"_blank\" rel=\"noreferrer\" className={linkClass}>\n            {event.verificationUri}\n          </a>\n        </span>\n      </div>\n    );\n  }\n  if (event.type === 'info') {\n    return (\n      <div className=\"flex flex-col gap-1 text-sm text-doom-text\">\n        <span>{event.message}</span>\n        {event.links?.map((link) => (\n          <a key={link.url} href={link.url} target=\"_blank\" rel=\"noreferrer\" className={linkClass}>\n            {link.label ?? link.url}\n          </a>\n        ))}\n      </div>\n    );\n  }\n  return <span className=\"text-sm text-doom-dim\">{event.message}</span>;\n}\n\nfunction PromptField({\n  prompt,\n  value,\n  remote,\n  onChange,\n  onSubmit,\n  onSelect,\n}: {\n  prompt: LoginPromptView;\n  value: string;\n  remote: boolean;\n  onChange: (value: string) => void;\n  onSubmit: () => void;\n  onSelect: (optionId: string) => void;\n}) {\n  if (prompt.type === 'select') {\n    return (\n      <div data-testid=\"login-prompt\" data-prompt-type={prompt.type} className=\"flex flex-col gap-2\">\n        <span className=\"text-sm text-doom-text\">{prompt.message}</span>\n        <div className=\"flex flex-col gap-1\">\n          {(prompt.options ?? []).map((option) => (\n            <Button\n              key={option.id}\n              variant=\"outline\"\n              data-testid={`login-prompt-option-${option.id}`}\n              onClick={() => onSelect(option.id)}\n              className=\"h-auto flex-col items-start gap-0.5 px-2.5 py-1.5 text-left whitespace-normal focus-visible:border-doom-blue/50 focus-visible:ring-0\"\n            >\n              <span className=\"text-base font-medium text-doom-hi\">{option.label}</span>\n              {option.description ? <span className=\"text-sm text-doom-dim\">{option.description}</span> : null}\n            </Button>\n          ))}\n        </div>\n      </div>\n    );\n  }\n  return (\n    <label data-testid=\"login-prompt\" data-prompt-type={prompt.type} className=\"flex flex-col gap-1\">\n      <span className=\"text-sm text-doom-text\">{prompt.message}</span>\n      {/* The provider redirects to a loopback address that belongs to whichever\n          machine the browser runs on, so a remote tab lands on an error page.\n          The URL still carries the code, which is what this asks for. */}\n      {remote && prompt.type === 'manual_code' ? (\n        <span data-testid=\"login-prompt-remote-hint\" className=\"text-sm text-doom-dim\">\n          The page it sends you to will not load from here. Copy the whole address from your browser&apos;s address bar\n          and paste it below.\n        </span>\n      ) : null}\n      <div className=\"flex items-center gap-2\">\n        <Input\n          data-testid=\"login-prompt-input\"\n          type={prompt.type === 'secret' ? 'password' : 'text'}\n          value={value}\n          autoFocus\n          autoComplete=\"off\"\n          placeholder={prompt.placeholder}\n          onChange={(event) => onChange(event.target.value)}\n          onKeyDown={(event) => {\n            if (event.key === 'Enter') onSubmit();\n          }}\n          className=\"flex-1\"\n        />\n        <Button variant=\"primary\" data-testid=\"login-prompt-submit\" disabled={value.trim() === ''} onClick={onSubmit}>\n          Continue\n        </Button>\n      </div>\n    </label>\n  );\n}\n\n/**\n * A provider's login, rendered from the hub's snapshots: the links and codes\n * it announced, the one question it is waiting on, and how it ended.\n */\nexport function LoginFlowDialog({\n  flow,\n  onAnswer,\n  onCancel,\n  onClose,\n}: {\n  flow: LoginFlowSnapshot;\n  onAnswer: (promptId: string, value: string) => void;\n  onCancel: () => void;\n  onClose: () => void;\n}) {\n  const prompt = flow.prompt;\n  const promptId = JSON.stringify([flow.id, prompt?.id]);\n  const running = flow.status === 'running';\n  const [value, setValue] = useDashboardState('providers/answer', '');\n  const [lastPromptId, setLastPromptId] = useDashboardState('providers/prompt', promptId);\n  if (lastPromptId !== promptId || (!running && value !== '')) {\n    setLastPromptId(promptId);\n    setValue('');\n  }\n\n  const submit = (): void => {\n    if (!prompt || value.trim() === '') return;\n    onAnswer(prompt.id, value);\n  };\n\n  let outcome: { text: string; className: string } | undefined;\n  if (flow.status === 'succeeded')\n    outcome = {\n      text: `You're signed in to ${flow.providerName}. Every session can use it now.`,\n      className: 'text-doom-green',\n    };\n  else if (flow.status === 'failed') outcome = { text: flow.error ?? 'Sign-in failed.', className: 'text-doom-red' };\n  else if (flow.status === 'cancelled') outcome = { text: 'Sign-in cancelled.', className: 'text-doom-dim' };\n\n  return (\n    <Dialog\n      open\n      onOpenChange={(next) => {\n        if (next) return;\n        // Escape or an outside click abandons a live sign-in, and simply\n        // dismisses a finished one.\n        if (running) onCancel();\n        else onClose();\n      }}\n    >\n      <DialogContent width=\"md\" data-testid=\"login-flow\" data-status={flow.status} aria-describedby={undefined}>\n        <DialogHeader>\n          <DialogTitle>Sign in to {flow.providerName}</DialogTitle>\n          <span className=\"text-sm text-doom-dim\">{METHOD_LABEL[flow.type]}</span>\n        </DialogHeader>\n        <DialogBody>\n          {flow.events.length > 0 ? (\n            <ol data-testid=\"login-flow-events\" className=\"flex flex-col gap-2\">\n              {flow.events.map((event, index) => (\n                <li key={index}>\n                  <FlowEvent event={event} />\n                </li>\n              ))}\n            </ol>\n          ) : null}\n          {running && prompt ? (\n            <PromptField\n              prompt={prompt}\n              value={value}\n              remote={flow.remote === true}\n              onChange={setValue}\n              onSubmit={submit}\n              onSelect={(optionId) => onAnswer(prompt.id, optionId)}\n            />\n          ) : null}\n          {running && !prompt ? (\n            <p data-testid=\"login-flow-waiting\" className=\"flex items-center gap-2 text-sm text-doom-dim\">\n              <Spinner />\n              {flow.events.length === 0 ? 'Starting…' : `Waiting for ${flow.providerName}…`}\n            </p>\n          ) : null}\n          {outcome ? (\n            <p data-testid=\"login-flow-result\" className={`text-sm ${outcome.className}`}>\n              {outcome.text}\n            </p>\n          ) : null}\n          <DialogFooter>\n            {running ? (\n              <Button variant=\"outline\" data-testid=\"login-flow-cancel\" onClick={onCancel}>\n                Cancel\n              </Button>\n            ) : (\n              <Button variant=\"outline\" data-testid=\"login-flow-close\" autoFocus onClick={onClose}>\n                {flow.status === 'succeeded' ? 'Done' : 'Close'}\n              </Button>\n            )}\n          </DialogFooter>\n        </DialogBody>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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"}

package/dist/web/features/settings/NotificationSettings.cjs

@@ -0,0 +1,69 @@
+const require_browserNotifications = require("../../lib/browserNotifications.cjs");
+const require_livePush = require("../../lib/livePush.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _agimon_ai_po_web_components = require("@agimon-ai/po-web-components");
+//#region src/web/features/settings/NotificationSettings.tsx
+const STATUS_COPY = {
+	granted: "Allowed in this browser.",
+	denied: "Blocked in this browser. Turn them on in your browser's site settings.",
+	default: "This browser hasn't been asked yet.",
+	unsupported: "This browser doesn't support notifications.",
+	"request-error": "The browser couldn't finish the request. Try again."
+};
+const PUSH_COPY = {
+	enabled: "On for this paired device.",
+	disabled: "Off. Turn on to hear from Po when the app is closed.",
+	denied: "Notifications are blocked in this browser.",
+	unsupported: "Not available in this browser. On iPhone, add Po to your Home Screen first.",
+	error: "Po couldn't update the alert subscription. Try again."
+};
+/** Browser-owned notification permission plus an ephemeral, device-bound Push subscription. */
+function NotificationSettings() {
+	const [status, setStatus] = (0, react.useState)(require_browserNotifications.browserNotificationPermission);
+	const [pushStatus, setPushStatus] = (0, react.useState)("disabled");
+	(0, react.useEffect)(() => {
+		require_livePush.livePushStatus().then(setPushStatus);
+	}, []);
+	const enable = async () => {
+		setPushStatus(await require_livePush.enableLivePush());
+		setStatus(require_browserNotifications.browserNotificationPermission());
+	};
+	const disable = async () => {
+		setPushStatus(await require_livePush.disableLivePush());
+	};
+	const allow = async () => {
+		setStatus(await require_browserNotifications.requestBrowserNotificationPermission());
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsPage, {
+		"data-testid": "notification-settings",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsTitle, { children: "Notifications" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsDescription, { children: "An open page shows the full notification. When Po is closed you get a short alert with no session content, and alerts missed while offline are not replayed." })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsCard, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsRow, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsRowText, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsRowTitle, { children: "Browser notifications" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsRowDescription, {
+			"data-testid": "notification-permission-status",
+			children: STATUS_COPY[status]
+		})] }), status === "default" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Button, {
+			size: "sm",
+			variant: "outline",
+			"data-testid": "browser-notification-request",
+			onClick: () => void allow(),
+			children: "Allow"
+		}) : null] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsRow, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsRowText, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsRowTitle, { children: "Alerts when Po is closed" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsRowDescription, {
+			"data-testid": "push-subscription-status",
+			children: PUSH_COPY[pushStatus]
+		})] }), pushStatus === "enabled" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Button, {
+			size: "sm",
+			variant: "outline",
+			"data-testid": "push-disable",
+			onClick: () => void disable(),
+			children: "Turn off"
+		}) : pushStatus !== "denied" && pushStatus !== "unsupported" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Button, {
+			size: "sm",
+			"data-testid": "notification-permission-request",
+			onClick: () => void enable(),
+			children: "Turn on"
+		}) : null] })] })]
+	});
+}
+//#endregion
+exports.NotificationSettings = NotificationSettings;
+
+//# sourceMappingURL=NotificationSettings.cjs.map

package/dist/web/features/settings/NotificationSettings.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationSettings.cjs","names":["useState","browserNotificationPermission","livePushStatus","enableLivePush","disableLivePush","requestBrowserNotificationPermission","SettingsPage","SettingsHeader","SettingsTitle","SettingsDescription","SettingsCard","SettingsRow","SettingsRowText","SettingsRowTitle","SettingsRowDescription","Button"],"sources":["../../../../src/web/features/settings/NotificationSettings.tsx"],"sourcesContent":["import {\n  Button,\n  SettingsCard,\n  SettingsDescription,\n  SettingsHeader,\n  SettingsPage,\n  SettingsRow,\n  SettingsRowDescription,\n  SettingsRowText,\n  SettingsRowTitle,\n  SettingsTitle,\n} from '@agimon-ai/po-web-components';\nimport { useEffect, useState } from 'react';\n\nimport {\n  browserNotificationPermission,\n  requestBrowserNotificationPermission,\n  type BrowserNotificationPermissionStatus,\n} from '../../lib/browserNotifications';\nimport { disableLivePush, enableLivePush, livePushStatus, type LivePushStatus } from '../../lib/livePush';\n\nconst STATUS_COPY: Record<BrowserNotificationPermissionStatus, string> = {\n  granted: 'Allowed in this browser.',\n  denied: \"Blocked in this browser. Turn them on in your browser's site settings.\",\n  default: \"This browser hasn't been asked yet.\",\n  unsupported: \"This browser doesn't support notifications.\",\n  'request-error': \"The browser couldn't finish the request. Try again.\",\n};\n\nconst PUSH_COPY: Record<LivePushStatus, string> = {\n  enabled: 'On for this paired device.',\n  disabled: 'Off. Turn on to hear from Po when the app is closed.',\n  denied: 'Notifications are blocked in this browser.',\n  unsupported: 'Not available in this browser. On iPhone, add Po to your Home Screen first.',\n  error: \"Po couldn't update the alert subscription. Try again.\",\n};\n\n/** Browser-owned notification permission plus an ephemeral, device-bound Push subscription. */\nexport function NotificationSettings() {\n  const [status, setStatus] = useState<BrowserNotificationPermissionStatus>(browserNotificationPermission);\n  const [pushStatus, setPushStatus] = useState<LivePushStatus>('disabled');\n\n  useEffect(() => {\n    void livePushStatus().then(setPushStatus);\n  }, []);\n\n  const enable = async (): Promise<void> => {\n    setPushStatus(await enableLivePush());\n    setStatus(browserNotificationPermission());\n  };\n\n  const disable = async (): Promise<void> => {\n    setPushStatus(await disableLivePush());\n  };\n\n  const allow = async (): Promise<void> => {\n    setStatus(await requestBrowserNotificationPermission());\n  };\n\n  return (\n    <SettingsPage data-testid=\"notification-settings\">\n      <SettingsHeader>\n        <SettingsTitle>Notifications</SettingsTitle>\n        <SettingsDescription>\n          An open page shows the full notification. When Po is closed you get a short alert with no session content, and\n          alerts missed while offline are not replayed.\n        </SettingsDescription>\n      </SettingsHeader>\n      <SettingsCard>\n        <SettingsRow>\n          <SettingsRowText>\n            <SettingsRowTitle>Browser notifications</SettingsRowTitle>\n            <SettingsRowDescription data-testid=\"notification-permission-status\">\n              {STATUS_COPY[status]}\n            </SettingsRowDescription>\n          </SettingsRowText>\n          {status === 'default' ? (\n            <Button size=\"sm\" variant=\"outline\" data-testid=\"browser-notification-request\" onClick={() => void allow()}>\n              Allow\n            </Button>\n          ) : null}\n        </SettingsRow>\n        <SettingsRow>\n          <SettingsRowText>\n            <SettingsRowTitle>Alerts when Po is closed</SettingsRowTitle>\n            <SettingsRowDescription data-testid=\"push-subscription-status\">\n              {PUSH_COPY[pushStatus]}\n            </SettingsRowDescription>\n          </SettingsRowText>\n          {pushStatus === 'enabled' ? (\n            <Button size=\"sm\" variant=\"outline\" data-testid=\"push-disable\" onClick={() => void disable()}>\n              Turn off\n            </Button>\n          ) : pushStatus !== 'denied' && pushStatus !== 'unsupported' ? (\n            <Button size=\"sm\" data-testid=\"notification-permission-request\" onClick={() => void enable()}>\n              Turn on\n            </Button>\n          ) : null}\n        </SettingsRow>\n      </SettingsCard>\n    </SettingsPage>\n  );\n}\n"],"mappings":";;;;;;AAqBA,MAAM,cAAmE;CACvE,SAAS;CACT,QAAQ;CACR,SAAS;CACT,aAAa;CACb,iBAAiB;AACnB;AAEA,MAAM,YAA4C;CAChD,SAAS;CACT,UAAU;CACV,QAAQ;CACR,aAAa;CACb,OAAO;AACT;;AAGA,SAAgB,uBAAuB;CACrC,MAAM,CAAC,QAAQ,cAAA,GAAaA,MAAAA,SAAAA,CAA8CC,6BAAAA,6BAA6B;CACvG,MAAM,CAAC,YAAY,kBAAA,GAAiBD,MAAAA,SAAAA,CAAyB,UAAU;CAEvE,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,iBAAKE,eAAe,CAAC,CAAC,KAAK,aAAa;CAC1C,GAAG,CAAC,CAAC;CAEL,MAAM,SAAS,YAA2B;EACxC,cAAc,MAAMC,iBAAAA,eAAe,CAAC;EACpC,UAAUF,6BAAAA,8BAA8B,CAAC;CAC3C;CAEA,MAAM,UAAU,YAA2B;EACzC,cAAc,MAAMG,iBAAAA,gBAAgB,CAAC;CACvC;CAEA,MAAM,QAAQ,YAA2B;EACvC,UAAU,MAAMC,6BAAAA,qCAAqC,CAAC;CACxD;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,6BAAAA,cAAD;EAAc,eAAY;EAA1B,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,6BAAAA,gBAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,eAAD,EAAA,UAAe,gBAA4B,CAAA,GAC3C,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,qBAAD,EAAA,UAAqB,+JAGA,CAAA,CACP,EAAA,CAAA,GAChB,iBAAA,GAAA,kBAAA,KAAA,CAACC,6BAAAA,cAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,6BAAAA,aAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,6BAAAA,iBAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,kBAAD,EAAA,UAAkB,wBAAuC,CAAA,GACzD,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,wBAAD;GAAwB,eAAY;GACjC,UAAA,YAAY;EACS,CAAA,CACT,EAAA,CAAA,GAChB,WAAW,YACV,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,QAAD;GAAQ,MAAK;GAAK,SAAQ;GAAU,eAAY;GAA+B,eAAe,KAAK,MAAM;GAAG,UAAA;EAEpG,CAAA,IACN,IACO,EAAA,CAAA,GACb,iBAAA,GAAA,kBAAA,KAAA,CAACJ,6BAAAA,aAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,6BAAAA,iBAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,kBAAD,EAAA,UAAkB,2BAA0C,CAAA,GAC5D,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,wBAAD;GAAwB,eAAY;GACjC,UAAA,UAAU;EACW,CAAA,CACT,EAAA,CAAA,GAChB,eAAe,YACd,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,QAAD;GAAQ,MAAK;GAAK,SAAQ;GAAU,eAAY;GAAe,eAAe,KAAK,QAAQ;GAAG,UAAA;EAEtF,CAAA,IACN,eAAe,YAAY,eAAe,gBAC5C,iBAAA,GAAA,kBAAA,IAAA,CAACA,6BAAAA,QAAD;GAAQ,MAAK;GAAK,eAAY;GAAkC,eAAe,KAAK,OAAO;GAAG,UAAA;EAEtF,CAAA,IACN,IACO,EAAA,CAAA,CACD,EAAA,CAAA,CACF;;AAElB"}

package/dist/web/features/settings/NotificationSettings.d.mts

@@ -0,0 +1,5 @@
+//#region src/web/features/settings/NotificationSettings.d.ts
+/** Browser-owned notification permission plus an ephemeral, device-bound Push subscription. */
+export declare function NotificationSettings(): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=NotificationSettings.d.mts.map

package/dist/web/features/settings/NotificationSettings.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationSettings.d.mts","names":[],"sources":["../../../../src/web/features/settings/NotificationSettings.tsx"],"mappings":";;wBAsCgB,wCAAoB,IAAA"}

package/dist/web/features/settings/NotificationSettings.mjs

@@ -0,0 +1,69 @@
+import { browserNotificationPermission, requestBrowserNotificationPermission } from "../../lib/browserNotifications.mjs";
+import { disableLivePush, enableLivePush, livePushStatus } from "../../lib/livePush.mjs";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, SettingsCard, SettingsDescription, SettingsHeader, SettingsPage, SettingsRow, SettingsRowDescription, SettingsRowText, SettingsRowTitle, SettingsTitle } from "@agimon-ai/po-web-components";
+//#region src/web/features/settings/NotificationSettings.tsx
+const STATUS_COPY = {
+	granted: "Allowed in this browser.",
+	denied: "Blocked in this browser. Turn them on in your browser's site settings.",
+	default: "This browser hasn't been asked yet.",
+	unsupported: "This browser doesn't support notifications.",
+	"request-error": "The browser couldn't finish the request. Try again."
+};
+const PUSH_COPY = {
+	enabled: "On for this paired device.",
+	disabled: "Off. Turn on to hear from Po when the app is closed.",
+	denied: "Notifications are blocked in this browser.",
+	unsupported: "Not available in this browser. On iPhone, add Po to your Home Screen first.",
+	error: "Po couldn't update the alert subscription. Try again."
+};
+/** Browser-owned notification permission plus an ephemeral, device-bound Push subscription. */
+function NotificationSettings() {
+	const [status, setStatus] = useState(browserNotificationPermission);
+	const [pushStatus, setPushStatus] = useState("disabled");
+	useEffect(() => {
+		livePushStatus().then(setPushStatus);
+	}, []);
+	const enable = async () => {
+		setPushStatus(await enableLivePush());
+		setStatus(browserNotificationPermission());
+	};
+	const disable = async () => {
+		setPushStatus(await disableLivePush());
+	};
+	const allow = async () => {
+		setStatus(await requestBrowserNotificationPermission());
+	};
+	return /* @__PURE__ */ jsxs(SettingsPage, {
+		"data-testid": "notification-settings",
+		children: [/* @__PURE__ */ jsxs(SettingsHeader, { children: [/* @__PURE__ */ jsx(SettingsTitle, { children: "Notifications" }), /* @__PURE__ */ jsx(SettingsDescription, { children: "An open page shows the full notification. When Po is closed you get a short alert with no session content, and alerts missed while offline are not replayed." })] }), /* @__PURE__ */ jsxs(SettingsCard, { children: [/* @__PURE__ */ jsxs(SettingsRow, { children: [/* @__PURE__ */ jsxs(SettingsRowText, { children: [/* @__PURE__ */ jsx(SettingsRowTitle, { children: "Browser notifications" }), /* @__PURE__ */ jsx(SettingsRowDescription, {
+			"data-testid": "notification-permission-status",
+			children: STATUS_COPY[status]
+		})] }), status === "default" ? /* @__PURE__ */ jsx(Button, {
+			size: "sm",
+			variant: "outline",
+			"data-testid": "browser-notification-request",
+			onClick: () => void allow(),
+			children: "Allow"
+		}) : null] }), /* @__PURE__ */ jsxs(SettingsRow, { children: [/* @__PURE__ */ jsxs(SettingsRowText, { children: [/* @__PURE__ */ jsx(SettingsRowTitle, { children: "Alerts when Po is closed" }), /* @__PURE__ */ jsx(SettingsRowDescription, {
+			"data-testid": "push-subscription-status",
+			children: PUSH_COPY[pushStatus]
+		})] }), pushStatus === "enabled" ? /* @__PURE__ */ jsx(Button, {
+			size: "sm",
+			variant: "outline",
+			"data-testid": "push-disable",
+			onClick: () => void disable(),
+			children: "Turn off"
+		}) : pushStatus !== "denied" && pushStatus !== "unsupported" ? /* @__PURE__ */ jsx(Button, {
+			size: "sm",
+			"data-testid": "notification-permission-request",
+			onClick: () => void enable(),
+			children: "Turn on"
+		}) : null] })] })]
+	});
+}
+//#endregion
+export { NotificationSettings };
+
+//# sourceMappingURL=NotificationSettings.mjs.map

package/dist/web/features/settings/NotificationSettings.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationSettings.mjs","names":[],"sources":["../../../../src/web/features/settings/NotificationSettings.tsx"],"sourcesContent":["import {\n  Button,\n  SettingsCard,\n  SettingsDescription,\n  SettingsHeader,\n  SettingsPage,\n  SettingsRow,\n  SettingsRowDescription,\n  SettingsRowText,\n  SettingsRowTitle,\n  SettingsTitle,\n} from '@agimon-ai/po-web-components';\nimport { useEffect, useState } from 'react';\n\nimport {\n  browserNotificationPermission,\n  requestBrowserNotificationPermission,\n  type BrowserNotificationPermissionStatus,\n} from '../../lib/browserNotifications';\nimport { disableLivePush, enableLivePush, livePushStatus, type LivePushStatus } from '../../lib/livePush';\n\nconst STATUS_COPY: Record<BrowserNotificationPermissionStatus, string> = {\n  granted: 'Allowed in this browser.',\n  denied: \"Blocked in this browser. Turn them on in your browser's site settings.\",\n  default: \"This browser hasn't been asked yet.\",\n  unsupported: \"This browser doesn't support notifications.\",\n  'request-error': \"The browser couldn't finish the request. Try again.\",\n};\n\nconst PUSH_COPY: Record<LivePushStatus, string> = {\n  enabled: 'On for this paired device.',\n  disabled: 'Off. Turn on to hear from Po when the app is closed.',\n  denied: 'Notifications are blocked in this browser.',\n  unsupported: 'Not available in this browser. On iPhone, add Po to your Home Screen first.',\n  error: \"Po couldn't update the alert subscription. Try again.\",\n};\n\n/** Browser-owned notification permission plus an ephemeral, device-bound Push subscription. */\nexport function NotificationSettings() {\n  const [status, setStatus] = useState<BrowserNotificationPermissionStatus>(browserNotificationPermission);\n  const [pushStatus, setPushStatus] = useState<LivePushStatus>('disabled');\n\n  useEffect(() => {\n    void livePushStatus().then(setPushStatus);\n  }, []);\n\n  const enable = async (): Promise<void> => {\n    setPushStatus(await enableLivePush());\n    setStatus(browserNotificationPermission());\n  };\n\n  const disable = async (): Promise<void> => {\n    setPushStatus(await disableLivePush());\n  };\n\n  const allow = async (): Promise<void> => {\n    setStatus(await requestBrowserNotificationPermission());\n  };\n\n  return (\n    <SettingsPage data-testid=\"notification-settings\">\n      <SettingsHeader>\n        <SettingsTitle>Notifications</SettingsTitle>\n        <SettingsDescription>\n          An open page shows the full notification. When Po is closed you get a short alert with no session content, and\n          alerts missed while offline are not replayed.\n        </SettingsDescription>\n      </SettingsHeader>\n      <SettingsCard>\n        <SettingsRow>\n          <SettingsRowText>\n            <SettingsRowTitle>Browser notifications</SettingsRowTitle>\n            <SettingsRowDescription data-testid=\"notification-permission-status\">\n              {STATUS_COPY[status]}\n            </SettingsRowDescription>\n          </SettingsRowText>\n          {status === 'default' ? (\n            <Button size=\"sm\" variant=\"outline\" data-testid=\"browser-notification-request\" onClick={() => void allow()}>\n              Allow\n            </Button>\n          ) : null}\n        </SettingsRow>\n        <SettingsRow>\n          <SettingsRowText>\n            <SettingsRowTitle>Alerts when Po is closed</SettingsRowTitle>\n            <SettingsRowDescription data-testid=\"push-subscription-status\">\n              {PUSH_COPY[pushStatus]}\n            </SettingsRowDescription>\n          </SettingsRowText>\n          {pushStatus === 'enabled' ? (\n            <Button size=\"sm\" variant=\"outline\" data-testid=\"push-disable\" onClick={() => void disable()}>\n              Turn off\n            </Button>\n          ) : pushStatus !== 'denied' && pushStatus !== 'unsupported' ? (\n            <Button size=\"sm\" data-testid=\"notification-permission-request\" onClick={() => void enable()}>\n              Turn on\n            </Button>\n          ) : null}\n        </SettingsRow>\n      </SettingsCard>\n    </SettingsPage>\n  );\n}\n"],"mappings":";;;;;;AAqBA,MAAM,cAAmE;CACvE,SAAS;CACT,QAAQ;CACR,SAAS;CACT,aAAa;CACb,iBAAiB;AACnB;AAEA,MAAM,YAA4C;CAChD,SAAS;CACT,UAAU;CACV,QAAQ;CACR,aAAa;CACb,OAAO;AACT;;AAGA,SAAgB,uBAAuB;CACrC,MAAM,CAAC,QAAQ,aAAa,SAA8C,6BAA6B;CACvG,MAAM,CAAC,YAAY,iBAAiB,SAAyB,UAAU;CAEvE,gBAAgB;EACd,eAAoB,CAAC,CAAC,KAAK,aAAa;CAC1C,GAAG,CAAC,CAAC;CAEL,MAAM,SAAS,YAA2B;EACxC,cAAc,MAAM,eAAe,CAAC;EACpC,UAAU,8BAA8B,CAAC;CAC3C;CAEA,MAAM,UAAU,YAA2B;EACzC,cAAc,MAAM,gBAAgB,CAAC;CACvC;CAEA,MAAM,QAAQ,YAA2B;EACvC,UAAU,MAAM,qCAAqC,CAAC;CACxD;CAEA,OACE,qBAAC,cAAD;EAAc,eAAY;EAA1B,UAAA,CACE,qBAAC,gBAAD,EAAA,UAAA,CACE,oBAAC,eAAD,EAAA,UAAe,gBAA4B,CAAA,GAC3C,oBAAC,qBAAD,EAAA,UAAqB,+JAGA,CAAA,CACP,EAAA,CAAA,GAChB,qBAAC,cAAD,EAAA,UAAA,CACE,qBAAC,aAAD,EAAA,UAAA,CACE,qBAAC,iBAAD,EAAA,UAAA,CACE,oBAAC,kBAAD,EAAA,UAAkB,wBAAuC,CAAA,GACzD,oBAAC,wBAAD;GAAwB,eAAY;GACjC,UAAA,YAAY;EACS,CAAA,CACT,EAAA,CAAA,GAChB,WAAW,YACV,oBAAC,QAAD;GAAQ,MAAK;GAAK,SAAQ;GAAU,eAAY;GAA+B,eAAe,KAAK,MAAM;GAAG,UAAA;EAEpG,CAAA,IACN,IACO,EAAA,CAAA,GACb,qBAAC,aAAD,EAAA,UAAA,CACE,qBAAC,iBAAD,EAAA,UAAA,CACE,oBAAC,kBAAD,EAAA,UAAkB,2BAA0C,CAAA,GAC5D,oBAAC,wBAAD;GAAwB,eAAY;GACjC,UAAA,UAAU;EACW,CAAA,CACT,EAAA,CAAA,GAChB,eAAe,YACd,oBAAC,QAAD;GAAQ,MAAK;GAAK,SAAQ;GAAU,eAAY;GAAe,eAAe,KAAK,QAAQ;GAAG,UAAA;EAEtF,CAAA,IACN,eAAe,YAAY,eAAe,gBAC5C,oBAAC,QAAD;GAAQ,MAAK;GAAK,eAAY;GAAkC,eAAe,KAAK,OAAO;GAAG,UAAA;EAEtF,CAAA,IACN,IACO,EAAA,CAAA,CACD,EAAA,CAAA,CACF;;AAElB"}

package/dist/web/features/settings/PluginSettings.cjs

@@ -0,0 +1,106 @@
+const require_pluginRegistry = require("../../lib/pluginRegistry.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _agimon_ai_po_web_components = require("@agimon-ai/po-web-components");
+//#region src/web/features/settings/PluginSettings.tsx
+/** What one plugin contributes, as counts: enough to see it landed without opening its code. */
+function contributions(plugin) {
+	const parts = [];
+	const scopes = [plugin, ...[
+		plugin.global,
+		plugin.workspace,
+		plugin.session
+	].filter((scope) => scope !== void 0)];
+	const count = (label, select) => {
+		const total = scopes.reduce((sum, scope) => sum + (select(scope)?.length ?? 0), 0);
+		if (total > 0) parts.push(`${String(total)} ${label}`);
+	};
+	count("tabs", (scope) => scope.tabs);
+	count("channels", (scope) => scope.channels);
+	count("tool renderers", (scope) => scope.toolRenderers);
+	count("activity groups", (scope) => scope.activityGroups);
+	count("activity sections", (scope) => scope.activitySections);
+	count("composer menu items", (scope) => scope.composerMenuItems);
+	count("minor modes", (scope) => scope.minorModes);
+	count("selection axes", (scope) => scope.selectionAxes);
+	count("leader bindings", (scope) => scope.leaderBindings);
+	count("slots", (scope) => scope.slots);
+	count("fills", (scope) => scope.fills);
+	return parts;
+}
+/**
+* The plugins page: the web plugins this bundle carries and what the install
+* had to resolve between them. Both are read once from the registry, which
+* is complete before the first render; a plugin comes or goes with the next
+* po sync, never at runtime.
+*/
+function PluginSettings() {
+	const plugins = require_pluginRegistry.installedWebPlugins();
+	const diagnostics = require_pluginRegistry.webPluginDiagnostics();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsPage, {
+		"data-testid": "settings-plugins",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsTitle, { children: "Plugins" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsDescription, { children: [
+				"The web plugins built into this copy of Po, and anything Po had to settle between them. Run",
+				" ",
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+					className: "font-mono",
+					children: "po sync"
+				}),
+				" after installing a package to add its plugin here."
+			] })] }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsSection, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsSectionHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsSectionTitle, { children: "Installed" }), plugins.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "text-sm text-doom-dim tabular-nums",
+				children: [plugins.length, " plugins"]
+			}) : null] }), plugins.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsCard, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsRow, {
+				"data-testid": "settings-plugins-empty",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsRowText, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsRowTitle, { children: "No web plugins yet" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsRowDescription, { children: [
+					"Run ",
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+						className: "font-mono",
+						children: "po sync"
+					}),
+					" to build the installed packages into Po."
+				] })] })
+			}) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsCard, {
+				asChild: true,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", { children: plugins.map((plugin) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsRow, {
+					asChild: true,
+					className: "py-3",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+						"data-testid": `settings-plugin-${plugin.id}`,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsRowText, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsRowTitle, {
+							className: "font-mono first-letter:normal-case",
+							children: plugin.id
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsRowDescription, { children: contributions(plugin).join(" · ") || "No contributions" })] })
+					})
+				}, plugin.id)) })
+			})] }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsSection, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsSectionHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsSectionTitle, { children: "Conflicts" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsSectionDescription, { children: "When two plugins want the same tab, tool, group or key, Po keeps one and notes the other here instead of breaking the page." })] }), diagnostics.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsCard, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsRow, {
+				"data-testid": "settings-plugin-diagnostics-empty",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsRowText, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsRowTitle, { children: "Nothing to settle" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsRowDescription, { children: "No two plugins asked for the same name." })] })
+			}) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsCard, {
+				asChild: true,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", { children: diagnostics.map((diagnostic, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsRow, {
+					asChild: true,
+					className: "py-3",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+						"data-testid": `settings-plugin-diagnostic-${diagnostic.pluginId}`,
+						"data-kind": diagnostic.kind,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsRowText, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsRowTitle, {
+							className: "font-mono first-letter:normal-case",
+							children: [
+								diagnostic.pluginId,
+								" · ",
+								diagnostic.kind
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsRowDescription, { children: diagnostic.message })] })
+					})
+				}, `${diagnostic.pluginId}:${diagnostic.kind}:${String(index)}`)) })
+			})] })
+		]
+	});
+}
+//#endregion
+exports.PluginSettings = PluginSettings;
+
+//# sourceMappingURL=PluginSettings.cjs.map

package/dist/web/features/settings/PluginSettings.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginSettings.cjs","names":["installedWebPlugins","webPluginDiagnostics","SettingsPage","SettingsHeader","SettingsTitle","SettingsDescription","SettingsSection","SettingsSectionHeader","SettingsSectionTitle","SettingsCard","SettingsRow","SettingsRowText","SettingsRowTitle","SettingsRowDescription","SettingsSectionDescription"],"sources":["../../../../src/web/features/settings/PluginSettings.tsx"],"sourcesContent":["import type { WebPluginContributions, WebPluginDefinition } from '@agimon-ai/po-core/web';\nimport {\n  SettingsCard,\n  SettingsDescription,\n  SettingsHeader,\n  SettingsPage,\n  SettingsRow,\n  SettingsRowDescription,\n  SettingsRowText,\n  SettingsRowTitle,\n  SettingsSection,\n  SettingsSectionDescription,\n  SettingsSectionHeader,\n  SettingsSectionTitle,\n  SettingsTitle,\n} from '@agimon-ai/po-web-components';\n\nimport { installedWebPlugins, webPluginDiagnostics } from '../../lib/pluginRegistry';\n\n/** What one plugin contributes, as counts: enough to see it landed without opening its code. */\nfunction contributions(plugin: WebPluginDefinition): string[] {\n  const parts: string[] = [];\n  const scopes: readonly WebPluginContributions[] = [\n    plugin,\n    ...[plugin.global, plugin.workspace, plugin.session].filter(\n      (scope): scope is WebPluginContributions => scope !== undefined,\n    ),\n  ];\n  const count = (label: string, select: (scope: WebPluginContributions) => readonly unknown[] | undefined): void => {\n    const total = scopes.reduce((sum, scope) => sum + (select(scope)?.length ?? 0), 0);\n    if (total > 0) parts.push(`${String(total)} ${label}`);\n  };\n  count('tabs', (scope) => scope.tabs);\n  count('channels', (scope) => scope.channels);\n  count('tool renderers', (scope) => scope.toolRenderers);\n  count('activity groups', (scope) => scope.activityGroups);\n  count('activity sections', (scope) => scope.activitySections);\n  count('composer menu items', (scope) => scope.composerMenuItems);\n  count('minor modes', (scope) => scope.minorModes);\n  count('selection axes', (scope) => scope.selectionAxes);\n  count('leader bindings', (scope) => scope.leaderBindings);\n  count('slots', (scope) => scope.slots);\n  count('fills', (scope) => scope.fills);\n  return parts;\n}\n\n/**\n * The plugins page: the web plugins this bundle carries and what the install\n * had to resolve between them. Both are read once from the registry, which\n * is complete before the first render; a plugin comes or goes with the next\n * po sync, never at runtime.\n */\nexport function PluginSettings() {\n  const plugins = installedWebPlugins();\n  const diagnostics = webPluginDiagnostics();\n  return (\n    <SettingsPage data-testid=\"settings-plugins\">\n      <SettingsHeader>\n        <SettingsTitle>Plugins</SettingsTitle>\n        <SettingsDescription>\n          The web plugins built into this copy of Po, and anything Po had to settle between them. Run{' '}\n          <code className=\"font-mono\">po sync</code> after installing a package to add its plugin here.\n        </SettingsDescription>\n      </SettingsHeader>\n\n      <SettingsSection>\n        <SettingsSectionHeader>\n          <SettingsSectionTitle>Installed</SettingsSectionTitle>\n          {plugins.length > 0 ? (\n            <span className=\"text-sm text-doom-dim tabular-nums\">{plugins.length} plugins</span>\n          ) : null}\n        </SettingsSectionHeader>\n        {plugins.length === 0 ? (\n          <SettingsCard>\n            <SettingsRow data-testid=\"settings-plugins-empty\">\n              <SettingsRowText>\n                <SettingsRowTitle>No web plugins yet</SettingsRowTitle>\n                <SettingsRowDescription>\n                  Run <code className=\"font-mono\">po sync</code> to build the installed packages into Po.\n                </SettingsRowDescription>\n              </SettingsRowText>\n            </SettingsRow>\n          </SettingsCard>\n        ) : (\n          <SettingsCard asChild>\n            <ul>\n              {plugins.map((plugin) => (\n                <SettingsRow asChild key={plugin.id} className=\"py-3\">\n                  <li data-testid={`settings-plugin-${plugin.id}`}>\n                    <SettingsRowText>\n                      <SettingsRowTitle className=\"font-mono first-letter:normal-case\">{plugin.id}</SettingsRowTitle>\n                      {/* Wraps rather than truncates: a clipped \"2 lea…\" tells the\n                          reader less than nothing about what the plugin contributed. */}\n                      <SettingsRowDescription>\n                        {contributions(plugin).join(' · ') || 'No contributions'}\n                      </SettingsRowDescription>\n                    </SettingsRowText>\n                  </li>\n                </SettingsRow>\n              ))}\n            </ul>\n          </SettingsCard>\n        )}\n      </SettingsSection>\n\n      <SettingsSection>\n        <SettingsSectionHeader>\n          <SettingsSectionTitle>Conflicts</SettingsSectionTitle>\n          <SettingsSectionDescription>\n            When two plugins want the same tab, tool, group or key, Po keeps one and notes the other here instead of\n            breaking the page.\n          </SettingsSectionDescription>\n        </SettingsSectionHeader>\n        {diagnostics.length === 0 ? (\n          <SettingsCard>\n            <SettingsRow data-testid=\"settings-plugin-diagnostics-empty\">\n              <SettingsRowText>\n                <SettingsRowTitle>Nothing to settle</SettingsRowTitle>\n                <SettingsRowDescription>No two plugins asked for the same name.</SettingsRowDescription>\n              </SettingsRowText>\n            </SettingsRow>\n          </SettingsCard>\n        ) : (\n          <SettingsCard asChild>\n            <ul>\n              {diagnostics.map((diagnostic, index) => (\n                <SettingsRow\n                  asChild\n                  key={`${diagnostic.pluginId}:${diagnostic.kind}:${String(index)}`}\n                  className=\"py-3\"\n                >\n                  <li data-testid={`settings-plugin-diagnostic-${diagnostic.pluginId}`} data-kind={diagnostic.kind}>\n                    <SettingsRowText>\n                      <SettingsRowTitle className=\"font-mono first-letter:normal-case\">\n                        {diagnostic.pluginId} · {diagnostic.kind}\n                      </SettingsRowTitle>\n                      <SettingsRowDescription>{diagnostic.message}</SettingsRowDescription>\n                    </SettingsRowText>\n                  </li>\n                </SettingsRow>\n              ))}\n            </ul>\n          </SettingsCard>\n        )}\n      </SettingsSection>\n    </SettingsPage>\n  );\n}\n"],"mappings":"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"}

package/dist/web/features/settings/PluginSettings.d.mts

@@ -0,0 +1,10 @@
+//#region src/web/features/settings/PluginSettings.d.ts
+/**
+ * The plugins page: the web plugins this bundle carries and what the install
+ * had to resolve between them. Both are read once from the registry, which
+ * is complete before the first render; a plugin comes or goes with the next
+ * po sync, never at runtime.
+ */
+export declare function PluginSettings(): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=PluginSettings.d.mts.map

package/dist/web/features/settings/PluginSettings.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginSettings.d.mts","names":[],"sources":["../../../../src/web/features/settings/PluginSettings.tsx"],"mappings":";;;;;;;wBAoDgB,kCAAc,IAAA"}