@skillcdn/console 0.1.14 → 0.1.16

package/dist/console.js

@@ -1,7 +1,7 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { StrictMode, useCallback, useEffect, useMemo, useState, } from "react";
 import { createRoot } from "react-dom/client";
-import { createClient, OPEN_TASK_STATES, } from "./api.js";
+import { ApiError, createClient, OPEN_TASK_STATES, PROJECT_RULES_TEMPLATE, REFERENCE_RULES, RULES_PATH, RULES_TITLE, } from "./api.js";
 import { Board, BoardFilters, byDue, filterTasks } from "./components/board.js";
 import { Calendar, Workload } from "./components/calendar.js";
 import { CategoryList } from "./components/categories.js";
@@ -10,8 +10,9 @@ import { DecisionForm } from "./components/decision-form.js";
 import { DecisionCard, DecisionList } from "./components/decision-list.js";
 import { EventFeed } from "./components/event-feed.js";
 import { GoalForm, GoalList, GoalView } from "./components/goals.js";
-import { PeopleList } from "./components/people.js";
+import { ListingForm, PeopleList } from "./components/people.js";
 import { MemberList, ProjectForm, ProjectList, ProjectMark, } from "./components/projects.js";
+import { RulesForm, RulesView } from "./components/rules.js";
 import { isPlainClick, Shell, } from "./components/shell.js";
 import { SignIn } from "./components/sign-in.js";
 import { SkillList } from "./components/skills.js";
@@ -19,14 +20,14 @@ import { TaskForm } from "./components/task-form.js";
 import { TaskList } from "./components/task-list.js";
 import { TaskView } from "./components/task-view.js";
 import { NewToken, TokenForm, TokenList } from "./components/tokens.js";
-import { Button, Callout, EmptyState, personName, Spinner } from "./components/ui.js";
+import { Button, Callout, CategoryBadge, EmptyState, personName, Spinner, } from "./components/ui.js";
 import { WorkList } from "./components/work.js";
 import { ConnectPage } from "./connect-page.js";
 import { useConsoleData } from "./data.js";
 import { monthOf, today } from "./dates.js";
 import { DocsPage } from "./docs-page.js";
 import { chooseLanguage, DEFAULT_LANGUAGES, LanguageContext, useWords, } from "./i18n/index.js";
