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

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

@@ -0,0 +1,135 @@
+const require_settingsSections = require("../../lib/settingsSections.cjs");
+let react = require("react");
+let _tanstack_react_router = require("@tanstack/react-router");
+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/SettingsMenu.tsx
+function SectionLinks({ active, sections, onNavigate, repositoryId }) {
+	return sections.map((section) => {
+		const current = section.id === active;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.NavTab, {
+			asChild: true,
+			active: current,
+			className: "relative min-h-9 min-w-0 rounded-md px-3 py-2 text-doom-text focus-visible:ring-2 focus-visible:ring-doom-green data-[active=true]:bg-doom-panel data-[active=true]:font-semibold data-[active=true]:text-doom-hi data-[active=true]:before:absolute data-[active=true]:before:inset-y-2 data-[active=true]:before:left-0 data-[active=true]:before:w-0.5 data-[active=true]:before:rounded-full data-[active=true]:before:bg-doom-green",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tanstack_react_router.Link, {
+				to: "/settings/$section",
+				params: { section: section.id },
+				search: { workspace: repositoryId },
+				"data-testid": `settings-section-${section.id}`,
+				"aria-current": current ? "page" : void 0,
+				onClick: onNavigate,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "block truncate first-letter:uppercase",
+					children: section.label
+				})
+			})
+		}, section.id);
+	});
+}
+/** Host pages first, then what plugins added, so a reader knows who owns a setting. */
+function SectionGroups(props) {
+	const { workspace, sections, ...links } = props;
+	const fromPlugin = (section) => section.contribution !== void 0 || section.panel !== void 0 || section.repositoryPanel !== void 0;
+	return [{
+		label: workspace,
+		sections: sections.filter((section) => !fromPlugin(section))
+	}, {
+		label: "from plugins",
+		sections: sections.filter(fromPlugin)
+	}].filter((group) => group.sections.length > 0).map((group, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: `flex flex-col gap-0.5 ${index > 0 ? "pt-5" : ""}`,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SectionLabel, {
+			className: "px-3 pb-2",
+			children: group.label
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionLinks, {
+			...links,
+			sections: group.sections
+		})]
+	}, group.label));
+}
+function SettingsMenu({ active, workspace, repositoryId }) {
+	const [open, setOpen] = (0, react.useState)(false);
+	const sections = require_settingsSections.settingsSections(workspace);
+	const current = sections.find((section) => section.id === active) ?? sections[0];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "shrink-0 border-b border-doom-border bg-doom-panel/40 p-2 lg:hidden",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.Button, {
+				variant: "outline",
+				size: "sm",
+				"data-testid": "settings-menu-open",
+				"aria-haspopup": "dialog",
+				"aria-expanded": open,
+				onClick: () => setOpen(true),
+				className: "h-auto w-full justify-between gap-3 px-3 py-2 text-left whitespace-normal",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "flex min-w-0 items-center gap-2.5",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.GearIcon, { className: "h-3.5 w-3.5 shrink-0 text-doom-green" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "flex min-w-0 flex-col gap-0.5",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "truncate text-base font-medium text-doom-hi first-letter:uppercase",
+							children: current?.label ?? workspace
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "truncate text-sm font-normal text-doom-dim",
+							children: current?.detail
+						})]
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.ChevronUpIcon, { className: "h-3.5 w-3.5 shrink-0 text-doom-faint" })]
+			})
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+			"data-testid": "settings-menu",
+			"aria-label": `${workspace} settings sections`,
+			className: "hidden w-56 shrink-0 flex-col overflow-y-auto border-r border-doom-border-soft px-3 py-6 lg:flex",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionGroups, {
+				active,
+				workspace,
+				sections,
+				repositoryId
+			})
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Dialog, {
+			open,
+			onOpenChange: setOpen,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.DialogContent, {
+				width: "lg",
+				"data-testid": "settings-menu-sheet",
+				"aria-describedby": void 0,
+				className: "top-auto bottom-0 left-0 max-h-[min(72dvh,560px)] !w-full !max-w-none translate-x-0 translate-y-0 rounded-t-xl rounded-b-none border-x-0 border-b-0 data-[state=open]:animate-none lg:hidden",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						"aria-hidden": true,
+						className: "mx-auto mt-2 h-1 w-10 shrink-0 rounded-full bg-doom-border"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.DialogHeader, {
+						dismissible: true,
+						closeLabel: "close settings menu",
+						className: "py-2.5",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.DialogTitle, {
+							className: "first-letter:uppercase",
+							children: [workspace, " settings"]
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.DialogBody, {
+						className: "gap-1 p-2 pb-[max(0.75rem,env(safe-area-inset-bottom))]",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+							"aria-label": `${workspace} settings sections`,
+							className: "flex flex-col",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionGroups, {
+								active,
+								workspace,
+								sections,
+								repositoryId,
+								onNavigate: () => setOpen(false)
+							})
+						})
+					})
+				]
+			})
+		})
+	] });
+}
+//#endregion
+exports.SettingsMenu = SettingsMenu;
+
+//# sourceMappingURL=SettingsMenu.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsMenu.cjs","names":["NavTab","Link","SectionLabel","useState","settingsSections","Button","GearIcon","ChevronUpIcon","Dialog","DialogContent","DialogHeader","DialogTitle","DialogBody"],"sources":["../../../../src/web/features/settings/SettingsMenu.tsx"],"sourcesContent":["import {\n  Button,\n  ChevronUpIcon,\n  Dialog,\n  DialogBody,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  GearIcon,\n  NavTab,\n  SectionLabel,\n} from '@agimon-ai/po-web-components';\nimport { Link } from '@tanstack/react-router';\nimport { useState } from 'react';\n\nimport { settingsSections, type SettingsSection, type SettingsWorkspace } from '../../lib/settingsSections';\n\nfunction SectionLinks({\n  active,\n  sections,\n  onNavigate,\n  repositoryId,\n}: {\n  active: string | undefined;\n  sections: readonly SettingsSection[];\n  onNavigate?: () => void;\n  repositoryId?: string;\n}) {\n  return sections.map((section) => {\n    const current = section.id === active;\n    return (\n      <NavTab\n        key={section.id}\n        asChild\n        active={current}\n        className=\"relative min-h-9 min-w-0 rounded-md px-3 py-2 text-doom-text focus-visible:ring-2 focus-visible:ring-doom-green data-[active=true]:bg-doom-panel data-[active=true]:font-semibold data-[active=true]:text-doom-hi data-[active=true]:before:absolute data-[active=true]:before:inset-y-2 data-[active=true]:before:left-0 data-[active=true]:before:w-0.5 data-[active=true]:before:rounded-full data-[active=true]:before:bg-doom-green\"\n      >\n        <Link\n          to=\"/settings/$section\"\n          params={{ section: section.id }}\n          search={{ workspace: repositoryId }}\n          data-testid={`settings-section-${section.id}`}\n          aria-current={current ? 'page' : undefined}\n          onClick={onNavigate}\n        >\n          <span className=\"block truncate first-letter:uppercase\">{section.label}</span>\n        </Link>\n      </NavTab>\n    );\n  });\n}\n\n/** Host pages first, then what plugins added, so a reader knows who owns a setting. */\nfunction SectionGroups(props: {\n  active: string | undefined;\n  workspace: SettingsWorkspace;\n  sections: readonly SettingsSection[];\n  onNavigate?: () => void;\n  repositoryId?: string;\n}) {\n  const { workspace, sections, ...links } = props;\n  const fromPlugin = (section: SettingsSection) =>\n    section.contribution !== undefined || section.panel !== undefined || section.repositoryPanel !== undefined;\n  const groups = [\n    { label: workspace, sections: sections.filter((section) => !fromPlugin(section)) },\n    { label: 'from plugins', sections: sections.filter(fromPlugin) },\n  ].filter((group) => group.sections.length > 0);\n  return groups.map((group, index) => (\n    <div key={group.label} className={`flex flex-col gap-0.5 ${index > 0 ? 'pt-5' : ''}`}>\n      <SectionLabel className=\"px-3 pb-2\">{group.label}</SectionLabel>\n      <SectionLinks {...links} sections={group.sections} />\n    </div>\n  ));\n}\n\nexport function SettingsMenu({\n  active,\n  workspace,\n  repositoryId,\n}: {\n  active: string | undefined;\n  workspace: SettingsWorkspace;\n  repositoryId?: string;\n}) {\n  const [open, setOpen] = useState(false);\n  const sections = settingsSections(workspace);\n  const current = sections.find((section) => section.id === active) ?? sections[0];\n\n  return (\n    <>\n      <div className=\"shrink-0 border-b border-doom-border bg-doom-panel/40 p-2 lg:hidden\">\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          data-testid=\"settings-menu-open\"\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          onClick={() => setOpen(true)}\n          className=\"h-auto w-full justify-between gap-3 px-3 py-2 text-left whitespace-normal\"\n        >\n          <span className=\"flex min-w-0 items-center gap-2.5\">\n            <GearIcon className=\"h-3.5 w-3.5 shrink-0 text-doom-green\" />\n            <span className=\"flex min-w-0 flex-col gap-0.5\">\n              <span className=\"truncate text-base font-medium text-doom-hi first-letter:uppercase\">\n                {current?.label ?? workspace}\n              </span>\n              <span className=\"truncate text-sm font-normal text-doom-dim\">{current?.detail}</span>\n            </span>\n          </span>\n          <ChevronUpIcon className=\"h-3.5 w-3.5 shrink-0 text-doom-faint\" />\n        </Button>\n      </div>\n\n      <nav\n        data-testid=\"settings-menu\"\n        aria-label={`${workspace} settings sections`}\n        className=\"hidden w-56 shrink-0 flex-col overflow-y-auto border-r border-doom-border-soft px-3 py-6 lg:flex\"\n      >\n        <SectionGroups active={active} workspace={workspace} sections={sections} repositoryId={repositoryId} />\n      </nav>\n\n      <Dialog open={open} onOpenChange={setOpen}>\n        <DialogContent\n          width=\"lg\"\n          data-testid=\"settings-menu-sheet\"\n          aria-describedby={undefined}\n          className=\"top-auto bottom-0 left-0 max-h-[min(72dvh,560px)] !w-full !max-w-none translate-x-0 translate-y-0 rounded-t-xl rounded-b-none border-x-0 border-b-0 data-[state=open]:animate-none lg:hidden\"\n        >\n          <span aria-hidden className=\"mx-auto mt-2 h-1 w-10 shrink-0 rounded-full bg-doom-border\" />\n          <DialogHeader dismissible closeLabel=\"close settings menu\" className=\"py-2.5\">\n            <DialogTitle className=\"first-letter:uppercase\">{workspace} settings</DialogTitle>\n          </DialogHeader>\n          <DialogBody className=\"gap-1 p-2 pb-[max(0.75rem,env(safe-area-inset-bottom))]\">\n            <nav aria-label={`${workspace} settings sections`} className=\"flex flex-col\">\n              <SectionGroups\n                active={active}\n                workspace={workspace}\n                sections={sections}\n                repositoryId={repositoryId}\n                onNavigate={() => setOpen(false)}\n              />\n            </nav>\n          </DialogBody>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+import { SettingsWorkspace } from "../../lib/settingsSections.mjs";
+//#region src/web/features/settings/SettingsMenu.d.ts
+export declare function SettingsMenu({ active, workspace, repositoryId }: {
+  active: string | undefined;
+  workspace: SettingsWorkspace;
+  repositoryId?: string;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=SettingsMenu.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsMenu.d.mts","names":[],"sources":["../../../../src/web/features/settings/SettingsMenu.tsx"],"mappings":";;wBA2EgB,eACd,QACA,WACA;EAEA;EACA,WAAW;EACX;oBACD,IAAA"}

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

@@ -0,0 +1,135 @@
+import { settingsSections } from "../../lib/settingsSections.mjs";
+import { useState } from "react";
+import { Link } from "@tanstack/react-router";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Button, ChevronUpIcon, Dialog, DialogBody, DialogContent, DialogHeader, DialogTitle, GearIcon, NavTab, SectionLabel } from "@agimon-ai/po-web-components";
+//#region src/web/features/settings/SettingsMenu.tsx
+function SectionLinks({ active, sections, onNavigate, repositoryId }) {
+	return sections.map((section) => {
+		const current = section.id === active;
+		return /* @__PURE__ */ jsx(NavTab, {
+			asChild: true,
+			active: current,
+			className: "relative min-h-9 min-w-0 rounded-md px-3 py-2 text-doom-text focus-visible:ring-2 focus-visible:ring-doom-green data-[active=true]:bg-doom-panel data-[active=true]:font-semibold data-[active=true]:text-doom-hi data-[active=true]:before:absolute data-[active=true]:before:inset-y-2 data-[active=true]:before:left-0 data-[active=true]:before:w-0.5 data-[active=true]:before:rounded-full data-[active=true]:before:bg-doom-green",
+			children: /* @__PURE__ */ jsx(Link, {
+				to: "/settings/$section",
+				params: { section: section.id },
+				search: { workspace: repositoryId },
+				"data-testid": `settings-section-${section.id}`,
+				"aria-current": current ? "page" : void 0,
+				onClick: onNavigate,
+				children: /* @__PURE__ */ jsx("span", {
+					className: "block truncate first-letter:uppercase",
+					children: section.label
+				})
+			})
+		}, section.id);
+	});
+}
+/** Host pages first, then what plugins added, so a reader knows who owns a setting. */
+function SectionGroups(props) {
+	const { workspace, sections, ...links } = props;
+	const fromPlugin = (section) => section.contribution !== void 0 || section.panel !== void 0 || section.repositoryPanel !== void 0;
+	return [{
+		label: workspace,
+		sections: sections.filter((section) => !fromPlugin(section))
+	}, {
+		label: "from plugins",
+		sections: sections.filter(fromPlugin)
+	}].filter((group) => group.sections.length > 0).map((group, index) => /* @__PURE__ */ jsxs("div", {
+		className: `flex flex-col gap-0.5 ${index > 0 ? "pt-5" : ""}`,
+		children: [/* @__PURE__ */ jsx(SectionLabel, {
+			className: "px-3 pb-2",
+			children: group.label
+		}), /* @__PURE__ */ jsx(SectionLinks, {
+			...links,
+			sections: group.sections
+		})]
+	}, group.label));
+}
+function SettingsMenu({ active, workspace, repositoryId }) {
+	const [open, setOpen] = useState(false);
+	const sections = settingsSections(workspace);
+	const current = sections.find((section) => section.id === active) ?? sections[0];
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx("div", {
+			className: "shrink-0 border-b border-doom-border bg-doom-panel/40 p-2 lg:hidden",
+			children: /* @__PURE__ */ jsxs(Button, {
+				variant: "outline",
+				size: "sm",
+				"data-testid": "settings-menu-open",
+				"aria-haspopup": "dialog",
+				"aria-expanded": open,
+				onClick: () => setOpen(true),
+				className: "h-auto w-full justify-between gap-3 px-3 py-2 text-left whitespace-normal",
+				children: [/* @__PURE__ */ jsxs("span", {
+					className: "flex min-w-0 items-center gap-2.5",
+					children: [/* @__PURE__ */ jsx(GearIcon, { className: "h-3.5 w-3.5 shrink-0 text-doom-green" }), /* @__PURE__ */ jsxs("span", {
+						className: "flex min-w-0 flex-col gap-0.5",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "truncate text-base font-medium text-doom-hi first-letter:uppercase",
+							children: current?.label ?? workspace
+						}), /* @__PURE__ */ jsx("span", {
+							className: "truncate text-sm font-normal text-doom-dim",
+							children: current?.detail
+						})]
+					})]
+				}), /* @__PURE__ */ jsx(ChevronUpIcon, { className: "h-3.5 w-3.5 shrink-0 text-doom-faint" })]
+			})
+		}),
+		/* @__PURE__ */ jsx("nav", {
+			"data-testid": "settings-menu",
+			"aria-label": `${workspace} settings sections`,
+			className: "hidden w-56 shrink-0 flex-col overflow-y-auto border-r border-doom-border-soft px-3 py-6 lg:flex",
+			children: /* @__PURE__ */ jsx(SectionGroups, {
+				active,
+				workspace,
+				sections,
+				repositoryId
+			})
+		}),
+		/* @__PURE__ */ jsx(Dialog, {
+			open,
+			onOpenChange: setOpen,
+			children: /* @__PURE__ */ jsxs(DialogContent, {
+				width: "lg",
+				"data-testid": "settings-menu-sheet",
+				"aria-describedby": void 0,
+				className: "top-auto bottom-0 left-0 max-h-[min(72dvh,560px)] !w-full !max-w-none translate-x-0 translate-y-0 rounded-t-xl rounded-b-none border-x-0 border-b-0 data-[state=open]:animate-none lg:hidden",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						"aria-hidden": true,
+						className: "mx-auto mt-2 h-1 w-10 shrink-0 rounded-full bg-doom-border"
+					}),
+					/* @__PURE__ */ jsx(DialogHeader, {
+						dismissible: true,
+						closeLabel: "close settings menu",
+						className: "py-2.5",
+						children: /* @__PURE__ */ jsxs(DialogTitle, {
+							className: "first-letter:uppercase",
+							children: [workspace, " settings"]
+						})
+					}),
+					/* @__PURE__ */ jsx(DialogBody, {
+						className: "gap-1 p-2 pb-[max(0.75rem,env(safe-area-inset-bottom))]",
+						children: /* @__PURE__ */ jsx("nav", {
+							"aria-label": `${workspace} settings sections`,
+							className: "flex flex-col",
+							children: /* @__PURE__ */ jsx(SectionGroups, {
+								active,
+								workspace,
+								sections,
+								repositoryId,
+								onNavigate: () => setOpen(false)
+							})
+						})
+					})
+				]
+			})
+		})
+	] });
+}
+//#endregion
+export { SettingsMenu };
+
+//# sourceMappingURL=SettingsMenu.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsMenu.mjs","names":[],"sources":["../../../../src/web/features/settings/SettingsMenu.tsx"],"sourcesContent":["import {\n  Button,\n  ChevronUpIcon,\n  Dialog,\n  DialogBody,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  GearIcon,\n  NavTab,\n  SectionLabel,\n} from '@agimon-ai/po-web-components';\nimport { Link } from '@tanstack/react-router';\nimport { useState } from 'react';\n\nimport { settingsSections, type SettingsSection, type SettingsWorkspace } from '../../lib/settingsSections';\n\nfunction SectionLinks({\n  active,\n  sections,\n  onNavigate,\n  repositoryId,\n}: {\n  active: string | undefined;\n  sections: readonly SettingsSection[];\n  onNavigate?: () => void;\n  repositoryId?: string;\n}) {\n  return sections.map((section) => {\n    const current = section.id === active;\n    return (\n      <NavTab\n        key={section.id}\n        asChild\n        active={current}\n        className=\"relative min-h-9 min-w-0 rounded-md px-3 py-2 text-doom-text focus-visible:ring-2 focus-visible:ring-doom-green data-[active=true]:bg-doom-panel data-[active=true]:font-semibold data-[active=true]:text-doom-hi data-[active=true]:before:absolute data-[active=true]:before:inset-y-2 data-[active=true]:before:left-0 data-[active=true]:before:w-0.5 data-[active=true]:before:rounded-full data-[active=true]:before:bg-doom-green\"\n      >\n        <Link\n          to=\"/settings/$section\"\n          params={{ section: section.id }}\n          search={{ workspace: repositoryId }}\n          data-testid={`settings-section-${section.id}`}\n          aria-current={current ? 'page' : undefined}\n          onClick={onNavigate}\n        >\n          <span className=\"block truncate first-letter:uppercase\">{section.label}</span>\n        </Link>\n      </NavTab>\n    );\n  });\n}\n\n/** Host pages first, then what plugins added, so a reader knows who owns a setting. */\nfunction SectionGroups(props: {\n  active: string | undefined;\n  workspace: SettingsWorkspace;\n  sections: readonly SettingsSection[];\n  onNavigate?: () => void;\n  repositoryId?: string;\n}) {\n  const { workspace, sections, ...links } = props;\n  const fromPlugin = (section: SettingsSection) =>\n    section.contribution !== undefined || section.panel !== undefined || section.repositoryPanel !== undefined;\n  const groups = [\n    { label: workspace, sections: sections.filter((section) => !fromPlugin(section)) },\n    { label: 'from plugins', sections: sections.filter(fromPlugin) },\n  ].filter((group) => group.sections.length > 0);\n  return groups.map((group, index) => (\n    <div key={group.label} className={`flex flex-col gap-0.5 ${index > 0 ? 'pt-5' : ''}`}>\n      <SectionLabel className=\"px-3 pb-2\">{group.label}</SectionLabel>\n      <SectionLinks {...links} sections={group.sections} />\n    </div>\n  ));\n}\n\nexport function SettingsMenu({\n  active,\n  workspace,\n  repositoryId,\n}: {\n  active: string | undefined;\n  workspace: SettingsWorkspace;\n  repositoryId?: string;\n}) {\n  const [open, setOpen] = useState(false);\n  const sections = settingsSections(workspace);\n  const current = sections.find((section) => section.id === active) ?? sections[0];\n\n  return (\n    <>\n      <div className=\"shrink-0 border-b border-doom-border bg-doom-panel/40 p-2 lg:hidden\">\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          data-testid=\"settings-menu-open\"\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          onClick={() => setOpen(true)}\n          className=\"h-auto w-full justify-between gap-3 px-3 py-2 text-left whitespace-normal\"\n        >\n          <span className=\"flex min-w-0 items-center gap-2.5\">\n            <GearIcon className=\"h-3.5 w-3.5 shrink-0 text-doom-green\" />\n            <span className=\"flex min-w-0 flex-col gap-0.5\">\n              <span className=\"truncate text-base font-medium text-doom-hi first-letter:uppercase\">\n                {current?.label ?? workspace}\n              </span>\n              <span className=\"truncate text-sm font-normal text-doom-dim\">{current?.detail}</span>\n            </span>\n          </span>\n          <ChevronUpIcon className=\"h-3.5 w-3.5 shrink-0 text-doom-faint\" />\n        </Button>\n      </div>\n\n      <nav\n        data-testid=\"settings-menu\"\n        aria-label={`${workspace} settings sections`}\n        className=\"hidden w-56 shrink-0 flex-col overflow-y-auto border-r border-doom-border-soft px-3 py-6 lg:flex\"\n      >\n        <SectionGroups active={active} workspace={workspace} sections={sections} repositoryId={repositoryId} />\n      </nav>\n\n      <Dialog open={open} onOpenChange={setOpen}>\n        <DialogContent\n          width=\"lg\"\n          data-testid=\"settings-menu-sheet\"\n          aria-describedby={undefined}\n          className=\"top-auto bottom-0 left-0 max-h-[min(72dvh,560px)] !w-full !max-w-none translate-x-0 translate-y-0 rounded-t-xl rounded-b-none border-x-0 border-b-0 data-[state=open]:animate-none lg:hidden\"\n        >\n          <span aria-hidden className=\"mx-auto mt-2 h-1 w-10 shrink-0 rounded-full bg-doom-border\" />\n          <DialogHeader dismissible closeLabel=\"close settings menu\" className=\"py-2.5\">\n            <DialogTitle className=\"first-letter:uppercase\">{workspace} settings</DialogTitle>\n          </DialogHeader>\n          <DialogBody className=\"gap-1 p-2 pb-[max(0.75rem,env(safe-area-inset-bottom))]\">\n            <nav aria-label={`${workspace} settings sections`} className=\"flex flex-col\">\n              <SectionGroups\n                active={active}\n                workspace={workspace}\n                sections={sections}\n                repositoryId={repositoryId}\n                onNavigate={() => setOpen(false)}\n              />\n            </nav>\n          </DialogBody>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,32 @@
+const require_sealedSession = require("../../lib/sealedSession.cjs");
+const require_stepUp = require("../../lib/stepUp.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _agimon_ai_po_web_components = require("@agimon-ai/po-web-components");
+//#region src/web/features/settings/SettingsPanelHost.tsx
+/**
+* The frame around a settings page a package draws itself.
+*
+* The host keeps the heading here rather than leaving it to the plugin, so a
+* self-drawn page carries the same label and detail the menu showed and the
+* reader does not have to trust each package to repeat them. Everything below
+* the heading belongs to the package.
+*
+* The transport is the host's for the same reason the repository panel's is:
+* only the host knows whether the page is being read over a tunnel, and a
+* plugin calling bare fetch would send plaintext to the relay.
+*/
+const requestThroughSealedSession = (input, init) => require_sealedSession.sealedHttpSession.fetch(input, init);
+function SettingsPanelHost({ panel }) {
+	const Panel = panel.component;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsPage, {
+		"data-testid": `settings-panel-${panel.id}`,
+		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, {
+			request: requestThroughSealedSession,
+			requestWithStepUp: require_stepUp.fetchWithStepUp
+		})]
+	});
+}
+//#endregion
+exports.SettingsPanelHost = SettingsPanelHost;
+
+//# sourceMappingURL=SettingsPanelHost.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPanelHost.cjs","names":["sealedHttpSession","SettingsPage","SettingsHeader","SettingsTitle","SettingsDescription","fetchWithStepUp"],"sources":["../../../../src/web/features/settings/SettingsPanelHost.tsx"],"sourcesContent":["import { SettingsDescription, SettingsHeader, SettingsPage, SettingsTitle } from '@agimon-ai/po-web-components';\n\nimport type { InstalledSettingsPanel } from '../../lib/pluginRegistry';\nimport { sealedHttpSession } from '../../lib/sealedSession';\nimport { fetchWithStepUp } from '../../lib/stepUp';\n\n/**\n * The frame around a settings page a package draws itself.\n *\n * The host keeps the heading here rather than leaving it to the plugin, so a\n * self-drawn page carries the same label and detail the menu showed and the\n * reader does not have to trust each package to repeat them. Everything below\n * the heading belongs to the package.\n *\n * The transport is the host's for the same reason the repository panel's is:\n * only the host knows whether the page is being read over a tunnel, and a\n * plugin calling bare fetch would send plaintext to the relay.\n */\n\nconst requestThroughSealedSession = (input: string, init?: RequestInit): Promise<Response> =>\n  sealedHttpSession.fetch(input, init);\n\ninterface SettingsPanelHostProps {\n  panel: InstalledSettingsPanel;\n}\n\nexport function SettingsPanelHost({ panel }: SettingsPanelHostProps) {\n  const Panel = panel.component;\n  return (\n    <SettingsPage data-testid={`settings-panel-${panel.id}`}>\n      <SettingsHeader>\n        <SettingsTitle>{panel.label}</SettingsTitle>\n        {panel.detail ? <SettingsDescription>{panel.detail}</SettingsDescription> : null}\n      </SettingsHeader>\n      <Panel request={requestThroughSealedSession} requestWithStepUp={fetchWithStepUp} />\n    </SettingsPage>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAmBA,MAAM,+BAA+B,OAAe,SAClDA,sBAAAA,kBAAkB,MAAM,OAAO,IAAI;AAMrC,SAAgB,kBAAkB,EAAE,SAAiC;CACnE,MAAM,QAAQ,MAAM;CACpB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,6BAAAA,cAAD;EAAc,eAAa,kBAAkB,MAAM;EAAnD,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;GAAO,SAAS;GAA6B,mBAAmBC,eAAAA;EAAkB,CAAA,CACtE;;AAElB"}

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

