@skillcdn/console 0.1.13 → 0.1.14

package/src/console.tsx

@@ -91,6 +91,7 @@ import {
   signInFailureOf,
   taskHref,
   withoutSignInParam,
+  workHref,
 } from "./router.js";
 import { projectPath } from "./routes.js";
 import { errorWords, useAction } from "./use-action.js";
@@ -384,7 +385,6 @@ function ProjectsPage(props: {
           </LinkButton>
         )}
       </div>
-      <p className="sc-lead">{words.lead}</p>
       {error !== undefined && <Callout tone="danger">{error}</Callout>}
       {making && (
         <section className="sc-panel sc-panel-form" aria-label={words.form.aria}>
@@ -640,7 +640,6 @@ function ProjectPage(props: {
             {words.board.writeTask}
           </LinkButton>
         </div>
-        <p className="sc-lead">{calendar.lead}</p>
         {data.tasks.length > 0 && (
           <BoardFilters
             filter={route.filter}
@@ -690,7 +689,6 @@ function ProjectPage(props: {
         {open.length > 0 && (
           <section className="sc-task-section" aria-label={calendar.workload.title}>
             <h2 className="sc-section-title">{calendar.workload.title}</h2>
-            <p className="sc-lead">{calendar.workload.lead}</p>
             <Workload
               tasks={shown}
               today={now}
@@ -719,7 +717,6 @@ function ProjectPage(props: {
             </LinkButton>
           )}
         </div>
-        <p className="sc-lead">{roadmap.lead}</p>
         {error !== undefined && <Callout tone="danger">{error}</Callout>}
         {making && (
           <section className="sc-panel sc-panel-form" aria-label={roadmap.setGoalAria}>
@@ -945,10 +942,7 @@ function ProjectPage(props: {
         <div className="sc-page-head">
           <h1 className="sc-page-title">{members.title}</h1>
         </div>
-        <p className="sc-lead">
-          {project.visibility === "workspace" ? members.leadWorkspace : members.leadPrivate}{" "}
-          {members.leadRoles}
-        </p>
+        <p className="sc-lead">{words.vocabulary.visibility[project.visibility]}</p>
         {error !== undefined && <Callout tone="danger">{error}</Callout>}
         <components.MemberList
           members={data.members}
@@ -989,11 +983,6 @@ function ProjectPage(props: {
         <div className="sc-page-head">
           <h1 className="sc-page-title">{settings.title}</h1>
         </div>
-        <p className="sc-lead">
-          {settings.leadBefore}
-          <code>{project.key}</code>
-          {settings.leadAfter}
-        </p>
         {error !== undefined && <Callout tone="danger">{error}</Callout>}
         <section className="sc-panel sc-panel-form" aria-label={settings.aria}>
           <ProjectForm
@@ -1082,9 +1071,6 @@ function PersonAgentsPage(props: {
         </h1>
         <LinkButton href={PATHS.people}>{words.nav.people}</LinkButton>
       </div>
-      <p className="sc-lead">
-        {words.people.agentsLead(person?.name ?? person?.login ?? words.feed.someone)}
-      </p>
       {error !== undefined && <Callout tone="danger">{error}</Callout>}
       {tokens === undefined ? (
         <div className="sc-loading">
@@ -1108,7 +1094,12 @@ function PersonAgentsPage(props: {
 }
 
 /** What is on the person's plate, across their projects: read when the page is opened. */
-function WorkPage(props: { readonly data: ConsoleData; readonly components: ConsoleComponents }) {
+function WorkPage(props: {
+  readonly data: ConsoleData;
+  readonly components: ConsoleComponents;
+  /** A day of the week shown at the top, from the address; today's week when it names none. */
+  readonly week: string | undefined;
+}) {
   const words = useWords();
   const { data, components } = props;
   const [work, setWork] = useState<RestWork | undefined>(undefined);
@@ -1135,7 +1126,6 @@ function WorkPage(props: { readonly data: ConsoleData; readonly components: Cons
       <div className="sc-page-head">
         <h1 className="sc-page-title">{words.work.title}</h1>
       </div>
-      <p className="sc-lead">{words.work.lead}</p>
       {problem !== undefined && <Callout tone="danger">{problem}</Callout>}
       {work === undefined ? (
         problem === undefined && (
@@ -1148,8 +1138,10 @@ function WorkPage(props: { readonly data: ConsoleData; readonly components: Cons
       ) : (
         <components.WorkList
           work={work}
+          week={props.week}
           taskHref={(projectKey, task) => taskHref(projectKey, task.number)}
           decisionHref={(projectKey, decisionId) => decisionHref(projectKey, decisionId)}
+          weekHref={workHref}
         />
       )}
     </>
@@ -1168,7 +1160,7 @@ function WorkspacePage(props: {
   const { busy, error, act } = useAction();
 
   if (route.name === "work") {
-    return <WorkPage data={data} components={components} />;
+    return <WorkPage data={data} components={components} week={route.week} />;
   }
   if (route.name === "categories") {
     const me = data.me?.person ?? undefined;
@@ -1179,9 +1171,6 @@ function WorkspacePage(props: {
         <div className="sc-page-head">
           <h1 className="sc-page-title">{categories.title}</h1>
         </div>
-        <p className="sc-lead">
-          {categories.lead} {categories.onlyAdmin}
-        </p>
         {error !== undefined && <Callout tone="danger">{error}</Callout>}
         <components.CategoryList
           categories={data.categories}
@@ -1204,7 +1193,6 @@ function WorkspacePage(props: {
           }
           empty={<EmptyState title={categories.empty.title} body={categories.empty.body} />}
         />
-        {administrator && <p className="sc-muted">{categories.inUse}</p>}
       </>
     );
   }
@@ -1217,7 +1205,6 @@ function WorkspacePage(props: {
         <div className="sc-page-head">
           <h1 className="sc-page-title">{words.people.title}</h1>
         </div>
-        <p className="sc-lead">{words.people.lead}</p>
         {error !== undefined && <Callout tone="danger">{error}</Callout>}
         <components.PeopleList
           people={data.people}
@@ -1253,7 +1240,6 @@ function WorkspacePage(props: {
             </LinkButton>
           )}
         </div>
-        <p className="sc-lead">{agents.lead}</p>
         {error !== undefined && <Callout tone="danger">{error}</Callout>}
         {fresh !== undefined && (
           <NewToken token={fresh.token} secret={fresh.secret} onDone={() => setFresh(undefined)} />

package/src/dates.ts

@@ -113,6 +113,17 @@ export function weekdays(firstDay = 1): number[] {
   return Array.from({ length: 7 }, (_, index) => ((firstDay - 1 + index) % 7) + 1);
 }
 
+/** The seven days of the week `day` is in, from the day the week begins on (1 for Monday, 7 for Sunday). */
+export function weekOf(day: string, firstDay = 1): string[] {
+  const date = dateOf(day);
+  if (Number.isNaN(date.getTime())) {
+    return [];
+  }
+  const weekday = date.getDay() === 0 ? 7 : date.getDay();
+  const first = addDays(day, -((weekday - firstDay + 7) % 7));
+  return Array.from({ length: 7 }, (_, index) => addDays(first, index));
+}
+
 /** A day as people read one in a language: the month and the day, with the year when it is not this year's. */
 export function formatDay(day: string, language?: string, now: Date = new Date()): string {
   const date = dateOf(day);
@@ -126,6 +137,23 @@ export function formatDay(day: string, language?: string, now: Date = new Date()
   });
 }
 
+/** A stretch of days as people read one: from a day to a day, with the year. */
+export function formatDays(from: string, to: string, language?: string): string {
+  const start = dateOf(from);
+  const end = dateOf(to);
+  if (Number.isNaN(start.getTime()) || Number.isNaN(end.getTime())) {
+    return `${from} - ${to}`;
+  }
+  const format = new Intl.DateTimeFormat(language, {
+    month: "short",
+    day: "numeric",
+    year: "numeric",
+  });
+  return typeof format.formatRange === "function"
+    ? format.formatRange(start, end)
+    : `${format.format(start)} - ${format.format(end)}`;
+}
+
 /** A month as people read one: the month and the year. */
 export function formatMonth(month: string, language?: string): string {
   const date = dateOf(`${month}-01`);

package/src/i18n/en.ts

@@ -143,7 +143,6 @@ export const en = {
   projects: {
     title: "Projects",
     newProject: "New project",
-    lead: "A project holds its board, its documents, its skills and its people. What you may see and change is decided per project: an owner configures it, a member works on it.",
     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.",
@@ -172,11 +171,6 @@ export const en = {
     members: {
       title: "Members",
       list: "Members",
-      leadWorkspace:
-        "Everyone of the workspace is a member of this project; those listed here are its owners and the people named besides.",
-      leadPrivate: "Only those listed here are in this project.",
-      leadRoles:
-        "An owner configures the project; a member works on it. A workspace administrator is an owner of every project.",
       since: "since",
       roleOf: (name: string) => `Role of ${name}`,
       addAria: "Add a member",
@@ -193,9 +187,6 @@ export const en = {
     settings: {
       title: "Settings",
       aria: "Project settings",
-      leadBefore: "The key, ",
-      leadAfter:
-        ", is what addresses and the command say, and does not change. The skills address names a repository served by SkillCDN; empty, the organization's skills are shown.",
       onlyOwner: {
         title: "Only an owner may change the project",
         body: "Ask one of its owners, or a workspace administrator.",
@@ -305,8 +296,6 @@ export const en = {
     waiting: "Waiting",
     answered: "Answered",
     record: "The record",
-    recordLead:
-      "Every decision answered, newest first: what was asked, what was chosen, by whom. Open one for its context, its rationale and what followed.",
     openRecord: "Open",
     waitingForPerson: "Waiting for a person.",
     options: "Options",
@@ -337,7 +326,6 @@ export const en = {
 
   calendar: {
     title: "Calendar",
-    lead: "The tasks on their days: planned from a start to a due day, a task lies across them; due on a day alone, it sits on it. One with no day waits at the bottom to be given one.",
     grid: "The month",
     legend: { title: "Category colours" },
     startsOnly: "Starts that day, with no due day yet",
@@ -349,9 +337,15 @@ export const en = {
     nothingOverdue: "Nothing is overdue.",
     unscheduled: "No day set",
     allScheduled: "Every open task has a day.",
+    week: {
+      title: "The week",
+      previous: "The week before",
+      next: "The week after",
+      thisWeek: "This week",
+      nothing: "Nothing is planned this week.",
+    },
     workload: {
       title: "Who has what",
-      lead: "The open tasks of each person, and what of them is late or due within the week.",
       person: "Person",
       open: "Open",
       inProgress: "In progress",
@@ -363,7 +357,6 @@ export const en = {
 
   roadmap: {
     title: "Roadmap",
-    lead: "What the project works towards: each goal with the day it is meant to be reached by, and how far its tasks are. Progress is read from the board as it stands.",
     setGoal: "Set a goal",
     setGoalAria: "Set a goal",
     editAria: "Change the goal",
@@ -402,7 +395,6 @@ export const en = {
 
   work: {
     title: "My work",
-    lead: "What is on your plate across your projects: the open tasks assigned to you, by the day they are due, and the decisions that wait for a person.",
     loading: "Loading your work",
     couldNotLoad: "Your work could not be loaded.",
     empty: {
@@ -420,8 +412,6 @@ export const en = {
 
   categories: {
     title: "Categories",
-    lead: "The kinds of work tasks are sorted into, the same in every project. A task carries one, the board is narrowed by one, and an administrator keeps the list.",
-    onlyAdmin: "An administrator adds, changes and removes them; everyone else reads them here.",
     list: "Categories",
     add: "Add a category",
     addAria: "Add a category",
@@ -429,7 +419,6 @@ export const en = {
       title: "No categories",
       body: "An administrator adds the first one here.",
     },
-    inUse: "A category tasks are sorted into cannot be removed until they are moved out of it.",
     form: {
       name: "Name",
       key: "Key",
@@ -543,10 +532,8 @@ export const en = {
       title: "No skills address yet",
       body: "This console has no address for the organization's skills. Whoever runs it names a repository served by SkillCDN in its configuration.",
     },
-    servedBy: "The organization's skills, served by",
+    servedBy: "Served by",
     at: "at",
-    howLoaded:
-      ". An agent loads one through its SkillCDN connection; a person reads it at its page.",
     status: {
       indexing: "SkillCDN is still indexing the repository. Look again in a moment.",
       failed: "SkillCDN could not index the repository. What it found is on the address's page.",
@@ -624,12 +611,9 @@ export const en = {
   people: {
     title: "People",
     list: "People",
-    lead: "Everyone who has signed in. An administrator configures the workspace and says what each person is; a member works in the projects they are in. What a person may do, their agents may do.",
     roleOf: (name: string) => `Role of ${name}`,
     agents: "Agents",
     agentsOf: (name: string) => `Agents of ${name}`,
-    agentsLead: (name: string) =>
-      `What works here as ${name}, each with a token of its own. Disconnecting one takes its token away at once.`,
     loadingAgents: "Loading the agents",
     noAgent: "No agent is connected",
     onlyAdmin: {
@@ -642,7 +626,6 @@ export const en = {
     title: "Agents",
     makeByHand: "Make a token by hand",
     makeAria: "Make a token",
-    lead: "What works here as you: each agent you connected, with a token of its own that nobody sees. What you may do, it may do; disconnect it here when that is over. A script or a console of your own holds a token the same way, made by hand.",
     empty: {
       title: "No agent is connected yet",
       body: "Tell your agent to connect to this console, as below, and it shows up here.",
@@ -677,7 +660,6 @@ export const en = {
   connect: {
     title: "Connect an agent",
     aria: "Connect",
-    lead: "Your agent showed you a code when it was told to connect to this console. Type it here, and say whether the agent may work as you.",
     codeAria: "The code",
     codeLabel: "The code your agent showed",
     continue: "Continue",

package/src/i18n/ko.ts

@@ -116,7 +116,6 @@ export const ko: Messages = {
   projects: {
     title: "프로젝트",
     newProject: "새 프로젝트",
-    lead: "프로젝트는 보드, 문서, 스킬, 사람들을 가집니다. 무엇을 보고 바꿀 수 있는지는 프로젝트마다 정해집니다. 소유자는 설정하고, 멤버는 일합니다.",
     empty: {
       title: "아직 프로젝트가 없습니다",
       body: "첫 프로젝트를 만드세요. 무엇을 위한 것인지, 누가 함께하는지. 또는 소유자에게 추가를 요청하세요.",
@@ -144,11 +143,6 @@ export const ko: Messages = {
     members: {
       title: "멤버",
       list: "멤버",
-      leadWorkspace:
-        "워크스페이스의 모두가 이 프로젝트의 멤버입니다. 여기 목록은 소유자와 따로 지정된 사람들입니다.",
-      leadPrivate: "여기 목록에 있는 사람만 이 프로젝트에 속합니다.",
-      leadRoles:
-        "소유자는 프로젝트를 설정하고, 멤버는 프로젝트에서 일합니다. 워크스페이스 관리자는 모든 프로젝트의 소유자입니다.",
       since: "부터",
       roleOf: (name) => `${name}의 역할`,
       addAria: "멤버 추가",
@@ -165,9 +159,6 @@ export const ko: Messages = {
     settings: {
       title: "설정",
       aria: "프로젝트 설정",
-      leadBefore: "키 ",
-      leadAfter:
-        "는 주소와 명령이 부르는 이름이며 바뀌지 않습니다. 스킬 주소는 SkillCDN이 제공하는 저장소를 가리킵니다. 비우면 조직의 스킬이 보입니다.",
       onlyOwner: {
         title: "소유자만 프로젝트를 바꿀 수 있습니다",
         body: "소유자나 워크스페이스 관리자에게 요청하세요.",
@@ -277,8 +268,6 @@ export const ko: Messages = {
     waiting: "대기 중",
     answered: "답변됨",
     record: "기록",
-    recordLead:
-      "답변된 모든 결정, 최신순. 무엇을 물었고, 무엇을 골랐고, 누가 골랐는지. 맥락과 근거, 그 뒤에 일어난 일은 각 결정을 열어 봅니다.",
     openRecord: "열기",
     waitingForPerson: "사람을 기다리는 중입니다.",
     options: "선택지",
@@ -309,7 +298,6 @@ export const ko: Messages = {
 
   calendar: {
     title: "캘린더",
-    lead: "작업을 날짜 위에 놓고 봅니다. 시작일과 기한이 있는 작업은 그 기간에 걸쳐 놓이고, 기한만 있는 작업은 그날에 놓입니다. 날짜가 없는 작업은 아래에서 날짜를 기다립니다.",
     grid: "이 달",
     legend: { title: "카테고리 색" },
     startsOnly: "그날 시작, 기한은 아직 없음",
@@ -321,9 +309,15 @@ export const ko: Messages = {
     nothingOverdue: "기한이 지난 작업이 없습니다.",
     unscheduled: "날짜 없음",
     allScheduled: "열린 작업마다 날짜가 있습니다.",
+    week: {
+      title: "이 주",
+      previous: "이전 주",
+      next: "다음 주",
+      thisWeek: "이번 주",
+      nothing: "이 주에 잡힌 작업이 없습니다.",
+    },
     workload: {
       title: "누가 무엇을",
-      lead: "사람마다 열린 작업과, 그중 늦은 것과 일주일 안에 마감인 것.",
       person: "사람",
       open: "열림",
       inProgress: "진행 중",
@@ -335,7 +329,6 @@ export const ko: Messages = {
 
   roadmap: {
     title: "로드맵",
-    lead: "프로젝트가 향하는 것. 목표마다 달성 목표일과, 그 아래 작업들이 어디까지 왔는지. 진행은 보드의 현재 상태에서 그대로 읽습니다.",
     setGoal: "목표 세우기",
     setGoalAria: "목표 세우기",
     editAria: "목표 바꾸기",
@@ -374,7 +367,6 @@ export const ko: Messages = {
 
   work: {
     title: "내 작업",
-    lead: "내 프로젝트들에 걸쳐 내게 놓인 일. 내게 배정된 열린 작업을 기한순으로, 그리고 사람을 기다리는 결정.",
     loading: "내 작업을 불러오는 중",
     couldNotLoad: "내 작업을 불러올 수 없습니다.",
     empty: {
@@ -392,8 +384,6 @@ export const ko: Messages = {
 
   categories: {
     title: "카테고리",
-    lead: "작업을 나누는 일의 종류이며, 모든 프로젝트에서 같습니다. 작업은 하나를 가지고, 보드는 하나로 좁혀 보며, 관리자가 목록을 관리합니다.",
-    onlyAdmin: "관리자가 추가하고 바꾸고 제거합니다. 다른 사람은 여기서 읽습니다.",
     list: "카테고리",
     add: "카테고리 추가",
     addAria: "카테고리 추가",
@@ -401,7 +391,6 @@ export const ko: Messages = {
       title: "카테고리가 없습니다",
       body: "관리자가 여기서 첫 카테고리를 추가합니다.",
     },
-    inUse: "작업이 속해 있는 카테고리는 그 작업들을 옮기기 전에는 제거할 수 없습니다.",
     form: {
       name: "이름",
       key: "키",
@@ -511,10 +500,8 @@ export const ko: Messages = {
       title: "아직 스킬 주소가 없습니다",
       body: "이 콘솔에는 조직의 스킬 주소가 없습니다. 운영자가 설정에서 SkillCDN이 제공하는 저장소를 지정합니다.",
     },
-    servedBy: "조직의 스킬. 제공:",
+    servedBy: "제공:",
     at: "주소:",
-    howLoaded:
-      ". 에이전트는 SkillCDN 연결을 통해 스킬을 불러오고, 사람은 해당 페이지에서 읽습니다.",
     status: {
       indexing: "SkillCDN이 아직 저장소를 색인하고 있습니다. 잠시 후 다시 보세요.",
       failed: "SkillCDN이 저장소를 색인하지 못했습니다. 찾은 내용은 주소의 페이지에 있습니다.",
@@ -592,12 +579,9 @@ export const ko: Messages = {
   people: {
     title: "사람들",
     list: "사람들",
-    lead: "로그인한 모든 사람. 관리자는 워크스페이스를 설정하고 각 사람의 역할을 정합니다. 멤버는 속한 프로젝트에서 일합니다. 사람이 할 수 있는 일은 그 사람의 에이전트도 할 수 있습니다.",
     roleOf: (name) => `${name}의 역할`,
     agents: "에이전트",
     agentsOf: (name) => `${name}의 에이전트`,
-    agentsLead: (name) =>
-      `${name}(으)로 여기서 일하는 것들입니다. 각각 고유한 토큰을 가집니다. 연결을 끊으면 토큰이 즉시 사라집니다.`,
     loadingAgents: "에이전트를 불러오는 중",
     noAgent: "연결된 에이전트가 없습니다",
     onlyAdmin: {
@@ -610,7 +594,6 @@ export const ko: Messages = {
     title: "에이전트",
     makeByHand: "토큰 직접 만들기",
     makeAria: "토큰 만들기",
-    lead: "나로서 여기서 일하는 것들입니다. 연결한 각 에이전트는 아무도 볼 수 없는 고유한 토큰을 가집니다. 내가 할 수 있는 일은 에이전트도 할 수 있습니다. 더 쓰지 않으면 여기서 연결을 끊으세요. 내 스크립트나 콘솔도 직접 만든 토큰으로 같은 방식으로 일합니다.",
     empty: {
       title: "아직 연결된 에이전트가 없습니다",
       body: "아래처럼 에이전트에게 이 콘솔에 연결하라고 말하면 여기에 나타납니다.",
@@ -645,7 +628,6 @@ export const ko: Messages = {
   connect: {
     title: "에이전트 연결",
     aria: "연결",
-    lead: "에이전트에게 이 콘솔에 연결하라고 말하면 코드를 보여 줍니다. 그 코드를 여기에 입력하고, 에이전트가 나로서 일해도 되는지 답하세요.",
     codeAria: "코드",
     codeLabel: "에이전트가 보여 준 코드",
     continue: "계속",

package/src/index.ts

@@ -16,6 +16,8 @@ export {
 export {
   Calendar,
   type CalendarProps,
+  Week,
+  type WeekProps,
   type WeekSegment,
   Workload,
   type WorkloadProps,
@@ -156,6 +158,7 @@ export {
   daysBetween,
   firstDayOfWeek,
   formatDay,
+  formatDays,
   formatMonth,
   formatWeekday,
   type GridDay,
@@ -165,6 +168,7 @@ export {
   monthOf,
   today,
   weekdays,
+  weekOf,
 } from "./dates.js";
 export { DocsPage, type DocsPageProps } from "./docs-page.js";
 export {
@@ -204,5 +208,6 @@ export {
   type TaskFormKind,
   taskHref,
   withoutSignInParam,
+  workHref,
 } from "./router.js";
 export { errorWords, useAction } from "./use-action.js";

package/src/router.ts

@@ -1,12 +1,12 @@
 import { isFolderPath, isSignInFailure, SIGN_IN_PARAM, type SignInFailure } from "./api.js";
-import { isMonth } from "./dates.js";
+import { isDay, isMonth } from "./dates.js";
 
 // The addresses of the default console (ADR-0010): the router is a function from a URL to a
 // route, and the hrefs below are its inverse. A project's pages live under `/projects/<key>`,
 // the word the REST API uses; an address names what it shows (a task by its number, a decision
 // by its id, a document by its path, a goal by its id), every form has one, and the query says
-// how a page is shown (`?edit`, `?ask`, `?new`, `?version=`, `?q=`, `?month=`, and the board's
-// filters). The old addresses are taken to the new.
+// how a page is shown (`?edit`, `?ask`, `?new`, `?version=`, `?q=`, `?month=`, `?week=`, and the
+// board's filters). The old addresses are taken to the new.
 
 /** How a task's page is shown: as it is, or with one of its forms open. */
 export type TaskFormKind = "edit" | "ask";
@@ -77,7 +77,8 @@ export type Route =
   | { readonly name: "agents" }
   | { readonly name: "new-token" }
   /** What is on the person's plate across their projects. */
-  | { readonly name: "work" }
+  /** What is on the person's plate: a day of the week shown at the top, or today's when the address names none. */
+  | { readonly name: "work"; readonly week: string | undefined }
   /** The categories tasks are sorted into; an administrator keeps them here. */
   | { readonly name: "categories" }
   /** Where a person approves an agent's connection, by the code it showed, or types one. */
@@ -206,7 +207,11 @@ export function matchRoute(pathname: string, search = ""): Route {
     return { name: "new-project" };
   }
   if (path === PATHS.work) {
-    return { name: "work" };
+    const week = params.get("week");
+    if (week !== null && !isDay(week)) {
+      return NOT_FOUND;
+    }
+    return { name: "work", week: week ?? undefined };
   }
   if (path === PATHS.people) {
     return { name: "people" };
@@ -377,6 +382,11 @@ export function decisionHref(key: string, id: string): string {
   return `${PATHS.project}/${key}/decisions/${id}`;
 }
 
+/** Where the person's own work is, with the week of a day at the top, or this week's when none is named. */
+export function workHref(week?: string): string {
+  return week === undefined ? PATHS.work : `${PATHS.work}?week=${week}`;
+}
+
 /** Where a project's calendar is, on a month, or on this one when none is named, narrowed as the filter says. */
 export function calendarHref(key: string, month?: string, filter: BoardFilter = {}): string {
   const base = projectHref(key, "calendar");

package/src/styles/console.css

@@ -2974,10 +2974,31 @@ table {
   flex: 1 1 10rem;
 }
 
-/* What is on a person's plate. */
+/* One week on its own, the only row there is: its days are taller than a month's. */
+.sc-week .sc-calendar-cell {
+  height: 9rem;
+}
+
+/* A project's mark before a task on a day: the cell's own gap keeps it off the title. */
+.sc-calendar-task .sc-mark,
+.sc-calendar-bar .sc-mark {
+  flex: none;
+  margin-right: var(--sc-space-1);
+}
+
+.sc-calendar-task .sc-mark {
+  margin-right: 0;
+}
+
+/* What is on a person's plate: the week across the page, the lists below it at reading width. */
 .sc-work {
   display: grid;
   gap: var(--sc-space-6);
+}
+
+.sc-work-lists {
+  display: grid;
+  gap: var(--sc-space-6);
   max-width: var(--sc-width-prose);
 }
 
@@ -3068,6 +3089,19 @@ table {
     border: 0;
   }
 
+  .sc-week .sc-calendar-cell {
+    height: 4.5rem;
+  }
+
+  /* A bar is a line here, too thin for a mark; a task on its day keeps its mark as its dot. */
+  .sc-calendar-bar .sc-mark {
+    display: none;
+  }
+
+  .sc-calendar-task .sc-mark {
+    margin: 0;
+  }
+
   .sc-feed-item {
     grid-template-columns: 1fr;
     gap: var(--sc-space-1);