-import { boardHref, calendarHref, customPageHref, decisionHref, docHref, goalHref, matchRoute, newDecisionHref, newGoalHref, newTaskHref, PATHS, personAgentsHref, projectHref, signInFailureOf, taskHref, withoutSignInParam, workHref, } from "./router.js";
+import { boardHref, calendarHref, customPageHref, decisionHref, docHref, goalHref, matchRoute, newDecisionHref, newGoalHref, newTaskHref, PATHS, personAgentsHref, personWorkHref, projectHref, projectSettingsHref, settingsHref, signInFailureOf, taskHref, withoutSignInParam, workHref, } from "./router.js";
 import { projectPath } from "./routes.js";
 import { errorWords, useAction } from "./use-action.js";
 export const DEFAULT_COMPONENTS = {
@@ -192,7 +193,7 @@ function ProjectsPage(props) {
     const { data, components, navigation, making } = props;
     const { busy, error, act } = useAction();
     const href = (project) => projectHref(project.key);
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "sc-page-head", children: [_jsx("h1", { className: "sc-page-title", children: words.title }), !making && (_jsx(LinkButton, { href: PATHS.newProject, variant: "primary", children: words.newProject }))] }), error !== undefined && _jsx(Callout, { tone: "danger", children: error }), making && (_jsx("section", { className: "sc-panel sc-panel-form", "aria-label": words.form.aria, children: _jsx(ProjectForm, { busy: busy, onSubmit: (input, icon) => void act(async () => {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "sc-page-head", children: [_jsx("h1", { className: "sc-page-title", children: words.title }), !making && (_jsx(LinkButton, { href: PATHS.newProject, variant: "primary", children: words.newProject }))] }), error !== undefined && _jsx(Callout, { tone: "danger", children: error }), making && (_jsx("section", { className: "sc-panel sc-panel-form", "aria-label": words.form.aria, children: _jsx(ProjectForm, { busy: busy, skillsSource: data.me?.workspace.skills.source, organizationAddress: data.me?.workspace.skills.address ?? null, onSubmit: (input, icon) => void act(async () => {
                         const made = await data.actions.createProject(input, icon instanceof File ? uploadOf(icon) : undefined);
                         navigation.replace(projectHref(made.key));
                     }), onCancel: () => navigation.back(PATHS.projects) }) })), _jsx(components.ProjectList, { projects: data.projects, projectHref: href, onOpen: (project) => navigation.go(href(project)), empty: _jsx(EmptyState, { title: words.empty.title, body: words.empty.body, action: _jsx(LinkButton, { href: PATHS.newProject, children: words.newProject }) }) })] }));
@@ -235,7 +236,7 @@ function TaskPage(props) {
         return (_jsx(EmptyState, { title: words.task.noSuch.title, body: words.task.noSuch.body, action: _jsx(LinkButton, { href: projectHref(key), children: words.nav.board }) }));
     }
     const here = taskHref(key, task.number);
-    return (_jsx(components.TaskView, { task: task, people: data.people, tasks: data.tasks, decisions: data.decisions, runs: data.runs, history: history, categories: data.categories, goals: data.goals, taskHref: (candidate) => taskHref(key, candidate.number), decisionHref: (decisionId) => decisionHref(key, decisionId), goalHref: (goalId) => goalHref(key, goalId), fileHref: (artifact) => projectPath(key, "files", artifact.id), docHref: (path) => docHref(key, path), form: route.form, formHref: (form) => taskHref(key, task.number, form), onCancel: () => navigation.back(here), busy: busy, error: error, onChange: (target, patch) => void act(async () => {
+    return (_jsx(components.TaskView, { task: task, people: data.people.filter(inWorkspace), tasks: data.tasks, decisions: data.decisions, runs: data.runs, history: history, categories: data.categories, goals: data.goals, taskHref: (candidate) => taskHref(key, candidate.number), decisionHref: (decisionId) => decisionHref(key, decisionId), goalHref: (goalId) => goalHref(key, goalId), fileHref: (artifact) => projectPath(key, "files", artifact.id), docHref: (path) => docHref(key, path), form: route.form, formHref: (form) => taskHref(key, task.number, form), onCancel: () => navigation.back(here), busy: busy, error: error, onChange: (target, patch) => void act(async () => {
             await data.actions.updateTask(target.id, patch);
             navigation.replace(here);
         }), onMove: (target, state) => void act(() => data.actions.updateTask(target.id, { state })), onRaiseDecision: (input) => void act(async () => {
@@ -258,10 +259,10 @@ function ProjectPage(props) {
     if (route.name === "board") {
         const me = data.me?.person ?? undefined;
         const shown = filterTasks(data.tasks, route.filter, me);
-        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "sc-page-head", children: [_jsx("h1", { className: "sc-page-title", children: project.name }), _jsx(LinkButton, { href: newTaskHref(key), variant: "primary", children: words.board.writeTask })] }), project.description.length > 0 && _jsx("p", { className: "sc-lead", children: project.description }), error !== undefined && _jsx(Callout, { tone: "danger", children: error }), data.tasks.length > 0 && (_jsx(BoardFilters, { filter: route.filter, categories: data.categories, goals: data.goals, people: data.people, me: me, shown: shown.length, total: data.tasks.length, onChange: (filter) => navigation.replace(boardHref(key, filter)) })), _jsx(components.Board, { tasks: shown, taskHref: href, onOpen: (task) => navigation.go(href(task)), onMove: onMove, empty: data.tasks.length === 0 ? (_jsx(EmptyState, { title: words.board.empty.title, body: words.board.empty.body, action: _jsx(LinkButton, { href: newTaskHref(key), children: words.board.writeTask }) })) : undefined })] }));
+        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "sc-page-head", children: [_jsx("h1", { className: "sc-page-title", children: project.name }), _jsx(LinkButton, { href: newTaskHref(key), variant: "primary", children: words.board.writeTask })] }), project.description.length > 0 && _jsx("p", { className: "sc-lead", children: project.description }), error !== undefined && _jsx(Callout, { tone: "danger", children: error }), data.tasks.length > 0 && (_jsx(BoardFilters, { filter: route.filter, categories: data.categories, goals: data.goals, people: data.people.filter(inWorkspace), me: me, shown: shown.length, total: data.tasks.length, onChange: (filter) => navigation.replace(boardHref(key, filter)) })), _jsx(components.Board, { tasks: shown, taskHref: href, onOpen: (task) => navigation.go(href(task)), onMove: onMove, empty: data.tasks.length === 0 ? (_jsx(EmptyState, { title: words.board.empty.title, body: words.board.empty.body, action: _jsx(LinkButton, { href: newTaskHref(key), children: words.board.writeTask }) })) : undefined })] }));
     }
     if (route.name === "new-task") {
-        return (_jsxs(_Fragment, { children: [_jsx("div", { className: "sc-page-head", children: _jsx("h1", { className: "sc-page-title", children: words.task.newTitle }) }), error !== undefined && _jsx(Callout, { tone: "danger", children: error }), _jsx("section", { className: "sc-panel sc-panel-form", "aria-label": words.task.newAria, children: _jsx(TaskForm, { people: data.people, parents: data.tasks, categories: data.categories, goals: data.goals, busy: busy, onSubmit: (input) => void act(async () => {
+        return (_jsxs(_Fragment, { children: [_jsx("div", { className: "sc-page-head", children: _jsx("h1", { className: "sc-page-title", children: words.task.newTitle }) }), error !== undefined && _jsx(Callout, { tone: "danger", children: error }), _jsx("section", { className: "sc-panel sc-panel-form", "aria-label": words.task.newAria, children: _jsx(TaskForm, { people: data.people.filter(inWorkspace), parents: data.tasks, categories: data.categories, goals: data.goals, busy: busy, onSubmit: (input) => void act(async () => {
                             const made = await data.actions.createTask(input);
                             navigation.replace(taskHref(key, made.number));
                         }), onCancel: () => navigation.back(projectHref(key)) }) })] }));
@@ -278,7 +279,7 @@ function ProjectPage(props) {
         const overdue = open.filter((task) => task.dueOn !== null && task.dueOn < now).sort(byDue);
         const unscheduled = open.filter((task) => task.dueOn === null).sort(byDue);
         const calendar = words.calendar;
-        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "sc-page-head", children: [_jsx("h1", { className: "sc-page-title", children: calendar.title }), _jsx(LinkButton, { href: newTaskHref(key), variant: "primary", children: words.board.writeTask })] }), data.tasks.length > 0 && (_jsx(BoardFilters, { filter: route.filter, categories: data.categories, goals: data.goals, people: data.people, me: me, shown: shown.length, total: data.tasks.length, onChange: (filter) => navigation.replace(calendarHref(key, route.month, filter)) })), _jsx(components.Calendar, { tasks: shown, month: month, today: now, categories: data.categories, taskHref: href, monthHref: (wanted) => calendarHref(key, wanted, route.filter) }), _jsxs("div", { className: "sc-calendar-below", children: [_jsxs("section", { className: "sc-task-section", "aria-label": calendar.overdue, children: [_jsxs("h2", { className: "sc-section-title", children: [calendar.overdue, " ", _jsx("span", { className: "sc-column-count", children: overdue.length })] }), _jsx(TaskList, { tasks: overdue, taskHref: href, today: now, showState: true, empty: _jsx("p", { className: "sc-muted", children: calendar.nothingOverdue }) })] }), _jsxs("section", { className: "sc-task-section", "aria-label": calendar.unscheduled, children: [_jsxs("h2", { className: "sc-section-title", children: [calendar.unscheduled, " ", _jsx("span", { className: "sc-column-count", children: unscheduled.length })] }), _jsx(TaskList, { tasks: unscheduled, taskHref: href, today: now, showState: true, empty: _jsx("p", { className: "sc-muted", children: calendar.allScheduled }) })] })] }), open.length > 0 && (_jsxs("section", { className: "sc-task-section", "aria-label": calendar.workload.title, children: [_jsx("h2", { className: "sc-section-title", children: calendar.workload.title }), _jsx(Workload, { tasks: shown, today: now, personHref: (person) => boardHref(key, person === undefined ? {} : { person: person.id }) })] }))] }));
+        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "sc-page-head", children: [_jsx("h1", { className: "sc-page-title", children: calendar.title }), _jsx(LinkButton, { href: newTaskHref(key), variant: "primary", children: words.board.writeTask })] }), data.tasks.length > 0 && (_jsx(BoardFilters, { filter: route.filter, categories: data.categories, goals: data.goals, people: data.people.filter(inWorkspace), me: me, shown: shown.length, total: data.tasks.length, onChange: (filter) => navigation.replace(calendarHref(key, route.month, filter)) })), _jsx(components.Calendar, { tasks: shown, month: month, today: now, categories: data.categories, goals: data.goals, taskHref: href, monthHref: (wanted) => calendarHref(key, wanted, route.filter) }), _jsxs("div", { className: "sc-calendar-below", children: [_jsxs("section", { className: "sc-task-section", "aria-label": calendar.overdue, children: [_jsxs("h2", { className: "sc-section-title", children: [calendar.overdue, " ", _jsx("span", { className: "sc-column-count", children: overdue.length })] }), _jsx(TaskList, { tasks: overdue, taskHref: href, today: now, showState: true, empty: _jsx("p", { className: "sc-muted", children: calendar.nothingOverdue }) })] }), _jsxs("section", { className: "sc-task-section", "aria-label": calendar.unscheduled, children: [_jsxs("h2", { className: "sc-section-title", children: [calendar.unscheduled, " ", _jsx("span", { className: "sc-column-count", children: unscheduled.length })] }), _jsx(TaskList, { tasks: unscheduled, taskHref: href, today: now, showState: true, empty: _jsx("p", { className: "sc-muted", children: calendar.allScheduled }) })] })] }), open.length > 0 && (_jsxs("section", { className: "sc-task-section", "aria-label": calendar.workload.title, children: [_jsx("h2", { className: "sc-section-title", children: calendar.workload.title }), _jsx(Workload, { tasks: shown, today: now, personHref: (person) => boardHref(key, person === undefined ? {} : { person: person.id }) })] }))] }));
     }
     if (route.name === "roadmap" || route.name === "new-goal") {
         const roadmap = words.roadmap;
@@ -339,6 +340,10 @@ function ProjectPage(props) {
                         if (event.goalId !== null) {
                             return goalHref(key, event.goalId);
                         }
+                        // The rules are a page shown on the settings, not among the documents (ADR-0023).
+                        if (event.data.path === RULES_PATH) {
+                            return projectSettingsHref(key);
+                        }
                         return event.data.path === undefined ? undefined : toDoc(event.data.path);
                     }, empty: _jsx(EmptyState, { title: words.feed.empty }) })] }));
     }
