@skillcdn/console 0.4.4 → 0.4.5

package/dist/console.js

@@ -11,10 +11,10 @@ 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 { HomeGrid } from "./components/home.js";
-import { MyDecisions } from "./components/my-decisions.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 { 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, ProjectMark, } from "./components/projects.js";
@@ -28,7 +28,7 @@ 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";
@@ -37,7 +37,7 @@ import { monthOf, today } from "./dates.js";
 import { DocsPage } from "./docs-page.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 = {
@@ -49,6 +49,7 @@ export const DEFAULT_COMPONENTS = {
     SignIn,
     TokenList,
     PeopleList,
+    TeamList,
     SkillList,
     HomeGrid,
     MemberList,
@@ -287,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: () => {
@@ -843,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;
@@ -890,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();
@@ -934,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 });
     }
@@ -952,26 +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 });
@@ -1050,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,
                 },
                 {
@@ -1058,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