@skillcdn/console 0.3.2 → 0.4.1

package/src/console.tsx

@@ -22,6 +22,7 @@ import {
   type RestDecisionInput,
   type RestDecisionPatch,
   type RestEvent,
+  type RestMyDecisions,
   type RestProject,
   type RestProjectInput,
   type RestProjectPatch,
@@ -45,6 +46,7 @@ import { DecisionForm } from "./components/decision-form.js";
 import { DecisionCard, DecisionList, type DecisionListProps } from "./components/decision-list.js";
 import { EventFeed, type EventFeedProps } from "./components/event-feed.js";
 import { GoalForm, GoalList, type GoalListProps, GoalView, goalMonth } from "./components/goals.js";
+import { MyDecisions } from "./components/my-decisions.js";
 import { PackTokenWays } from "./components/pack-token.js";
 import { PAGE_SIZE } from "./components/paged.js";
 import { ListingForm, PeopleList, type PeopleListProps } from "./components/people.js";
@@ -56,6 +58,7 @@ import {
   type ProjectListProps,
   ProjectMark,
 } from "./components/projects.js";
+import { type RemotePictureSrc, RemotePicturesContext } from "./components/remote-pictures.js";
 import { GoalTimeline } from "./components/roadmap.js";
 import { RulesForm, RulesView } from "./components/rules.js";
 import {
@@ -76,6 +79,7 @@ import {
   Callout,
   CategoryBadge,
   EmptyState,
+  LinkButton,
   personName,
   Spinner,
   StateBadge,
@@ -385,19 +389,6 @@ function NotWithToken() {
   return <EmptyState title={words.title} body={words.body} />;
 }
 
-/** A link that reads as a button: where a form is, for instance. */
-function LinkButton(props: {
-  readonly href: string;
-  readonly variant?: "primary" | "secondary";
-  readonly children: React.ReactNode;
-}) {
-  return (
-    <a className={`sc-button sc-button-${props.variant ?? "secondary"}`} href={props.href}>
-      {props.children}
-    </a>
-  );
-}
-
 function ProjectsPage(props: {
   readonly data: ConsoleData;
   readonly components: ConsoleComponents;
@@ -406,14 +397,18 @@ function ProjectsPage(props: {
   readonly making: boolean;
 }) {
   const words = useWords().projects;
-  const { data, components, navigation, making } = props;
+  const { data, components, navigation } = props;
   const { busy, error, act } = useAction();
   const href = (project: RestProject) => 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 (
     <>
       <div className="sc-page-head">
         <h1 className="sc-page-title">{words.title}</h1>
-        {!making && (
+        {administrator && !making && (
           <LinkButton href={PATHS.newProject} variant="primary">
             {words.newProject}
           </LinkButton>
@@ -446,8 +441,12 @@ function ProjectsPage(props: {
         empty={
           <EmptyState
             title={words.empty.title}
-            body={words.empty.body}
-            action={<LinkButton href={PATHS.newProject}>{words.newProject}</LinkButton>}
+            body={administrator ? words.empty.body : words.empty.bodyMember}
+            action={
+              administrator ? (
+                <LinkButton href={PATHS.newProject}>{words.newProject}</LinkButton>
+              ) : undefined
+            }
           />
         }
       />
@@ -913,6 +912,19 @@ function ProjectPage(props: {
               empty={<p className="sc-muted">{calendar.nothingOverdue}</p>}
             />
           </section>
+          {open.length > 0 && (
+            <section className="sc-task-section" aria-label={calendar.workload.title}>
+              <h2 className="sc-section-title">{calendar.workload.title}</h2>
+              <Workload
+                tasks={shown}
+                today={now}
+                weekStart={weekStartOf(data.me?.workspace)}
+                personHref={(person) =>
+                  boardHref(key, person === undefined ? {} : { person: person.id })
+                }
+              />
+            </section>
+          )}
           <section className="sc-task-section" aria-label={calendar.unscheduled}>
             <h2 className="sc-section-title">
               {calendar.unscheduled} <span className="sc-column-count">{unscheduled.length}</span>
@@ -926,19 +938,6 @@ function ProjectPage(props: {
             />
           </section>
         </div>
-        {open.length > 0 && (
-          <section className="sc-task-section" aria-label={calendar.workload.title}>
-            <h2 className="sc-section-title">{calendar.workload.title}</h2>
-            <Workload
-              tasks={shown}
-              today={now}
-              weekStart={weekStartOf(data.me?.workspace)}
-              personHref={(person) =>
-                boardHref(key, person === undefined ? {} : { person: person.id })
-              }
-            />
-          </section>
-        )}
       </>
     );
   }
@@ -1169,7 +1168,9 @@ function ProjectPage(props: {
         {error !== undefined && <Callout tone="danger">{error}</Callout>}
         <section className="sc-panel sc-panel-form" aria-label={words.decisions.raiseAria}>
           <DecisionForm
-            tasks={data.tasks}
+            findTasks={data.actions.findTasks}
+            deciders={data.members.map((member) => member.person)}
+            me={data.me?.person ?? undefined}
             busy={busy}
             onSubmit={(input: RestDecisionInput) =>
               void act(async () => {
@@ -1440,6 +1441,7 @@ function ProjectSettingsPage(props: {
           busy={busy}
           onStart={data.actions.connectPackToken}
           poll={data.actions.packTokenConnection}
+          claim={data.actions.claimPackTokenConnection}
           onCancelConnect={data.actions.cancelPackTokenConnection}
           onConnected={() => navigation.replace(here)}
           onSubmit={(token) =>
@@ -1662,6 +1664,7 @@ function WorkspaceSettingsPage(props: {
           busy={busy}
           onStart={data.actions.connectWorkspacePackToken}
           poll={data.actions.workspacePackTokenConnection}
+          claim={data.actions.claimWorkspacePackTokenConnection}
           onCancelConnect={data.actions.cancelWorkspacePackTokenConnection}
           onConnected={() => navigation.replace(PATHS.settings)}
           onSubmit={(token) =>
@@ -2012,6 +2015,108 @@ function PlatePage(props: {
 }
 
 /** 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;
+
+/** One kind of a person's decisions, read a page at a time, as the page shows it. */
+interface DecisionsRead {
+  readonly items: RestMyDecisions["items"] | undefined;
+  readonly more: boolean;
+  readonly busy: boolean;
+  readonly problem: string | undefined;
+  readonly readMore: () => void;
+  /** Reads the first page again, after an answer changed what waits. */
+  readonly reload: () => void;
+}
+
+/** The decisions addressed to the person, or, with `raised`, those they raised for someone else (ADR-0042). */
+function useMyDecisions(
+  myDecisions: ConsoleData["actions"]["myDecisions"],
+  raised: boolean,
+  couldNotLoad: string,
+): DecisionsRead {
+  const [items, setItems] = useState<RestMyDecisions["items"] | undefined>(undefined);
+  const [more, setMore] = useState(false);
+  const [busy, setBusy] = useState(false);
+  const [problem, setProblem] = useState<string | undefined>(undefined);
+  const read = useCallback(
+    async (offset: number, signal?: AbortSignal) => {
+      setBusy(true);
+      try {
+        const page = await myDecisions({ raised, limit: MY_DECISIONS_PAGE, offset }, signal);
+        if (signal?.aborted === true) {
+          return;
+        }
+        setItems((before) => (offset === 0 ? page.items : [...(before ?? []), ...page.items]));
+        setMore(page.more);
+      } catch (failure: unknown) {
+        if (signal?.aborted !== true) {
+          setProblem(errorWords(failure, couldNotLoad));
+        }
+      } finally {
+        if (signal?.aborted !== true) {
+          setBusy(false);
+        }
+      }
+    },
+    [myDecisions, raised, couldNotLoad],
+  );
+  useEffect(() => {
+    const controller = new AbortController();
+    setItems(undefined);
+    setProblem(undefined);
+    void read(0, controller.signal);
+    return () => controller.abort();
+  }, [read]);
+  const readMore = useCallback(() => void read(items?.length ?? 0), [read, items]);
+  const reload = useCallback(() => void read(0), [read]);
+  return { items, more, busy, problem, readMore, reload };
+}
+
+/**
+ * A person's decisions (ADR-0042), laid out as a project's decisions page is: those waiting for
+ * their answer, answered here, those they asked of others, and the record of both.
+ */
+function MyDecisionsPage(props: { readonly data: ConsoleData }) {
+  const words = useWords();
+  const { myDecisions, answerDecisionIn } = 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: string, decision: RestDecision, input: RestAnswerInput) =>
+    void act(async () => {
+      await answerDecisionIn(projectKey, decision.id, input);
+      addressed.reload();
+      raised.reload();
+    });
+  return (
+    <>
+      <div className="sc-page-head">
+        <h1 className="sc-page-title">{words.myDecisions.title}</h1>
+      </div>
+      {problem !== undefined && <Callout tone="danger">{problem}</Callout>}
+      {addressed.items === undefined || raised.items === undefined ? (
+        problem === undefined && (
+          <div className="sc-loading">
+            <Spinner label={words.myDecisions.loading} />
+          </div>
+        )
+      ) : addressed.items.length === 0 && raised.items.length === 0 ? (
+        <EmptyState title={words.myDecisions.empty.title} body={words.myDecisions.empty.body} />
+      ) : (
+        <MyDecisions
+          addressed={{ items: addressed.items, more: addressed.more, onMore: addressed.readMore }}
+          raised={{ items: raised.items, more: raised.more, onMore: raised.readMore }}
+          decisionHref={decisionHref}
+          onAnswer={onAnswer}
+          busy={busy || addressed.busy || raised.busy}
+        />
+      )}
+    </>
+  );
+}
+
 function WorkPage(props: {
   readonly data: ConsoleData;
   readonly components: ConsoleComponents;
@@ -2078,6 +2183,9 @@ function WorkspacePage(props: {
   if (route.name === "work") {
     return <WorkPage data={data} components={components} week={route.week} />;
   }
+  if (route.name === "my-decisions") {
+    return <MyDecisionsPage data={data} />;
+  }
   if (route.name === "person-work") {
     return <PersonWorkPage id={route.id} data={data} components={components} week={route.week} />;
   }
@@ -2237,6 +2345,8 @@ function WorkspacePage(props: {
 export function createConsole(config: ConsoleConfig = {}): ConsoleApp {
   const components: ConsoleComponents = { ...DEFAULT_COMPONENTS, ...config.components };
   const client = config.client ?? createClient({ baseUrl: config.baseUrl ?? "" });
+  /** Where the pages read a picture from elsewhere (ADR-0048): through this client's console. */
+  const pictureSrc: RemotePictureSrc = (url) => client.pictureUrl(url);
   const fallbackTitle = config.title ?? "Console";
   const languages = config.languages ?? DEFAULT_LANGUAGES;
   const pages = config.pages ?? [];
@@ -2321,6 +2431,11 @@ export function createConsole(config: ConsoleConfig = {}): ConsoleApp {
           current: route.name === "projects" || route.name === "new-project",
         },
         { href: PATHS.work, label: words.nav.work, current: route.name === "work" },
+        {
+          href: PATHS.decisions,
+          label: words.nav.myDecisions,
+          current: route.name === "my-decisions",
+        },
         {
           href: PATHS.people,
           label: words.nav.people,
@@ -2526,7 +2641,13 @@ export function createConsole(config: ConsoleConfig = {}): ConsoleApp {
         </components.Shell>
       );
     }
-    return <LanguageContext.Provider value={pack}>{content}</LanguageContext.Provider>;
+    return (
+      <LanguageContext.Provider value={pack}>
+        <RemotePicturesContext.Provider value={pictureSrc}>
+          {content}
+        </RemotePicturesContext.Provider>
+      </LanguageContext.Provider>
+    );
   }
 
   return {

package/src/data.ts

@@ -32,6 +32,7 @@ import {
   type RestMemberInput,
   type RestMemberPatch,
   type RestMePatch,
+  type RestMyDecisions,
   type RestOrganization,
   type RestPackConnect,
   type RestPackConnectStarted,
@@ -65,12 +66,12 @@ import {
 
 // What the console shows, and how it stays current: the workspace (who is signed in, the
 // projects, the people, the tokens) is loaded once; the project the page is on is loaded whole,
-// its feed from the beginning, and from then on the project's stream says when something
+// its feed as it stands, the newest page, and from then on the project's stream says when something
 // changed: on every event the lists are loaded again, which is the boring way to be right.
 
 /** How many events the feed keeps on the page. */
 const FEED_KEEP = 200;
-/** How many pages of the feed are read at the start before the stream takes over. */
+/** How many pages of a task's own events are read for its thread, which is read from the beginning. */
 const FEED_MAX_PAGES = 20;
 /** How long changes that arrive together are gathered before the lists are loaded once. */
 const RELOAD_DELAY_MS = 150;
@@ -88,8 +89,10 @@ export interface ConsoleActions {
   removePackToken(): Promise<RestProject>;
   /** Asks the deployment to connect the project's pack with a code a person approves (ADR-0036); for an owner. */
   connectPackToken(): Promise<RestPackConnectStarted>;
-  /** How that connection stands; once connected, the project is the one answered. */
+  /** How that connection stands, read and changed nothing. */
   packTokenConnection(signal?: AbortSignal): Promise<RestPackConnect>;
+  /** Asks the console to claim the token at the deployment (ADR-0046); once connected, the project is the one answered. */
+  claimPackTokenConnection(signal?: AbortSignal): Promise<RestPackConnect>;
   cancelPackTokenConnection(): Promise<void>;
   addMember(input: RestMemberInput): Promise<RestMember>;
   updateMember(personId: string, patch: RestMemberPatch): Promise<RestMember>;
@@ -122,6 +125,8 @@ export interface ConsoleActions {
   ): Promise<RestGoals>;
   raiseDecision(input: RestDecisionInput): Promise<RestDecision>;
   answerDecision(id: string, input: RestAnswerInput): Promise<RestDecision>;
+  /** Answers a decision of any project the person may see, by its project's key: for the person's own page of decisions (ADR-0042). */
+  answerDecisionIn(projectKey: string, id: string, input: RestAnswerInput): Promise<RestDecision>;
   /** Grows a decision's record: its context, or what followed. */
   updateDecision(id: string, patch: RestDecisionPatch): Promise<RestDecision>;
   /** Sets a goal on the roadmap of the project the page is on; for an owner. */
@@ -129,6 +134,17 @@ export interface ConsoleActions {
   updateGoal(id: string, patch: RestGoalPatch): Promise<RestGoal>;
   /** What is on the person's plate across their projects, read when the page asks. */
   work(signal?: AbortSignal): Promise<RestWork>;
+  /** The decisions addressed to the person (ADR-0042) across their projects, a page at a time, read when the page asks. */
+  myDecisions(
+    filter: {
+      readonly open?: boolean;
+      /** Those the person raised for someone else, in place of those addressed to them. */
+      readonly raised?: boolean;
+      readonly limit: number;
+      readonly offset: number;
+    },
+    signal?: AbortSignal,
+  ): Promise<RestMyDecisions>;
   /** The categories tasks are sorted into: kept by an administrator. */
   createCategory(input: RestCategoryInput): Promise<RestCategory>;
   updateCategory(key: string, patch: RestCategoryPatch): Promise<RestCategory>;
@@ -163,6 +179,7 @@ export interface ConsoleActions {
   removeWorkspacePackToken(): Promise<RestWorkspace>;
   connectWorkspacePackToken(): Promise<RestPackConnectStarted>;
   workspacePackTokenConnection(signal?: AbortSignal): Promise<RestWorkspacePackConnect>;
+  claimWorkspacePackTokenConnection(signal?: AbortSignal): Promise<RestWorkspacePackConnect>;
   cancelWorkspacePackTokenConnection(): Promise<void>;
   /** One person of the workspace by their exact login, or nobody: what an owner lists someone the People page does not show by. */
   findPerson(login: string, signal?: AbortSignal): Promise<RestPerson | undefined>;
@@ -233,23 +250,18 @@ export interface ConsoleData {
   reload(): void;
 }
 
-/** The whole feed of a project from the beginning, page by page, bounded. */
+/**
+ * The feed of a project as it stands: its newest page, oldest first, from which the stream
+ * goes on. Read in one request, where reading it from the beginning was a round trip per
+ * hundred events, each waited for before the board was shown.
+ */
 async function readFeed(
   client: ConsoleClient,
   key: string,
   signal: AbortSignal,
 ): Promise<RestEvent[]> {
-  const events: RestEvent[] = [];
-  let after = 0;
-  for (let page = 0; page < FEED_MAX_PAGES; page += 1) {
-    const result = await client.project(key).events(after, {}, signal);
-    events.push(...result.items);
-    after = result.items.at(-1)?.id ?? after;
-    if (!result.more) {
-      break;
-    }
-  }
-  return events.slice(-FEED_KEEP);
+  const result = await client.project(key).events(0, { latest: true }, signal);
+  return result.items.slice(-FEED_KEEP);
 }
 
 /** How many pages of the current tasks are read before the board is shown as it stands. */
@@ -454,7 +466,7 @@ export function useConsoleData(client: ConsoleClient, projectKey: string | undef
     return () => controller.abort();
   }, [client, generation, refreshWorkspace]);
 
-  // The project the page is on: its lists, its feed from the beginning, and its stream from
+  // The project the page is on: its lists, its feed as it stands, the newest page, and its stream from
   // where the feed ends. Another project, or none, starts over.
   // biome-ignore lint/correctness/useExhaustiveDependencies: `generation` is the trigger
   useEffect(() => {
@@ -598,8 +610,9 @@ export function useConsoleData(client: ConsoleClient, projectKey: string | undef
         return changed;
       },
       connectPackToken: () => scope().connectPackToken(),
-      async packTokenConnection(signal) {
-        const state = await scope().packTokenConnection(signal);
+      packTokenConnection: (signal) => scope().packTokenConnection(signal),
+      async claimPackTokenConnection(signal) {
+        const state = await scope().claimPackTokenConnection(signal);
         if (state.status === "connected") {
           setProject(state.project);
         }
@@ -656,6 +669,8 @@ export function useConsoleData(client: ConsoleClient, projectKey: string | undef
         await refreshProject();
         return decision;
       },
+      answerDecisionIn: (projectKey, id, input) =>
+        client.project(projectKey).answerDecision(id, input),
       async answerDecision(id, input) {
         const decision = await scope().answerDecision(id, input);
         await refreshProject();
@@ -679,6 +694,7 @@ export function useConsoleData(client: ConsoleClient, projectKey: string | undef
         return goal;
       },
       work: (signal) => client.work(signal),
+      myDecisions: (filter, signal) => client.myDecisions(filter, signal),
       async createCategory(input) {
         const category = await client.createCategory(input);
         setCategories((await client.categories()).items);
@@ -739,8 +755,9 @@ export function useConsoleData(client: ConsoleClient, projectKey: string | undef
         return workspace;
       },
       connectWorkspacePackToken: () => client.connectWorkspacePackToken(),
-      async workspacePackTokenConnection(signal) {
-        const state = await client.workspacePackTokenConnection(signal);
+      workspacePackTokenConnection: (signal) => client.workspacePackTokenConnection(signal),
+      async claimWorkspacePackTokenConnection(signal) {
+        const state = await client.claimWorkspacePackTokenConnection(signal);
         if (state.status === "connected") {
           const { workspace } = state;
           setMe((current) => (current === undefined ? undefined : { ...current, workspace }));

package/src/i18n/en.ts

@@ -131,6 +131,7 @@ export const en = {
   nav: {
     projects: "Projects",
     work: "My work",
+    myDecisions: "My decisions",
     people: "People",
     agents: "Agents",
     board: "Board",
@@ -156,7 +157,15 @@ export const en = {
 
   signIn: {
     lead: "Join an organization made of AI agents.",
-    continueWith: (provider: string) => `Continue with ${provider}`,
+    signInWith: (provider: string) => `Sign in with ${provider}`,
+    /** The button while the browser is on its way to the provider. */
+    going: (provider: string) => `Going to ${provider}…`,
+    /** The line under a button: who gets in through that way. */
+    admits: {
+      organization: (name: string) => `For the members of ${name}, the organization at GitHub.`,
+      domains: (domains: string) => `For accounts at ${domains}.`,
+      listed: "For the people an administrator added.",
+    },
     nobody: {
       title: "Nobody can sign in here yet",
       body: "Signing in is not configured on this console. Whoever runs it sets it up as deploy/README.md describes.",
@@ -175,6 +184,8 @@ export const en = {
     empty: {
       title: "No projects yet",
       body: "Make the first one: what it is for, and who is in it. Or ask an owner to add you to theirs.",
+      bodyMember:
+        "An administrator makes the projects. Ask one for the first, or an owner to add you to theirs.",
     },
     list: "Projects",
     private: "Private",
@@ -279,8 +290,11 @@ export const en = {
     menu: "Task menu",
     decisions: (n: number) => count(n, "decision", "decisions"),
     decisionsTitle: "Decisions waiting for a person",
+    unfold: (column: string) => `Open ${column}`,
+    fold: (column: string) => `Fold ${column}`,
     filters: {
       aria: "Narrow the board",
+      words: "Title, number or person",
       everyone: "Everyone",
       mine: "Mine",
       anyCategory: "Any category",
@@ -380,6 +394,8 @@ export const en = {
     record: "The record",
     openRecord: "Open",
     waitingForPerson: "Waiting for a person.",
+    waitingFor: (name: string) => `Waiting for ${name}.`,
+    peopleLabel: (asker: string, decider: string) => `asked by ${asker}, for ${decider}`,
     options: "Options",
     notePlaceholder: "A word about it, if any",
     own: "Something else",
@@ -402,6 +418,9 @@ export const en = {
       contextPlaceholder: "What a person needs to know to answer, in Markdown.",
       about: "About",
       noTask: "No task in particular",
+      decider: "Who decides",
+      deciderPlaceholder: "You, unless you name someone",
+      me: "(you)",
       options: "Options",
       option: (n: number) => `Option ${n}`,
       addOption: "Add an option",
@@ -409,6 +428,23 @@ export const en = {
     },
   },
 
+  myDecisions: {
+    title: "My decisions",
+    loading: "Loading your decisions",
+    couldNotLoad: "Your decisions could not be loaded.",
+    empty: {
+      title: "No decision is yours",
+      body: "A decision for you, by you or your agent or by someone who named you, and one you asked of someone else, show up here.",
+    },
+    waiting: "Waiting for you",
+    noneWaiting: "Nothing waits for your answer.",
+    raised: "Asked of others",
+    noneRaised: "You have asked nothing of others.",
+    answered: "Answered",
+    noneAnswered: "Nothing answered yet.",
+    more: "Show more",
+  },
+
   calendar: {
     title: "Calendar",
     grid: "The month",
@@ -421,6 +457,11 @@ export const en = {
     nothingOverdue: "Nothing is overdue.",
     unscheduled: "No day set",
     allScheduled: "Every open task has a day.",
+    more: (n: number) => `${n} more`,
+    fewer: "Fewer",
+    onDay: (day: string) => `Tasks on ${day}`,
+    nothingOnDay: "Nothing is on this day.",
+    close: "Close",
     week: {
       title: "The week",
       previous: "The week before",
@@ -512,8 +553,8 @@ export const en = {
     thisWeek: "Due this week",
     later: "Later",
     noDay: "No day set",
-    decisions: "Decisions waiting for a person",
-    noDecisions: "No decision waits.",
+    decisions: "Decisions waiting for you",
+    noDecisions: "No decision waits for your answer.",
     inProject: (project: string) => `in ${project}`,
   },
 
@@ -677,6 +718,8 @@ export const en = {
       runFinished: (task: string) => `finished ${task}`,
       runFailed: (task: string) => `failed on ${task}`,
       runAbandoned: (task: string) => `gave up on ${task}`,
+      runUnheard: (task: string, agent: string) =>
+        `ended the run of ${agent} on ${task}, not heard from for too long`,
       documentWritten: (page: string, version: number | undefined) =>
         `wrote ${page}${version === undefined ? "" : `, version ${version}`}`,
       documentArchived: (page: string) => `archived ${page}`,
@@ -801,6 +844,7 @@ export const en = {
     version: (n: number) => `v${n}`,
     versionWord: "version",
     writtenBy: "written by",
+    author: "Written by",
     versionOf: (n: number, of: number) => `Version ${n} of ${of}`,
     showLatest: "Show the latest",
     archivedNotice: "This page is archived: out of the folders and the search, and not written to.",
@@ -813,6 +857,8 @@ export const en = {
     decisionPrefix: "Decision: ",
     files: "Files",
     fileToAttach: "A file to attach",
+    chooseFile: "Choose a file",
+    noFileChosen: "No file chosen",
     labelPlaceholder: "What to call it, if not its name",
     attach: "Attach",
     by: "by",
@@ -853,6 +899,10 @@ export const en = {
       domain: "Of the domain",
       listed: "Added by an administrator",
     } satisfies Record<MembershipSource, string>,
+    /** A person the organization let in, by the organization's name: never read as their own. */
+    ofOrganization: (name: string) => `Member of ${name}`,
+    /** A person a Workspace domain let in, by the domain of their login. */
+    ofDomain: (domain: string) => `Account at ${domain}`,
     at: { gh: "at GitHub", google: "at Google" } satisfies Record<ProviderKey, string>,
     organization: (name: string) => `The organization ${name} at GitHub says who is in.`,
     organizationRead: "Last read",