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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContributedSettings.cjs","names":["Badge","lockedReason","useMemo","Switch","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","SelectGroup","SelectLabel","Input","SettingsRow","SettingsRowText","SettingsRowTitle","LockIcon","Button","SettingsRowDescription","keyOf","useState","settingsDraftKey","useStore","settingsDraftStore","EMPTY_SETTINGS_DRAFT","listSettingsModels","loadSettingsDraft","setSettingsDraft","saveSettingsDraft","discardSettingsDraft","SettingsPage","SettingsHeader","SettingsTitle","SettingsDescription","SettingsNote","SettingsCard","SettingsActions","canSaveSettings"],"sources":["../../../../src/web/features/settings/ContributedSettings.tsx"],"sourcesContent":["import type { SettingsFieldContribution, SettingsSectionContribution } from '@agimon-ai/po-core/web';\nimport {\n  Badge,\n  Button,\n  Input,\n  LockIcon,\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectTrigger,\n  SelectValue,\n  SettingsActions,\n  SettingsCard,\n  SettingsDescription,\n  SettingsHeader,\n  SettingsNote,\n  SettingsPage,\n  SettingsRow,\n  SettingsRowDescription,\n  SettingsRowText,\n  SettingsRowTitle,\n  SettingsTitle,\n  Switch,\n} from '@agimon-ai/po-web-components';\nimport { useStore } from '@tanstack/react-store';\nimport { useEffect, useMemo, useState } from 'react';\n\nimport type { SettingsModel, SettingsOrigin, SettingsScope, SettingsValueView } from '../../../types/settings';\nimport { listSettingsModels } from '../../lib/settingsApi';\nimport { canSaveSettings, settingsKeyOf as keyOf, settingsLockedReason as lockedReason } from '../../lib/settingsDraft';\nimport {\n  settingsDraftStore,\n  settingsDraftKey,\n  EMPTY_SETTINGS_DRAFT,\n  loadSettingsDraft,\n  setSettingsDraft,\n  saveSettingsDraft,\n  discardSettingsDraft,\n} from '../../stores/settingsDraftStore';\n\n/** Optional contributed-settings view. Drafts, admission and hash-checked writes live outside this component. */\n\n/** The select entry that clears a key, since unset is how the file spells \"inherit\". */\nconst INHERIT_VALUE = '__inherit__';\n\n/**\n * Where a value came from, read from the seat the reader is in, and said as\n * quietly as it can be. A default says nothing. A value set at this scope is\n * marked by the row's jade edge, named here only for assistive tech. A value\n * from the global config is faint text. An override the reader is not\n * currently editing is the one thing worth colouring: it is why an edit at\n * this scope would appear to do nothing.\n */\nfunction Origin({ origin, scope }: { origin: SettingsOrigin; scope: SettingsScope }) {\n  if (origin === 'default') return null;\n  if (origin === scope) return <span className=\"sr-only\">, set here</span>;\n  if (origin === 'global') return <span className=\"text-sm font-normal text-doom-dim\">From global</span>;\n  return (\n    <Badge tone=\"yellow\" className=\"shrink-0\">\n      Overridden by repository\n    </Badge>\n  );\n}\n\ninterface FieldRowProps {\n  field: SettingsFieldContribution;\n  view: SettingsValueView | undefined;\n  scope: SettingsScope;\n  models: readonly SettingsModel[];\n  /** The pending edit, or undefined when the field is untouched. */\n  draft: string | null | undefined;\n  busy: boolean;\n  onDraft: (field: SettingsFieldContribution, value: string | null | undefined) => void;\n}\n\nfunction FieldRow({ field, view, scope, models, draft, busy, onDraft }: FieldRowProps) {\n  const locked = lockedReason(view, scope);\n  const dirty = draft !== undefined;\n  // A cleared draft is null; an untouched field falls back to what is on disk.\n  const value = draft === undefined ? (view?.value ?? '') : (draft ?? '');\n  const options = useMemo(() => {\n    if (field.optionsFrom !== 'models') return field.options ?? [];\n    return models.map((model) => ({\n      value: model.value,\n      label: model.label,\n      group: model.group,\n    }));\n  }, [field.options, field.optionsFrom, models]);\n  const groups = useMemo(() => [...new Set(options.map((option) => option.group ?? ''))], [options]);\n  // A select with nothing to offer is a dead control, so it degrades to text\n  // rather than showing an empty menu the reader cannot get past.\n  const kind = field.kind === 'select' && options.length === 0 ? 'text' : field.kind;\n  // A value the catalog no longer lists is still what the config file says.\n  // With no entry to match it the trigger renders empty, which reads as \"unset\"\n  // and hides a setting the reader is actively relying on.\n  const orphan =\n    kind === 'select' && value !== '' && !options.some((option) => option.value === value) ? value : undefined;\n\n  const control =\n    kind === 'info' ? (\n      <span className=\"text-sm text-doom-text\">{value || '-'}</span>\n    ) : kind === 'toggle' ? (\n      <Switch\n        data-testid={`settings-toggle-${field.id}`}\n        aria-label={field.label}\n        checked={value === 'true'}\n        disabled={busy || locked !== undefined}\n        onCheckedChange={(checked) => onDraft(field, String(checked))}\n      />\n    ) : kind === 'select' ? (\n      <Select\n        value={value === '' ? INHERIT_VALUE : value}\n        disabled={busy || locked !== undefined}\n        onValueChange={(next) => onDraft(field, next === INHERIT_VALUE ? null : next)}\n      >\n        <SelectTrigger\n          data-testid={`settings-select-${field.id}`}\n          aria-label={field.label}\n          className=\"w-full text-sm sm:w-64\"\n        >\n          <SelectValue placeholder={field.placeholder ?? 'Inherit'} />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectItem value={INHERIT_VALUE}>{field.placeholder ?? 'Inherit'}</SelectItem>\n          {orphan === undefined ? null : <SelectItem value={orphan}>{orphan} · not in catalog</SelectItem>}\n          {groups.map((group) => (\n            <SelectGroup key={group}>\n              {group === '' ? null : <SelectLabel>{group}</SelectLabel>}\n              {options\n                .filter((option) => (option.group ?? '') === group)\n                .map((option) => (\n                  <SelectItem key={option.value} value={option.value}>\n                    {option.label}\n                  </SelectItem>\n                ))}\n            </SelectGroup>\n          ))}\n        </SelectContent>\n      </Select>\n    ) : (\n      <Input\n        data-testid={`settings-input-${field.id}`}\n        aria-label={field.label}\n        value={value}\n        type={kind === 'number' ? 'number' : 'text'}\n        spellCheck={false}\n        disabled={busy || locked !== undefined}\n        placeholder={field.placeholder ?? 'Inherit'}\n        // A blank field means \"inherit\": the parser rejects an empty value, so\n        // clearing the key is how the file spells it.\n        onChange={(event) => onDraft(field, event.target.value === '' ? null : event.target.value)}\n        className=\"w-full text-sm sm:w-64\"\n      />\n    );\n\n  return (\n    <SettingsRow\n      data-testid={`settings-field-${field.id}`}\n      data-dirty={dirty}\n      changed={kind !== 'info' && view?.origin === scope}\n      className=\"items-start\"\n    >\n      <SettingsRowText className=\"gap-1\">\n        <SettingsRowTitle className=\"flex min-h-6 flex-wrap items-center gap-x-2 gap-y-1\">\n          {/* `first-letter` needs a block box, and the title is a flex row here. */}\n          <span className=\"inline-block min-w-0 first-letter:uppercase\">{field.label}</span>\n          {view === undefined || kind === 'info' ? null : <Origin origin={view.origin} scope={scope} />}\n          {locked === undefined ? null : (\n            <span\n              data-testid={`settings-locked-${field.id}`}\n              className=\"inline-flex items-center gap-1 text-sm font-normal text-doom-dim\"\n            >\n              <LockIcon aria-hidden className=\"size-3\" />\n              <span className=\"inline-block first-letter:uppercase\">{locked}</span>\n            </span>\n          )}\n          {dirty ? (\n            <Badge tone=\"cyan\" data-testid={`settings-dirty-${field.id}`} className=\"shrink-0\">\n              Unsaved\n            </Badge>\n          ) : null}\n          {dirty ? (\n            <Button\n              variant=\"ghost\"\n              size=\"xs\"\n              data-testid={`settings-revert-${field.id}`}\n              disabled={busy}\n              onClick={() => onDraft(field, undefined)}\n              className=\"text-doom-dim\"\n            >\n              Revert\n            </Button>\n          ) : kind !== 'info' && view?.origin === scope && locked === undefined ? (\n            <Button\n              variant=\"ghost\"\n              size=\"xs\"\n              data-testid={`settings-clear-${field.id}`}\n              disabled={busy}\n              onClick={() => onDraft(field, null)}\n              className=\"text-doom-dim\"\n            >\n              Reset\n            </Button>\n          ) : null}\n        </SettingsRowTitle>\n        {field.detail === undefined ? null : <SettingsRowDescription>{field.detail}</SettingsRowDescription>}\n        {/* The config key earns its place on a page that writes a config file,\n            but it is reference, not prose: it wraps instead of running off the edge. */}\n        <code className=\"min-w-0 max-w-full break-all font-mono text-sm text-doom-dim\">{keyOf(field)}</code>\n      </SettingsRowText>\n      {control}\n    </SettingsRow>\n  );\n}\n\ninterface ContributedSettingsProps {\n  section: SettingsSectionContribution;\n  /** Which config file edits land in; the workspace the page sits in decides it. */\n  scope: SettingsScope;\n  /** The repository whose config is being edited; empty at global scope. */\n  repoRoot?: string;\n  workspaceId?: string;\n}\n\nexport function ContributedSettings({ section, scope, repoRoot = '', workspaceId }: ContributedSettingsProps) {\n  const [models, setModels] = useState<readonly SettingsModel[]>([]);\n  const target = useMemo(() => ({ section, scope, repoRoot, workspaceId }), [section, scope, repoRoot, workspaceId]);\n  const key = settingsDraftKey(target);\n  const { config, drafts, error, note, busy } = useStore(\n    settingsDraftStore,\n    (state) => state[key] ?? EMPTY_SETTINGS_DRAFT,\n  );\n  const wantsModels = section.fields.some((field) => field.optionsFrom === 'models');\n  const dirtyFields = section.fields.filter((field) => keyOf(field) in drafts);\n  useEffect(() => {\n    if (wantsModels) void listSettingsModels().then(setModels);\n  }, [wantsModels]);\n  useEffect(() => {\n    void loadSettingsDraft(target);\n  }, [target]);\n  const setDraft = (field: SettingsFieldContribution, value: string | null | undefined): void =>\n    setSettingsDraft(target, field, value);\n  const save = (): Promise<boolean> => saveSettingsDraft(target);\n  const discard = (): void => discardSettingsDraft(target);\n\n  return (\n    <SettingsPage data-testid={`settings-contributed-${section.id}`}>\n      <SettingsHeader>\n        <SettingsTitle>{section.label}</SettingsTitle>\n        {section.detail ? <SettingsDescription>{section.detail}</SettingsDescription> : null}\n        {scope === 'repository' && repoRoot === '' ? (\n          <SettingsNote data-testid=\"settings-no-repositories\">\n            Pick a repository above to edit its config.\n          </SettingsNote>\n        ) : null}\n      </SettingsHeader>\n\n      {error === '' ? null : (\n        <SettingsCard>\n          <SettingsRow>\n            <SettingsRowText role=\"alert\">\n              <SettingsRowTitle>Po couldn&apos;t load or save these settings</SettingsRowTitle>\n              <SettingsRowDescription data-testid=\"settings-error\" className=\"text-doom-red\">\n                {error}\n              </SettingsRowDescription>\n            </SettingsRowText>\n            <Button size=\"sm\" variant=\"outline\" disabled={busy} onClick={() => void loadSettingsDraft(target)}>\n              Reload configuration\n            </Button>\n          </SettingsRow>\n        </SettingsCard>\n      )}\n\n      <div className=\"flex min-w-0 flex-col gap-4\">\n        <SettingsCard>\n          {section.fields.map((field) => (\n            <FieldRow\n              key={field.id}\n              field={field}\n              view={config?.values[keyOf(field)]}\n              scope={scope}\n              models={models}\n              draft={keyOf(field) in drafts ? drafts[keyOf(field)] : undefined}\n              busy={busy}\n              onDraft={setDraft}\n            />\n          ))}\n        </SettingsCard>\n\n        <SettingsActions>\n          {/* Primary only when there is something to save, so the button reads as\n            the next step instead of sitting lit with nothing to commit. */}\n          <Button\n            variant={dirtyFields.length > 0 ? 'primary' : 'outline'}\n            size=\"sm\"\n            data-testid=\"settings-save\"\n            loading={busy}\n            disabled={busy || !canSaveSettings({ dirty: dirtyFields.length, scope, repoRoot })}\n            onClick={() => void save()}\n          >\n            Save\n          </Button>\n          {dirtyFields.length === 0 ? null : (\n            <Button variant=\"ghost\" size=\"sm\" data-testid=\"settings-discard\" disabled={busy} onClick={discard}>\n              Discard\n            </Button>\n          )}\n          <SettingsNote data-testid=\"settings-save-note\">\n            {dirtyFields.length > 0\n              ? `${String(dirtyFields.length)} unsaved. Saves to ${scope === 'global' ? 'the global config' : 'this repository'}.`\n              : note}\n          </SettingsNote>\n        </SettingsActions>\n      </div>\n    </SettingsPage>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,14 @@
+import { SettingsScope } from "../../../types/settings.mjs";
+import { SettingsSectionContribution } from "@agimon-ai/po-core/web";
+//#region src/web/features/settings/ContributedSettings.d.ts
+interface ContributedSettingsProps {
+  section: SettingsSectionContribution;
+  /** Which config file edits land in; the workspace the page sits in decides it. */
+  scope: SettingsScope;
+  /** The repository whose config is being edited; empty at global scope. */
+  repoRoot?: string;
+  workspaceId?: string;
+}
+export declare function ContributedSettings({ section, scope, repoRoot, workspaceId }: ContributedSettingsProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=ContributedSettings.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContributedSettings.d.mts","names":[],"sources":["../../../../src/web/features/settings/ContributedSettings.tsx"],"mappings":";;;UAyNU;EACR,SAAS;;EAET,OAAO;;EAEP;EACA;;wBAGc,sBAAsB,SAAS,OAAO,UAAe,eAAe,2CAAwB,IAAA"}

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

@@ -0,0 +1,257 @@
+import { listSettingsModels } from "../../lib/settingsApi.mjs";
+import { canSaveSettings, settingsKeyOf, settingsLockedReason } from "../../lib/settingsDraft.mjs";
+import { EMPTY_SETTINGS_DRAFT, discardSettingsDraft, loadSettingsDraft, saveSettingsDraft, setSettingsDraft, settingsDraftKey, settingsDraftStore } from "../../stores/settingsDraftStore.mjs";
+import { useEffect, useMemo, useState } from "react";
+import { useStore } from "@tanstack/react-store";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Badge, Button, Input, LockIcon, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue, SettingsActions, SettingsCard, SettingsDescription, SettingsHeader, SettingsNote, SettingsPage, SettingsRow, SettingsRowDescription, SettingsRowText, SettingsRowTitle, SettingsTitle, Switch } from "@agimon-ai/po-web-components";
+//#region src/web/features/settings/ContributedSettings.tsx
+/** Optional contributed-settings view. Drafts, admission and hash-checked writes live outside this component. */
+/** The select entry that clears a key, since unset is how the file spells "inherit". */
+const INHERIT_VALUE = "__inherit__";
+/**
+* Where a value came from, read from the seat the reader is in, and said as
+* quietly as it can be. A default says nothing. A value set at this scope is
+* marked by the row's jade edge, named here only for assistive tech. A value
+* from the global config is faint text. An override the reader is not
+* currently editing is the one thing worth colouring: it is why an edit at
+* this scope would appear to do nothing.
+*/
+function Origin({ origin, scope }) {
+	if (origin === "default") return null;
+	if (origin === scope) return /* @__PURE__ */ jsx("span", {
+		className: "sr-only",
+		children: ", set here"
+	});
+	if (origin === "global") return /* @__PURE__ */ jsx("span", {
+		className: "text-sm font-normal text-doom-dim",
+		children: "From global"
+	});
+	return /* @__PURE__ */ jsx(Badge, {
+		tone: "yellow",
+		className: "shrink-0",
+		children: "Overridden by repository"
+	});
+}
+function FieldRow({ field, view, scope, models, draft, busy, onDraft }) {
+	const locked = settingsLockedReason(view, scope);
+	const dirty = draft !== void 0;
+	const value = draft === void 0 ? view?.value ?? "" : draft ?? "";
+	const options = useMemo(() => {
+		if (field.optionsFrom !== "models") return field.options ?? [];
+		return models.map((model) => ({
+			value: model.value,
+			label: model.label,
+			group: model.group
+		}));
+	}, [
+		field.options,
+		field.optionsFrom,
+		models
+	]);
+	const groups = useMemo(() => [...new Set(options.map((option) => option.group ?? ""))], [options]);
+	const kind = field.kind === "select" && options.length === 0 ? "text" : field.kind;
+	const orphan = kind === "select" && value !== "" && !options.some((option) => option.value === value) ? value : void 0;
+	const control = kind === "info" ? /* @__PURE__ */ jsx("span", {
+		className: "text-sm text-doom-text",
+		children: value || "-"
+	}) : kind === "toggle" ? /* @__PURE__ */ jsx(Switch, {
+		"data-testid": `settings-toggle-${field.id}`,
+		"aria-label": field.label,
+		checked: value === "true",
+		disabled: busy || locked !== void 0,
+		onCheckedChange: (checked) => onDraft(field, String(checked))
+	}) : kind === "select" ? /* @__PURE__ */ jsxs(Select, {
+		value: value === "" ? INHERIT_VALUE : value,
+		disabled: busy || locked !== void 0,
+		onValueChange: (next) => onDraft(field, next === INHERIT_VALUE ? null : next),
+		children: [/* @__PURE__ */ jsx(SelectTrigger, {
+			"data-testid": `settings-select-${field.id}`,
+			"aria-label": field.label,
+			className: "w-full text-sm sm:w-64",
+			children: /* @__PURE__ */ jsx(SelectValue, { placeholder: field.placeholder ?? "Inherit" })
+		}), /* @__PURE__ */ jsxs(SelectContent, { children: [
+			/* @__PURE__ */ jsx(SelectItem, {
+				value: INHERIT_VALUE,
+				children: field.placeholder ?? "Inherit"
+			}),
+			orphan === void 0 ? null : /* @__PURE__ */ jsxs(SelectItem, {
+				value: orphan,
+				children: [orphan, " · not in catalog"]
+			}),
+			groups.map((group) => /* @__PURE__ */ jsxs(SelectGroup, { children: [group === "" ? null : /* @__PURE__ */ jsx(SelectLabel, { children: group }), options.filter((option) => (option.group ?? "") === group).map((option) => /* @__PURE__ */ jsx(SelectItem, {
+				value: option.value,
+				children: option.label
+			}, option.value))] }, group))
+		] })]
+	}) : /* @__PURE__ */ jsx(Input, {
+		"data-testid": `settings-input-${field.id}`,
+		"aria-label": field.label,
+		value,
+		type: kind === "number" ? "number" : "text",
+		spellCheck: false,
+		disabled: busy || locked !== void 0,
+		placeholder: field.placeholder ?? "Inherit",
+		onChange: (event) => onDraft(field, event.target.value === "" ? null : event.target.value),
+		className: "w-full text-sm sm:w-64"
+	});
+	return /* @__PURE__ */ jsxs(SettingsRow, {
+		"data-testid": `settings-field-${field.id}`,
+		"data-dirty": dirty,
+		changed: kind !== "info" && view?.origin === scope,
+		className: "items-start",
+		children: [/* @__PURE__ */ jsxs(SettingsRowText, {
+			className: "gap-1",
+			children: [
+				/* @__PURE__ */ jsxs(SettingsRowTitle, {
+					className: "flex min-h-6 flex-wrap items-center gap-x-2 gap-y-1",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "inline-block min-w-0 first-letter:uppercase",
+							children: field.label
+						}),
+						view === void 0 || kind === "info" ? null : /* @__PURE__ */ jsx(Origin, {
+							origin: view.origin,
+							scope
+						}),
+						locked === void 0 ? null : /* @__PURE__ */ jsxs("span", {
+							"data-testid": `settings-locked-${field.id}`,
+							className: "inline-flex items-center gap-1 text-sm font-normal text-doom-dim",
+							children: [/* @__PURE__ */ jsx(LockIcon, {
+								"aria-hidden": true,
+								className: "size-3"
+							}), /* @__PURE__ */ jsx("span", {
+								className: "inline-block first-letter:uppercase",
+								children: locked
+							})]
+						}),
+						dirty ? /* @__PURE__ */ jsx(Badge, {
+							tone: "cyan",
+							"data-testid": `settings-dirty-${field.id}`,
+							className: "shrink-0",
+							children: "Unsaved"
+						}) : null,
+						dirty ? /* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							size: "xs",
+							"data-testid": `settings-revert-${field.id}`,
+							disabled: busy,
+							onClick: () => onDraft(field, void 0),
+							className: "text-doom-dim",
+							children: "Revert"
+						}) : kind !== "info" && view?.origin === scope && locked === void 0 ? /* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							size: "xs",
+							"data-testid": `settings-clear-${field.id}`,
+							disabled: busy,
+							onClick: () => onDraft(field, null),
+							className: "text-doom-dim",
+							children: "Reset"
+						}) : null
+					]
+				}),
+				field.detail === void 0 ? null : /* @__PURE__ */ jsx(SettingsRowDescription, { children: field.detail }),
+				/* @__PURE__ */ jsx("code", {
+					className: "min-w-0 max-w-full break-all font-mono text-sm text-doom-dim",
+					children: settingsKeyOf(field)
+				})
+			]
+		}), control]
+	});
+}
+function ContributedSettings({ section, scope, repoRoot = "", workspaceId }) {
+	const [models, setModels] = useState([]);
+	const target = useMemo(() => ({
+		section,
+		scope,
+		repoRoot,
+		workspaceId
+	}), [
+		section,
+		scope,
+		repoRoot,
+		workspaceId
+	]);
+	const key = settingsDraftKey(target);
+	const { config, drafts, error, note, busy } = useStore(settingsDraftStore, (state) => state[key] ?? EMPTY_SETTINGS_DRAFT);
+	const wantsModels = section.fields.some((field) => field.optionsFrom === "models");
+	const dirtyFields = section.fields.filter((field) => settingsKeyOf(field) in drafts);
+	useEffect(() => {
+		if (wantsModels) listSettingsModels().then(setModels);
+	}, [wantsModels]);
+	useEffect(() => {
+		loadSettingsDraft(target);
+	}, [target]);
+	const setDraft = (field, value) => setSettingsDraft(target, field, value);
+	const save = () => saveSettingsDraft(target);
+	const discard = () => discardSettingsDraft(target);
+	return /* @__PURE__ */ jsxs(SettingsPage, {
+		"data-testid": `settings-contributed-${section.id}`,
+		children: [
+			/* @__PURE__ */ jsxs(SettingsHeader, { children: [
+				/* @__PURE__ */ jsx(SettingsTitle, { children: section.label }),
+				section.detail ? /* @__PURE__ */ jsx(SettingsDescription, { children: section.detail }) : null,
+				scope === "repository" && repoRoot === "" ? /* @__PURE__ */ jsx(SettingsNote, {
+					"data-testid": "settings-no-repositories",
+					children: "Pick a repository above to edit its config."
+				}) : null
+			] }),
+			error === "" ? null : /* @__PURE__ */ jsx(SettingsCard, { children: /* @__PURE__ */ jsxs(SettingsRow, { children: [/* @__PURE__ */ jsxs(SettingsRowText, {
+				role: "alert",
+				children: [/* @__PURE__ */ jsx(SettingsRowTitle, { children: "Po couldn't load or save these settings" }), /* @__PURE__ */ jsx(SettingsRowDescription, {
+					"data-testid": "settings-error",
+					className: "text-doom-red",
+					children: error
+				})]
+			}), /* @__PURE__ */ jsx(Button, {
+				size: "sm",
+				variant: "outline",
+				disabled: busy,
+				onClick: () => void loadSettingsDraft(target),
+				children: "Reload configuration"
+			})] }) }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 flex-col gap-4",
+				children: [/* @__PURE__ */ jsx(SettingsCard, { children: section.fields.map((field) => /* @__PURE__ */ jsx(FieldRow, {
+					field,
+					view: config?.values[settingsKeyOf(field)],
+					scope,
+					models,
+					draft: settingsKeyOf(field) in drafts ? drafts[settingsKeyOf(field)] : void 0,
+					busy,
+					onDraft: setDraft
+				}, field.id)) }), /* @__PURE__ */ jsxs(SettingsActions, { children: [
+					/* @__PURE__ */ jsx(Button, {
+						variant: dirtyFields.length > 0 ? "primary" : "outline",
+						size: "sm",
+						"data-testid": "settings-save",
+						loading: busy,
+						disabled: busy || !canSaveSettings({
+							dirty: dirtyFields.length,
+							scope,
+							repoRoot
+						}),
+						onClick: () => void save(),
+						children: "Save"
+					}),
+					dirtyFields.length === 0 ? null : /* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "sm",
+						"data-testid": "settings-discard",
+						disabled: busy,
+						onClick: discard,
+						children: "Discard"
+					}),
+					/* @__PURE__ */ jsx(SettingsNote, {
+						"data-testid": "settings-save-note",
+						children: dirtyFields.length > 0 ? `${String(dirtyFields.length)} unsaved. Saves to ${scope === "global" ? "the global config" : "this repository"}.` : note
+					})
+				] })]
+			})
+		]
+	});
+}
+//#endregion
+export { ContributedSettings };
+
+//# sourceMappingURL=ContributedSettings.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContributedSettings.mjs","names":["lockedReason","keyOf"],"sources":["../../../../src/web/features/settings/ContributedSettings.tsx"],"sourcesContent":["import type { SettingsFieldContribution, SettingsSectionContribution } from '@agimon-ai/po-core/web';\nimport {\n  Badge,\n  Button,\n  Input,\n  LockIcon,\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectTrigger,\n  SelectValue,\n  SettingsActions,\n  SettingsCard,\n  SettingsDescription,\n  SettingsHeader,\n  SettingsNote,\n  SettingsPage,\n  SettingsRow,\n  SettingsRowDescription,\n  SettingsRowText,\n  SettingsRowTitle,\n  SettingsTitle,\n  Switch,\n} from '@agimon-ai/po-web-components';\nimport { useStore } from '@tanstack/react-store';\nimport { useEffect, useMemo, useState } from 'react';\n\nimport type { SettingsModel, SettingsOrigin, SettingsScope, SettingsValueView } from '../../../types/settings';\nimport { listSettingsModels } from '../../lib/settingsApi';\nimport { canSaveSettings, settingsKeyOf as keyOf, settingsLockedReason as lockedReason } from '../../lib/settingsDraft';\nimport {\n  settingsDraftStore,\n  settingsDraftKey,\n  EMPTY_SETTINGS_DRAFT,\n  loadSettingsDraft,\n  setSettingsDraft,\n  saveSettingsDraft,\n  discardSettingsDraft,\n} from '../../stores/settingsDraftStore';\n\n/** Optional contributed-settings view. Drafts, admission and hash-checked writes live outside this component. */\n\n/** The select entry that clears a key, since unset is how the file spells \"inherit\". */\nconst INHERIT_VALUE = '__inherit__';\n\n/**\n * Where a value came from, read from the seat the reader is in, and said as\n * quietly as it can be. A default says nothing. A value set at this scope is\n * marked by the row's jade edge, named here only for assistive tech. A value\n * from the global config is faint text. An override the reader is not\n * currently editing is the one thing worth colouring: it is why an edit at\n * this scope would appear to do nothing.\n */\nfunction Origin({ origin, scope }: { origin: SettingsOrigin; scope: SettingsScope }) {\n  if (origin === 'default') return null;\n  if (origin === scope) return <span className=\"sr-only\">, set here</span>;\n  if (origin === 'global') return <span className=\"text-sm font-normal text-doom-dim\">From global</span>;\n  return (\n    <Badge tone=\"yellow\" className=\"shrink-0\">\n      Overridden by repository\n    </Badge>\n  );\n}\n\ninterface FieldRowProps {\n  field: SettingsFieldContribution;\n  view: SettingsValueView | undefined;\n  scope: SettingsScope;\n  models: readonly SettingsModel[];\n  /** The pending edit, or undefined when the field is untouched. */\n  draft: string | null | undefined;\n  busy: boolean;\n  onDraft: (field: SettingsFieldContribution, value: string | null | undefined) => void;\n}\n\nfunction FieldRow({ field, view, scope, models, draft, busy, onDraft }: FieldRowProps) {\n  const locked = lockedReason(view, scope);\n  const dirty = draft !== undefined;\n  // A cleared draft is null; an untouched field falls back to what is on disk.\n  const value = draft === undefined ? (view?.value ?? '') : (draft ?? '');\n  const options = useMemo(() => {\n    if (field.optionsFrom !== 'models') return field.options ?? [];\n    return models.map((model) => ({\n      value: model.value,\n      label: model.label,\n      group: model.group,\n    }));\n  }, [field.options, field.optionsFrom, models]);\n  const groups = useMemo(() => [...new Set(options.map((option) => option.group ?? ''))], [options]);\n  // A select with nothing to offer is a dead control, so it degrades to text\n  // rather than showing an empty menu the reader cannot get past.\n  const kind = field.kind === 'select' && options.length === 0 ? 'text' : field.kind;\n  // A value the catalog no longer lists is still what the config file says.\n  // With no entry to match it the trigger renders empty, which reads as \"unset\"\n  // and hides a setting the reader is actively relying on.\n  const orphan =\n    kind === 'select' && value !== '' && !options.some((option) => option.value === value) ? value : undefined;\n\n  const control =\n    kind === 'info' ? (\n      <span className=\"text-sm text-doom-text\">{value || '-'}</span>\n    ) : kind === 'toggle' ? (\n      <Switch\n        data-testid={`settings-toggle-${field.id}`}\n        aria-label={field.label}\n        checked={value === 'true'}\n        disabled={busy || locked !== undefined}\n        onCheckedChange={(checked) => onDraft(field, String(checked))}\n      />\n    ) : kind === 'select' ? (\n      <Select\n        value={value === '' ? INHERIT_VALUE : value}\n        disabled={busy || locked !== undefined}\n        onValueChange={(next) => onDraft(field, next === INHERIT_VALUE ? null : next)}\n      >\n        <SelectTrigger\n          data-testid={`settings-select-${field.id}`}\n          aria-label={field.label}\n          className=\"w-full text-sm sm:w-64\"\n        >\n          <SelectValue placeholder={field.placeholder ?? 'Inherit'} />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectItem value={INHERIT_VALUE}>{field.placeholder ?? 'Inherit'}</SelectItem>\n          {orphan === undefined ? null : <SelectItem value={orphan}>{orphan} · not in catalog</SelectItem>}\n          {groups.map((group) => (\n            <SelectGroup key={group}>\n              {group === '' ? null : <SelectLabel>{group}</SelectLabel>}\n              {options\n                .filter((option) => (option.group ?? '') === group)\n                .map((option) => (\n                  <SelectItem key={option.value} value={option.value}>\n                    {option.label}\n                  </SelectItem>\n                ))}\n            </SelectGroup>\n          ))}\n        </SelectContent>\n      </Select>\n    ) : (\n      <Input\n        data-testid={`settings-input-${field.id}`}\n        aria-label={field.label}\n        value={value}\n        type={kind === 'number' ? 'number' : 'text'}\n        spellCheck={false}\n        disabled={busy || locked !== undefined}\n        placeholder={field.placeholder ?? 'Inherit'}\n        // A blank field means \"inherit\": the parser rejects an empty value, so\n        // clearing the key is how the file spells it.\n        onChange={(event) => onDraft(field, event.target.value === '' ? null : event.target.value)}\n        className=\"w-full text-sm sm:w-64\"\n      />\n    );\n\n  return (\n    <SettingsRow\n      data-testid={`settings-field-${field.id}`}\n      data-dirty={dirty}\n      changed={kind !== 'info' && view?.origin === scope}\n      className=\"items-start\"\n    >\n      <SettingsRowText className=\"gap-1\">\n        <SettingsRowTitle className=\"flex min-h-6 flex-wrap items-center gap-x-2 gap-y-1\">\n          {/* `first-letter` needs a block box, and the title is a flex row here. */}\n          <span className=\"inline-block min-w-0 first-letter:uppercase\">{field.label}</span>\n          {view === undefined || kind === 'info' ? null : <Origin origin={view.origin} scope={scope} />}\n          {locked === undefined ? null : (\n            <span\n              data-testid={`settings-locked-${field.id}`}\n              className=\"inline-flex items-center gap-1 text-sm font-normal text-doom-dim\"\n            >\n              <LockIcon aria-hidden className=\"size-3\" />\n              <span className=\"inline-block first-letter:uppercase\">{locked}</span>\n            </span>\n          )}\n          {dirty ? (\n            <Badge tone=\"cyan\" data-testid={`settings-dirty-${field.id}`} className=\"shrink-0\">\n              Unsaved\n            </Badge>\n          ) : null}\n          {dirty ? (\n            <Button\n              variant=\"ghost\"\n              size=\"xs\"\n              data-testid={`settings-revert-${field.id}`}\n              disabled={busy}\n              onClick={() => onDraft(field, undefined)}\n              className=\"text-doom-dim\"\n            >\n              Revert\n            </Button>\n          ) : kind !== 'info' && view?.origin === scope && locked === undefined ? (\n            <Button\n              variant=\"ghost\"\n              size=\"xs\"\n              data-testid={`settings-clear-${field.id}`}\n              disabled={busy}\n              onClick={() => onDraft(field, null)}\n              className=\"text-doom-dim\"\n            >\n              Reset\n            </Button>\n          ) : null}\n        </SettingsRowTitle>\n        {field.detail === undefined ? null : <SettingsRowDescription>{field.detail}</SettingsRowDescription>}\n        {/* The config key earns its place on a page that writes a config file,\n            but it is reference, not prose: it wraps instead of running off the edge. */}\n        <code className=\"min-w-0 max-w-full break-all font-mono text-sm text-doom-dim\">{keyOf(field)}</code>\n      </SettingsRowText>\n      {control}\n    </SettingsRow>\n  );\n}\n\ninterface ContributedSettingsProps {\n  section: SettingsSectionContribution;\n  /** Which config file edits land in; the workspace the page sits in decides it. */\n  scope: SettingsScope;\n  /** The repository whose config is being edited; empty at global scope. */\n  repoRoot?: string;\n  workspaceId?: string;\n}\n\nexport function ContributedSettings({ section, scope, repoRoot = '', workspaceId }: ContributedSettingsProps) {\n  const [models, setModels] = useState<readonly SettingsModel[]>([]);\n  const target = useMemo(() => ({ section, scope, repoRoot, workspaceId }), [section, scope, repoRoot, workspaceId]);\n  const key = settingsDraftKey(target);\n  const { config, drafts, error, note, busy } = useStore(\n    settingsDraftStore,\n    (state) => state[key] ?? EMPTY_SETTINGS_DRAFT,\n  );\n  const wantsModels = section.fields.some((field) => field.optionsFrom === 'models');\n  const dirtyFields = section.fields.filter((field) => keyOf(field) in drafts);\n  useEffect(() => {\n    if (wantsModels) void listSettingsModels().then(setModels);\n  }, [wantsModels]);\n  useEffect(() => {\n    void loadSettingsDraft(target);\n  }, [target]);\n  const setDraft = (field: SettingsFieldContribution, value: string | null | undefined): void =>\n    setSettingsDraft(target, field, value);\n  const save = (): Promise<boolean> => saveSettingsDraft(target);\n  const discard = (): void => discardSettingsDraft(target);\n\n  return (\n    <SettingsPage data-testid={`settings-contributed-${section.id}`}>\n      <SettingsHeader>\n        <SettingsTitle>{section.label}</SettingsTitle>\n        {section.detail ? <SettingsDescription>{section.detail}</SettingsDescription> : null}\n        {scope === 'repository' && repoRoot === '' ? (\n          <SettingsNote data-testid=\"settings-no-repositories\">\n            Pick a repository above to edit its config.\n          </SettingsNote>\n        ) : null}\n      </SettingsHeader>\n\n      {error === '' ? null : (\n        <SettingsCard>\n          <SettingsRow>\n            <SettingsRowText role=\"alert\">\n              <SettingsRowTitle>Po couldn&apos;t load or save these settings</SettingsRowTitle>\n              <SettingsRowDescription data-testid=\"settings-error\" className=\"text-doom-red\">\n                {error}\n              </SettingsRowDescription>\n            </SettingsRowText>\n            <Button size=\"sm\" variant=\"outline\" disabled={busy} onClick={() => void loadSettingsDraft(target)}>\n              Reload configuration\n            </Button>\n          </SettingsRow>\n        </SettingsCard>\n      )}\n\n      <div className=\"flex min-w-0 flex-col gap-4\">\n        <SettingsCard>\n          {section.fields.map((field) => (\n            <FieldRow\n              key={field.id}\n              field={field}\n              view={config?.values[keyOf(field)]}\n              scope={scope}\n              models={models}\n              draft={keyOf(field) in drafts ? drafts[keyOf(field)] : undefined}\n              busy={busy}\n              onDraft={setDraft}\n            />\n          ))}\n        </SettingsCard>\n\n        <SettingsActions>\n          {/* Primary only when there is something to save, so the button reads as\n            the next step instead of sitting lit with nothing to commit. */}\n          <Button\n            variant={dirtyFields.length > 0 ? 'primary' : 'outline'}\n            size=\"sm\"\n            data-testid=\"settings-save\"\n            loading={busy}\n            disabled={busy || !canSaveSettings({ dirty: dirtyFields.length, scope, repoRoot })}\n            onClick={() => void save()}\n          >\n            Save\n          </Button>\n          {dirtyFields.length === 0 ? null : (\n            <Button variant=\"ghost\" size=\"sm\" data-testid=\"settings-discard\" disabled={busy} onClick={discard}>\n              Discard\n            </Button>\n          )}\n          <SettingsNote data-testid=\"settings-save-note\">\n            {dirtyFields.length > 0\n              ? `${String(dirtyFields.length)} unsaved. Saves to ${scope === 'global' ? 'the global config' : 'this repository'}.`\n              : note}\n          </SettingsNote>\n        </SettingsActions>\n      </div>\n    </SettingsPage>\n  );\n}\n"],"mappings":";;;;;;;;;;AA6CA,MAAM,gBAAgB;;;;;;;;;AAUtB,SAAS,OAAO,EAAE,QAAQ,SAA2D;CACnF,IAAI,WAAW,WAAW,OAAO;CACjC,IAAI,WAAW,OAAO,OAAO,oBAAC,QAAD;EAAM,WAAU;EAAU,UAAA;CAAgB,CAAA;CACvE,IAAI,WAAW,UAAU,OAAO,oBAAC,QAAD;EAAM,WAAU;EAAoC,UAAA;CAAiB,CAAA;CACrG,OACE,oBAAC,OAAD;EAAO,MAAK;EAAS,WAAU;EAAW,UAAA;CAEnC,CAAA;AAEX;AAaA,SAAS,SAAS,EAAE,OAAO,MAAM,OAAO,QAAQ,OAAO,MAAM,WAA0B;CACrF,MAAM,SAASA,qBAAa,MAAM,KAAK;CACvC,MAAM,QAAQ,UAAU,KAAA;CAExB,MAAM,QAAQ,UAAU,KAAA,IAAa,MAAM,SAAS,KAAO,SAAS;CACpE,MAAM,UAAU,cAAc;EAC5B,IAAI,MAAM,gBAAgB,UAAU,OAAO,MAAM,WAAW,CAAC;EAC7D,OAAO,OAAO,KAAK,WAAW;GAC5B,OAAO,MAAM;GACb,OAAO,MAAM;GACb,OAAO,MAAM;EACf,EAAE;CACJ,GAAG;EAAC,MAAM;EAAS,MAAM;EAAa;CAAM,CAAC;CAC7C,MAAM,SAAS,cAAc,CAAC,GAAG,IAAI,IAAI,QAAQ,KAAK,WAAW,OAAO,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC;CAGjG,MAAM,OAAO,MAAM,SAAS,YAAY,QAAQ,WAAW,IAAI,SAAS,MAAM;CAI9E,MAAM,SACJ,SAAS,YAAY,UAAU,MAAM,CAAC,QAAQ,MAAM,WAAW,OAAO,UAAU,KAAK,IAAI,QAAQ,KAAA;CAEnG,MAAM,UACJ,SAAS,SACP,oBAAC,QAAD;EAAM,WAAU;EAA0B,UAAA,SAAS;CAAU,CAAA,IAC3D,SAAS,WACX,oBAAC,QAAD;EACE,eAAa,mBAAmB,MAAM;EACtC,cAAY,MAAM;EAClB,SAAS,UAAU;EACnB,UAAU,QAAQ,WAAW,KAAA;EAC7B,kBAAkB,YAAY,QAAQ,OAAO,OAAO,OAAO,CAAC;CAC7D,CAAA,IACC,SAAS,WACX,qBAAC,QAAD;EACE,OAAO,UAAU,KAAK,gBAAgB;EACtC,UAAU,QAAQ,WAAW,KAAA;EAC7B,gBAAgB,SAAS,QAAQ,OAAO,SAAS,gBAAgB,OAAO,IAAI;EAH9E,UAAA,CAKE,oBAAC,eAAD;GACE,eAAa,mBAAmB,MAAM;GACtC,cAAY,MAAM;GAClB,WAAU;GAEV,UAAA,oBAAC,aAAD,EAAa,aAAa,MAAM,eAAe,UAAY,CAAA;EAC9C,CAAA,GACf,qBAAC,eAAD,EAAA,UAAA;GACE,oBAAC,YAAD;IAAY,OAAO;IAAgB,UAAA,MAAM,eAAe;GAAsB,CAAA;GAC7E,WAAW,KAAA,IAAY,OAAO,qBAAC,YAAD;IAAY,OAAO;IAAnB,UAAA,CAA4B,QAAO,mBAA6B;;GAC9F,OAAO,KAAK,UACX,qBAAC,aAAD,EAAA,UAAA,CACG,UAAU,KAAK,OAAO,oBAAC,aAAD,EAAA,UAAc,MAAmB,CAAA,GACvD,QACE,QAAQ,YAAY,OAAO,SAAS,QAAQ,KAAK,CAAC,CAClD,KAAK,WACJ,oBAAC,YAAD;IAA+B,OAAO,OAAO;IAC1C,UAAA,OAAO;GACE,GAFK,OAAO,KAEZ,CACb,CACQ,EAAA,GATK,KASL,CACd;EACY,EAAA,CAAA,CACT;CAER,CAAA,IAAA,oBAAC,OAAD;EACE,eAAa,kBAAkB,MAAM;EACrC,cAAY,MAAM;EACX;EACP,MAAM,SAAS,WAAW,WAAW;EACrC,YAAY;EACZ,UAAU,QAAQ,WAAW,KAAA;EAC7B,aAAa,MAAM,eAAe;EAGlC,WAAW,UAAU,QAAQ,OAAO,MAAM,OAAO,UAAU,KAAK,OAAO,MAAM,OAAO,KAAK;EACzF,WAAU;CACX,CAAA;CAGL,OACE,qBAAC,aAAD;EACE,eAAa,kBAAkB,MAAM;EACrC,cAAY;EACZ,SAAS,SAAS,UAAU,MAAM,WAAW;EAC7C,WAAU;EAJZ,UAAA,CAME,qBAAC,iBAAD;GAAiB,WAAU;GAA3B,UAAA;IACE,qBAAC,kBAAD;KAAkB,WAAU;KAA5B,UAAA;MAEE,oBAAC,QAAD;OAAM,WAAU;OAA+C,UAAA,MAAM;MAAY,CAAA;MAChF,SAAS,KAAA,KAAa,SAAS,SAAS,OAAO,oBAAC,QAAD;OAAQ,QAAQ,KAAK;OAAe;MAAQ,CAAA;MAC3F,WAAW,KAAA,IAAY,OACtB,qBAAC,QAAD;OACE,eAAa,mBAAmB,MAAM;OACtC,WAAU;OAFZ,UAAA,CAIE,oBAAC,UAAD;QAAU,eAAA;QAAY,WAAU;OAAU,CAAA,GAC1C,oBAAC,QAAD;QAAM,WAAU;QAAuC,UAAA;OAAa,CAAA,CAChE;;MAEP,QACC,oBAAC,OAAD;OAAO,MAAK;OAAO,eAAa,kBAAkB,MAAM;OAAM,WAAU;OAAW,UAAA;MAE5E,CAAA,IACL;MACH,QACC,oBAAC,QAAD;OACE,SAAQ;OACR,MAAK;OACL,eAAa,mBAAmB,MAAM;OACtC,UAAU;OACV,eAAe,QAAQ,OAAO,KAAA,CAAS;OACvC,WAAU;OACX,UAAA;MAEO,CAAA,IACN,SAAS,UAAU,MAAM,WAAW,SAAS,WAAW,KAAA,IAC1D,oBAAC,QAAD;OACE,SAAQ;OACR,MAAK;OACL,eAAa,kBAAkB,MAAM;OACrC,UAAU;OACV,eAAe,QAAQ,OAAO,IAAI;OAClC,WAAU;OACX,UAAA;MAEO,CAAA,IACN;KACY;;IACjB,MAAM,WAAW,KAAA,IAAY,OAAO,oBAAC,wBAAD,EAAA,UAAyB,MAAM,OAA+B,CAAA;IAGnG,oBAAC,QAAD;KAAM,WAAU;KAAgEC,UAAAA,cAAM,KAAK;IAAQ,CAAA;GACpF;EAChB,CAAA,GAAA,OACU;;AAEjB;AAWA,SAAgB,oBAAoB,EAAE,SAAS,OAAO,WAAW,IAAI,eAAyC;CAC5G,MAAM,CAAC,QAAQ,aAAa,SAAmC,CAAC,CAAC;CACjE,MAAM,SAAS,eAAe;EAAE;EAAS;EAAO;EAAU;CAAY,IAAI;EAAC;EAAS;EAAO;EAAU;CAAW,CAAC;CACjH,MAAM,MAAM,iBAAiB,MAAM;CACnC,MAAM,EAAE,QAAQ,QAAQ,OAAO,MAAM,SAAS,SAC5C,qBACC,UAAU,MAAM,QAAQ,oBAC3B;CACA,MAAM,cAAc,QAAQ,OAAO,MAAM,UAAU,MAAM,gBAAgB,QAAQ;CACjF,MAAM,cAAc,QAAQ,OAAO,QAAQ,UAAUA,cAAM,KAAK,KAAK,MAAM;CAC3E,gBAAgB;EACd,IAAI,aAAa,mBAAwB,CAAC,CAAC,KAAK,SAAS;CAC3D,GAAG,CAAC,WAAW,CAAC;CAChB,gBAAgB;EACd,kBAAuB,MAAM;CAC/B,GAAG,CAAC,MAAM,CAAC;CACX,MAAM,YAAY,OAAkC,UAClD,iBAAiB,QAAQ,OAAO,KAAK;CACvC,MAAM,aAA+B,kBAAkB,MAAM;CAC7D,MAAM,gBAAsB,qBAAqB,MAAM;CAEvD,OACE,qBAAC,cAAD;EAAc,eAAa,wBAAwB,QAAQ;EAA3D,UAAA;GACE,qBAAC,gBAAD,EAAA,UAAA;IACE,oBAAC,eAAD,EAAA,UAAgB,QAAQ,MAAqB,CAAA;IAC5C,QAAQ,SAAS,oBAAC,qBAAD,EAAA,UAAsB,QAAQ,OAA4B,CAAA,IAAI;IAC/E,UAAU,gBAAgB,aAAa,KACtC,oBAAC,cAAD;KAAc,eAAY;KAA2B,UAAA;IAEvC,CAAA,IACZ;GACU,EAAA,CAAA;GAEf,UAAU,KAAK,OACd,oBAAC,cAAD,EAAA,UACE,qBAAC,aAAD,EAAA,UAAA,CACE,qBAAC,iBAAD;IAAiB,MAAK;IAAtB,UAAA,CACE,oBAAC,kBAAD,EAAA,UAAkB,0CAA8D,CAAA,GAChF,oBAAC,wBAAD;KAAwB,eAAY;KAAiB,WAAU;KAC5D,UAAA;IACqB,CAAA,CACT;GACjB,CAAA,GAAA,oBAAC,QAAD;IAAQ,MAAK;IAAK,SAAQ;IAAU,UAAU;IAAM,eAAe,KAAK,kBAAkB,MAAM;IAAG,UAAA;GAE3F,CAAA,CACG,EAAA,CAAA,EACD,CAAA;GAGhB,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,oBAAC,cAAD,EAAA,UACG,QAAQ,OAAO,KAAK,UACnB,oBAAC,UAAD;KAES;KACP,MAAM,QAAQ,OAAOA,cAAM,KAAK;KACzB;KACC;KACR,OAAOA,cAAM,KAAK,KAAK,SAAS,OAAOA,cAAM,KAAK,KAAK,KAAA;KACjD;KACN,SAAS;IACV,GARM,MAAM,EAQZ,CACF,EACW,CAAA,GAEd,qBAAC,iBAAD,EAAA,UAAA;KAGE,oBAAC,QAAD;MACE,SAAS,YAAY,SAAS,IAAI,YAAY;MAC9C,MAAK;MACL,eAAY;MACZ,SAAS;MACT,UAAU,QAAQ,CAAC,gBAAgB;OAAE,OAAO,YAAY;OAAQ;OAAO;MAAS,CAAC;MACjF,eAAe,KAAK,KAAK;MAC1B,UAAA;KAEO,CAAA;KACP,YAAY,WAAW,IAAI,OAC1B,oBAAC,QAAD;MAAQ,SAAQ;MAAQ,MAAK;MAAK,eAAY;MAAmB,UAAU;MAAM,SAAS;MAAS,UAAA;KAE3F,CAAA;KAEV,oBAAC,cAAD;MAAc,eAAY;MACvB,UAAA,YAAY,SAAS,IAClB,GAAG,OAAO,YAAY,MAAM,EAAE,qBAAqB,UAAU,WAAW,sBAAsB,kBAAkB,KAChH;KACQ,CAAA;IACC,EAAA,CAAA,CACd;;EACO;;AAElB"}

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

