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

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

@@ -0,0 +1,160 @@
+import { sealedHttpSession } from "../../lib/sealedSession.mjs";
+import { fetchWithStepUp } from "../../lib/stepUp.mjs";
+import { focusWorkspaceWebPlugins } from "../../lib/pluginCompositions.mjs";
+import { listSettingsRepositories } from "../../lib/settingsApi.mjs";
+import { workspacesStore } from "../../stores/workspacesStore.mjs";
+import { ContributedSettings } from "./ContributedSettings.mjs";
+import { RepositorySettings } from "./RepositorySettings.mjs";
+import { SettingsMenu } from "./SettingsMenu.mjs";
+import { useEffect, useMemo, useState } from "react";
+import { useStore } from "@tanstack/react-store";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, RefreshIcon, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue, SettingsDescription, SettingsHeader, SettingsPage, SettingsTitle } from "@agimon-ai/po-web-components";
+//#region src/web/features/settings/RepositoryWorkspace.tsx
+const LAST_REPOSITORY_KEY = "po.settings.repository";
+const requestThroughSealedSession = (input, init) => 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 = useStore(workspacesStore, (state) => state.order.join("\n"));
+	const [repositories, setRepositories] = useState([]);
+	const [repositoryId, setRepositoryId] = useState(() => initialRepositoryId ?? rememberedRepository());
+	const [loading, setLoading] = useState(true);
+	const repository = useMemo(() => repositories.find((candidate) => candidate.id === repositoryId) ?? null, [repositories, repositoryId]);
+	useEffect(() => {
+		let currentRequest = true;
+		setLoading(true);
+		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]);
+	useEffect(() => {
+		if (loading) return;
+		let cancelled = false;
+		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__ */ jsxs("div", {
+		className: "flex min-h-0 flex-1 flex-col",
+		children: [/* @__PURE__ */ 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__ */ jsxs(Select, {
+					value: repositoryId,
+					disabled: loading || repositories.length === 0,
+					onValueChange: selectRepository,
+					children: [/* @__PURE__ */ jsx(SelectTrigger, {
+						"data-testid": "repository-workspace-picker",
+						"aria-label": "Repository",
+						className: "w-48 shrink-0 text-sm font-medium sm:w-60",
+						children: /* @__PURE__ */ jsx(SelectValue, { placeholder: loading ? "Reading repositories…" : "Pick a repository" })
+					}), /* @__PURE__ */ jsx(SelectContent, { children: groups.map((group) => /* @__PURE__ */ jsxs(SelectGroup, { children: [/* @__PURE__ */ jsx(SelectLabel, { children: group.label }), group.items.map((candidate) => /* @__PURE__ */ jsx(SelectItem, {
+						value: candidate.id,
+						children: candidate.name
+					}, candidate.id))] }, group.label)) })]
+				}),
+				/* @__PURE__ */ jsx("span", {
+					title: repository?.path,
+					className: "min-w-0 flex-1 truncate font-mono text-sm text-doom-dim",
+					children: repository?.path
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					size: "icon-md",
+					"aria-label": "Refresh repositories",
+					title: "Refresh repositories",
+					loading,
+					disabled: loading,
+					onClick: () => {
+						setLoading(true);
+						listSettingsRepositories().then((found) => {
+							setRepositories(found);
+							setLoading(false);
+						});
+					},
+					className: "shrink-0 text-doom-dim",
+					children: /* @__PURE__ */ jsx(RefreshIcon, {
+						"aria-hidden": true,
+						className: "size-4"
+					})
+				})
+			]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex min-h-0 flex-1 flex-col lg:flex-row",
+			children: [/* @__PURE__ */ jsx(SettingsMenu, {
+				active: current.id,
+				workspace: "repository",
+				repositoryId
+			}), /* @__PURE__ */ 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__ */ jsxs("div", {
+					className: "mx-auto flex w-full max-w-[720px] flex-col gap-8",
+					children: [
+						current.id === "repositories" ? /* @__PURE__ */ jsx(RepositorySettings, { repository }) : null,
+						current.contribution === void 0 ? null : /* @__PURE__ */ jsx(ContributedSettings, {
+							section: current.contribution,
+							scope: "repository",
+							repoRoot: repository?.path ?? "",
+							workspaceId: repository?.id
+						}),
+						panel === void 0 || Panel === void 0 ? null : /* @__PURE__ */ jsxs(SettingsPage, {
+							"data-testid": `repository-settings-panel-${panel.pluginId}`,
+							children: [/* @__PURE__ */ jsxs(SettingsHeader, { children: [/* @__PURE__ */ jsx(SettingsTitle, { children: panel.label }), panel.detail ? /* @__PURE__ */ jsx(SettingsDescription, { children: panel.detail }) : null] }), /* @__PURE__ */ jsx(Panel, {
+								repository,
+								request: requestThroughSealedSession,
+								requestWithStepUp: fetchWithStepUp
+							})]
+						})
+					]
+				})
+			})]
+		})]
+	});
+}
+//#endregion
+export { RepositoryWorkspace };
+
+//# sourceMappingURL=RepositoryWorkspace.mjs.map

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

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