@skillcdn/console 0.4.3 → 0.4.5

package/dist/console.d.ts

@@ -1,13 +1,14 @@
 import { type ComponentType, type ReactNode } from "react";
-import { type ConsoleClient, type RestProject } from "./api.js";
+import { type ConsoleClient, type RestMe, type RestProject } from "./api.js";
 import { type BoardProps } from "./components/board.js";
 import { type CalendarProps } from "./components/calendar.js";
 import { type CategoryListProps } from "./components/categories.js";
 import { type DecisionListProps } from "./components/decision-list.js";
 import { type EventFeedProps } from "./components/event-feed.js";
 import { type GoalListProps } from "./components/goals.js";
-import { type PeopleListProps } from "./components/people.js";
-import { type MemberListProps, type ProjectListProps } from "./components/projects.js";
+import { type HomeGridProps } from "./components/home.js";
+import { type PeopleListProps, type TeamListProps } from "./components/people.js";
+import { type MemberListProps } from "./components/projects.js";
 import { type Brand, type ShellProps } from "./components/shell.js";
 import { type SignInProps } from "./components/sign-in.js";
 import { type SkillListProps } from "./components/skills.js";
@@ -27,8 +28,9 @@ export interface ConsoleComponents {
     readonly SignIn: ComponentType<SignInProps>;
     readonly TokenList: ComponentType<TokenListProps>;
     readonly PeopleList: ComponentType<PeopleListProps>;
+    readonly TeamList: ComponentType<TeamListProps>;
     readonly SkillList: ComponentType<SkillListProps>;
-    readonly ProjectList: ComponentType<ProjectListProps>;
+    readonly HomeGrid: ComponentType<HomeGridProps>;
     readonly MemberList: ComponentType<MemberListProps>;
     readonly Calendar: ComponentType<CalendarProps>;
     readonly GoalList: ComponentType<GoalListProps>;
@@ -91,6 +93,12 @@ export interface ConsoleApp {
     /** Renders the console into `container`. Returns the way to take it down again. */
     mount(container: Element): () => void;
 }
+/**
+ * The language to keep for a person the pages see for the first time (ADR-0065): the one their
+ * browser asks for, so that a plugin or an agent can write for them while they are away. Nothing
+ * for a person who has a language, for nobody, and where the pages only fall back on a language.
+ */
+export declare function languageToKeep(me: RestMe | undefined, browser: readonly string[], packs: readonly LanguagePack[]): string | undefined;
 /**
  * The pages a console that holds a token does not offer: the tokens themselves, and the
  * approval of an agent's connection, which makes one; a person's own doing on the console's

package/dist/console.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"console.d.ts","sourceRoot":"","sources":["../src/console.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"console.d.ts","sourceRoot":"","sources":["../src/console.tsx"],"names":[],"mappings":"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"}

package/dist/console.js

@@ -10,13 +10,14 @@ 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, goalMonth } from "./components/goals.js";
-import { MyDecisions } from "./components/my-decisions.js";
+import { HomeGrid } from "./components/home.js";
+import { MyDecisions, ReachedDecision } from "./components/my-decisions.js";
 import { PackTokenWays } from "./components/pack-token.js";
 import { PAGE_SIZE } from "./components/paged.js";
-import { ListingForm, PeopleList } from "./components/people.js";
-import { PluginFrame, PluginWidgets } from "./components/plugin-frame.js";
+import { ListingForm, PeopleList, TeamForm, TeamList, } from "./components/people.js";
+import { PluginFrame } from "./components/plugin-frame.js";
 import { PluginSettingsList, PluginSettingsView } from "./components/plugin-settings.js";
-import { MemberList, ProjectForm, ProjectList, ProjectMark, } from "./components/projects.js";
+import { MemberList, ProjectForm, ProjectMark, } from "./components/projects.js";
 import { RemotePicturesContext } from "./components/remote-pictures.js";
 import { GoalTimeline } from "./components/roadmap.js";
 import { RulesForm, RulesView } from "./components/rules.js";
@@ -27,16 +28,16 @@ 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, CategoryBadge, EmptyState, LinkButton, personName, Spinner, StateBadge, Time, } from "./components/ui.js";
+import { Button, Callout, CategoryBadge, cx, EmptyState, LinkButton, personName, Spinner, StateBadge, Time, } from "./components/ui.js";
 import { WorkList } from "./components/work.js";
 import { peopleVisibilityOf, WorkspaceSettingsForm, WorkspaceSettingsView, weekStartOf, } from "./components/workspace.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 { browserPack, chooseLanguage, DEFAULT_LANGUAGES, LanguageContext, useWords, } from "./i18n/index.js";
 import { pluginNavItems, pluginPagesAt, pluginWordOf } from "./plugin-nav.js";
-import { boardHref, calendarHref, customPageHref, decisionHref, decisionsHref, docHref, goalHref, matchRoute, newDecisionHref, newGoalHref, newTaskHref, PATHS, personAgentsHref, personWorkHref, pluginHref, pluginSettingsHref, projectHref, projectSettingsHref, roadmapHref, settingsHref, signInFailureOf, taskHref, withoutSignInParam, workHref, } from "./router.js";
+import { boardHref, calendarHref, customPageHref, decisionHref, decisionsHref, docHref, goalHref, matchRoute, myDecisionHref, newDecisionHref, newGoalHref, newTaskHref, PATHS, personAgentsHref, personWorkHref, pluginHref, pluginSettingsHref, projectHref, projectSettingsHref, roadmapHref, settingsHref, signInFailureOf, taskHref, withoutSignInParam, workHref, } from "./router.js";
 import { projectPath } from "./routes.js";
 import { errorWords, useAction } from "./use-action.js";
 export const DEFAULT_COMPONENTS = {
@@ -48,8 +49,9 @@ export const DEFAULT_COMPONENTS = {
     SignIn,
     TokenList,
     PeopleList,
+    TeamList,
     SkillList,
-    ProjectList,
+    HomeGrid,
     MemberList,
     Calendar,
     GoalList,
@@ -184,6 +186,16 @@ function Ground(props) {
 function holdsToken(data) {
     return data.me !== undefined && data.me.agent !== null;
 }
+/**
+ * The language to keep for a person the pages see for the first time (ADR-0065): the one their
+ * browser asks for, so that a plugin or an agent can write for them while they are away. Nothing
+ * for a person who has a language, for nobody, and where the pages only fall back on a language.
+ */
+export function languageToKeep(me, browser, packs) {
+    return me?.person !== null && me?.person !== undefined && me.language === null
+        ? browserPack(browser, packs)?.tag
+        : undefined;
+}
 /**
  * The pages a console that holds a token does not offer: the tokens themselves, and the
  * approval of an agent's connection, which makes one; a person's own doing on the console's
@@ -201,20 +213,21 @@ function NotWithToken() {
 }
 function ProjectsPage(props) {
     const words = useWords().projects;
+    const homeWords = useWords().home;
     const { data, components, navigation, client, language } = props;
     const me = data.me;
-    /** The plugins' widgets at a place of this page (ADR-0054), for the person's roles. */
-    const widgets = (place) => me === undefined ? null : (_jsx(PluginWidgets, { plugins: data.plugins, place: place, me: me, language: language, client: client, navigation: navigation, nameOf: (name) => pluginWordOf(name, language) }));
+    // The person arranges the page (ADR-0061): the projects and the widgets, tiles on one grid.
+    const [arranging, setArranging] = useState(false);
     const { busy, error, act } = useAction();
     const href = (project) => projectHref(project.key);
     // A project is made by an administrator (ADR-0045): a member sees the list alone, the form's
     // address included.
     const administrator = data.me?.person?.role === "admin";
     const making = props.making && administrator;
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "sc-page-head", children: [_jsx("h1", { className: "sc-page-title", children: words.title }), administrator && !making && (_jsx(LinkButton, { href: PATHS.newProject, variant: "primary", children: words.newProject }))] }), error !== undefined && _jsx(Callout, { tone: "danger", children: error }), widgets("home:top"), 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 () => {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "sc-page-head", children: [_jsx("h1", { className: "sc-page-title", children: words.title }), !arranging && (_jsxs("div", { className: "sc-page-actions", children: [me !== undefined && me.person !== null && (_jsx(Button, { size: "sm", variant: "ghost", onClick: () => setArranging(true), children: homeWords.edit })), administrator && !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: administrator ? words.empty.body : words.empty.bodyMember, action: administrator ? (_jsx(LinkButton, { href: PATHS.newProject, children: words.newProject })) : undefined }) }), widgets("home:bottom")] }));
+                    }), onCancel: () => navigation.back(PATHS.projects) }) })), _jsx(components.HomeGrid, { projects: data.projects, plugins: data.plugins, home: me?.home, editing: arranging, onSave: (home) => data.actions.updateMe({ home }), onDone: () => setArranging(false), projectHref: href, onOpen: (project) => navigation.go(href(project)), nameOf: (name) => pluginWordOf(name, language), renderWidget: (tile, size) => me === undefined ? null : (_jsx(PluginFrame, { plugin: tile.plugin, widget: tile.widget.key, size: size, me: me, language: language, client: client, navigation: navigation, title: pluginWordOf(tile.widget.name, language) })), empty: _jsx(EmptyState, { title: words.empty.title, body: administrator ? words.empty.body : words.empty.bodyMember, action: administrator ? (_jsx(LinkButton, { href: PATHS.newProject, children: words.newProject })) : undefined }) })] }));
 }
 /**
  * A plugin's page (ADR-0054): the sub-tabs of its pages at the level, where it has several, above
@@ -233,7 +246,7 @@ function PluginPage(props) {
         return _jsx(EmptyState, { title: words.plugins.noPage.title, body: words.plugins.noPage.body });
     }
     const projectKey = route.level === "project" ? route.project : undefined;
-    return (_jsxs(_Fragment, { children: [pages.length > 1 && (_jsx("nav", { className: "sc-subtabs", "aria-label": pluginWordOf(plugin.name, language), children: pages.map((candidate) => (_jsx("a", { href: pluginHref(plugin.key, candidate.key, projectKey), className: candidate.key === page.key ? "sc-tab sc-tab-current" : "sc-tab", "aria-current": candidate.key === page.key ? "page" : undefined, children: pluginWordOf(candidate.name, language) }, candidate.key))) })), _jsx(PluginFrame, { plugin: plugin, page: page.key, project: project, path: route.rest, me: data.me, language: language, client: client, navigation: navigation, events: project === undefined ? undefined : data.events, title: words.plugins.frame(pluginWordOf(page.name, language)) }, `${plugin.key}:${page.key}:${projectKey ?? ""}`)] }));
+    return (_jsxs(_Fragment, { children: [pages.length > 1 && (_jsx("nav", { className: "sc-page-tabs", "aria-label": pluginWordOf(plugin.name, language), children: pages.map((candidate) => (_jsx("a", { href: pluginHref(plugin.key, candidate.key, projectKey), className: candidate.key === page.key ? "sc-tab sc-tab-current" : "sc-tab", "aria-current": candidate.key === page.key ? "page" : undefined, children: pluginWordOf(candidate.name, language) }, candidate.key))) })), _jsx(PluginFrame, { plugin: plugin, page: page.key, project: project, path: route.rest, me: data.me, language: language, client: client, navigation: navigation, events: project === undefined ? undefined : data.events, title: words.plugins.frame(pluginWordOf(page.name, language)) }, `${plugin.key}:${page.key}:${projectKey ?? ""}`)] }));
 }
 /**
  * The plugins' settings (docs/specs/plugins.md, "The settings pages"): the list, or one plugin
@@ -256,9 +269,9 @@ function PluginSettingsPage(props) {
             setFailure(undefined);
         }
         catch (error) {
-            setFailure(error instanceof ApiError ? error.message : words.common.somethingWentWrong);
+            setFailure(errorWords(error, words.common.somethingWentWrong, words));
         }
-    }, [client, key, words.common.somethingWentWrong]);
+    }, [client, key, words]);
     useEffect(() => {
         setDetail(undefined);
         void read();
@@ -275,7 +288,7 @@ function PluginSettingsPage(props) {
     if (detail === undefined) {
         return (_jsx("div", { className: "sc-loading", children: _jsx(Spinner, { label: words.common.loading }) }));
     }
-    return (_jsx(PluginSettingsView, { detail: detail, projects: data.projects, people: data.people, language: language, client: client, onChanged: async () => {
+    return (_jsx(PluginSettingsView, { detail: detail, projects: data.projects, people: data.people, plugins: data.plugins, teams: data.teams, language: language, client: client, onChanged: async () => {
             await read();
             await data.actions.refreshPlugins();
         }, onPurged: () => {
@@ -831,6 +844,41 @@ function PlatePage(props) {
                 (plate.closed?.length ?? 0) === 0 &&
                 (plate.decisions?.length ?? 0) === 0 ? (_jsx(EmptyState, { title: props.empty.title, body: props.empty.body })) : (_jsx(components.WorkList, { work: plate, week: props.week, weekStart: props.weekStart, taskHref: (projectKey, task) => taskHref(projectKey, task.number), decisionHref: (projectKey, decisionId) => decisionHref(projectKey, decisionId), weekHref: props.weekHref }))] }));
 }
+/**
+ * One decision wherever it is (ADR-0068): in a project the person may see, or one that reaches
+ * them from elsewhere, addressed to them, raised by them, or a plugin's addressed to someone
+ * they manage; answered here where they may. The address a plugin's page sends a person to,
+ * who may not be in the project the decision waits in.
+ */
+function MyDecisionPage(props) {
+    const words = useWords();
+    const { id, data } = props;
+    const { reachDecision, answerReachedDecision } = data.actions;
+    const [reached, setReached] = useState(undefined);
+    const [problem, setProblem] = useState(undefined);
+    const { busy, error, act } = useAction();
+    const couldNotLoad = words.myDecisions.couldNotLoad;
+    useEffect(() => {
+        const controller = new AbortController();
+        setReached(undefined);
+        setProblem(undefined);
+        reachDecision(id, controller.signal).then((found) => {
+            if (!controller.signal.aborted) {
+                setReached(found);
+            }
+        }, (failure) => {
+            if (!controller.signal.aborted) {
+                setProblem(errorWords(failure, couldNotLoad, words));
+            }
+        });
+        return () => controller.abort();
+    }, [reachDecision, id, couldNotLoad, words]);
+    const shown = problem ?? error;
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "sc-page-head", children: [_jsx("h1", { className: "sc-page-title", children: words.decisions.one }), _jsx(LinkButton, { href: PATHS.decisions, children: words.myDecisions.title })] }), shown !== undefined && _jsx(Callout, { tone: "danger", children: shown }), reached === undefined ? (shown === undefined && (_jsx("div", { className: "sc-loading", children: _jsx(Spinner, { label: words.myDecisions.loading }) }))) : (_jsx(ReachedDecision, { reached: reached, onAnswer: (_decision, input) => void act(async () => {
+                    const answered = await answerReachedDecision(id, input);
+                    setReached((current) => current === undefined ? current : { ...current, decision: answered });
+                }), busy: busy }))] }));
+}
 /** What is on the person's own plate, across their projects. */
 /** How many of a person's decisions are read at a time. */
 const MY_DECISIONS_PAGE = 50;
