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

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

@@ -0,0 +1,146 @@
+import { readImageSettings, writeImageSettings } from "../../lib/settingsApi.mjs";
+import { useDashboardState } from "../../stores/dashboardStateStore.mjs";
+import { useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, Input, SettingsCard, SettingsDescription, SettingsHeader, SettingsPage, SettingsRow, SettingsRowDescription, SettingsRowText, SettingsRowTitle, SettingsTitle, Skeleton, Switch } from "@agimon-ai/po-web-components";
+//#region src/web/features/settings/ImageSettings.tsx
+/**
+* The image page: how large an image may be when it reaches a model.
+*
+* These two write Pi's own settings.json rather than the Doom config, because
+* Pi's terminal settings screen writes the same toggle and a machine should not
+* hold two answers. The toggle applies at once; the cap is typed, so it saves
+* on its own button rather than on every keystroke.
+*/
+function ImageSettings() {
+	const [images, setImages, imagesState] = useDashboardState("images/view", void 0);
+	const [draft, setDraft] = useDashboardState("images/draft", "");
+	const [error, setError] = useDashboardState("images/error", void 0);
+	const [busy, setBusy, busyState] = useDashboardState("images/busy", false);
+	/** `readImageSettings` never rejects: a failed read resolves to `{ ok: false, error }`. */
+	const load = (isCancelled = () => false) => {
+		readImageSettings().then((result) => {
+			if (isCancelled() || busyState.state || imagesState.state !== void 0) return;
+			if (result.ok) {
+				setImages(result.images);
+				setDraft(String(result.images.maxDimension));
+				setError(void 0);
+			} else setError(result.error);
+		});
+	};
+	useEffect(() => {
+		if (imagesState.state !== void 0) return;
+		let cancelled = false;
+		load(() => cancelled);
+		return () => {
+			cancelled = true;
+		};
+	}, [
+		imagesState,
+		busyState,
+		setImages,
+		setDraft,
+		setError
+	]);
+	const save = async (change) => {
+		if (busyState.state) return;
+		setBusy(true);
+		let result;
+		try {
+			result = await writeImageSettings(change);
+		} finally {
+			setBusy(false);
+		}
+		if (result.ok) {
+			setImages(result.images);
+			if (change.maxDimension !== void 0) setDraft((current) => current === draft ? String(result.images.maxDimension) : current);
+			setError(void 0);
+			return;
+		}
+		setError(result.error);
+	};
+	const parsed = Number.parseInt(draft, 10);
+	const dirty = images !== void 0 && Number.isFinite(parsed) && parsed !== images.maxDimension;
+	return /* @__PURE__ */ jsxs(SettingsPage, {
+		"data-testid": "image-settings",
+		children: [
+			/* @__PURE__ */ jsxs(SettingsHeader, { children: [/* @__PURE__ */ jsx(SettingsTitle, { children: "Images" }), /* @__PURE__ */ jsx(SettingsDescription, { children: "How large an image can be when it reaches a model. This covers images the agent reads and the ones you attach. Pi's own settings screen changes the same values." })] }),
+			images === void 0 && error !== void 0 ? /* @__PURE__ */ jsx(SettingsCard, { children: /* @__PURE__ */ jsxs(SettingsRow, {
+				"data-testid": "image-settings-error",
+				title: error,
+				children: [/* @__PURE__ */ jsxs(SettingsRowText, {
+					role: "alert",
+					children: [/* @__PURE__ */ jsx(SettingsRowTitle, { children: "Po couldn't read your image settings just now" }), /* @__PURE__ */ jsx(SettingsRowDescription, { children: "Nothing has changed. Images are handled as they were before." })]
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => load(),
+					children: "Try again"
+				})]
+			}) }) : null,
+			images !== void 0 && error !== void 0 ? /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				"data-testid": "image-settings-error",
+				className: "text-sm leading-relaxed text-doom-red",
+				children: error
+			}) : null,
+			images === void 0 && error === void 0 ? /* @__PURE__ */ jsxs(SettingsCard, {
+				role: "status",
+				"aria-busy": true,
+				className: "gap-4 p-5",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "sr-only",
+						children: "Reading image settings"
+					}),
+					/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" }),
+					/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-72" })
+				]
+			}) : null,
+			images === void 0 ? null : /* @__PURE__ */ jsxs(SettingsCard, { children: [/* @__PURE__ */ jsxs(SettingsRow, { children: [/* @__PURE__ */ jsxs(SettingsRowText, { children: [/* @__PURE__ */ jsx(SettingsRowTitle, {
+				id: "image-auto-resize-label",
+				children: "Resize large images"
+			}), /* @__PURE__ */ jsx(SettingsRowDescription, { children: "When off, images go out at the size they arrived, and some providers then reject the whole conversation." })] }), /* @__PURE__ */ jsx(Switch, {
+				"data-testid": "image-auto-resize",
+				"aria-labelledby": "image-auto-resize-label",
+				checked: images.autoResize,
+				disabled: busy,
+				onCheckedChange: (checked) => void save({ autoResize: checked })
+			})] }), /* @__PURE__ */ jsxs(SettingsRow, { children: [/* @__PURE__ */ jsxs(SettingsRowText, { children: [/* @__PURE__ */ jsx(SettingsRowTitle, {
+				id: "image-max-dimension-label",
+				children: "Longest edge"
+			}), /* @__PURE__ */ jsxs(SettingsRowDescription, { children: [
+				"In pixels, from ",
+				images.minDimension,
+				" to ",
+				images.maxAllowedDimension,
+				"; anything outside is clamped. Tool results are always capped at ",
+				images.maxAllowedDimension,
+				"."
+			] })] }), /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsx(Input, {
+					"data-testid": "image-max-dimension",
+					"aria-labelledby": "image-max-dimension-label",
+					value: draft,
+					inputMode: "numeric",
+					spellCheck: false,
+					disabled: busy || !images.autoResize,
+					onChange: (event) => setDraft(event.target.value),
+					className: "w-24 text-right font-mono text-sm tabular-nums"
+				}), /* @__PURE__ */ jsx(Button, {
+					size: "sm",
+					variant: dirty ? "primary" : "outline",
+					"data-testid": "image-max-dimension-save",
+					disabled: busy || !dirty,
+					onClick: () => void save({ maxDimension: parsed }),
+					children: "Save"
+				})]
+			})] })] })
+		]
+	});
+}
+//#endregion
+export { ImageSettings };
+
+//# sourceMappingURL=ImageSettings.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageSettings.mjs","names":[],"sources":["../../../../src/web/features/settings/ImageSettings.tsx"],"sourcesContent":["import {\n  Button,\n  Input,\n  SettingsCard,\n  SettingsDescription,\n  SettingsHeader,\n  SettingsPage,\n  SettingsRow,\n  SettingsRowDescription,\n  SettingsRowText,\n  SettingsRowTitle,\n  SettingsTitle,\n  Skeleton,\n  Switch,\n} from '@agimon-ai/po-web-components';\nimport { useEffect } from 'react';\n\nimport type { SettingsImagesView } from '../../../types/settings';\nimport { readImageSettings, writeImageSettings } from '../../lib/settingsApi';\nimport { useDashboardState } from '../../stores/dashboardStateStore';\n\n/**\n * The image page: how large an image may be when it reaches a model.\n *\n * These two write Pi's own settings.json rather than the Doom config, because\n * Pi's terminal settings screen writes the same toggle and a machine should not\n * hold two answers. The toggle applies at once; the cap is typed, so it saves\n * on its own button rather than on every keystroke.\n */\nexport function ImageSettings() {\n  const [images, setImages, imagesState] = useDashboardState<SettingsImagesView | undefined>('images/view', undefined);\n  const [draft, setDraft] = useDashboardState('images/draft', '');\n  const [error, setError] = useDashboardState<string | undefined>('images/error', undefined);\n  const [busy, setBusy, busyState] = useDashboardState('images/busy', false);\n\n  /** `readImageSettings` never rejects: a failed read resolves to `{ ok: false, error }`. */\n  const load = (isCancelled: () => boolean = () => false): void => {\n    void readImageSettings().then((result) => {\n      if (isCancelled() || busyState.state || imagesState.state !== undefined) return;\n      if (result.ok) {\n        setImages(result.images);\n        setDraft(String(result.images.maxDimension));\n        setError(undefined);\n      } else setError(result.error);\n    });\n  };\n\n  useEffect(() => {\n    if (imagesState.state !== undefined) return;\n    let cancelled = false;\n    load(() => cancelled);\n    return () => {\n      cancelled = true;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- `load` reads only the store handles listed here.\n  }, [imagesState, busyState, setImages, setDraft, setError]);\n\n  const save = async (change: { autoResize?: boolean; maxDimension?: number }): Promise<void> => {\n    if (busyState.state) return;\n    setBusy(true);\n    let result: Awaited<ReturnType<typeof writeImageSettings>>;\n    try {\n      result = await writeImageSettings(change);\n    } finally {\n      setBusy(false);\n    }\n    if (result.ok) {\n      setImages(result.images);\n      if (change.maxDimension !== undefined)\n        setDraft((current) => (current === draft ? String(result.images.maxDimension) : current));\n      setError(undefined);\n      return;\n    }\n    setError(result.error);\n  };\n\n  const parsed = Number.parseInt(draft, 10);\n  const dirty = images !== undefined && Number.isFinite(parsed) && parsed !== images.maxDimension;\n\n  return (\n    <SettingsPage data-testid=\"image-settings\">\n      <SettingsHeader>\n        <SettingsTitle>Images</SettingsTitle>\n        <SettingsDescription>\n          How large an image can be when it reaches a model. This covers images the agent reads and the ones you attach.\n          Pi&apos;s own settings screen changes the same values.\n        </SettingsDescription>\n      </SettingsHeader>\n      {images === undefined && error !== undefined ? (\n        <SettingsCard>\n          <SettingsRow data-testid=\"image-settings-error\" title={error}>\n            <SettingsRowText role=\"alert\">\n              <SettingsRowTitle>Po couldn&apos;t read your image settings just now</SettingsRowTitle>\n              <SettingsRowDescription>\n                Nothing has changed. Images are handled as they were before.\n              </SettingsRowDescription>\n            </SettingsRowText>\n            <Button variant=\"outline\" size=\"sm\" onClick={() => load()}>\n              Try again\n            </Button>\n          </SettingsRow>\n        </SettingsCard>\n      ) : null}\n      {images !== undefined && error !== undefined ? (\n        <p role=\"alert\" data-testid=\"image-settings-error\" className=\"text-sm leading-relaxed text-doom-red\">\n          {error}\n        </p>\n      ) : null}\n      {images === undefined && error === undefined ? (\n        <SettingsCard role=\"status\" aria-busy className=\"gap-4 p-5\">\n          <span className=\"sr-only\">Reading image settings</span>\n          <Skeleton className=\"h-4 w-48\" />\n          <Skeleton className=\"h-4 w-72\" />\n        </SettingsCard>\n      ) : null}\n      {images === undefined ? null : (\n        <SettingsCard>\n          <SettingsRow>\n            <SettingsRowText>\n              <SettingsRowTitle id=\"image-auto-resize-label\">Resize large images</SettingsRowTitle>\n              <SettingsRowDescription>\n                When off, images go out at the size they arrived, and some providers then reject the whole conversation.\n              </SettingsRowDescription>\n            </SettingsRowText>\n            <Switch\n              data-testid=\"image-auto-resize\"\n              aria-labelledby=\"image-auto-resize-label\"\n              checked={images.autoResize}\n              disabled={busy}\n              onCheckedChange={(checked) => void save({ autoResize: checked })}\n            />\n          </SettingsRow>\n          <SettingsRow>\n            <SettingsRowText>\n              <SettingsRowTitle id=\"image-max-dimension-label\">Longest edge</SettingsRowTitle>\n              <SettingsRowDescription>\n                In pixels, from {images.minDimension} to {images.maxAllowedDimension}; anything outside is clamped. Tool\n                results are always capped at {images.maxAllowedDimension}.\n              </SettingsRowDescription>\n            </SettingsRowText>\n            <div className=\"flex items-center gap-2\">\n              <Input\n                data-testid=\"image-max-dimension\"\n                aria-labelledby=\"image-max-dimension-label\"\n                value={draft}\n                inputMode=\"numeric\"\n                spellCheck={false}\n                disabled={busy || !images.autoResize}\n                onChange={(event) => setDraft(event.target.value)}\n                className=\"w-24 text-right font-mono text-sm tabular-nums\"\n              />\n              <Button\n                size=\"sm\"\n                variant={dirty ? 'primary' : 'outline'}\n                data-testid=\"image-max-dimension-save\"\n                disabled={busy || !dirty}\n                onClick={() => void save({ maxDimension: parsed })}\n              >\n                Save\n              </Button>\n            </div>\n          </SettingsRow>\n        </SettingsCard>\n      )}\n    </SettingsPage>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,226 @@
+const require_dashboardStateStore = require("../../stores/dashboardStateStore.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/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__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-1 text-sm text-doom-text",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "Open this link to sign in:" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Button, {
+				asChild: true,
+				variant: "link",
+				size: "xs",
+				className: linkClass,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+					"data-testid": "login-flow-auth-url",
+					href: event.url,
+					target: "_blank",
+					rel: "noreferrer",
+					children: event.url
+				})
+			}),
+			event.instructions ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "text-doom-dim",
+				children: event.instructions
+			}) : null
+		]
+	});
+	if (event.type === "device_code") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex flex-col gap-1 text-sm text-doom-text",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+			"Enter the code",
+			" ",
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				"data-testid": "login-flow-device-code",
+				className: "font-mono font-medium text-doom-hi",
+				children: event.userCode
+			}),
+			" ",
+			"at",
+			" ",
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+				href: event.verificationUri,
+				target: "_blank",
+				rel: "noreferrer",
+				className: linkClass,
+				children: event.verificationUri
+			})
+		] })
+	});
+	if (event.type === "info") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-1 text-sm text-doom-text",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: event.message }), event.links?.map((link) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+			href: link.url,
+			target: "_blank",
+			rel: "noreferrer",
+			className: linkClass,
+			children: link.label ?? link.url
+		}, link.url))]
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+		"data-testid": "login-prompt",
+		"data-prompt-type": prompt.type,
+		className: "flex flex-col gap-2",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "text-sm text-doom-text",
+			children: prompt.message
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "flex flex-col gap-1",
+			children: (prompt.options ?? []).map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.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__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-base font-medium text-doom-hi",
+					children: option.label
+				}), option.description ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-sm text-doom-dim",
+					children: option.description
+				}) : null]
+			}, option.id))
+		})]
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+		"data-testid": "login-prompt",
+		"data-prompt-type": prompt.type,
+		className: "flex flex-col gap-1",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "text-sm text-doom-text",
+				children: prompt.message
+			}),
+			remote && prompt.type === "manual_code" ? /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.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__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.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] = require_dashboardStateStore.useDashboardState("providers/answer", "");
+	const [lastPromptId, setLastPromptId] = require_dashboardStateStore.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__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Dialog, {
+		open: true,
+		onOpenChange: (next) => {
+			if (next) return;
+			if (running) onCancel();
+			else onClose();
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.DialogContent, {
+			width: "md",
+			"data-testid": "login-flow",
+			"data-status": flow.status,
+			"aria-describedby": void 0,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.DialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.DialogTitle, { children: ["Sign in to ", flow.providerName] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "text-sm text-doom-dim",
+				children: METHOD_LABEL[flow.type]
+			})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.DialogBody, { children: [
+				flow.events.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
+					"data-testid": "login-flow-events",
+					className: "flex flex-col gap-2",
+					children: flow.events.map((event, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FlowEvent, { event }) }, index))
+				}) : null,
+				running && prompt ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PromptField, {
+					prompt,
+					value,
+					remote: flow.remote === true,
+					onChange: setValue,
+					onSubmit: submit,
+					onSelect: (optionId) => onAnswer(prompt.id, optionId)
+				}) : null,
+				running && !prompt ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+					"data-testid": "login-flow-waiting",
+					className: "flex items-center gap-2 text-sm text-doom-dim",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Spinner, {}), flow.events.length === 0 ? "Starting…" : `Waiting for ${flow.providerName}…`]
+				}) : null,
+				outcome ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					"data-testid": "login-flow-result",
+					className: `text-sm ${outcome.className}`,
+					children: outcome.text
+				}) : null,
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.DialogFooter, { children: running ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Button, {
+					variant: "outline",
+					"data-testid": "login-flow-cancel",
+					onClick: onCancel,
+					children: "Cancel"
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Button, {
+					variant: "outline",
+					"data-testid": "login-flow-close",
+					autoFocus: true,
+					onClick: onClose,
+					children: flow.status === "succeeded" ? "Done" : "Close"
+				}) })
+			] })]
+		})
+	});
+}
+//#endregion
+exports.LoginFlowDialog = LoginFlowDialog;
+exports.METHOD_LABEL = METHOD_LABEL;
+
+//# sourceMappingURL=LoginFlowDialog.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoginFlowDialog.cjs","names":["Button","Input","useDashboardState","Dialog","DialogContent","DialogHeader","DialogTitle","DialogBody","Spinner","DialogFooter"],"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/LoginFlowDialog.d.mts

@@ -0,0 +1,15 @@
+import { AuthMethodType, LoginFlowSnapshot } from "../../../types/auth.mjs";
+//#region src/web/features/settings/LoginFlowDialog.d.ts
+export declare const METHOD_LABEL: Readonly<Record<AuthMethodType, string>>;
+/**
+ * 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.
+ */
+export declare function LoginFlowDialog({ flow, onAnswer, onCancel, onClose }: {
+  flow: LoginFlowSnapshot;
+  onAnswer: (promptId: string, value: string) => void;
+  onCancel: () => void;
+  onClose: () => void;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=LoginFlowDialog.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoginFlowDialog.d.mts","names":[],"sources":["../../../../src/web/features/settings/LoginFlowDialog.tsx"],"mappings":";;qBAea,cAAc,SAAS,OAAO;;;;;wBA4H3B,kBACd,MACA,UACA,UACA;EAEA,MAAM;EACN,WAAW,kBAAkB;EAC7B;EACA;oBACD,IAAA"}