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

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

@@ -0,0 +1,318 @@
+import { readRepositorySettings, writeRepositorySelection } from "../../lib/settingsApi.mjs";
+import { sessionsStore } from "../../stores/sessionsStore.mjs";
+import { refreshSessionFacts } from "../../stores/sessionStore.mjs";
+import { useDashboardState } from "../../stores/dashboardStateStore.mjs";
+import { useCallback, useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Badge, Button, CheckIcon, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, SettingsActions, SettingsCard, SettingsDescription, SettingsHeader, SettingsNote, SettingsPage, SettingsRow, SettingsRowDescription, SettingsRowText, SettingsRowTitle, SettingsTitle } from "@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__ */ 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: [
+				label,
+				origin === "repository" ? /* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: ", set for this repository"
+				}) : null,
+				origin === "global" ? /* @__PURE__ */ jsx("span", {
+					className: "text-sm font-normal text-doom-dim",
+					children: "From global"
+				}) : null,
+				dirty ? /* @__PURE__ */ jsx(Badge, {
+					tone: "cyan",
+					children: "Unsaved"
+				}) : null,
+				dirty ? /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					size: "xs",
+					disabled: busy,
+					onClick: onRevert,
+					className: "text-doom-dim",
+					children: "Revert"
+				}) : origin === "repository" ? /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					size: "xs",
+					disabled: busy,
+					onClick: onClear,
+					className: "text-doom-dim",
+					children: "Reset"
+				}) : null
+			]
+		}), /* @__PURE__ */ jsx(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__ */ jsxs(SettingsRow, {
+		"data-testid": `repository-axis-${id}`,
+		"data-dirty": dirty,
+		changed: origin === "repository",
+		className: "items-start",
+		children: [/* @__PURE__ */ jsx(AxisText, {
+			label,
+			dirty,
+			origin,
+			busy,
+			onRevert,
+			onClear: () => onChange(null),
+			children: optionDetail(options, shown) || detail
+		}), /* @__PURE__ */ jsxs(Select, {
+			value: selected,
+			disabled: busy,
+			onValueChange: (next) => onChange(next === INHERIT_VALUE ? null : next),
+			children: [/* @__PURE__ */ jsx(SelectTrigger, {
+				"data-testid": `repository-select-${id}`,
+				"aria-label": label,
+				className: "w-full text-sm sm:w-64",
+				children: /* @__PURE__ */ jsx(SelectValue, {})
+			}), /* @__PURE__ */ jsxs(SelectContent, { children: [/* @__PURE__ */ jsx(SelectItem, {
+				value: INHERIT_VALUE,
+				children: inherited
+			}), options.map((option) => /* @__PURE__ */ jsx(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__ */ jsxs(SettingsRow, {
+		"data-testid": "repository-axis-domains",
+		"data-dirty": dirty,
+		changed: axis.origin === "repository",
+		className: "items-start",
+		children: [/* @__PURE__ */ 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__ */ 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__ */ jsxs(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__ */ jsx(CheckIcon, {
+						"aria-hidden": true,
+						className: "size-3.5"
+					}) : null, domain.name]
+				}, domain.name);
+			}), view.catalogs.domains.length === 0 ? /* @__PURE__ */ 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] = useDashboardState(`${key}/view`, void 0);
+	const [drafts, setDrafts] = useDashboardState(`${key}/drafts`, {});
+	const [busy, setBusy, busyState] = useDashboardState(`${key}/busy`, false);
+	const [error, setError] = useDashboardState(`${key}/error`, "");
+	const [note, setNote] = useDashboardState(`${key}/note`, "");
+	const dirty = Object.keys(drafts).length;
+	const reload = useCallback(async () => {
+		if (repositoryId === "") {
+			setView(void 0);
+			return;
+		}
+		if (busyState.state) return;
+		const previous = viewState.state;
+		const result = await 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
+	]);
+	useEffect(() => {
+		reload();
+	}, [reload]);
+	const change = useCallback((key, value) => {
+		setNote("");
+		setDrafts((current) => ({
+			...current,
+			[key]: value
+		}));
+	}, [setNote, setDrafts]);
+	const revert = useCallback((key) => {
+		setDrafts((current) => {
+			const next = { ...current };
+			delete next[key];
+			return next;
+		});
+	}, [setDrafts]);
+	const save = useCallback(async () => {
+		if (busyState.state || view === void 0 || dirty === 0) return;
+		setBusy(true);
+		setError("");
+		const result = await 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(sessionsStore.state.byId)) 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__ */ jsxs(SettingsPage, {
+		"data-testid": "repository-settings",
+		children: [
+			/* @__PURE__ */ jsxs(SettingsHeader, { children: [/* @__PURE__ */ jsx(SettingsTitle, { children: "Defaults" }), /* @__PURE__ */ jsx(SettingsDescription, { children: "What a new session in this repository starts with. Sessions already open keep what they have." })] }),
+			repository === null ? /* @__PURE__ */ jsx(SettingsCard, { children: /* @__PURE__ */ jsx(SettingsRow, {
+				"data-testid": "repository-settings-empty",
+				children: /* @__PURE__ */ jsxs(SettingsRowText, { children: [/* @__PURE__ */ jsx(SettingsRowTitle, { children: "No repository yet" }), /* @__PURE__ */ jsxs(SettingsRowDescription, { children: [
+					"Open a session inside a Git or ",
+					/* @__PURE__ */ jsx("code", {
+						className: "font-mono",
+						children: ".po"
+					}),
+					" repository to set its defaults here."
+				] })] })
+			}) }) : null,
+			error === "" ? null : /* @__PURE__ */ jsx("p", {
+				"data-testid": "repository-settings-error",
+				role: "alert",
+				className: "text-sm leading-relaxed text-doom-red",
+				children: error
+			}),
+			view === void 0 ? null : /* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 flex-col gap-4",
+				children: [/* @__PURE__ */ jsxs(SettingsCard, { children: [
+					/* @__PURE__ */ 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__ */ jsx(DomainsAxis, {
+						view,
+						draft: domainDirty ? drafts.domains : void 0,
+						dirty: domainDirty,
+						busy,
+						onChange: (value) => change("domains", value),
+						onRevert: () => revert("domains")
+					}),
+					/* @__PURE__ */ 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__ */ jsxs(SettingsActions, { children: [
+					/* @__PURE__ */ jsx(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__ */ jsx(Button, {
+						variant: "ghost",
+						size: "sm",
+						disabled: busy,
+						onClick: () => setDrafts({}),
+						children: "Discard"
+					}),
+					/* @__PURE__ */ jsx(SettingsNote, { children: dirty > 0 ? `${String(dirty)} unsaved ${dirty === 1 ? "change" : "changes"}.` : note })
+				] })]
+			})
+		]
+	});
+}
+//#endregion
+export { RepositorySettings };
+
+//# sourceMappingURL=RepositorySettings.mjs.map

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

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

@@ -0,0 +1,160 @@
+const require_sealedSession = require("../../lib/sealedSession.cjs");
+const require_stepUp = require("../../lib/stepUp.cjs");
+const require_pluginCompositions = require("../../lib/pluginCompositions.cjs");
+const require_settingsApi = require("../../lib/settingsApi.cjs");
+const require_workspacesStore = require("../../stores/workspacesStore.cjs");
+const require_ContributedSettings = require("./ContributedSettings.cjs");
+const require_RepositorySettings = require("./RepositorySettings.cjs");
+const require_SettingsMenu = require("./SettingsMenu.cjs");
+let react = require("react");
+let _tanstack_react_store = require("@tanstack/react-store");
+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/RepositoryWorkspace.tsx
+const LAST_REPOSITORY_KEY = "po.settings.repository";
+const requestThroughSealedSession = (input, init) => require_sealedSession.sealedHttpSession.fetch(input, init);
+function rememberedRepository() {
+	try {
+		return localStorage.getItem(LAST_REPOSITORY_KEY) ?? "";
+	} catch {
+		return "";
+	}
+}
+function rememberRepository(repositoryId) {
+	try {
+		localStorage.setItem(LAST_REPOSITORY_KEY, repositoryId);
+	} catch {}
+}
+function RepositoryWorkspace({ current, initialRepositoryId, onRepositoryChange, onReady }) {
+	const workspaceFingerprint = (0, _tanstack_react_store.useStore)(require_workspacesStore.workspacesStore, (state) => state.order.join("\n"));
+	const [repositories, setRepositories] = (0, react.useState)([]);
+	const [repositoryId, setRepositoryId] = (0, react.useState)(() => initialRepositoryId ?? rememberedRepository());
+	const [loading, setLoading] = (0, react.useState)(true);
+	const repository = (0, react.useMemo)(() => repositories.find((candidate) => candidate.id === repositoryId) ?? null, [repositories, repositoryId]);
+	(0, react.useEffect)(() => {
+		let currentRequest = true;
+		setLoading(true);
+		require_settingsApi.listSettingsRepositories().then((found) => {
+			if (!currentRequest) return;
+			setRepositories(found);
+			setRepositoryId((selected) => {
+				const next = found.some((candidate) => candidate.id === selected) ? selected : found.find((candidate) => candidate.active)?.id ?? found[0]?.id ?? "";
+				if (next) rememberRepository(next);
+				return next;
+			});
+			setLoading(false);
+		});
+		return () => {
+			currentRequest = false;
+		};
+	}, [workspaceFingerprint]);
+	(0, react.useEffect)(() => {
+		if (loading) return;
+		let cancelled = false;
+		require_pluginCompositions.focusWorkspaceWebPlugins(repositoryId || null).then(() => {
+			if (!cancelled) onReady?.(true);
+		}).catch((error) => console.error(error));
+		return () => {
+			cancelled = true;
+		};
+	}, [
+		repositoryId,
+		loading,
+		onReady
+	]);
+	const selectRepository = (next) => {
+		setRepositoryId(next);
+		rememberRepository(next);
+		onRepositoryChange?.(next);
+	};
+	const panel = current.repositoryPanel;
+	const Panel = panel?.component;
+	const groups = [{
+		label: "Open",
+		items: repositories.filter((candidate) => candidate.active)
+	}, {
+		label: "Recent",
+		items: repositories.filter((candidate) => !candidate.active)
+	}].filter((group) => group.items.length > 0);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex min-h-0 flex-1 flex-col",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex min-w-0 shrink-0 items-center gap-3 border-b border-doom-border-soft px-3 py-2.5 sm:px-5 lg:px-6",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.Select, {
+					value: repositoryId,
+					disabled: loading || repositories.length === 0,
+					onValueChange: selectRepository,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SelectTrigger, {
+						"data-testid": "repository-workspace-picker",
+						"aria-label": "Repository",
+						className: "w-48 shrink-0 text-sm font-medium sm:w-60",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SelectValue, { placeholder: loading ? "Reading repositories…" : "Pick a repository" })
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SelectContent, { children: groups.map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SelectGroup, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SelectLabel, { children: group.label }), group.items.map((candidate) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SelectItem, {
+						value: candidate.id,
+						children: candidate.name
+					}, candidate.id))] }, group.label)) })]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					title: repository?.path,
+					className: "min-w-0 flex-1 truncate font-mono text-sm text-doom-dim",
+					children: repository?.path
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Button, {
+					variant: "ghost",
+					size: "icon-md",
+					"aria-label": "Refresh repositories",
+					title: "Refresh repositories",
+					loading,
+					disabled: loading,
+					onClick: () => {
+						setLoading(true);
+						require_settingsApi.listSettingsRepositories().then((found) => {
+							setRepositories(found);
+							setLoading(false);
+						});
+					},
+					className: "shrink-0 text-doom-dim",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.RefreshIcon, {
+						"aria-hidden": true,
+						className: "size-4"
+					})
+				})
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex min-h-0 flex-1 flex-col lg:flex-row",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SettingsMenu.SettingsMenu, {
+				active: current.id,
+				workspace: "repository",
+				repositoryId
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+				"data-testid": "settings-content",
+				className: "min-w-0 flex-1 overflow-y-auto px-3 py-3 sm:px-5 sm:py-5 lg:px-8",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "mx-auto flex w-full max-w-[720px] flex-col gap-8",
+					children: [
+						current.id === "repositories" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_RepositorySettings.RepositorySettings, { repository }) : null,
+						current.contribution === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ContributedSettings.ContributedSettings, {
+							section: current.contribution,
+							scope: "repository",
+							repoRoot: repository?.path ?? "",
+							workspaceId: repository?.id
+						}),
+						panel === void 0 || Panel === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsPage, {
+							"data-testid": `repository-settings-panel-${panel.pluginId}`,
+							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: panel.label }), panel.detail ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsDescription, { children: panel.detail }) : null] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Panel, {
+								repository,
+								request: requestThroughSealedSession,
+								requestWithStepUp: require_stepUp.fetchWithStepUp
+							})]
+						})
+					]
+				})
+			})]
+		})]
+	});
+}
+//#endregion
+exports.RepositoryWorkspace = RepositoryWorkspace;
+
+//# sourceMappingURL=RepositoryWorkspace.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepositoryWorkspace.cjs","names":["sealedHttpSession","useStore","workspacesStore","useState","useMemo","listSettingsRepositories","focusWorkspaceWebPlugins","Select","SelectTrigger","SelectValue","SelectContent","SelectGroup","SelectLabel","SelectItem","Button","RefreshIcon","SettingsMenu","RepositorySettings","ContributedSettings","SettingsPage","SettingsHeader","SettingsTitle","SettingsDescription","fetchWithStepUp"],"sources":["../../../../src/web/features/settings/RepositoryWorkspace.tsx"],"sourcesContent":["import {\n  Button,\n  RefreshIcon,\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectTrigger,\n  SelectValue,\n  SettingsDescription,\n  SettingsHeader,\n  SettingsPage,\n  SettingsTitle,\n} from '@agimon-ai/po-web-components';\nimport { useStore } from '@tanstack/react-store';\nimport { useEffect, useMemo, useState } from 'react';\n\nimport type { SettingsRepository } from '../../../types/settings';\nimport { focusWorkspaceWebPlugins } from '../../lib/pluginCompositions';\nimport { sealedHttpSession } from '../../lib/sealedSession';\nimport { listSettingsRepositories } from '../../lib/settingsApi';\nimport type { SettingsSection } from '../../lib/settingsSections';\nimport { fetchWithStepUp } from '../../lib/stepUp';\nimport { workspacesStore } from '../../stores/workspacesStore';\nimport { ContributedSettings } from './ContributedSettings';\nimport { RepositorySettings } from './RepositorySettings';\nimport { SettingsMenu } from './SettingsMenu';\n\nconst LAST_REPOSITORY_KEY = 'po.settings.repository';\n\nconst requestThroughSealedSession = (input: string, init?: RequestInit): Promise<Response> =>\n  sealedHttpSession.fetch(input, init);\n\nfunction rememberedRepository(): string {\n  try {\n    return localStorage.getItem(LAST_REPOSITORY_KEY) ?? '';\n  } catch {\n    return '';\n  }\n}\n\nfunction rememberRepository(repositoryId: string): void {\n  try {\n    localStorage.setItem(LAST_REPOSITORY_KEY, repositoryId);\n  } catch {\n    // Browser storage is optional. The picker still works for this page load.\n  }\n}\n\nexport function RepositoryWorkspace({\n  current,\n  initialRepositoryId,\n  onRepositoryChange,\n  onReady,\n}: {\n  current: SettingsSection;\n  initialRepositoryId?: string;\n  onRepositoryChange?: (repositoryId: string) => void;\n  onReady?: (ready: boolean) => void;\n}) {\n  const workspaceFingerprint = useStore(workspacesStore, (state) => state.order.join('\\n'));\n  const [repositories, setRepositories] = useState<readonly SettingsRepository[]>([]);\n  const [repositoryId, setRepositoryId] = useState(() => initialRepositoryId ?? rememberedRepository());\n  const [loading, setLoading] = useState(true);\n  const repository = useMemo(\n    () => repositories.find((candidate) => candidate.id === repositoryId) ?? null,\n    [repositories, repositoryId],\n  );\n\n  useEffect(() => {\n    let currentRequest = true;\n    // eslint-disable-next-line react/set-state-in-effect -- marks the in-flight request that lists the hub's repositories over HTTP.\n    setLoading(true);\n    void listSettingsRepositories().then((found) => {\n      if (!currentRequest) return;\n      setRepositories(found);\n      setRepositoryId((selected) => {\n        const next = found.some((candidate) => candidate.id === selected)\n          ? selected\n          : (found.find((candidate) => candidate.active)?.id ?? found[0]?.id ?? '');\n        if (next) rememberRepository(next);\n        return next;\n      });\n      setLoading(false);\n    });\n    return () => {\n      currentRequest = false;\n    };\n  }, [workspaceFingerprint]);\n\n  useEffect(() => {\n    if (loading) return;\n    let cancelled = false;\n    void focusWorkspaceWebPlugins(repositoryId || null)\n      .then(() => {\n        if (!cancelled) onReady?.(true);\n      })\n      .catch((error: unknown) => console.error(error));\n    return () => {\n      cancelled = true;\n    };\n  }, [repositoryId, loading, onReady]);\n\n  const selectRepository = (next: string): void => {\n    setRepositoryId(next);\n    rememberRepository(next);\n    onRepositoryChange?.(next);\n  };\n  const panel = current.repositoryPanel;\n  const Panel = panel?.component;\n  // Open and recent are where a repository is, not what it is called, so the\n  // menu groups by them instead of repeating a status after every name.\n  const groups = [\n    { label: 'Open', items: repositories.filter((candidate) => candidate.active) },\n    { label: 'Recent', items: repositories.filter((candidate) => !candidate.active) },\n  ].filter((group) => group.items.length > 0);\n\n  return (\n    <div className=\"flex min-h-0 flex-1 flex-col\">\n      <div className=\"flex min-w-0 shrink-0 items-center gap-3 border-b border-doom-border-soft px-3 py-2.5 sm:px-5 lg:px-6\">\n        <Select value={repositoryId} disabled={loading || repositories.length === 0} onValueChange={selectRepository}>\n          <SelectTrigger\n            data-testid=\"repository-workspace-picker\"\n            aria-label=\"Repository\"\n            className=\"w-48 shrink-0 text-sm font-medium sm:w-60\"\n          >\n            <SelectValue placeholder={loading ? 'Reading repositories…' : 'Pick a repository'} />\n          </SelectTrigger>\n          <SelectContent>\n            {groups.map((group) => (\n              <SelectGroup key={group.label}>\n                <SelectLabel>{group.label}</SelectLabel>\n                {group.items.map((candidate) => (\n                  <SelectItem key={candidate.id} value={candidate.id}>\n                    {candidate.name}\n                  </SelectItem>\n                ))}\n              </SelectGroup>\n            ))}\n          </SelectContent>\n        </Select>\n        <span title={repository?.path} className=\"min-w-0 flex-1 truncate font-mono text-sm text-doom-dim\">\n          {repository?.path}\n        </span>\n        <Button\n          variant=\"ghost\"\n          size=\"icon-md\"\n          aria-label=\"Refresh repositories\"\n          title=\"Refresh repositories\"\n          loading={loading}\n          disabled={loading}\n          onClick={() => {\n            setLoading(true);\n            void listSettingsRepositories().then((found) => {\n              setRepositories(found);\n              setLoading(false);\n            });\n          }}\n          className=\"shrink-0 text-doom-dim\"\n        >\n          <RefreshIcon aria-hidden className=\"size-4\" />\n        </Button>\n      </div>\n      <div className=\"flex min-h-0 flex-1 flex-col lg:flex-row\">\n        <SettingsMenu active={current.id} workspace=\"repository\" repositoryId={repositoryId} />\n        <section\n          data-testid=\"settings-content\"\n          className=\"min-w-0 flex-1 overflow-y-auto px-3 py-3 sm:px-5 sm:py-5 lg:px-8\"\n        >\n          {/* Same column width the general workspace uses. */}\n          <div className=\"mx-auto flex w-full max-w-[720px] flex-col gap-8\">\n            {current.id === 'repositories' ? <RepositorySettings repository={repository} /> : null}\n            {current.contribution === undefined ? null : (\n              <ContributedSettings\n                section={current.contribution}\n                scope=\"repository\"\n                repoRoot={repository?.path ?? ''}\n                workspaceId={repository?.id}\n              />\n            )}\n            {panel === undefined || Panel === undefined ? null : (\n              <SettingsPage data-testid={`repository-settings-panel-${panel.pluginId}`}>\n                <SettingsHeader>\n                  <SettingsTitle>{panel.label}</SettingsTitle>\n                  {panel.detail ? <SettingsDescription>{panel.detail}</SettingsDescription> : null}\n                </SettingsHeader>\n                <Panel\n                  repository={repository}\n                  request={requestThroughSealedSession}\n                  requestWithStepUp={fetchWithStepUp}\n                />\n              </SettingsPage>\n            )}\n          </div>\n        </section>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AA6BA,MAAM,sBAAsB;AAE5B,MAAM,+BAA+B,OAAe,SAClDA,sBAAAA,kBAAkB,MAAM,OAAO,IAAI;AAErC,SAAS,uBAA+B;CACtC,IAAI;EACF,OAAO,aAAa,QAAQ,mBAAmB,KAAK;CACtD,QAAQ;EACN,OAAO;CACT;AACF;AAEA,SAAS,mBAAmB,cAA4B;CACtD,IAAI;EACF,aAAa,QAAQ,qBAAqB,YAAY;CACxD,QAAQ,CAER;AACF;AAEA,SAAgB,oBAAoB,EAClC,SACA,qBACA,oBACA,WAMC;CACD,MAAM,wBAAA,GAAuBC,sBAAAA,SAAAA,CAASC,wBAAAA,kBAAkB,UAAU,MAAM,MAAM,KAAK,IAAI,CAAC;CACxF,MAAM,CAAC,cAAc,oBAAA,GAAmBC,MAAAA,SAAAA,CAAwC,CAAC,CAAC;CAClF,MAAM,CAAC,cAAc,oBAAA,GAAmBA,MAAAA,SAAAA,OAAe,uBAAuB,qBAAqB,CAAC;CACpG,MAAM,CAAC,SAAS,eAAA,GAAcA,MAAAA,SAAAA,CAAS,IAAI;CAC3C,MAAM,cAAA,GAAaC,MAAAA,QAAAA,OACX,aAAa,MAAM,cAAc,UAAU,OAAO,YAAY,KAAK,MACzE,CAAC,cAAc,YAAY,CAC7B;CAEA,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,iBAAiB;EAErB,WAAW,IAAI;EACf,oBAAKC,yBAAyB,CAAC,CAAC,MAAM,UAAU;GAC9C,IAAI,CAAC,gBAAgB;GACrB,gBAAgB,KAAK;GACrB,iBAAiB,aAAa;IAC5B,MAAM,OAAO,MAAM,MAAM,cAAc,UAAU,OAAO,QAAQ,IAC5D,WACC,MAAM,MAAM,cAAc,UAAU,MAAM,CAAC,EAAE,MAAM,MAAM,EAAE,EAAE,MAAM;IACxE,IAAI,MAAM,mBAAmB,IAAI;IACjC,OAAO;GACT,CAAC;GACD,WAAW,KAAK;EAClB,CAAC;EACD,aAAa;GACX,iBAAiB;EACnB;CACF,GAAG,CAAC,oBAAoB,CAAC;CAEzB,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,SAAS;EACb,IAAI,YAAY;EAChB,2BAAKC,yBAAyB,gBAAgB,IAAI,CAAC,CAChD,WAAW;GACV,IAAI,CAAC,WAAW,UAAU,IAAI;EAChC,CAAC,CAAC,CACD,OAAO,UAAmB,QAAQ,MAAM,KAAK,CAAC;EACjD,aAAa;GACX,YAAY;EACd;CACF,GAAG;EAAC;EAAc;EAAS;CAAO,CAAC;CAEnC,MAAM,oBAAoB,SAAuB;EAC/C,gBAAgB,IAAI;EACpB,mBAAmB,IAAI;EACvB,qBAAqB,IAAI;CAC3B;CACA,MAAM,QAAQ,QAAQ;CACtB,MAAM,QAAQ,OAAO;CAGrB,MAAM,SAAS,CACb;EAAE,OAAO;EAAQ,OAAO,aAAa,QAAQ,cAAc,UAAU,MAAM;CAAE,GAC7E;EAAE,OAAO;EAAU,OAAO,aAAa,QAAQ,cAAc,CAAC,UAAU,MAAM;CAAE,CAClF,CAAC,CAAC,QAAQ,UAAU,MAAM,MAAM,SAAS,CAAC;CAE1C,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,6BAAAA,QAAD;KAAQ,OAAO;KAAc,UAAU,WAAW,aAAa,WAAW;KAAG,eAAe;KAA5F,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,eAAD;MACE,eAAY;MACZ,cAAW;MACX,WAAU;MAEV,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,aAAD,EAAa,aAAa,UAAU,0BAA0B,oBAAsB,CAAA;KACvE,CAAA,GACf,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,eAAD,EAAA,UACG,OAAO,KAAK,UACX,iBAAA,GAAA,kBAAA,KAAA,CAACC,6BAAAA,aAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,aAAD,EAAA,UAAc,MAAM,MAAmB,CAAA,GACtC,MAAM,MAAM,KAAK,cAChB,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,YAAD;MAA+B,OAAO,UAAU;MAC7C,UAAA,UAAU;KACD,GAFK,UAAU,EAEf,CACb,CACU,EAAA,GAPK,MAAM,KAOX,CACd,EACY,CAAA,CACT;;IACR,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,OAAO,YAAY;KAAM,WAAU;KACtC,UAAA,YAAY;IACT,CAAA;IACN,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,QAAD;KACE,SAAQ;KACR,MAAK;KACL,cAAW;KACX,OAAM;KACG;KACT,UAAU;KACV,eAAe;MACb,WAAW,IAAI;MACf,oBAAKT,yBAAyB,CAAC,CAAC,MAAM,UAAU;OAC9C,gBAAgB,KAAK;OACrB,WAAW,KAAK;MAClB,CAAC;KACH;KACA,WAAU;KAEV,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACU,6BAAAA,aAAD;MAAa,eAAA;MAAY,WAAU;KAAU,CAAA;IACvC,CAAA;GACL;EACL,CAAA,GAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,cAAD;IAAc,QAAQ,QAAQ;IAAI,WAAU;IAA2B;GAAe,CAAA,GACtF,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;IACE,eAAY;IACZ,WAAU;IAGV,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACG,QAAQ,OAAO,iBAAiB,iBAAA,GAAA,kBAAA,IAAA,CAACC,2BAAAA,oBAAD,EAAgC,WAAa,CAAA,IAAI;MACjF,QAAQ,iBAAiB,KAAA,IAAY,OACpC,iBAAA,GAAA,kBAAA,IAAA,CAACC,4BAAAA,qBAAD;OACE,SAAS,QAAQ;OACjB,OAAM;OACN,UAAU,YAAY,QAAQ;OAC9B,aAAa,YAAY;MAC1B,CAAA;MAEF,UAAU,KAAA,KAAa,UAAU,KAAA,IAAY,OAC5C,iBAAA,GAAA,kBAAA,KAAA,CAACC,6BAAAA,cAAD;OAAc,eAAa,6BAA6B,MAAM;OAA9D,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,6BAAAA,gBAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,eAAD,EAAA,UAAgB,MAAM,MAAqB,CAAA,GAC1C,MAAM,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,qBAAD,EAAA,UAAsB,MAAM,OAA4B,CAAA,IAAI,IAC9D,EAAA,CAAA,GAChB,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;QACc;QACZ,SAAS;QACT,mBAAmBC,eAAAA;OACpB,CAAA,CACW;;KAEb;;GACE,CAAA,CACN;EACF,CAAA,CAAA;;AAET"}

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

@@ -0,0 +1,10 @@
+import { SettingsSection } from "../../lib/settingsSections.mjs";
+//#region src/web/features/settings/RepositoryWorkspace.d.ts
+export declare function RepositoryWorkspace({ current, initialRepositoryId, onRepositoryChange, onReady }: {
+  current: SettingsSection;
+  initialRepositoryId?: string;
+  onRepositoryChange?: (repositoryId: string) => void;
+  onReady?: (ready: boolean) => void;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=RepositoryWorkspace.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepositoryWorkspace.d.mts","names":[],"sources":["../../../../src/web/features/settings/RepositoryWorkspace.tsx"],"mappings":";;wBAkDgB,sBACd,SACA,qBACA,oBACA;EAEA,SAAS;EACT;EACA,sBAAsB;EACtB,WAAW;oBACZ,IAAA"}