@@ -349,18 +354,53 @@ function ProjectPage(props) {
         const me = data.me?.person ?? undefined;
         const configures = owner;
         const members = words.projects.members;
-        return (_jsxs(_Fragment, { children: [_jsx("div", { className: "sc-page-head", children: _jsx("h1", { className: "sc-page-title", children: members.title }) }), _jsx("p", { className: "sc-lead", children: words.vocabulary.visibility[project.visibility] }), error !== undefined && _jsx(Callout, { tone: "danger", children: error }), _jsx(components.MemberList, { members: data.members, people: data.people, me: me, busy: busy, onAdd: configures ? (input) => void act(() => data.actions.addMember(input)) : undefined, onChangeRole: configures
+        return (_jsxs(_Fragment, { children: [_jsx("div", { className: "sc-page-head", children: _jsx("h1", { className: "sc-page-title", children: members.title }) }), _jsx("p", { className: "sc-lead", children: words.vocabulary.visibility[project.visibility] }), error !== undefined && _jsx(Callout, { tone: "danger", children: error }), _jsx(components.MemberList, { members: data.members, people: data.people.filter(inWorkspace), me: me, busy: busy, onAdd: configures ? (input) => void act(() => data.actions.addMember(input)) : undefined, onChangeRole: configures
                         ? (member, role) => void act(() => data.actions.updateMember(member.person.id, { role }))
                         : undefined, onRemove: configures
                         ? (member) => void act(() => data.actions.removeMember(member.person.id))
-                        : undefined, empty: _jsx(EmptyState, { title: members.empty.title, body: project.visibility === "workspace" ? members.empty.workspace : members.empty.private }) })] }));
+                        : undefined, workHref: owner ? (member) => personWorkHref(member.person.id) : undefined, empty: _jsx(EmptyState, { title: members.empty.title, body: project.visibility === "workspace" ? members.empty.workspace : members.empty.private }) })] }));
     }
     if (route.name === "settings") {
-        const settings = words.projects.settings;
+        return (_jsx(ProjectSettingsPage, { route: route, project: project, data: data, navigation: navigation }));
+    }
+    return _jsx(NothingHere, {});
+}
+/**
+ * A project's settings (ADR-0023): read by every member, so that everyone sees what the project
+ * is and what its agents are asked; changed by an owner, on the forms at their own addresses.
+ */
+function ProjectSettingsPage(props) {
+    const words = useWords();
+    const { route, project, data, navigation } = props;
+    const { busy, error, act } = useAction();
+    const settings = words.projects.settings;
+    const form = words.projects.form;
+    const owner = project.role === "owner";
+    const key = project.key;
+    const here = projectSettingsHref(key);
+    const skills = data.me?.workspace.skills;
+    const [rules, setRules] = useState(undefined);
+    const feedLength = data.events.length;
+    // The rules, asked for again whenever the project's feed grows.
+    // biome-ignore lint/correctness/useExhaustiveDependencies: the feed's length is the trigger
+    useEffect(() => {
+        const controller = new AbortController();
+        data.actions
+            .projectRules(controller.signal)
+            .then((found) => {
+            if (!controller.signal.aborted) {
+                setRules(found);
+            }
+        })
+            .catch(() => undefined);
+        return () => controller.abort();
+    }, [data.actions, feedLength]);
+    const head = (_jsxs("div", { className: "sc-page-head", children: [_jsx("h1", { className: "sc-page-title", children: settings.title }), owner && route.form === undefined && (_jsx(LinkButton, { href: projectSettingsHref(key, "edit"), children: words.common.edit }))] }));
+    if (route.form === "edit") {
         if (!owner) {
-            return _jsx(EmptyState, { title: settings.onlyOwner.title, body: settings.onlyOwner.body });
+            return _jsx(NothingHere, {});
         }
-        return (_jsxs(_Fragment, { children: [_jsx("div", { className: "sc-page-head", children: _jsx("h1", { className: "sc-page-title", children: settings.title }) }), error !== undefined && _jsx(Callout, { tone: "danger", children: error }), _jsx("section", { className: "sc-panel sc-panel-form", "aria-label": settings.aria, children: _jsx(ProjectForm, { project: project, busy: busy, onSubmit: (input, icon) => void act(async () => {
+        return (_jsxs(_Fragment, { children: [head, error !== undefined && _jsx(Callout, { tone: "danger", children: error }), _jsx("section", { className: "sc-panel sc-panel-form", "aria-label": settings.aria, children: _jsx(ProjectForm, { project: project, busy: busy, skillsSource: skills?.source, organizationAddress: skills?.address ?? null, onSubmit: (input, icon) => void act(async () => {
                             await data.actions.updateProject(input);
                             if (icon === null) {
                                 await data.actions.removeProjectIcon();
@@ -368,11 +408,80 @@ function ProjectPage(props) {
                             else if (icon !== undefined) {
                                 await data.actions.setProjectIcon(uploadOf(icon));
                             }
-                        }) }) })] }));
+                            navigation.replace(here);
+                        }), onCancel: () => navigation.back(here) }) })] }));
     }
-    return _jsx(NothingHere, {});
+    if (route.form === "rules") {
+        if (!owner) {
+            return _jsx(NothingHere, {});
+        }
+        return (_jsxs(_Fragment, { children: [head, error !== undefined && _jsx(Callout, { tone: "danger", children: error }), _jsx("section", { className: "sc-panel sc-panel-form", "aria-label": words.rules.projectRules, children: rules === undefined ? (_jsx(Spinner, { label: words.rules.loading })) : (_jsx(RulesForm, { rules: rules.project, scope: "project", template: PROJECT_RULES_TEMPLATE, busy: busy, onSubmit: (input) => void act(async () => {
+                            await data.actions.writeDocument(RULES_PATH, {
+                                title: RULES_TITLE,
+                                body: input.body,
+                                ...(input.baseVersion === undefined ? {} : { baseVersion: input.baseVersion }),
+                            });
+                            navigation.replace(here);
+                        }), onCancel: () => navigation.back(here) })) })] }));
+    }
+    return (_jsxs(_Fragment, { children: [head, error !== undefined && _jsx(Callout, { tone: "danger", children: error }), _jsx("section", { className: "sc-panel", "aria-label": settings.aria, children: _jsxs("dl", { className: "sc-facts sc-facts-plain", children: [_jsxs("div", { children: [_jsx("dt", { children: form.name }), _jsx("dd", { children: project.name })] }), _jsxs("div", { children: [_jsx("dt", { children: form.key }), _jsx("dd", { children: _jsx("code", { className: "sc-project-key", children: project.key }) })] }), _jsxs("div", { children: [_jsx("dt", { children: form.whoIsMember }), _jsx("dd", { children: words.vocabulary.visibility[project.visibility] })] }), _jsxs("div", { children: [_jsx("dt", { children: form.skillsAddress }), _jsx("dd", { children: project.skillsAddress !== null ? (_jsxs("code", { children: [skills?.source ?? "", project.skillsAddress] })) : skills?.address != null ? (settings.organizationsSkills(skills.address)) : (settings.noSkills) })] }), _jsxs("div", { children: [_jsx("dt", { children: form.symbol }), _jsx("dd", { children: _jsx(ProjectMark, { project: project, size: "sm" }) })] }), project.description.length > 0 && (_jsxs("div", { className: "sc-facts-wide", children: [_jsx("dt", { children: form.description }), _jsx("dd", { children: project.description })] }))] }) }), _jsxs("section", { className: "sc-panel", "aria-label": words.rules.projectRules, children: [_jsx("h2", { className: "sc-section-title", children: words.rules.projectRules }), rules === undefined ? (_jsx(Spinner, { label: words.rules.loading })) : (_jsx(RulesView, { rules: rules.project, scope: "project", docHref: (path) => docHref(key, path), editHref: owner ? projectSettingsHref(key, "rules") : undefined, onArchive: owner
+                            ? () => void act(async () => {
+                                await data.actions.archiveDocument(RULES_PATH);
+                                setRules(await data.actions.projectRules());
+                            })
+                            : undefined, busy: busy }))] }), _jsxs("section", { className: "sc-panel", "aria-label": words.rules.workspaceRules, children: [_jsxs("div", { className: "sc-section-head", children: [_jsx("h2", { className: "sc-section-title", children: words.rules.workspaceRules }), _jsx("a", { className: "sc-muted", href: settingsHref(), children: words.rules.onWorkspaceSettings })] }), rules !== undefined && _jsx(RulesView, { rules: rules.workspace, scope: "workspace", folded: true })] })] }));
+}
+/**
+ * The workspace's settings (ADR-0023): its rules, the console's own until an administrator
+ * writes the organization's; its categories, kept on their own page; and where its skills come
+ * from, which whoever runs the console set. Read by everyone; the rules written by an administrator.
+ */
+function WorkspaceSettingsPage(props) {
+    const words = useWords();
+    const { form, data, navigation } = props;
+    const { busy, error, act } = useAction();
+    const administrator = data.me?.person?.role === "admin";
+    const skills = data.me?.workspace.skills;
+    const [rules, setRules] = useState(undefined);
+    useEffect(() => {
+        const controller = new AbortController();
+        data.actions
+            .rules(controller.signal)
+            .then((found) => {
+            if (!controller.signal.aborted) {
+                setRules(found);
+            }
+        })
+            .catch(() => undefined);
+        return () => controller.abort();
+    }, [data.actions]);
+    const head = (_jsx("div", { className: "sc-page-head", children: _jsx("h1", { className: "sc-page-title", children: words.settings.title }) }));
+    if (form === "rules") {
+        if (!administrator) {
+            return _jsx(NothingHere, {});
+        }
+        return (_jsxs(_Fragment, { children: [head, error !== undefined && _jsx(Callout, { tone: "danger", children: error }), _jsx("section", { className: "sc-panel sc-panel-form", "aria-label": words.rules.title, children: rules === undefined ? (_jsx(Spinner, { label: words.rules.loading })) : (_jsx(RulesForm, { rules: rules, scope: "workspace", template: REFERENCE_RULES, busy: busy, onSubmit: (input) => void act(async () => {
+                            setRules(await data.actions.writeRules({
+                                body: input.body,
+                                ...(input.baseVersion === undefined
+                                    ? {}
+                                    : { baseVersion: input.baseVersion }),
+                            }));
+                            navigation.replace(PATHS.settings);
+                        }), onCancel: () => navigation.back(PATHS.settings), onReset: () => void act(async () => {
+                            setRules(await data.actions.archiveRules());
+                            navigation.replace(PATHS.settings);
+                        }) })) })] }));
+    }
+    return (_jsxs(_Fragment, { children: [head, error !== undefined && _jsx(Callout, { tone: "danger", children: error }), _jsxs("section", { className: "sc-panel", "aria-label": words.rules.title, children: [_jsx("h2", { className: "sc-section-title", children: words.rules.title }), rules === undefined ? (_jsx(Spinner, { label: words.rules.loading })) : (_jsx(RulesView, { rules: rules, scope: "workspace", editHref: administrator ? settingsHref("rules") : undefined, onArchive: administrator
+                            ? () => void act(async () => {
+                                setRules(await data.actions.archiveRules());
+                            })
+                            : undefined, busy: busy }))] }), _jsxs("section", { className: "sc-panel", "aria-label": words.settings.categories, children: [_jsx("h2", { className: "sc-section-title", children: words.settings.categories }), data.categories.length > 0 && (_jsx("p", { className: "sc-category-chips", children: data.categories.map((category) => (_jsx(CategoryBadge, { category: category }, category.key))) })), _jsx(LinkButton, { href: PATHS.categories, children: words.settings.manageCategories })] }), skills !== undefined && (_jsxs("section", { className: "sc-panel", "aria-label": words.settings.skills, children: [_jsx("h2", { className: "sc-section-title", children: words.settings.skills }), _jsxs("dl", { className: "sc-facts sc-facts-plain", children: [_jsxs("div", { children: [_jsx("dt", { children: words.settings.skillsSource }), _jsx("dd", { children: _jsx("a", { href: skills.source, target: "_blank", rel: "noopener noreferrer", children: skills.source }) })] }), _jsxs("div", { children: [_jsx("dt", { children: words.settings.skillsAddress }), _jsx("dd", { children: skills.address === null ? (words.settings.noSkillsAddress) : (_jsx("a", { href: `${skills.source}${skills.address}`, target: "_blank", rel: "noopener noreferrer", children: _jsx("code", { children: skills.address }) })) })] })] }), _jsx("p", { className: "sc-muted", children: words.settings.skillsFromConfiguration })] }))] }));
 }
 /** A file a person chose, as the client sends it: its name, its bytes and the type the browser says. */
+/** Whether a person is in: who a picker of assignees and of members offers (ADR-0022). */
+const inWorkspace = (person) => person.status === "active";
 const uploadOf = (file) => ({
     name: file.name,
     bytes: file,
@@ -416,30 +525,59 @@ function PersonAgentsPage(props) {
                     setGeneration((current) => current + 1);
                 }), empty: _jsx(EmptyState, { title: words.people.noAgent }) }))] }));
 }
