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

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

@@ -0,0 +1,318 @@
+const require_settingsApi = require("../../lib/settingsApi.cjs");
+const require_sessionsStore = require("../../stores/sessionsStore.cjs");
+const require_sessionStore = require("../../stores/sessionStore.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/RepositorySettings.tsx
+/** Repository selection controls shared with package-owned management panels. */
+const INHERIT_VALUE = "__inherit__";
+function optionDetail(options, name) {
+	if (name === void 0) return "";
+	const option = options.find((candidate) => candidate.name === name);
+	if (option === void 0) return `Configured value '${name}' is not in the effective catalog.`;
+	return option.description ?? (option.layers ? `Layers: ${option.layers.join(", ") || "none"}.` : "");
+}
+/**
+* The title line, description and per-axis undo shared by every axis row.
+*
+* Origin is quiet on purpose: a catalog default says nothing, a value from the
+* global config says so in faint text, and a value set here is marked by the
+* row's jade edge (named for assistive tech) and offers Reset.
+*/
+function AxisText({ label, dirty, origin, busy, children, onRevert, onClear }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsRowText, {
+		className: "gap-1",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsRowTitle, {
+			className: "flex min-h-6 flex-wrap items-center gap-x-2 gap-y-1",
+			children: [
+				label,
+				origin === "repository" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "sr-only",
+					children: ", set for this repository"
+				}) : null,
+				origin === "global" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-sm font-normal text-doom-dim",
+					children: "From global"
+				}) : null,
+				dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Badge, {
+					tone: "cyan",
+					children: "Unsaved"
+				}) : null,
+				dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Button, {
+					variant: "ghost",
+					size: "xs",
+					disabled: busy,
+					onClick: onRevert,
+					className: "text-doom-dim",
+					children: "Revert"
+				}) : origin === "repository" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Button, {
+					variant: "ghost",
+					size: "xs",
+					disabled: busy,
+					onClick: onClear,
+					className: "text-doom-dim",
+					children: "Reset"
+				}) : null
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsRowDescription, { children })]
+	});
+}
+function hasDraft(drafts, key) {
+	return Object.hasOwn(drafts, key);
+}
+function SingleAxis({ id, label, detail, options, effective, repositoryValue, origin, draft, dirty, busy, onChange, onRevert }) {
+	const value = dirty ? draft : repositoryValue;
+	const selected = value === null || value === void 0 ? INHERIT_VALUE : value;
+	const inherited = effective === void 0 ? "Inherit (none)" : `Inherit (${effective})`;
+	const shown = value === null || value === void 0 ? effective : value;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsRow, {
+		"data-testid": `repository-axis-${id}`,
+		"data-dirty": dirty,
+		changed: origin === "repository",
+		className: "items-start",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AxisText, {
+			label,
+			dirty,
+			origin,
+			busy,
+			onRevert,
+			onClear: () => onChange(null),
+			children: optionDetail(options, shown) || detail
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.Select, {
+			value: selected,
+			disabled: busy,
+			onValueChange: (next) => onChange(next === INHERIT_VALUE ? null : next),
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SelectTrigger, {
+				"data-testid": `repository-select-${id}`,
+				"aria-label": label,
+				className: "w-full text-sm sm:w-64",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SelectValue, {})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SelectContent, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SelectItem, {
+				value: INHERIT_VALUE,
+				children: inherited
+			}), options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SelectItem, {
+				value: option.name,
+				children: option.name
+			}, option.name))] })]
+		})]
+	});
+}
+function DomainsAxis({ view, draft, dirty, busy, onChange, onRevert }) {
+	const axis = view.selection.domains;
+	const inherited = axis.effective ?? [];
+	const selected = dirty ? draft ?? inherited : axis.repository ?? inherited;
+	const selectedNames = new Set(selected);
+	const toggled = (name) => selectedNames.has(name) ? selected.filter((entry) => entry !== name) : [...selected, name];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsRow, {
+		"data-testid": "repository-axis-domains",
+		"data-dirty": dirty,
+		changed: axis.origin === "repository",
+		className: "items-start",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AxisText, {
+			label: "Domains",
+			dirty,
+			origin: axis.origin,
+			busy,
+			onRevert,
+			onClear: () => onChange(null),
+			children: "The plugin sets a new session in this repository loads. Pick any number."
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			role: "group",
+			"aria-label": "Domains",
+			className: "flex basis-full flex-wrap items-center gap-2",
+			children: [view.catalogs.domains.map((domain) => {
+				const active = selectedNames.has(domain.name);
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.Button, {
+					variant: "ghost",
+					size: "sm",
+					"data-testid": `repository-domain-${domain.name}`,
+					"data-active": active,
+					"aria-pressed": active,
+					disabled: busy,
+					title: domain.description,
+					onClick: () => onChange(toggled(domain.name)),
+					className: active ? "gap-1.5 rounded-full border border-doom-green/50 bg-doom-green/10 pl-2 pr-3 font-medium text-doom-green hover:bg-doom-green/15 hover:text-doom-green" : "rounded-full border border-doom-border-soft px-3 text-doom-dim hover:border-doom-border hover:text-doom-hi",
+					children: [active ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.CheckIcon, {
+						"aria-hidden": true,
+						className: "size-3.5"
+					}) : null, domain.name]
+				}, domain.name);
+			}), view.catalogs.domains.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "text-sm text-doom-dim",
+				children: "No domains are configured."
+			}) : null]
+		})]
+	});
+}
+function RepositorySettings({ repository }) {
+	const repositoryId = repository?.id ?? "";
+	const key = JSON.stringify(["repository", repositoryId]);
+	const [view, setView, viewState] = require_dashboardStateStore.useDashboardState(`${key}/view`, void 0);
+	const [drafts, setDrafts] = require_dashboardStateStore.useDashboardState(`${key}/drafts`, {});
+	const [busy, setBusy, busyState] = require_dashboardStateStore.useDashboardState(`${key}/busy`, false);
+	const [error, setError] = require_dashboardStateStore.useDashboardState(`${key}/error`, "");
+	const [note, setNote] = require_dashboardStateStore.useDashboardState(`${key}/note`, "");
+	const dirty = Object.keys(drafts).length;
+	const reload = (0, react.useCallback)(async () => {
+		if (repositoryId === "") {
+			setView(void 0);
+			return;
+		}
+		if (busyState.state) return;
+		const previous = viewState.state;
+		const result = await require_settingsApi.readRepositorySettings(repositoryId);
+		if (busyState.state || viewState.state !== previous) return;
+		if (result.ok) {
+			setView(result.settings);
+			setError("");
+			return;
+		}
+		setView(void 0);
+		setError(result.error);
+	}, [
+		repositoryId,
+		busyState,
+		viewState,
+		setView,
+		setError
+	]);
+	(0, react.useEffect)(() => {
+		reload();
+	}, [reload]);
+	const change = (0, react.useCallback)((key, value) => {
+		setNote("");
+		setDrafts((current) => ({
+			...current,
+			[key]: value
+		}));
+	}, [setNote, setDrafts]);
+	const revert = (0, react.useCallback)((key) => {
+		setDrafts((current) => {
+			const next = { ...current };
+			delete next[key];
+			return next;
+		});
+	}, [setDrafts]);
+	const save = (0, react.useCallback)(async () => {
+		if (busyState.state || view === void 0 || dirty === 0) return;
+		setBusy(true);
+		setError("");
+		const result = await require_settingsApi.writeRepositorySelection({
+			repositoryId: view.repository.id,
+			expectedHash: view.hash,
+			changes: drafts
+		});
+		setBusy(false);
+		if (!result.ok) {
+			setError(result.error);
+			await reload();
+			return;
+		}
+		setView(result.settings);
+		setDrafts((current) => current === drafts ? {} : current);
+		setNote("Saved. Run po sync, and the next session starts with these.");
+		for (const sessionId of Object.keys(require_sessionsStore.sessionsStore.state.byId)) require_sessionStore.refreshSessionFacts(sessionId);
+	}, [
+		busyState,
+		dirty,
+		drafts,
+		reload,
+		view,
+		setBusy,
+		setError,
+		setView,
+		setDrafts,
+		setNote
+	]);
+	const modeDirty = hasDraft(drafts, "majorMode");
+	const domainDirty = hasDraft(drafts, "domains");
+	const profileDirty = hasDraft(drafts, "profile");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsPage, {
+		"data-testid": "repository-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: "Defaults" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsDescription, { children: "What a new session in this repository starts with. Sessions already open keep what they have." })] }),
+			repository === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsCard, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsRow, {
+				"data-testid": "repository-settings-empty",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsRowText, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsRowTitle, { children: "No repository yet" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsRowDescription, { children: [
+					"Open a session inside a Git or ",
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+						className: "font-mono",
+						children: ".po"
+					}),
+					" repository to set its defaults here."
+				] })] })
+			}) }) : null,
+			error === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				"data-testid": "repository-settings-error",
+				role: "alert",
+				className: "text-sm leading-relaxed text-doom-red",
+				children: error
+			}),
+			view === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex min-w-0 flex-col gap-4",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsCard, { children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SingleAxis, {
+						id: "major-mode",
+						label: "Major mode",
+						detail: "The extensions and package layers a session is built from.",
+						options: view.catalogs.majorModes,
+						effective: view.selection.majorMode.effective,
+						repositoryValue: view.selection.majorMode.repository,
+						origin: view.selection.majorMode.origin,
+						draft: modeDirty ? drafts.majorMode : void 0,
+						dirty: modeDirty,
+						busy,
+						onChange: (value) => change("majorMode", value),
+						onRevert: () => revert("majorMode")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DomainsAxis, {
+						view,
+						draft: domainDirty ? drafts.domains : void 0,
+						dirty: domainDirty,
+						busy,
+						onChange: (value) => change("domains", value),
+						onRevert: () => revert("domains")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SingleAxis, {
+						id: "profile",
+						label: "Profile",
+						detail: "The persona a new session in this repository starts with.",
+						options: view.catalogs.profiles,
+						effective: view.selection.profile.effective,
+						repositoryValue: view.selection.profile.repository,
+						origin: view.selection.profile.origin,
+						draft: profileDirty ? drafts.profile : void 0,
+						dirty: profileDirty,
+						busy,
+						onChange: (value) => change("profile", value),
+						onRevert: () => revert("profile")
+					})
+				] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsActions, { children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Button, {
+						variant: dirty > 0 ? "primary" : "outline",
+						size: "sm",
+						"data-testid": "repository-settings-save",
+						loading: busy,
+						disabled: busy || dirty === 0,
+						onClick: () => void save(),
+						children: "Save defaults"
+					}),
+					dirty === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Button, {
+						variant: "ghost",
+						size: "sm",
+						disabled: busy,
+						onClick: () => setDrafts({}),
+						children: "Discard"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsNote, { children: dirty > 0 ? `${String(dirty)} unsaved ${dirty === 1 ? "change" : "changes"}.` : note })
+				] })]
+			})
+		]
+	});
+}
+//#endregion
+exports.RepositorySettings = RepositorySettings;
+
+//# sourceMappingURL=RepositorySettings.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepositorySettings.cjs","names":["SettingsRowText","SettingsRowTitle","Badge","Button","SettingsRowDescription","SettingsRow","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","CheckIcon","useDashboardState","useCallback","readRepositorySettings","writeRepositorySelection","sessionsStore","SettingsPage","SettingsHeader","SettingsTitle","SettingsDescription","SettingsCard","SettingsActions","SettingsNote"],"sources":["../../../../src/web/features/settings/RepositorySettings.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  CheckIcon,\n  Select,\n  SelectContent,\n  SelectItem,\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} from '@agimon-ai/po-web-components';\nimport type { ReactNode } from 'react';\nimport { useCallback, useEffect } from 'react';\n\nimport type {\n  RepositoryCatalogOption,\n  RepositorySelectionChanges,\n  RepositorySettingsView,\n  SettingsOrigin,\n  SettingsRepository,\n} from '../../../types/settings';\nimport { readRepositorySettings, writeRepositorySelection } from '../../lib/settingsApi';\nimport { useDashboardState } from '../../stores/dashboardStateStore';\nimport { sessionsStore } from '../../stores/sessionsStore';\nimport { refreshSessionFacts } from '../../stores/sessionStore';\n\n/** Repository selection controls shared with package-owned management panels. */\n\nconst INHERIT_VALUE = '__inherit__';\n\nfunction optionDetail(options: readonly RepositoryCatalogOption[], name: string | undefined): string {\n  if (name === undefined) return '';\n  const option = options.find((candidate) => candidate.name === name);\n  if (option === undefined) return `Configured value '${name}' is not in the effective catalog.`;\n  return option.description ?? (option.layers ? `Layers: ${option.layers.join(', ') || 'none'}.` : '');\n}\n\n/**\n * The title line, description and per-axis undo shared by every axis row.\n *\n * Origin is quiet on purpose: a catalog default says nothing, a value from the\n * global config says so in faint text, and a value set here is marked by the\n * row's jade edge (named for assistive tech) and offers Reset.\n */\nfunction AxisText({\n  label,\n  dirty,\n  origin,\n  busy,\n  children,\n  onRevert,\n  onClear,\n}: {\n  label: string;\n  dirty: boolean;\n  origin: SettingsOrigin;\n  busy: boolean;\n  children: ReactNode;\n  onRevert: () => void;\n  onClear: () => void;\n}) {\n  return (\n    <SettingsRowText className=\"gap-1\">\n      <SettingsRowTitle className=\"flex min-h-6 flex-wrap items-center gap-x-2 gap-y-1\">\n        {label}\n        {origin === 'repository' ? <span className=\"sr-only\">, set for this repository</span> : null}\n        {origin === 'global' ? <span className=\"text-sm font-normal text-doom-dim\">From global</span> : null}\n        {dirty ? <Badge tone=\"cyan\">Unsaved</Badge> : null}\n        {dirty ? (\n          <Button variant=\"ghost\" size=\"xs\" disabled={busy} onClick={onRevert} className=\"text-doom-dim\">\n            Revert\n          </Button>\n        ) : origin === 'repository' ? (\n          <Button variant=\"ghost\" size=\"xs\" disabled={busy} onClick={onClear} className=\"text-doom-dim\">\n            Reset\n          </Button>\n        ) : null}\n      </SettingsRowTitle>\n      <SettingsRowDescription>{children}</SettingsRowDescription>\n    </SettingsRowText>\n  );\n}\n\nfunction hasDraft<K extends keyof RepositorySelectionChanges>(drafts: RepositorySelectionChanges, key: K): boolean {\n  return Object.hasOwn(drafts, key);\n}\n\ninterface SingleAxisProps {\n  id: 'major-mode' | 'profile';\n  label: string;\n  detail: string;\n  options: readonly RepositoryCatalogOption[];\n  effective: string | undefined;\n  repositoryValue: string | undefined;\n  origin: SettingsOrigin;\n  draft: string | null | undefined;\n  dirty: boolean;\n  busy: boolean;\n  onChange: (value: string | null) => void;\n  onRevert: () => void;\n}\n\nfunction SingleAxis({\n  id,\n  label,\n  detail,\n  options,\n  effective,\n  repositoryValue,\n  origin,\n  draft,\n  dirty,\n  busy,\n  onChange,\n  onRevert,\n}: SingleAxisProps) {\n  const value = dirty ? draft : repositoryValue;\n  const selected = value === null || value === undefined ? INHERIT_VALUE : value;\n  const inherited = effective === undefined ? 'Inherit (none)' : `Inherit (${effective})`;\n  const shown = value === null || value === undefined ? effective : value;\n  return (\n    <SettingsRow\n      data-testid={`repository-axis-${id}`}\n      data-dirty={dirty}\n      changed={origin === 'repository'}\n      className=\"items-start\"\n    >\n      <AxisText\n        label={label}\n        dirty={dirty}\n        origin={origin}\n        busy={busy}\n        onRevert={onRevert}\n        onClear={() => onChange(null)}\n      >\n        {optionDetail(options, shown) || detail}\n      </AxisText>\n      <Select value={selected} disabled={busy} onValueChange={(next) => onChange(next === INHERIT_VALUE ? null : next)}>\n        <SelectTrigger data-testid={`repository-select-${id}`} aria-label={label} className=\"w-full text-sm sm:w-64\">\n          <SelectValue />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectItem value={INHERIT_VALUE}>{inherited}</SelectItem>\n          {options.map((option) => (\n            <SelectItem key={option.name} value={option.name}>\n              {option.name}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    </SettingsRow>\n  );\n}\n\ninterface DomainsAxisProps {\n  view: RepositorySettingsView;\n  draft: readonly string[] | null | undefined;\n  dirty: boolean;\n  busy: boolean;\n  onChange: (value: readonly string[] | null) => void;\n  onRevert: () => void;\n}\n\nfunction DomainsAxis({ view, draft, dirty, busy, onChange, onRevert }: DomainsAxisProps) {\n  const axis = view.selection.domains;\n  const inherited = axis.effective ?? [];\n  const selected = dirty ? (draft ?? inherited) : (axis.repository ?? inherited);\n  const selectedNames = new Set(selected);\n  const toggled = (name: string): readonly string[] =>\n    selectedNames.has(name) ? selected.filter((entry) => entry !== name) : [...selected, name];\n\n  return (\n    <SettingsRow\n      data-testid=\"repository-axis-domains\"\n      data-dirty={dirty}\n      changed={axis.origin === 'repository'}\n      className=\"items-start\"\n    >\n      <AxisText\n        label=\"Domains\"\n        dirty={dirty}\n        origin={axis.origin}\n        busy={busy}\n        onRevert={onRevert}\n        onClear={() => onChange(null)}\n      >\n        The plugin sets a new session in this repository loads. Pick any number.\n      </AxisText>\n      <div role=\"group\" aria-label=\"Domains\" className=\"flex basis-full flex-wrap items-center gap-2\">\n        {view.catalogs.domains.map((domain) => {\n          const active = selectedNames.has(domain.name);\n          return (\n            <Button\n              key={domain.name}\n              variant=\"ghost\"\n              size=\"sm\"\n              data-testid={`repository-domain-${domain.name}`}\n              data-active={active}\n              aria-pressed={active}\n              disabled={busy}\n              title={domain.description}\n              onClick={() => onChange(toggled(domain.name))}\n              className={\n                active\n                  ? 'gap-1.5 rounded-full border border-doom-green/50 bg-doom-green/10 pl-2 pr-3 font-medium text-doom-green hover:bg-doom-green/15 hover:text-doom-green'\n                  : 'rounded-full border border-doom-border-soft px-3 text-doom-dim hover:border-doom-border hover:text-doom-hi'\n              }\n            >\n              {active ? <CheckIcon aria-hidden className=\"size-3.5\" /> : null}\n              {domain.name}\n            </Button>\n          );\n        })}\n        {view.catalogs.domains.length === 0 ? (\n          <span className=\"text-sm text-doom-dim\">No domains are configured.</span>\n        ) : null}\n      </div>\n    </SettingsRow>\n  );\n}\n\nexport function RepositorySettings({ repository }: { repository: SettingsRepository | null }) {\n  const repositoryId = repository?.id ?? '';\n  const key = JSON.stringify(['repository', repositoryId]);\n  const [view, setView, viewState] = useDashboardState<RepositorySettingsView | undefined>(`${key}/view`, undefined);\n  const [drafts, setDrafts] = useDashboardState<RepositorySelectionChanges>(`${key}/drafts`, {});\n  const [busy, setBusy, busyState] = useDashboardState(`${key}/busy`, false);\n  const [error, setError] = useDashboardState(`${key}/error`, '');\n  const [note, setNote] = useDashboardState(`${key}/note`, '');\n  const dirty = Object.keys(drafts).length;\n\n  const reload = useCallback(async (): Promise<void> => {\n    if (repositoryId === '') {\n      setView(undefined);\n      return;\n    }\n    if (busyState.state) return;\n    const previous = viewState.state;\n    const result = await readRepositorySettings(repositoryId);\n    if (busyState.state || viewState.state !== previous) return;\n    if (result.ok) {\n      setView(result.settings);\n      setError('');\n      return;\n    }\n    setView(undefined);\n    setError(result.error);\n  }, [repositoryId, busyState, viewState, setView, setError]);\n\n  useEffect(() => {\n    // eslint-disable-next-line react/set-state-in-effect -- reads the repository settings over HTTP; the state is the response.\n    void reload();\n  }, [reload]);\n\n  const change = useCallback(\n    <K extends keyof RepositorySelectionChanges>(key: K, value: RepositorySelectionChanges[K]) => {\n      setNote('');\n      setDrafts((current) => ({ ...current, [key]: value }));\n    },\n    [setNote, setDrafts],\n  );\n\n  const revert = useCallback(\n    (key: keyof RepositorySelectionChanges) => {\n      setDrafts((current) => {\n        const next = { ...current };\n        delete next[key];\n        return next;\n      });\n    },\n    [setDrafts],\n  );\n\n  const save = useCallback(async (): Promise<void> => {\n    if (busyState.state || view === undefined || dirty === 0) return;\n    setBusy(true);\n    setError('');\n    const result = await writeRepositorySelection({\n      repositoryId: view.repository.id,\n      expectedHash: view.hash,\n      changes: drafts,\n    });\n    setBusy(false);\n    if (!result.ok) {\n      setError(result.error);\n      await reload();\n      return;\n    }\n    setView(result.settings);\n    setDrafts((current) => (current === drafts ? {} : current));\n    setNote('Saved. Run po sync, and the next session starts with these.');\n    for (const sessionId of Object.keys(sessionsStore.state.byId)) refreshSessionFacts(sessionId);\n  }, [busyState, dirty, drafts, reload, view, setBusy, setError, setView, setDrafts, setNote]);\n\n  const modeDirty = hasDraft(drafts, 'majorMode');\n  const domainDirty = hasDraft(drafts, 'domains');\n  const profileDirty = hasDraft(drafts, 'profile');\n\n  return (\n    <SettingsPage data-testid=\"repository-settings\">\n      <SettingsHeader>\n        <SettingsTitle>Defaults</SettingsTitle>\n        <SettingsDescription>\n          What a new session in this repository starts with. Sessions already open keep what they have.\n        </SettingsDescription>\n      </SettingsHeader>\n\n      {repository === null ? (\n        <SettingsCard>\n          <SettingsRow data-testid=\"repository-settings-empty\">\n            <SettingsRowText>\n              <SettingsRowTitle>No repository yet</SettingsRowTitle>\n              <SettingsRowDescription>\n                Open a session inside a Git or <code className=\"font-mono\">.po</code> repository to set its defaults\n                here.\n              </SettingsRowDescription>\n            </SettingsRowText>\n          </SettingsRow>\n        </SettingsCard>\n      ) : null}\n\n      {error === '' ? null : (\n        <p data-testid=\"repository-settings-error\" role=\"alert\" className=\"text-sm leading-relaxed text-doom-red\">\n          {error}\n        </p>\n      )}\n\n      {view === undefined ? null : (\n        <div className=\"flex min-w-0 flex-col gap-4\">\n          <SettingsCard>\n            <SingleAxis\n              id=\"major-mode\"\n              label=\"Major mode\"\n              detail=\"The extensions and package layers a session is built from.\"\n              options={view.catalogs.majorModes}\n              effective={view.selection.majorMode.effective}\n              repositoryValue={view.selection.majorMode.repository}\n              origin={view.selection.majorMode.origin}\n              draft={modeDirty ? drafts.majorMode : undefined}\n              dirty={modeDirty}\n              busy={busy}\n              onChange={(value) => change('majorMode', value)}\n              onRevert={() => revert('majorMode')}\n            />\n            <DomainsAxis\n              view={view}\n              draft={domainDirty ? drafts.domains : undefined}\n              dirty={domainDirty}\n              busy={busy}\n              onChange={(value) => change('domains', value)}\n              onRevert={() => revert('domains')}\n            />\n            <SingleAxis\n              id=\"profile\"\n              label=\"Profile\"\n              detail=\"The persona a new session in this repository starts with.\"\n              options={view.catalogs.profiles}\n              effective={view.selection.profile.effective}\n              repositoryValue={view.selection.profile.repository}\n              origin={view.selection.profile.origin}\n              draft={profileDirty ? drafts.profile : undefined}\n              dirty={profileDirty}\n              busy={busy}\n              onChange={(value) => change('profile', value)}\n              onRevert={() => revert('profile')}\n            />\n          </SettingsCard>\n          <SettingsActions>\n            <Button\n              variant={dirty > 0 ? 'primary' : 'outline'}\n              size=\"sm\"\n              data-testid=\"repository-settings-save\"\n              loading={busy}\n              disabled={busy || dirty === 0}\n              onClick={() => void save()}\n            >\n              Save defaults\n            </Button>\n            {dirty === 0 ? null : (\n              <Button variant=\"ghost\" size=\"sm\" disabled={busy} onClick={() => setDrafts({})}>\n                Discard\n              </Button>\n            )}\n            <SettingsNote>\n              {dirty > 0 ? `${String(dirty)} unsaved ${dirty === 1 ? 'change' : 'changes'}.` : note}\n            </SettingsNote>\n          </SettingsActions>\n        </div>\n      )}\n    </SettingsPage>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import { SettingsRepository } from "../../../types/settings.mjs";
+//#region src/web/features/settings/RepositorySettings.d.ts
+export declare function RepositorySettings({ repository }: {
+  repository: SettingsRepository | null;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=RepositorySettings.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepositorySettings.d.mts","names":[],"sources":["../../../../src/web/features/settings/RepositorySettings.tsx"],"mappings":";;wBAuOgB,qBAAqB;EAAgB,YAAY;oBAA2B,IAAA"}