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

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

@@ -0,0 +1,106 @@
+import { installedWebPlugins, webPluginDiagnostics } from "../../lib/pluginRegistry.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SettingsCard, SettingsDescription, SettingsHeader, SettingsPage, SettingsRow, SettingsRowDescription, SettingsRowText, SettingsRowTitle, SettingsSection, SettingsSectionDescription, SettingsSectionHeader, SettingsSectionTitle, SettingsTitle } from "@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 = installedWebPlugins();
+	const diagnostics = webPluginDiagnostics();
+	return /* @__PURE__ */ jsxs(SettingsPage, {
+		"data-testid": "settings-plugins",
+		children: [
+			/* @__PURE__ */ jsxs(SettingsHeader, { children: [/* @__PURE__ */ jsx(SettingsTitle, { children: "Plugins" }), /* @__PURE__ */ jsxs(SettingsDescription, { children: [
+				"The web plugins built into this copy of Po, and anything Po had to settle between them. Run",
+				" ",
+				/* @__PURE__ */ jsx("code", {
+					className: "font-mono",
+					children: "po sync"
+				}),
+				" after installing a package to add its plugin here."
+			] })] }),
+			/* @__PURE__ */ jsxs(SettingsSection, { children: [/* @__PURE__ */ jsxs(SettingsSectionHeader, { children: [/* @__PURE__ */ jsx(SettingsSectionTitle, { children: "Installed" }), plugins.length > 0 ? /* @__PURE__ */ jsxs("span", {
+				className: "text-sm text-doom-dim tabular-nums",
+				children: [plugins.length, " plugins"]
+			}) : null] }), plugins.length === 0 ? /* @__PURE__ */ jsx(SettingsCard, { children: /* @__PURE__ */ jsx(SettingsRow, {
+				"data-testid": "settings-plugins-empty",
+				children: /* @__PURE__ */ jsxs(SettingsRowText, { children: [/* @__PURE__ */ jsx(SettingsRowTitle, { children: "No web plugins yet" }), /* @__PURE__ */ jsxs(SettingsRowDescription, { children: [
+					"Run ",
+					/* @__PURE__ */ jsx("code", {
+						className: "font-mono",
+						children: "po sync"
+					}),
+					" to build the installed packages into Po."
+				] })] })
+			}) }) : /* @__PURE__ */ jsx(SettingsCard, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx("ul", { children: plugins.map((plugin) => /* @__PURE__ */ jsx(SettingsRow, {
+					asChild: true,
+					className: "py-3",
+					children: /* @__PURE__ */ jsx("li", {
+						"data-testid": `settings-plugin-${plugin.id}`,
+						children: /* @__PURE__ */ jsxs(SettingsRowText, { children: [/* @__PURE__ */ jsx(SettingsRowTitle, {
+							className: "font-mono first-letter:normal-case",
+							children: plugin.id
+						}), /* @__PURE__ */ jsx(SettingsRowDescription, { children: contributions(plugin).join(" · ") || "No contributions" })] })
+					})
+				}, plugin.id)) })
+			})] }),
+			/* @__PURE__ */ jsxs(SettingsSection, { children: [/* @__PURE__ */ jsxs(SettingsSectionHeader, { children: [/* @__PURE__ */ jsx(SettingsSectionTitle, { children: "Conflicts" }), /* @__PURE__ */ jsx(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__ */ jsx(SettingsCard, { children: /* @__PURE__ */ jsx(SettingsRow, {
+				"data-testid": "settings-plugin-diagnostics-empty",
+				children: /* @__PURE__ */ jsxs(SettingsRowText, { children: [/* @__PURE__ */ jsx(SettingsRowTitle, { children: "Nothing to settle" }), /* @__PURE__ */ jsx(SettingsRowDescription, { children: "No two plugins asked for the same name." })] })
+			}) }) : /* @__PURE__ */ jsx(SettingsCard, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx("ul", { children: diagnostics.map((diagnostic, index) => /* @__PURE__ */ jsx(SettingsRow, {
+					asChild: true,
+					className: "py-3",
+					children: /* @__PURE__ */ jsx("li", {
+						"data-testid": `settings-plugin-diagnostic-${diagnostic.pluginId}`,
+						"data-kind": diagnostic.kind,
+						children: /* @__PURE__ */ jsxs(SettingsRowText, { children: [/* @__PURE__ */ jsxs(SettingsRowTitle, {
+							className: "font-mono first-letter:normal-case",
+							children: [
+								diagnostic.pluginId,
+								" · ",
+								diagnostic.kind
+							]
+						}), /* @__PURE__ */ jsx(SettingsRowDescription, { children: diagnostic.message })] })
+					})
+				}, `${diagnostic.pluginId}:${diagnostic.kind}:${String(index)}`)) })
+			})] })
+		]
+	});
+}
+//#endregion
+export { PluginSettings };
+
+//# sourceMappingURL=PluginSettings.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PluginSettings.mjs","names":[],"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/ProviderSettings.cjs

@@ -0,0 +1,323 @@
+const require_authApi = require("../../lib/authApi.cjs");
+const require_dashboardStateStore = require("../../stores/dashboardStateStore.cjs");
+const require_LoginFlowDialog = require("./LoginFlowDialog.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/ProviderSettings.tsx
+const FLOW_POLL_MS = 500;
+/** The auth source Pi reports for a credential its own /login stored; the only kind /logout removes. */
+const STORED_SOURCE = "stored";
+const ACTION_LABEL = {
+	oauth: "Sign in",
+	api_key: "Add API key"
+};
+const METHOD_NAME = {
+	oauth: "OAuth",
+	api_key: "an API key"
+};
+/** Where the credential came from, in words: Pi's own store, or the variable that holds the key. */
+function ConnectedStatus({ type, source }) {
+	if (source === STORED_SOURCE) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		"Signed in with ",
+		METHOD_NAME[type],
+		", saved on this machine"
+	] });
+	if (!source) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: ["Signed in with ", METHOD_NAME[type]] });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: ["Using the key in ", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+		className: "font-mono text-doom-hi",
+		children: source
+	})] });
+}
+function ConnectedRow({ provider, busy, onLogout }) {
+	const auth = provider.authenticated;
+	if (!auth) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsRow, {
+		asChild: true,
+		className: "gap-x-4",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+			"data-testid": `provider-${provider.id}`,
+			"data-authenticated": true,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Dot, {
+					tone: "green",
+					className: "size-2"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex min-w-0 flex-1 flex-col gap-0.5",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "truncate text-base font-semibold text-doom-hi",
+						children: provider.name
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						"data-testid": `provider-status-${provider.id}`,
+						className: "min-w-0 break-words text-sm text-doom-dim",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConnectedStatus, { ...auth })
+					})]
+				}),
+				auth.source === STORED_SOURCE ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Button, {
+					variant: "ghost",
+					size: "sm",
+					"data-testid": `provider-logout-${provider.id}`,
+					disabled: busy,
+					onClick: onLogout,
+					className: "hover:text-doom-red",
+					children: "Sign out"
+				}) : auth.source ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "shrink-0 text-sm text-doom-dim",
+					children: "Set by your environment"
+				}) : null
+			]
+		})
+	});
+}
+function AvailableRow({ provider, busy, onLogin }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsRow, {
+		asChild: true,
+		className: "gap-x-4 py-3",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+			"data-testid": `provider-${provider.id}`,
+			"data-authenticated": false,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex min-w-0 flex-1 flex-col",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "truncate text-base font-semibold text-doom-hi",
+						children: provider.name
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "truncate font-mono text-sm text-doom-dim",
+						children: provider.id
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						"data-testid": `provider-status-${provider.id}`,
+						className: "sr-only",
+						children: "Not connected"
+					})
+				]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex shrink-0 flex-wrap gap-2",
+				children: provider.methods.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-sm text-doom-dim",
+					children: "Reads credentials from your environment"
+				}) : provider.methods.map((method) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Button, {
+					variant: "ghost",
+					size: "sm",
+					"data-testid": `provider-login-${method.type}-${provider.id}`,
+					title: method.label,
+					disabled: busy,
+					onClick: () => onLogin(method.type),
+					className: "hover:text-doom-green",
+					children: ACTION_LABEL[method.type]
+				}, method.type))
+			})]
+		})
+	});
+}
+/**
+* The providers page: what Pi can sign in to on the hub's machine, and
+* whether it has. A login runs on the hub; this page polls its flow and
+* relays the one question it may ask.
+*/
+function ProviderSettings() {
+	const [providers, setProviders] = require_dashboardStateStore.useDashboardState("providers/list", null);
+	const [error, setError] = require_dashboardStateStore.useDashboardState("providers/error", "");
+	const [flow, setFlow, flowState] = require_dashboardStateStore.useDashboardState("providers/flow", null);
+	const [busyId, setBusyId, busyState] = require_dashboardStateStore.useDashboardState("providers/busy", null);
+	const [filter, setFilter] = require_dashboardStateStore.useDashboardState("providers/filter", "");
+	const reload = (0, react.useCallback)(async () => {
+		const result = await require_authApi.listProviders();
+		if ("providers" in result) {
+			setProviders(result.providers);
+			setError("");
+		} else setError(result.error);
+	}, [setProviders, setError]);
+	(0, react.useEffect)(() => {
+		reload();
+	}, [reload]);
+	const flowId = flow?.id;
+	const running = flow?.status === "running";
+	(0, react.useEffect)(() => {
+		if (flowId === void 0 || !running) return;
+		let stopped = false;
+		let timer;
+		const poll = async () => {
+			const result = await require_authApi.readLogin(flowId);
+			if (stopped) return;
+			if ("error" in result) {
+				setFlow((current) => current && current.id === flowId ? {
+					...current,
+					status: "failed",
+					error: result.error
+				} : current);
+				return;
+			}
+			setFlow(result.flow);
+			if (result.flow.status !== "running") {
+				reload();
+				return;
+			}
+			timer = setTimeout(() => void poll(), FLOW_POLL_MS);
+		};
+		timer = setTimeout(() => void poll(), FLOW_POLL_MS);
+		return () => {
+			stopped = true;
+			if (timer !== void 0) clearTimeout(timer);
+		};
+	}, [
+		flowId,
+		running,
+		reload,
+		setFlow
+	]);
+	const begin = async (providerId, type) => {
+		if (busyState.state !== null || flowState.state?.status === "running") return;
+		setBusyId(providerId);
+		const result = await require_authApi.startLogin(providerId, type);
+		setBusyId(null);
+		if ("flow" in result) setFlow(result.flow);
+		else setError(result.error);
+	};
+	const answer = async (promptId, value) => {
+		if (!flow || busyState.state !== null) return;
+		setBusyId(flow.providerId);
+		const result = await require_authApi.answerLogin(flow.id, promptId, value);
+		setBusyId(null);
+		if ("flow" in result) setFlow(result.flow);
+		else setError(result.error);
+	};
+	const cancel = async () => {
+		if (!flow || busyState.state !== null) return;
+		setBusyId(flow.providerId);
+		const result = await require_authApi.cancelLogin(flow.id);
+		setBusyId(null);
+		setFlow("flow" in result ? result.flow : null);
+		reload();
+	};
+	const signOut = async (providerId) => {
+		if (busyState.state !== null) return;
+		setBusyId(providerId);
+		const result = await require_authApi.logoutProvider(providerId);
+		if ("error" in result) setError(result.error);
+		else await reload();
+		setBusyId(null);
+	};
+	const needle = filter.trim().toLowerCase();
+	const connected = (providers ?? []).filter((provider) => provider.authenticated !== void 0);
+	const available = (providers ?? []).filter((provider) => provider.authenticated === void 0).filter((provider) => `${provider.name} ${provider.id}`.toLowerCase().includes(needle));
+	const busy = busyId !== null || running;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsPage, {
+		"data-testid": "provider-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: "Providers" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsDescription, { children: [
+				"Connect the model providers Po can work with. Sign in once and every session on this machine can use it. Credentials stay on this machine, in Pi's ",
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+					className: "font-mono text-doom-hi",
+					children: "auth.json"
+				}),
+				"."
+			] })] }),
+			providers === null && !error ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsCard, {
+				role: "status",
+				"aria-busy": true,
+				className: "gap-4 p-5",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "sr-only",
+						children: "Reading providers"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Skeleton, { className: "h-4 w-40" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Skeleton, { className: "h-4 w-64" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Skeleton, { className: "h-4 w-52" })
+				]
+			}) : null,
+			providers === null && error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsCard, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsRow, {
+				"data-testid": "provider-settings-error",
+				title: error,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsRowText, {
+					role: "alert",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsRowTitle, { children: "Po couldn't reach your providers just now" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsRowDescription, { children: "Nothing has changed. Your sign-ins are where you left them." })]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Button, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => void reload(),
+					children: "Try again"
+				})]
+			}) }) : null,
+			providers && error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				"data-testid": "provider-settings-error",
+				role: "alert",
+				className: "text-sm leading-relaxed text-doom-red",
+				children: error
+			}) : null,
+			providers?.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.EmptyState, {
+				"data-testid": "provider-list-empty",
+				className: "rounded-lg border border-dashed border-doom-border py-8",
+				title: "No providers to connect",
+				description: "Pi hasn't offered any model providers on this machine yet."
+			}) : null,
+			providers && providers.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsSection, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsSectionHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsSectionTitle, { children: "Connected" }) }), connected.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsCard, {
+				asChild: true,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", { children: connected.map((provider) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConnectedRow, {
+					provider,
+					busy,
+					onLogout: () => void signOut(provider.id)
+				}, provider.id)) })
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.EmptyState, {
+				className: "rounded-lg border border-dashed border-doom-border py-8",
+				title: "Nothing connected yet",
+				description: "Pick a provider below. Po takes it from there."
+			})] }), /* @__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: "Available" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "text-sm text-doom-dim",
+					children: [
+						connected.length,
+						" of ",
+						providers.length,
+						" connected"
+					]
+				})] }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+					className: "flex min-h-10 items-center gap-2.5 rounded-lg border border-doom-border bg-doom-deep px-3 transition-colors focus-within:border-doom-green/60",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SearchIcon, { className: "size-4 shrink-0 text-doom-faint" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Input, {
+						variant: "bare",
+						"data-testid": "provider-filter",
+						value: filter,
+						placeholder: "Search providers",
+						"aria-label": "Search providers",
+						onChange: (event) => setFilter(event.target.value),
+						className: "flex-1"
+					})]
+				}),
+				available.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsCard, {
+					asChild: true,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+						"data-testid": "provider-list",
+						children: available.map((provider) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AvailableRow, {
+							provider,
+							busy,
+							onLogin: (type) => void begin(provider.id, type)
+						}, provider.id))
+					})
+				}) : needle ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.EmptyState, {
+					"data-testid": "provider-no-match",
+					className: "rounded-lg border border-doom-border bg-doom-panel py-8",
+					title: `No provider called “${filter.trim()}”`,
+					description: "Try the company name, like Google or Mistral."
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "text-sm text-doom-dim",
+					children: "Every provider Po knows about is connected."
+				})
+			] })] }) : null,
+			flow ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LoginFlowDialog.LoginFlowDialog, {
+				flow,
+				onAnswer: (promptId, value) => void answer(promptId, value),
+				onCancel: () => void cancel(),
+				onClose: () => setFlow(null)
+			}) : null
+		]
+	});
+}
+//#endregion
+exports.ProviderSettings = ProviderSettings;
+
+//# sourceMappingURL=ProviderSettings.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderSettings.cjs","names":["SettingsRow","Dot","Button","useDashboardState","useCallback","listProviders","readLogin","startLogin","answerLogin","cancelLogin","logoutProvider","SettingsPage","SettingsHeader","SettingsTitle","SettingsDescription","SettingsCard","Skeleton","SettingsRowText","SettingsRowTitle","SettingsRowDescription","EmptyState","SettingsSection","SettingsSectionHeader","SettingsSectionTitle","SearchIcon","Input","LoginFlowDialog"],"sources":["../../../../src/web/features/settings/ProviderSettings.tsx"],"sourcesContent":["import {\n  Button,\n  Dot,\n  EmptyState,\n  Input,\n  SearchIcon,\n  SettingsCard,\n  SettingsDescription,\n  SettingsHeader,\n  SettingsPage,\n  SettingsRow,\n  SettingsRowDescription,\n  SettingsRowText,\n  SettingsRowTitle,\n  SettingsSection,\n  SettingsSectionHeader,\n  SettingsSectionTitle,\n  SettingsTitle,\n  Skeleton,\n} from '@agimon-ai/po-web-components';\nimport { useCallback, useEffect } from 'react';\n\nimport type { AuthMethodType, LoginFlowSnapshot, ProviderAuthSummary } from '../../../types/auth';\nimport { answerLogin, cancelLogin, listProviders, logoutProvider, readLogin, startLogin } from '../../lib/authApi';\nimport { useDashboardState } from '../../stores/dashboardStateStore';\nimport { LoginFlowDialog } from './LoginFlowDialog';\n\nconst FLOW_POLL_MS = 500;\n/** The auth source Pi reports for a credential its own /login stored; the only kind /logout removes. */\nconst STORED_SOURCE = 'stored';\n\nconst ACTION_LABEL: Readonly<Record<AuthMethodType, string>> = { oauth: 'Sign in', api_key: 'Add API key' };\nconst METHOD_NAME: Readonly<Record<AuthMethodType, string>> = { oauth: 'OAuth', api_key: 'an API key' };\n\n/** Where the credential came from, in words: Pi's own store, or the variable that holds the key. */\nfunction ConnectedStatus({ type, source }: NonNullable<ProviderAuthSummary['authenticated']>) {\n  if (source === STORED_SOURCE) return <>Signed in with {METHOD_NAME[type]}, saved on this machine</>;\n  if (!source) return <>Signed in with {METHOD_NAME[type]}</>;\n  return (\n    <>\n      Using the key in <code className=\"font-mono text-doom-hi\">{source}</code>\n    </>\n  );\n}\n\nfunction ConnectedRow({\n  provider,\n  busy,\n  onLogout,\n}: {\n  provider: ProviderAuthSummary;\n  busy: boolean;\n  onLogout: () => void;\n}) {\n  const auth = provider.authenticated;\n  if (!auth) return null;\n  return (\n    <SettingsRow asChild className=\"gap-x-4\">\n      <li data-testid={`provider-${provider.id}`} data-authenticated>\n        <Dot tone=\"green\" className=\"size-2\" />\n        <div className=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n          <span className=\"truncate text-base font-semibold text-doom-hi\">{provider.name}</span>\n          <span data-testid={`provider-status-${provider.id}`} className=\"min-w-0 break-words text-sm text-doom-dim\">\n            <ConnectedStatus {...auth} />\n          </span>\n        </div>\n        {/* Only a credential Pi stored can be removed here; an environment key is the shell's to unset. */}\n        {auth.source === STORED_SOURCE ? (\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            data-testid={`provider-logout-${provider.id}`}\n            disabled={busy}\n            onClick={onLogout}\n            className=\"hover:text-doom-red\"\n          >\n            Sign out\n          </Button>\n        ) : auth.source ? (\n          <span className=\"shrink-0 text-sm text-doom-dim\">Set by your environment</span>\n        ) : null}\n      </li>\n    </SettingsRow>\n  );\n}\n\nfunction AvailableRow({\n  provider,\n  busy,\n  onLogin,\n}: {\n  provider: ProviderAuthSummary;\n  busy: boolean;\n  onLogin: (type: AuthMethodType) => void;\n}) {\n  return (\n    <SettingsRow asChild className=\"gap-x-4 py-3\">\n      <li data-testid={`provider-${provider.id}`} data-authenticated={false}>\n        <div className=\"flex min-w-0 flex-1 flex-col\">\n          <span className=\"truncate text-base font-semibold text-doom-hi\">{provider.name}</span>\n          <span className=\"truncate font-mono text-sm text-doom-dim\">{provider.id}</span>\n          <span data-testid={`provider-status-${provider.id}`} className=\"sr-only\">\n            Not connected\n          </span>\n        </div>\n        <div className=\"flex shrink-0 flex-wrap gap-2\">\n          {provider.methods.length === 0 ? (\n            <span className=\"text-sm text-doom-dim\">Reads credentials from your environment</span>\n          ) : (\n            provider.methods.map((method) => (\n              <Button\n                key={method.type}\n                variant=\"ghost\"\n                size=\"sm\"\n                data-testid={`provider-login-${method.type}-${provider.id}`}\n                title={method.label}\n                disabled={busy}\n                onClick={() => onLogin(method.type)}\n                className=\"hover:text-doom-green\"\n              >\n                {ACTION_LABEL[method.type]}\n              </Button>\n            ))\n          )}\n        </div>\n      </li>\n    </SettingsRow>\n  );\n}\n\n/**\n * The providers page: what Pi can sign in to on the hub's machine, and\n * whether it has. A login runs on the hub; this page polls its flow and\n * relays the one question it may ask.\n */\nexport function ProviderSettings() {\n  const [providers, setProviders] = useDashboardState<ProviderAuthSummary[] | null>('providers/list', null);\n  const [error, setError] = useDashboardState('providers/error', '');\n  const [flow, setFlow, flowState] = useDashboardState<LoginFlowSnapshot | null>('providers/flow', null);\n  const [busyId, setBusyId, busyState] = useDashboardState<string | null>('providers/busy', null);\n  const [filter, setFilter] = useDashboardState('providers/filter', '');\n\n  const reload = useCallback(async (): Promise<void> => {\n    const result = await listProviders();\n    if ('providers' in result) {\n      setProviders(result.providers);\n      setError('');\n    } else {\n      setError(result.error);\n    }\n  }, [setProviders, setError]);\n\n  useEffect(() => {\n    // eslint-disable-next-line react/set-state-in-effect -- reads the hub's provider auth list over HTTP; the state is the response.\n    void reload();\n  }, [reload]);\n\n  // Poll the running flow one request at a time; once it settles, the list\n  // is re-read so the provider's chip reflects the outcome.\n  const flowId = flow?.id;\n  const running = flow?.status === 'running';\n  useEffect(() => {\n    if (flowId === undefined || !running) return;\n    let stopped = false;\n    let timer: ReturnType<typeof setTimeout> | undefined;\n    const poll = async (): Promise<void> => {\n      const result = await readLogin(flowId);\n      if (stopped) return;\n      if ('error' in result) {\n        setFlow((current) =>\n          current && current.id === flowId ? { ...current, status: 'failed', error: result.error } : current,\n        );\n        return;\n      }\n      setFlow(result.flow);\n      if (result.flow.status !== 'running') {\n        void reload();\n        return;\n      }\n      timer = setTimeout(() => void poll(), FLOW_POLL_MS);\n    };\n    timer = setTimeout(() => void poll(), FLOW_POLL_MS);\n    return () => {\n      stopped = true;\n      if (timer !== undefined) clearTimeout(timer);\n    };\n  }, [flowId, running, reload, setFlow]);\n\n  const begin = async (providerId: string, type: AuthMethodType): Promise<void> => {\n    if (busyState.state !== null || flowState.state?.status === 'running') return;\n    setBusyId(providerId);\n    const result = await startLogin(providerId, type);\n    setBusyId(null);\n    if ('flow' in result) setFlow(result.flow);\n    else setError(result.error);\n  };\n\n  const answer = async (promptId: string, value: string): Promise<void> => {\n    if (!flow || busyState.state !== null) return;\n    setBusyId(flow.providerId);\n    const result = await answerLogin(flow.id, promptId, value);\n    setBusyId(null);\n    if ('flow' in result) setFlow(result.flow);\n    else setError(result.error);\n  };\n\n  const cancel = async (): Promise<void> => {\n    if (!flow || busyState.state !== null) return;\n    setBusyId(flow.providerId);\n    const result = await cancelLogin(flow.id);\n    setBusyId(null);\n    setFlow('flow' in result ? result.flow : null);\n    void reload();\n  };\n\n  const signOut = async (providerId: string): Promise<void> => {\n    if (busyState.state !== null) return;\n    setBusyId(providerId);\n    const result = await logoutProvider(providerId);\n    if ('error' in result) setError(result.error);\n    else await reload();\n    setBusyId(null);\n  };\n\n  // Connected providers are what a reader came to check, so they get their own\n  // group; the long tail is a searchable list rather than a wall of cards.\n  const needle = filter.trim().toLowerCase();\n  const connected = (providers ?? []).filter((provider) => provider.authenticated !== undefined);\n  const available = (providers ?? [])\n    .filter((provider) => provider.authenticated === undefined)\n    .filter((provider) => `${provider.name} ${provider.id}`.toLowerCase().includes(needle));\n  const busy = busyId !== null || running;\n\n  return (\n    <SettingsPage data-testid=\"provider-settings\">\n      <SettingsHeader>\n        <SettingsTitle>Providers</SettingsTitle>\n        <SettingsDescription>\n          Connect the model providers Po can work with. Sign in once and every session on this machine can use it.\n          Credentials stay on this machine, in Pi&apos;s <code className=\"font-mono text-doom-hi\">auth.json</code>.\n        </SettingsDescription>\n      </SettingsHeader>\n      {providers === null && !error ? (\n        <SettingsCard role=\"status\" aria-busy className=\"gap-4 p-5\">\n          <span className=\"sr-only\">Reading providers</span>\n          <Skeleton className=\"h-4 w-40\" />\n          <Skeleton className=\"h-4 w-64\" />\n          <Skeleton className=\"h-4 w-52\" />\n        </SettingsCard>\n      ) : null}\n      {providers === null && error ? (\n        <SettingsCard>\n          <SettingsRow data-testid=\"provider-settings-error\" title={error}>\n            <SettingsRowText role=\"alert\">\n              <SettingsRowTitle>Po couldn&apos;t reach your providers just now</SettingsRowTitle>\n              <SettingsRowDescription>\n                Nothing has changed. Your sign-ins are where you left them.\n              </SettingsRowDescription>\n            </SettingsRowText>\n            <Button variant=\"outline\" size=\"sm\" onClick={() => void reload()}>\n              Try again\n            </Button>\n          </SettingsRow>\n        </SettingsCard>\n      ) : null}\n      {providers && error ? (\n        <p data-testid=\"provider-settings-error\" role=\"alert\" className=\"text-sm leading-relaxed text-doom-red\">\n          {error}\n        </p>\n      ) : null}\n      {providers?.length === 0 ? (\n        <EmptyState\n          data-testid=\"provider-list-empty\"\n          className=\"rounded-lg border border-dashed border-doom-border py-8\"\n          title=\"No providers to connect\"\n          description=\"Pi hasn't offered any model providers on this machine yet.\"\n        />\n      ) : null}\n      {providers && providers.length > 0 ? (\n        <>\n          <SettingsSection>\n            <SettingsSectionHeader>\n              <SettingsSectionTitle>Connected</SettingsSectionTitle>\n            </SettingsSectionHeader>\n            {connected.length > 0 ? (\n              <SettingsCard asChild>\n                <ul>\n                  {connected.map((provider) => (\n                    <ConnectedRow\n                      key={provider.id}\n                      provider={provider}\n                      busy={busy}\n                      onLogout={() => void signOut(provider.id)}\n                    />\n                  ))}\n                </ul>\n              </SettingsCard>\n            ) : (\n              <EmptyState\n                className=\"rounded-lg border border-dashed border-doom-border py-8\"\n                title=\"Nothing connected yet\"\n                description=\"Pick a provider below. Po takes it from there.\"\n              />\n            )}\n          </SettingsSection>\n          <SettingsSection>\n            <SettingsSectionHeader>\n              <SettingsSectionTitle>Available</SettingsSectionTitle>\n              <span className=\"text-sm text-doom-dim\">\n                {connected.length} of {providers.length} connected\n              </span>\n            </SettingsSectionHeader>\n            <label className=\"flex min-h-10 items-center gap-2.5 rounded-lg border border-doom-border bg-doom-deep px-3 transition-colors focus-within:border-doom-green/60\">\n              <SearchIcon className=\"size-4 shrink-0 text-doom-faint\" />\n              <Input\n                variant=\"bare\"\n                data-testid=\"provider-filter\"\n                value={filter}\n                placeholder=\"Search providers\"\n                aria-label=\"Search providers\"\n                onChange={(event) => setFilter(event.target.value)}\n                className=\"flex-1\"\n              />\n            </label>\n            {available.length > 0 ? (\n              <SettingsCard asChild>\n                <ul data-testid=\"provider-list\">\n                  {available.map((provider) => (\n                    <AvailableRow\n                      key={provider.id}\n                      provider={provider}\n                      busy={busy}\n                      onLogin={(type) => void begin(provider.id, type)}\n                    />\n                  ))}\n                </ul>\n              </SettingsCard>\n            ) : needle ? (\n              <EmptyState\n                data-testid=\"provider-no-match\"\n                className=\"rounded-lg border border-doom-border bg-doom-panel py-8\"\n                title={`No provider called “${filter.trim()}”`}\n                description=\"Try the company name, like Google or Mistral.\"\n              />\n            ) : (\n              <p className=\"text-sm text-doom-dim\">Every provider Po knows about is connected.</p>\n            )}\n          </SettingsSection>\n        </>\n      ) : null}\n      {flow ? (\n        <LoginFlowDialog\n          flow={flow}\n          onAnswer={(promptId, value) => void answer(promptId, value)}\n          onCancel={() => void cancel()}\n          onClose={() => setFlow(null)}\n        />\n      ) : null}\n    </SettingsPage>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+//#region src/web/features/settings/ProviderSettings.d.ts
+/**
+ * The providers page: what Pi can sign in to on the hub's machine, and
+ * whether it has. A login runs on the hub; this page polls its flow and
+ * relays the one question it may ask.
+ */
+export declare function ProviderSettings(): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=ProviderSettings.d.mts.map

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

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