-/** What is on the person's plate, across their projects: read when the page is opened. */
-function WorkPage(props) {
+/**
+ * A plate, read when the page is opened: the person's own, or another person's for whoever
+ * oversees them. The week at the top is the address's.
+ */
+function PlatePage(props) {
     const words = useWords();
-    const { data, components } = props;
-    const [work, setWork] = useState(undefined);
+    const { components, load, couldNotLoad, refused } = props;
+    const [plate, setPlate] = useState(undefined);
     const [problem, setProblem] = useState(undefined);
-    const { work: load } = data.actions;
-    const couldNotLoad = words.work.couldNotLoad;
+    const [forbidden, setForbidden] = useState(false);
     useEffect(() => {
         const controller = new AbortController();
+        setPlate(undefined);
+        setProblem(undefined);
+        setForbidden(false);
         load(controller.signal)
             .then((answer) => {
             if (!controller.signal.aborted) {
-                setWork(answer);
+                setPlate(answer);
             }
         })
             .catch((failure) => {
-            if (!controller.signal.aborted) {
+            if (controller.signal.aborted) {
+                return;
+            }
+            if (refused !== undefined &&
+                failure instanceof ApiError &&
+                failure.code === "auth.forbidden") {
+                setForbidden(true);
+            }
+            else {
                 setProblem(errorWords(failure, couldNotLoad));
             }
         });
         return () => controller.abort();
-    }, [load, couldNotLoad]);
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "sc-page-head", children: _jsx("h1", { className: "sc-page-title", children: words.work.title }) }), problem !== undefined && _jsx(Callout, { tone: "danger", children: problem }), work === undefined ? (problem === undefined && (_jsx("div", { className: "sc-loading", children: _jsx(Spinner, { label: words.work.loading }) }))) : work.tasks.length === 0 && work.decisions.length === 0 ? (_jsx(EmptyState, { title: words.work.empty.title, body: words.work.empty.body })) : (_jsx(components.WorkList, { work: work, week: props.week, taskHref: (projectKey, task) => taskHref(projectKey, task.number), decisionHref: (projectKey, decisionId) => decisionHref(projectKey, decisionId), weekHref: workHref }))] }));
+    }, [load, couldNotLoad, refused]);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "sc-page-head", children: [_jsx("h1", { className: "sc-page-title", children: props.title }), props.aside] }), problem !== undefined && _jsx(Callout, { tone: "danger", children: problem }), forbidden && refused !== undefined ? (_jsx(EmptyState, { title: refused.title, body: refused.body, action: _jsx(LinkButton, { href: PATHS.work, children: words.nav.work }) })) : plate === undefined ? (problem === undefined && (_jsx("div", { className: "sc-loading", children: _jsx(Spinner, { label: props.loading }) }))) : plate.tasks.length === 0 && (plate.decisions?.length ?? 0) === 0 ? (_jsx(EmptyState, { title: props.empty.title, body: props.empty.body })) : (_jsx(components.WorkList, { work: plate, week: props.week, taskHref: (projectKey, task) => taskHref(projectKey, task.number), decisionHref: (projectKey, decisionId) => decisionHref(projectKey, decisionId), weekHref: props.weekHref }))] }));
+}
+/** What is on the person's own plate, across their projects. */
+function WorkPage(props) {
+    const words = useWords();
+    const { work } = props.data.actions;
+    return (_jsx(PlatePage, { components: props.components, load: work, title: words.work.title, week: props.week, weekHref: workHref, loading: words.work.loading, couldNotLoad: words.work.couldNotLoad, empty: words.work.empty }));
+}
+/** Another person's plate, for whoever oversees them: an administrator, or an owner of a project they are in. */
+function PersonWorkPage(props) {
+    const words = useWords();
+    const { id, data } = props;
+    const person = data.people.find((candidate) => candidate.id === id);
+    const name = person === undefined ? "?" : personName(person);
+    const { personWork } = data.actions;
+    const load = useCallback((signal) => personWork(id, signal), [personWork, id]);
+    return (_jsx(PlatePage, { components: props.components, load: load, title: words.people.workOf(name), aside: _jsx(LinkButton, { href: PATHS.people, children: words.nav.people }), week: props.week, weekHref: (day) => personWorkHref(id, day), loading: words.people.loadingWork, couldNotLoad: words.people.couldNotLoadWork, empty: { title: words.people.noWork.title(name), body: words.people.noWork.body }, refused: words.people.notOverseen }));
 }
 function WorkspacePage(props) {
     const words = useWords();
@@ -449,6 +587,12 @@ function WorkspacePage(props) {
     if (route.name === "work") {
         return _jsx(WorkPage, { data: data, components: components, week: route.week });
     }
+    if (route.name === "person-work") {
+        return _jsx(PersonWorkPage, { id: route.id, data: data, components: components, week: route.week });
+    }
+    if (route.name === "workspace-settings") {
+        return _jsx(WorkspaceSettingsPage, { form: route.form, data: data, navigation: navigation });
+    }
     if (route.name === "categories") {
         const me = data.me?.person ?? undefined;
         const administrator = me?.role === "admin";
@@ -461,12 +605,22 @@ function WorkspacePage(props) {
                         ? (category) => void act(() => data.actions.removeCategory(category.key))
                         : undefined, empty: _jsx(EmptyState, { title: categories.empty.title, body: categories.empty.body }) })] }));
     }