@@ -0,0 +1,8 @@
+import { InstalledSettingsPanel } from "../../lib/pluginRegistry.mjs";
+//#region src/web/features/settings/SettingsPanelHost.d.ts
+interface SettingsPanelHostProps {
+  panel: InstalledSettingsPanel;
+}
+export declare function SettingsPanelHost({ panel }: SettingsPanelHostProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=SettingsPanelHost.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPanelHost.d.mts","names":[],"sources":["../../../../src/web/features/settings/SettingsPanelHost.tsx"],"mappings":";;UAsBU;EACR,OAAO;;wBAGO,oBAAoB,SAAS,yCAAsB,IAAA"}

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

@@ -0,0 +1,32 @@
+import { sealedHttpSession } from "../../lib/sealedSession.mjs";
+import { fetchWithStepUp } from "../../lib/stepUp.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SettingsDescription, SettingsHeader, SettingsPage, SettingsTitle } from "@agimon-ai/po-web-components";
+//#region src/web/features/settings/SettingsPanelHost.tsx
+/**
+* The frame around a settings page a package draws itself.
+*
+* The host keeps the heading here rather than leaving it to the plugin, so a
+* self-drawn page carries the same label and detail the menu showed and the
+* reader does not have to trust each package to repeat them. Everything below
+* the heading belongs to the package.
+*
+* The transport is the host's for the same reason the repository panel's is:
+* only the host knows whether the page is being read over a tunnel, and a
+* plugin calling bare fetch would send plaintext to the relay.
+*/
+const requestThroughSealedSession = (input, init) => sealedHttpSession.fetch(input, init);
+function SettingsPanelHost({ panel }) {
+	const Panel = panel.component;
+	return /* @__PURE__ */ jsxs(SettingsPage, {
+		"data-testid": `settings-panel-${panel.id}`,
+		children: [/* @__PURE__ */ jsxs(SettingsHeader, { children: [/* @__PURE__ */ jsx(SettingsTitle, { children: panel.label }), panel.detail ? /* @__PURE__ */ jsx(SettingsDescription, { children: panel.detail }) : null] }), /* @__PURE__ */ jsx(Panel, {
+			request: requestThroughSealedSession,
+			requestWithStepUp: fetchWithStepUp
+		})]
+	});
+}
+//#endregion
+export { SettingsPanelHost };
+
+//# sourceMappingURL=SettingsPanelHost.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPanelHost.mjs","names":[],"sources":["../../../../src/web/features/settings/SettingsPanelHost.tsx"],"sourcesContent":["import { SettingsDescription, SettingsHeader, SettingsPage, SettingsTitle } from '@agimon-ai/po-web-components';\n\nimport type { InstalledSettingsPanel } from '../../lib/pluginRegistry';\nimport { sealedHttpSession } from '../../lib/sealedSession';\nimport { fetchWithStepUp } from '../../lib/stepUp';\n\n/**\n * The frame around a settings page a package draws itself.\n *\n * The host keeps the heading here rather than leaving it to the plugin, so a\n * self-drawn page carries the same label and detail the menu showed and the\n * reader does not have to trust each package to repeat them. Everything below\n * the heading belongs to the package.\n *\n * The transport is the host's for the same reason the repository panel's is:\n * only the host knows whether the page is being read over a tunnel, and a\n * plugin calling bare fetch would send plaintext to the relay.\n */\n\nconst requestThroughSealedSession = (input: string, init?: RequestInit): Promise<Response> =>\n  sealedHttpSession.fetch(input, init);\n\ninterface SettingsPanelHostProps {\n  panel: InstalledSettingsPanel;\n}\n\nexport function SettingsPanelHost({ panel }: SettingsPanelHostProps) {\n  const Panel = panel.component;\n  return (\n    <SettingsPage data-testid={`settings-panel-${panel.id}`}>\n      <SettingsHeader>\n        <SettingsTitle>{panel.label}</SettingsTitle>\n        {panel.detail ? <SettingsDescription>{panel.detail}</SettingsDescription> : null}\n      </SettingsHeader>\n      <Panel request={requestThroughSealedSession} requestWithStepUp={fetchWithStepUp} />\n    </SettingsPage>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAmBA,MAAM,+BAA+B,OAAe,SAClD,kBAAkB,MAAM,OAAO,IAAI;AAMrC,SAAgB,kBAAkB,EAAE,SAAiC;CACnE,MAAM,QAAQ,MAAM;CACpB,OACE,qBAAC,cAAD;EAAc,eAAa,kBAAkB,MAAM;EAAnD,UAAA,CACE,qBAAC,gBAAD,EAAA,UAAA,CACE,oBAAC,eAAD,EAAA,UAAgB,MAAM,MAAqB,CAAA,GAC1C,MAAM,SAAS,oBAAC,qBAAD,EAAA,UAAsB,MAAM,OAA4B,CAAA,IAAI,IAC9D,EAAA,CAAA,GAChB,oBAAC,OAAD;GAAO,SAAS;GAA6B,mBAAmB;EAAkB,CAAA,CACtE;;AAElB"}

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

@@ -0,0 +1,177 @@
+const require_templateCatalog = require("../../lib/templateCatalog.cjs");
+const require_pluginRegistry = require("../../lib/pluginRegistry.cjs");
+const require_pluginCompositions = require("../../lib/pluginCompositions.cjs");
+const require_templateStore = require("../../stores/templateStore.cjs");
+const require_useWebPluginRegistry = require("../../stores/useWebPluginRegistry.cjs");
+const require_workspacesStore = require("../../stores/workspacesStore.cjs");
+const require_dashboardStateStore = require("../../stores/dashboardStateStore.cjs");
+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/TemplateSettings.tsx
+const WORKSPACE_TARGET = "workspace:";
+/** Select only admitted template contributions, and make the config write destination explicit. */
+function TemplateSettings({ target, onTargetChange }) {
+	require_useWebPluginRegistry.useWebPluginRegistry();
+	const workspaces = (0, _tanstack_react_store.useStore)(require_workspacesStore.workspacesStore, (state) => state);
+	const workspaceId = target.startsWith(WORKSPACE_TARGET) ? target.slice(10) : void 0;
+	const configuration = require_templateStore.useTemplateConfiguration(workspaceId);
+	const catalog = require_pluginRegistry.webTemplateCatalog(workspaceId === void 0 ? { scope: "global" } : {
+		scope: "workspace",
+		workspaceId
+	});
+	const configured = require_templateStore.configuredTemplate(configuration);
+	const resolved = require_templateCatalog.resolveWebTemplate(catalog.templates, configured);
+	const [draft, setDraft] = require_dashboardStateStore.useDashboardState("template/draft", null);
+	const choice = draft?.target === target ? draft.id : resolved.template?.id;
+	const busy = configuration.saving || configuration.loading;
+	const origin = configuration.config?.values["web.template"]?.origin ?? "default";
+	const missingWorkspace = workspaceId !== void 0 && workspaces.byId[workspaceId] === void 0;
+	const changed = choice !== void 0 && choice !== configured;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsSection, {
+		"data-testid": "template-settings",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsSectionHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsSectionTitle, { children: "Layout" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SettingsSectionDescription, { children: "The arrangement Po opens with. Set it for everyone, or let one workspace choose its own." })] }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex min-w-0 flex-wrap items-center gap-x-3 gap-y-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					id: "template-scope-label",
+					className: "text-sm text-doom-dim",
+					children: "Applies to"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.Select, {
+					value: target,
+					onValueChange: (value) => {
+						onTargetChange(value);
+						setDraft(null);
+					},
+					disabled: configuration.saving,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SelectTrigger, {
+						"aria-labelledby": "template-scope-label",
+						"data-testid": "template-scope",
+						className: "w-auto min-w-56 max-w-full",
+						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: "global",
+						children: "Global default"
+					}), workspaces.order.map((id) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SelectItem, {
+						value: `${WORKSPACE_TARGET}${id}`,
+						children: ["Workspace: ", workspaces.byId[id]?.root ?? id]
+					}, id))] })]
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.RadioGroup, {
+				"aria-label": "Layout",
+				value: choice ?? "",
+				onValueChange: (id) => setDraft({
+					target,
+					id
+				}),
+				className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
+				disabled: busy || missingWorkspace,
+				children: catalog.templates.map((template) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.RadioGroupCard, {
+					value: template.id,
+					"data-testid": `template-${template.id}`,
+					"data-selected": choice === template.id,
+					className: "flex items-start gap-2 rounded-lg p-4",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "flex min-w-0 flex-1 flex-col gap-1",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "text-base font-semibold text-doom-hi",
+								children: template.label
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "text-sm leading-relaxed text-doom-dim",
+								children: template.description
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "font-mono text-sm text-doom-dim",
+								children: template.pluginId
+							})
+						]
+					}), choice === template.id ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.CheckIcon, { className: "size-4 shrink-0 text-doom-green" }) : null]
+				}, template.id))
+			}),
+			resolved.warning ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("output", {
+				className: "block text-sm text-doom-yellow",
+				children: resolved.warning
+			}) : null,
+			catalog.diagnostics.map((diagnostic, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("output", {
+				className: "block text-sm text-doom-yellow",
+				children: diagnostic.message
+			}, `${diagnostic.pluginId}:${index}`)),
+			configuration.error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "alert",
+				"data-testid": "template-save-error",
+				className: "text-sm text-doom-red",
+				children: configuration.error
+			}) : null,
+			/* @__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, {
+					"data-testid": "template-save",
+					size: "sm",
+					variant: changed ? "primary" : "outline",
+					disabled: busy || missingWorkspace || choice === void 0 || configuration.config === void 0,
+					onClick: () => {
+						if (choice !== void 0) require_templateStore.saveTemplateDefault(choice, workspaceId).then((saved) => {
+							if (saved) {
+								setDraft(null);
+								require_pluginCompositions.reloadWebTemplateDecision();
+							}
+						});
+					},
+					children: configuration.saving ? "Saving…" : "Set as default"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Button, {
+					"data-testid": "template-inherit",
+					size: "sm",
+					variant: "ghost",
+					disabled: busy || missingWorkspace || configuration.config === void 0,
+					onClick: () => {
+						require_templateStore.saveTemplateDefault(null, workspaceId).then((saved) => {
+							if (saved) {
+								setDraft(null);
+								require_pluginCompositions.reloadWebTemplateDecision();
+							}
+						});
+					},
+					children: workspaceId === void 0 ? "Use automatic fallback" : "Inherit global default"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Button, {
+					"data-testid": "template-reload",
+					size: "sm",
+					variant: "ghost",
+					disabled: busy,
+					onClick: () => {
+						require_templateStore.refreshTemplateConfiguration(workspaceId).then(() => require_pluginCompositions.reloadWebTemplateDecision());
+					},
+					children: "Reload configuration"
+				})
+			] }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.SettingsNote, {
+				"data-testid": "template-origin",
+				children: [
+					"Saved to",
+					" ",
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+						className: "font-mono",
+						children: workspaceId === void 0 ? "~/.po/config.yaml" : `${configuration.config?.repoRoot ?? workspaces.byId[workspaceId]?.root ?? workspaceId}/.po/config.yaml`
+					}),
+					". Currently using",
+					" ",
+					configured === void 0 ? "automatic fallback" : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+						className: "font-mono",
+						children: configured
+					}),
+					" (",
+					origin,
+					")."
+				]
+			})
+		]
+	});
+}
+//#endregion
+exports.TemplateSettings = TemplateSettings;
+
+//# sourceMappingURL=TemplateSettings.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateSettings.cjs","names":["useStore","workspacesStore","useTemplateConfiguration","webTemplateCatalog","configuredTemplate","resolveWebTemplate","useDashboardState","SettingsSection","SettingsSectionHeader","SettingsSectionTitle","SettingsSectionDescription","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","RadioGroup","RadioGroupCard","CheckIcon","SettingsActions","Button","saveTemplateDefault","reloadWebTemplateDecision","refreshTemplateConfiguration","SettingsNote"],"sources":["../../../../src/web/features/settings/TemplateSettings.tsx"],"sourcesContent":["import {\n  Button,\n  CheckIcon,\n  RadioGroup,\n  RadioGroupCard,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  SettingsActions,\n  SettingsNote,\n  SettingsSection,\n  SettingsSectionDescription,\n  SettingsSectionHeader,\n  SettingsSectionTitle,\n} from '@agimon-ai/po-web-components';\nimport { useStore } from '@tanstack/react-store';\n\nimport { reloadWebTemplateDecision } from '../../lib/pluginCompositions';\nimport { webTemplateCatalog } from '../../lib/pluginRegistry';\nimport { resolveWebTemplate } from '../../lib/templateCatalog';\nimport { useDashboardState } from '../../stores/dashboardStateStore';\nimport {\n  configuredTemplate,\n  refreshTemplateConfiguration,\n  saveTemplateDefault,\n  useTemplateConfiguration,\n} from '../../stores/templateStore';\nimport { useWebPluginRegistry } from '../../stores/useWebPluginRegistry';\nimport { workspacesStore } from '../../stores/workspacesStore';\n\nconst WORKSPACE_TARGET = 'workspace:';\n/** Select only admitted template contributions, and make the config write destination explicit. */\nexport function TemplateSettings({\n  target,\n  onTargetChange,\n}: {\n  target: string;\n  onTargetChange: (target: string) => void;\n}) {\n  useWebPluginRegistry();\n  const workspaces = useStore(workspacesStore, (state) => state);\n  const workspaceId = target.startsWith(WORKSPACE_TARGET) ? target.slice(WORKSPACE_TARGET.length) : undefined;\n  const configuration = useTemplateConfiguration(workspaceId);\n  const catalog = webTemplateCatalog(\n    workspaceId === undefined ? { scope: 'global' } : { scope: 'workspace', workspaceId },\n  );\n  const configured = configuredTemplate(configuration);\n  const resolved = resolveWebTemplate(catalog.templates, configured);\n  const [draft, setDraft] = useDashboardState<{ target: string; id: string } | null>('template/draft', null);\n  const choice = draft?.target === target ? draft.id : resolved.template?.id;\n  const busy = configuration.saving || configuration.loading;\n  const origin = configuration.config?.values['web.template']?.origin ?? 'default';\n  const missingWorkspace = workspaceId !== undefined && workspaces.byId[workspaceId] === undefined;\n  const changed = choice !== undefined && choice !== configured;\n  return (\n    <SettingsSection data-testid=\"template-settings\">\n      <SettingsSectionHeader>\n        <SettingsSectionTitle>Layout</SettingsSectionTitle>\n        <SettingsSectionDescription>\n          The arrangement Po opens with. Set it for everyone, or let one workspace choose its own.\n        </SettingsSectionDescription>\n      </SettingsSectionHeader>\n      <div className=\"flex min-w-0 flex-wrap items-center gap-x-3 gap-y-2\">\n        <span id=\"template-scope-label\" className=\"text-sm text-doom-dim\">\n          Applies to\n        </span>\n        <Select\n          value={target}\n          onValueChange={(value) => {\n            onTargetChange(value);\n            setDraft(null);\n          }}\n          disabled={configuration.saving}\n        >\n          <SelectTrigger\n            aria-labelledby=\"template-scope-label\"\n            data-testid=\"template-scope\"\n            className=\"w-auto min-w-56 max-w-full\"\n          >\n            <SelectValue />\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem value=\"global\">Global default</SelectItem>\n            {workspaces.order.map((id) => (\n              <SelectItem key={id} value={`${WORKSPACE_TARGET}${id}`}>\n                Workspace: {workspaces.byId[id]?.root ?? id}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      </div>\n      <RadioGroup\n        aria-label=\"Layout\"\n        value={choice ?? ''}\n        onValueChange={(id) => setDraft({ target, id })}\n        className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\"\n        disabled={busy || missingWorkspace}\n      >\n        {catalog.templates.map((template) => (\n          <RadioGroupCard\n            key={template.id}\n            value={template.id}\n            data-testid={`template-${template.id}`}\n            data-selected={choice === template.id}\n            className=\"flex items-start gap-2 rounded-lg p-4\"\n          >\n            <span className=\"flex min-w-0 flex-1 flex-col gap-1\">\n              <span className=\"text-base font-semibold text-doom-hi\">{template.label}</span>\n              <span className=\"text-sm leading-relaxed text-doom-dim\">{template.description}</span>\n              <span className=\"font-mono text-sm text-doom-dim\">{template.pluginId}</span>\n            </span>\n            {choice === template.id ? <CheckIcon className=\"size-4 shrink-0 text-doom-green\" /> : null}\n          </RadioGroupCard>\n        ))}\n      </RadioGroup>\n      {resolved.warning ? <output className=\"block text-sm text-doom-yellow\">{resolved.warning}</output> : null}\n      {catalog.diagnostics.map((diagnostic, index) => (\n        <output key={`${diagnostic.pluginId}:${index}`} className=\"block text-sm text-doom-yellow\">\n          {diagnostic.message}\n        </output>\n      ))}\n      {configuration.error ? (\n        <p role=\"alert\" data-testid=\"template-save-error\" className=\"text-sm text-doom-red\">\n          {configuration.error}\n        </p>\n      ) : null}\n      <SettingsActions>\n        <Button\n          data-testid=\"template-save\"\n          size=\"sm\"\n          variant={changed ? 'primary' : 'outline'}\n          disabled={busy || missingWorkspace || choice === undefined || configuration.config === undefined}\n          onClick={() => {\n            if (choice !== undefined)\n              void saveTemplateDefault(choice, workspaceId).then((saved) => {\n                if (saved) {\n                  setDraft(null);\n                  void reloadWebTemplateDecision();\n                }\n              });\n          }}\n        >\n          {configuration.saving ? 'Saving…' : 'Set as default'}\n        </Button>\n        <Button\n          data-testid=\"template-inherit\"\n          size=\"sm\"\n          variant=\"ghost\"\n          disabled={busy || missingWorkspace || configuration.config === undefined}\n          onClick={() => {\n            void saveTemplateDefault(null, workspaceId).then((saved) => {\n              if (saved) {\n                setDraft(null);\n                void reloadWebTemplateDecision();\n              }\n            });\n          }}\n        >\n          {workspaceId === undefined ? 'Use automatic fallback' : 'Inherit global default'}\n        </Button>\n        <Button\n          data-testid=\"template-reload\"\n          size=\"sm\"\n          variant=\"ghost\"\n          disabled={busy}\n          onClick={() => {\n            void refreshTemplateConfiguration(workspaceId).then(() => reloadWebTemplateDecision());\n          }}\n        >\n          Reload configuration\n        </Button>\n      </SettingsActions>\n      <SettingsNote data-testid=\"template-origin\">\n        Saved to{' '}\n        <code className=\"font-mono\">\n          {workspaceId === undefined\n            ? '~/.po/config.yaml'\n            : `${configuration.config?.repoRoot ?? workspaces.byId[workspaceId]?.root ?? workspaceId}/.po/config.yaml`}\n        </code>\n        . Currently using{' '}\n        {configured === undefined ? 'automatic fallback' : <code className=\"font-mono\">{configured}</code>} ({origin}).\n      </SettingsNote>\n    </SettingsSection>\n  );\n}\n"],"mappings":"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"}