@@ -878,17 +926,22 @@ function useMyDecisions(myDecisions, raised, couldNotLoad) {
  */
 function MyDecisionsPage(props) {
     const words = useWords();
-    const { myDecisions, answerDecisionIn } = props.data.actions;
+    const { myDecisions, answerReachedDecision } = props.data.actions;
     const addressed = useMyDecisions(myDecisions, false, words.myDecisions.couldNotLoad);
     const raised = useMyDecisions(myDecisions, true, words.myDecisions.couldNotLoad);
     const { busy, error, act } = useAction();
     const problem = addressed.problem ?? raised.problem ?? error;
-    const onAnswer = (projectKey, decision, input) => void act(async () => {
-        await answerDecisionIn(projectKey, decision.id, input);
+    // Answered at the decision's own address (ADR-0068), so that one that reaches the person from a
+    // project they are not in, a plugin's up the reporting line or one they were named in before
+    // they left it, is answered here as it is read here.
+    const onAnswer = (_projectKey, decision, input) => void act(async () => {
+        await answerReachedDecision(decision.id, input);
         addressed.reload();
         raised.reload();
     });
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "sc-page-head", children: _jsx("h1", { className: "sc-page-title", children: words.myDecisions.title }) }), problem !== undefined && _jsx(Callout, { tone: "danger", children: problem }), addressed.items === undefined || raised.items === undefined ? (problem === undefined && (_jsx("div", { className: "sc-loading", children: _jsx(Spinner, { label: words.myDecisions.loading }) }))) : addressed.items.length === 0 && raised.items.length === 0 ? (_jsx(EmptyState, { title: words.myDecisions.empty.title, body: words.myDecisions.empty.body })) : (_jsx(MyDecisions, { addressed: { items: addressed.items, more: addressed.more, onMore: addressed.readMore }, raised: { items: raised.items, more: raised.more, onMore: raised.readMore }, decisionHref: decisionHref, fileHref: (projectKey, fileId) => projectPath(projectKey, "files", fileId), onAnswer: onAnswer, busy: busy || addressed.busy || raised.busy }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "sc-page-head", children: _jsx("h1", { className: "sc-page-title", children: words.myDecisions.title }) }), problem !== undefined && _jsx(Callout, { tone: "danger", children: problem }), addressed.items === undefined || raised.items === undefined ? (problem === undefined && (_jsx("div", { className: "sc-loading", children: _jsx(Spinner, { label: words.myDecisions.loading }) }))) : addressed.items.length === 0 && raised.items.length === 0 ? (_jsx(EmptyState, { title: words.myDecisions.empty.title, body: words.myDecisions.empty.body })) : (_jsx(MyDecisions, { addressed: { items: addressed.items, more: addressed.more, onMore: addressed.readMore }, raised: { items: raised.items, more: raised.more, onMore: raised.readMore }, decisionHref: (projectKey, decisionId) => props.data.projects.some((project) => project.key === projectKey)
+                    ? decisionHref(projectKey, decisionId)
+                    : myDecisionHref(decisionId), onAnswer: onAnswer, busy: busy || addressed.busy || raised.busy }))] }));
 }
 function WorkPage(props) {
     const words = useWords();
@@ -922,6 +975,9 @@ function WorkspacePage(props) {
     if (route.name === "my-decisions") {
         return _jsx(MyDecisionsPage, { data: data });
     }
+    if (route.name === "my-decision") {
+        return _jsx(MyDecisionPage, { id: route.id, data: data });
+    }
     if (route.name === "person-work") {
         return _jsx(PersonWorkPage, { id: route.id, data: data, components: components, week: route.week });
     }
@@ -940,24 +996,56 @@ 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" || route.name === "new-listing") {
+    if (route.name === "people" ||
+        route.name === "new-listing" ||
+        route.name === "teams" ||
+        route.name === "new-team") {
         const me = data.me?.person ?? undefined;
         const administrator = me?.role === "admin";
+        // The people and the teams (ADR-0073) are two views of one page, each with its form.
+        const onTeams = route.name === "teams" || route.name === "new-team";
         const making = route.name === "new-listing" && administrator;
+        const makingTeam = route.name === "new-team" && 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");
         // The list is what the policy shows (ADR-0035): everyone, or the people one shares a project with.
         const narrowed = peopleVisibilityOf(data.me?.workspace) === "shared_projects" && !administrator;
-        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 }))] }), narrowed && _jsx("p", { className: "sc-lead", children: words.people.narrowed }), 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 () => {
+        const views = words.people.views;
+        const inCount = data.people.filter((person) => person.status === "active").length;
+        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "sc-page-head", children: [_jsx("h1", { className: "sc-page-title", children: words.people.title }), administrator && !onTeams && !making && (_jsx(LinkButton, { href: PATHS.newListing, variant: "primary", children: words.people.letIn })), administrator && onTeams && !makingTeam && (_jsx(LinkButton, { href: PATHS.newTeam, variant: "primary", children: words.teams.newTeam }))] }), _jsxs("nav", { className: "sc-subtabs sc-people-views", "aria-label": views.aria, children: [_jsxs("a", { className: cx("sc-tab", !onTeams && "sc-tab-current"), href: PATHS.people, "aria-current": onTeams ? undefined : "page", children: [views.people, _jsx("span", { className: "sc-tab-count", children: inCount })] }), _jsxs("a", { className: cx("sc-tab", onTeams && "sc-tab-current"), href: PATHS.teams, "aria-current": onTeams ? "page" : undefined, children: [views.teams, _jsx("span", { className: "sc-tab-count", children: data.teams.length })] })] }), narrowed && _jsx("p", { className: "sc-lead", children: words.people.narrowed }), error !== undefined && _jsx(Callout, { tone: "danger", children: error }), makingTeam && (_jsx("section", { className: "sc-panel sc-panel-form", "aria-label": words.teams.newAria, children: _jsx(TeamForm, { busy: busy, onSubmit: (input) => void act(async () => {
+                            await data.actions.createTeam(input);
+                            navigation.replace(PATHS.teams);
+                        }), onCancel: () => navigation.back(PATHS.teams) }) })), onTeams && (_jsx(components.TeamList, { teams: data.teams, people: data.people, busy: busy, onRename: administrator
+                        ? (team, name) => void act(() => data.actions.renameTeam(team.key, { name }))
+                        : undefined, onRemove: administrator
+                        ? (team) => {
+                            // The roles granted to the team go with it: asked first, as nothing brings them back.
+                            if (window.confirm(words.teams.removeAsk(team.name))) {
+                                void act(() => data.actions.removeTeam(team.key));
+                            }
+                        }
+                        : undefined, onAddMember: administrator
+                        ? (team, person) => void act(() => data.actions.addTeamMember(team.key, person.id))
+                        : undefined, onRemoveMember: administrator
+                        ? (team, person) => void act(() => data.actions.removeTeamMember(team.key, person.id))
+                        : undefined })), 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
+                        }), onCancel: () => navigation.back(PATHS.people) }) })), !onTeams && (_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, onChangeStatus: administrator
                         ? (person, status) => void act(() => data.actions.updatePerson(person.id, { status }))
+                        : undefined, onChangeManager: administrator
+                        ? (person, managerId) => void act(() => data.actions.updatePerson(person.id, { managerId }))
+                        : undefined, onChangeEmail: administrator
+                        ? (person, email) => void act(() => data.actions.updatePerson(person.id, { email }))
                         : 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 })] }));