-    if (route.name === "people") {
+    if (route.name === "people" || route.name === "new-listing") {
         const me = data.me?.person ?? undefined;
         const administrator = me?.role === "admin";
-        return (_jsxs(_Fragment, { children: [_jsx("div", { className: "sc-page-head", children: _jsx("h1", { className: "sc-page-title", children: words.people.title }) }), error !== undefined && _jsx(Callout, { tone: "danger", children: error }), _jsx(components.PeopleList, { people: data.people, me: me, busy: busy, onChangeRole: administrator
+        const making = route.name === "new-listing" && administrator;
+        // An owner sees the work of the people in their projects; the console refuses the rest.
+        const oversees = administrator || data.projects.some((project) => project.role === "owner");
+        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "sc-page-head", children: [_jsx("h1", { className: "sc-page-title", children: words.people.title }), administrator && !making && (_jsx(LinkButton, { href: PATHS.newListing, variant: "primary", children: words.people.letIn }))] }), error !== undefined && _jsx(Callout, { tone: "danger", children: error }), making && (_jsx("section", { className: "sc-panel sc-panel-form", "aria-label": words.people.letInAria, children: _jsx(ListingForm, { providers: data.me?.signIn ?? [], busy: busy, onSubmit: (input) => void act(async () => {
+                            await data.actions.createListing(input);
+                            navigation.replace(PATHS.people);
+                        }), onCancel: () => navigation.back(PATHS.people) }) })), _jsx(components.PeopleList, { people: data.people, listed: data.listed, organization: data.organization, me: me, busy: busy, onChangeRole: administrator
                         ? (person, role) => void act(() => data.actions.updatePerson(person.id, { role }))
-                        : undefined, agentsHref: administrator ? (person) => personAgentsHref(person.id) : undefined })] }));
+                        : undefined, onChangeStatus: administrator
+                        ? (person, status) => void act(() => data.actions.updatePerson(person.id, { status }))
+                        : undefined, onUnlist: administrator
+                        ? (listing) => void act(() => data.actions.removeListing(listing.id))
+                        : undefined, workHref: oversees ? (person) => personWorkHref(person.id) : undefined, agentsHref: administrator ? (person) => personAgentsHref(person.id) : undefined })] }));
     }
     if (route.name === "person-agents") {
         return _jsx(PersonAgentsPage, { id: route.id, data: data, components: components });
@@ -536,7 +690,9 @@ export function createConsole(config = {}) {
                 {
                     href: PATHS.people,
                     label: words.nav.people,
-                    current: route.name === "people" || route.name === "person-agents",
+                    current: route.name === "people" ||
+                        route.name === "new-listing" ||
+                        route.name === "person-agents",
                 },
                 ...(viaToken
                     ? []
@@ -547,11 +703,12 @@ export function createConsole(config = {}) {
                             current: route.name === "agents" || route.name === "new-token",
                         },
                     ]),
-                // The categories are read by everyone, for what the colours mean, and kept by an administrator.
+                // The settings are read by everyone: the rules every agent follows, the categories and
+                // what the colours mean, where the skills come from; kept by an administrator.
                 {
-                    href: PATHS.categories,
-                    label: words.nav.categories,
-                    current: route.name === "categories",
+                    href: PATHS.settings,
+                    label: words.nav.settings,
+                    current: route.name === "workspace-settings" || route.name === "categories",
                 },
                 ...pages
                     .filter((candidate) => candidate.level === "workspace")
@@ -609,15 +766,12 @@ export function createConsole(config = {}) {
                         label: words.nav.members,
                         current: route.name === "members",
                     },
-                    ...(project?.role === "owner"
-                        ? [
-                            {
-                                href: projectHref(projectKey, "settings"),
-                                label: words.nav.settings,
-                                current: route.name === "settings",
-                            },
-                        ]
-                        : []),
+                    // Read by every member: what the project is, and what its agents are asked (ADR-0023).
+                    {
+                        href: projectHref(projectKey, "settings"),
+                        label: words.nav.settings,
+                        current: route.name === "settings",
+                    },
                     ...pages
                         .filter((candidate) => candidate.level === "project")
                         .map((candidate) => ({