@@ -0,0 +1,146 @@
+const require_settingsApi = require("../../lib/settingsApi.cjs");
+const require_dashboardStateStore = require("../../stores/dashboardStateStore.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/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] = require_dashboardStateStore.useDashboardState("images/view", void 0);
+	const [draft, setDraft] = require_dashboardStateStore.useDashboardState("images/draft", "");
+	const [error, setError] = require_dashboardStateStore.useDashboardState("images/error", void 0);
+	const [busy, setBusy, busyState] = require_dashboardStateStore.useDashboardState("images/busy", false);
+	/** `readImageSettings` never rejects: a failed read resolves to `{ ok: false, error }`. */
+	const load = (isCancelled = () => false) => {
+		require_settingsApi.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);
+		});
+	};
+	(0, react.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 require_settingsApi.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__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsPage, {
+		"data-testid": "image-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: "Images" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.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__ */ (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": "image-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 read your image settings just now" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsRowDescription, { children: "Nothing has changed. Images are handled as they were before." })]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Button, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => load(),
+					children: "Try again"
+				})]
+			}) }) : null,
+			images !== void 0 && error !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (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 image settings"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Skeleton, { className: "h-4 w-48" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Skeleton, { className: "h-4 w-72" })
+				]
+			}) : null,
+			images === void 0 ? null : /* @__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, {
+				id: "image-auto-resize-label",
+				children: "Resize large images"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsRowDescription, { children: "When off, images go out at the size they arrived, and some providers then reject the whole conversation." })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Switch, {
+				"data-testid": "image-auto-resize",
+				"aria-labelledby": "image-auto-resize-label",
+				checked: images.autoResize,
+				disabled: busy,
+				onCheckedChange: (checked) => void save({ autoResize: checked })
+			})] }), /* @__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, {
+				id: "image-max-dimension-label",
+				children: "Longest edge"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsRowDescription, { children: [
+				"In pixels, from ",
+				images.minDimension,
+				" to ",
+				images.maxAllowedDimension,
+				"; anything outside is clamped. Tool results are always capped at ",
+				images.maxAllowedDimension,
+				"."
+			] })] }), /* @__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": "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__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Button, {
+					size: "sm",
+					variant: dirty ? "primary" : "outline",
+					"data-testid": "image-max-dimension-save",
+					disabled: busy || !dirty,
+					onClick: () => void save({ maxDimension: parsed }),
+					children: "Save"
+				})]
+			})] })] })
+		]
+	});
+}
+//#endregion
+exports.ImageSettings = ImageSettings;
+
+//# sourceMappingURL=ImageSettings.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageSettings.cjs","names":["useDashboardState","readImageSettings","writeImageSettings","SettingsPage","SettingsHeader","SettingsTitle","SettingsDescription","SettingsCard","SettingsRow","SettingsRowText","SettingsRowTitle","SettingsRowDescription","Button","Skeleton","Switch","Input"],"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/ImageSettings.d.mts

@@ -0,0 +1,12 @@
+//#region src/web/features/settings/ImageSettings.d.ts
+/**
+ * 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.
+ */
+export declare function ImageSettings(): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=ImageSettings.d.mts.map

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

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