+                        : undefined, teams: data.teams, onJoinTeam: administrator
+                        ? (person, team) => void act(() => data.actions.addTeamMember(team.key, person.id))
+                        : undefined, onLeaveTeam: administrator
+                        ? (person, team) => void act(() => data.actions.removeTeamMember(team.key, person.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 });
@@ -994,10 +1082,16 @@ export function createConsole(config = {}) {
         const failure = signInFailureOf(location.search);
         const title = data.me?.workspace.name ?? fallbackTitle;
         const viaToken = holdsToken(data);
-        // The language: the person's choice, else the browser's, else the first the console speaks.
+        // The language: the person's own, else the browser's, else the first the console speaks.
         const chosen = data.me?.language;
         const pack = useMemo(() => chooseLanguage(chosen, typeof navigator === "undefined" ? [] : navigator.languages, languages), [chosen]);
         const words = pack.messages;
+        const toKeep = languageToKeep(data.me, typeof navigator === "undefined" ? [] : navigator.languages, languages);
+        useEffect(() => {
+            if (toKeep !== undefined) {
+                void data.actions.updateMe({ language: toKeep }).catch(() => undefined);
+            }
+        }, [toKeep, data.actions]);
         // An address that moved is shown at its new one, in its place.
         useEffect(() => {
             if (route.name === "moved") {
@@ -1012,7 +1106,7 @@ export function createConsole(config = {}) {
         }, [title, data.project, pack.tag]);
         let content;
         if (data.me === undefined) {
-            content = (_jsx(Ground, { children: _jsx("div", { className: "sc-loading", children: data.error === undefined ? (_jsx(Spinner, { label: words.common.loading })) : (_jsx(Callout, { tone: "danger", title: words.common.couldNotReach, action: _jsx(Button, { onClick: data.reload, children: words.common.tryAgain }), children: data.error })) }) }));
+            content = (_jsx(Ground, { children: _jsx("div", { className: "sc-loading", children: data.error === undefined ? (_jsx(Spinner, { label: words.common.loading })) : (_jsx(Callout, { tone: "danger", title: words.common.couldNotReach, action: _jsx(Button, { onClick: data.reload, children: words.common.tryAgain }), children: errorWords(data.failure, data.error, words) })) }) }));
         }
         else if (data.me.person === null) {
             content = (_jsx(Ground, { children: _jsx(components.SignIn, { title: title, brand: config.brand, providers: data.me.signIn, returnTo: withoutSignInParam(location.pathname, location.search), failure: failure }) }));
@@ -1030,7 +1124,7 @@ export function createConsole(config = {}) {
                 {
                     href: PATHS.decisions,
                     label: words.nav.myDecisions,
-                    current: route.name === "my-decisions",
+                    current: route.name === "my-decisions" || route.name === "my-decision",
                     count: data.me?.decisions?.waiting,
                 },
                 {
@@ -1038,6 +1132,8 @@ export function createConsole(config = {}) {
                     label: words.nav.people,
                     current: route.name === "people" ||
                         route.name === "new-listing" ||
+                        route.name === "teams" ||
+                        route.name === "new-team" ||
                         route.name === "person-agents",
                 },
                 ...(viaToken