daily-focus 0.1.1-dev.9 → 0.2.0-dev.14

package/README.md

@@ -41,7 +41,8 @@ daily-focus service
 
 Or, on a Mac, let the menu bar app keep it running: it starts the dashboard at login,
 shows the brief's age at a glance, and tells you when a new brief arrives. It carries
-everything it needs, Node.js included. See
+everything it needs, Node.js included, and installs a newer dashboard from its menu
+without a new download of the app. See
 [SETUP.md](SETUP.md#keep-the-dashboard-running).
 
 [SETUP.md](SETUP.md) covers each step, the integrations and every setting. The

package/SETUP.md

@@ -324,6 +324,20 @@ Download `Daily-Focus.dmg` from the [latest release](https://github.com/watson/d
 open it and drag the app to Applications, then open it from there.
 It has no window and no Dock icon: look for it in the menu bar.
 
+The dashboard updates without a new disk image. **Updates** in the menu shows two
+versions, the app's and the dashboard's, and which releases to take: **Stable
+Releases**, or **Development Builds**, a build of every change as soon as it is
+merged. A few times a day the app asks npm for the newest release, and when it
+finds a newer dashboard, it posts a notification and the menu offers **Install
+Dashboard**. Installing downloads it from the GitHub release, a few hundred
+kilobytes, and runs it only if it is signed by the same developer as the app
+and nothing in it has changed. The dashboard restarts into it once the morning
+agent and the assistant aren't busy. If it doesn't start, the app goes back to the
+one it had and says so. The app itself changes less often; when a release brings a
+new one, or a dashboard that needs one, the menu links to its disk image instead.
+A dashboard that `daily-focus service` or a terminal runs is updated the way it was
+installed, not by the app.
+
 To build it yourself from a checkout:
 
 ```sh

package/dist/{audit-TPBQFSL3.js → audit-DTXVAT5Z.js}

@@ -8,7 +8,7 @@ import {
   readArchiveIndex,
   resolveItems,
   runContractChecks
-} from "./chunk-CQ53JYUU.js";
+} from "./chunk-NAD6PRZT.js";
 import {
   BRIEF_REFRESH_GRACE_HOURS,
   describeSchedule,
@@ -17,13 +17,13 @@ import {
   nextRunDate,
   resolveSchedule,
   runsOn
-} from "./chunk-G4K24I4M.js";
+} from "./chunk-IFAGJFOT.js";
 import {
   command
-} from "./chunk-6VWWJZKJ.js";
+} from "./chunk-BC2W7NND.js";
 import {
   workingMsBetween
-} from "./chunk-EXGTFXNV.js";
+} from "./chunk-K2VT4JBR.js";
 
 // scripts/audit.ts
 import { readFile, readdir } from "node:fs/promises";

package/dist/{chunk-6VWWJZKJ.js → chunk-BC2W7NND.js}

@@ -1,6 +1,7 @@
 // src/install.ts
+import { readFileSync } from "node:fs";
 import { homedir } from "node:os";
-import { resolve, sep } from "node:path";
+import { dirname, join, resolve, sep } from "node:path";
 import { fileURLToPath } from "node:url";
 var PACKAGED = import.meta.url.endsWith(".js");
 var ROOT = resolve(import.meta.dirname, "..");
@@ -13,7 +14,20 @@ function ranDirectly(url) {
   const file = fileURLToPath(url);
   return file.endsWith(".ts") && process.argv[1] !== void 0 && resolve(process.argv[1]) === file;
 }
-var APP_CALENDAR_APP = ROOT.includes(`.app${sep}Contents${sep}Resources${sep}`) ? resolve(ROOT, "..", "..", "Helpers", "Daily Focus Calendar.app") : null;
+function packageVersion(root = ROOT) {
+  try {
+    return JSON.parse(readFileSync(join(root, "package.json"), "utf8")).version ?? "unknown";
+  } catch {
+    return "unknown";
+  }
+}
+function appCalendarApp(execPath, root) {
+  const contents = `.app${sep}Contents${sep}`;
+  if (dirname(execPath).endsWith(`${contents}Helpers`)) return resolve(dirname(execPath), "Daily Focus Calendar.app");
+  if (root.includes(`${contents}Resources${sep}`)) return resolve(root, "..", "..", "Helpers", "Daily Focus Calendar.app");
+  return null;
+}
+var APP_CALENDAR_APP = appCalendarApp(process.execPath, ROOT);
 var USER_CALENDAR_APP = resolve(homedir(), "Library", "Application Support", "Daily Focus", "Daily Focus Calendar.app");
 
 export {
@@ -22,6 +36,7 @@ export {
   IN_NPX_CACHE,
   command,
   ranDirectly,
+  packageVersion,
   APP_CALENDAR_APP,
   USER_CALENDAR_APP
 };

package/dist/{chunk-G4K24I4M.js → chunk-IFAGJFOT.js}

@@ -1,13 +1,13 @@
 import {
   APP_CALENDAR_APP,
   USER_CALENDAR_APP
-} from "./chunk-6VWWJZKJ.js";
+} from "./chunk-BC2W7NND.js";
 import {
   isSameLocalDay,
   localDateKey,
   parseISO,
   startOfLocalDay
-} from "./chunk-EXGTFXNV.js";
+} from "./chunk-K2VT4JBR.js";
 
 // src/env.ts
 import { readFileSync } from "node:fs";

package/dist/{chunk-EXGTFXNV.js → chunk-K2VT4JBR.js}

@@ -1,5 +1,8 @@
 // src/time.ts
 var MS_PER_DAY = 864e5;
+function localTimeZone() {
+  return Intl.DateTimeFormat().resolvedOptions().timeZone;
+}
 function localDateKey(d) {
   const y = d.getFullYear();
   const m = String(d.getMonth() + 1).padStart(2, "0");
@@ -64,6 +67,7 @@ function laterISO(a, b) {
 }
 
 export {
+  localTimeZone,
   localDateKey,
   isDateOnly,
   parseISO,

package/dist/{chunk-CQ53JYUU.js → chunk-NAD6PRZT.js}

@@ -4,18 +4,19 @@ import {
   nextRunDate,
   resolveSchedule,
   runsOn
-} from "./chunk-G4K24I4M.js";
+} from "./chunk-IFAGJFOT.js";
 import {
   calendarDaysBetween,
   isDateOnly,
   isSameLocalDay,
   isWorkingDay,
   localDateKey,
+  localTimeZone,
   parseISO,
   startOfLocalDay,
   workingDaysSince,
   workingMsBetween
-} from "./chunk-EXGTFXNV.js";
+} from "./chunk-K2VT4JBR.js";
 
 // src/fs.ts
 import { mkdir, rename, writeFile } from "node:fs/promises";
@@ -913,7 +914,8 @@ var Store = class {
       // Parser complaints and contract failures render the same way: both are
       // things the agent got wrong that you would not otherwise see.
       warnings: [...warnings, ...contractIssues],
-      now: now.toISOString()
+      now: now.toISOString(),
+      timeZone: localTimeZone()
     };
   }
 };

package/dist/{chunk-NDWZUZJE.js → chunk-UAR65OCG.js}

@@ -1,6 +1,6 @@
 import {
   localDateKey
-} from "./chunk-EXGTFXNV.js";
+} from "./chunk-K2VT4JBR.js";
 
 // src/sample.ts
 function sampleBrief(now = /* @__PURE__ */ new Date()) {

package/dist/cli.js

@@ -2,12 +2,13 @@
 import {
   IN_NPX_CACHE,
   ROOT,
-  USER_CALENDAR_APP
-} from "./chunk-6VWWJZKJ.js";
+  USER_CALENDAR_APP,
+  packageVersion
+} from "./chunk-BC2W7NND.js";
 
 // src/cli.ts
 import { execFile, spawn } from "node:child_process";
-import { readFileSync, rmSync } from "node:fs";
+import { rmSync } from "node:fs";
 import { cp, mkdir, mkdtemp, writeFile } from "node:fs/promises";
 import { tmpdir } from "node:os";
 import { join } from "node:path";
@@ -36,13 +37,6 @@ Options
   -h, --help        print this
 
 Everything else is set up in the dashboard itself.`;
-function version() {
-  try {
-    return JSON.parse(readFileSync(join(ROOT, "package.json"), "utf8")).version ?? "unknown";
-  } catch {
-    return "unknown";
-  }
-}
 function openInBrowser(url) {
   const [command, args] = process.platform === "darwin" ? ["open", [url]] : process.platform === "win32" ? ["cmd", ["/c", "start", "", url]] : ["xdg-open", [url]];
   const child = spawn(command, args, { stdio: "ignore", detached: true });
@@ -68,7 +62,7 @@ async function demo(open) {
     DAILY_FOCUS_JIRA: "off",
     DAILY_FOCUS_CALENDAR: "off"
   });
-  const { sampleBrief } = await import("./sample-M7WNKQOV.js");
+  const { sampleBrief } = await import("./sample-QDEXFFRY.js");
   await writeFile(join(store, "items.json"), `${JSON.stringify(sampleBrief(), null, 2)}
 `);
   await start(open, (url) => {
@@ -78,7 +72,7 @@ async function demo(open) {
   });
 }
 async function start(open, onStarted) {
-  const { runServer } = await import("./server-O5GF3TRI.js");
+  const { runServer } = await import("./server-ANIS2MXU.js");
   await runServer({
     onStarted: (url) => {
       onStarted?.(url);
@@ -136,7 +130,7 @@ async function main(argv) {
     return;
   }
   if (values.version) {
-    console.log(version());
+    console.log(packageVersion());
     return;
   }
   if (values.data !== void 0) process.env.DAILY_FOCUS_DATA = values.data;
@@ -174,20 +168,20 @@ async function main(argv) {
       }
       return start(open);
     case "service": {
-      const { main: service } = await import("./service-ILBMIZB7.js");
+      const { main: service } = await import("./service-NEQVCWI5.js");
       process.exitCode = await service(values.remove ? ["--remove"] : []);
       return;
     }
     // These three are scripts that do their work as they load, and read their
     // own flags from the command line.
     case "init":
-      await import("./init-ZJCI2723.js");
+      await import("./init-BMFPWMXL.js");
       return;
     case "audit":
-      await import("./audit-TPBQFSL3.js");
+      await import("./audit-DTXVAT5Z.js");
       return;
     case "seed":
-      await import("./seed-S5ZU6EIO.js");
+      await import("./seed-GCT7Z3IV.js");
       return;
     case "build-calendar":
       return buildCalendar();

package/dist/{init-ZJCI2723.js → init-BMFPWMXL.js}

@@ -8,12 +8,12 @@ import {
 } from "./chunk-QKT2FAB5.js";
 import {
   loadConfig
-} from "./chunk-G4K24I4M.js";
+} from "./chunk-IFAGJFOT.js";
 import {
   PACKAGED,
   command
-} from "./chunk-6VWWJZKJ.js";
-import "./chunk-EXGTFXNV.js";
+} from "./chunk-BC2W7NND.js";
+import "./chunk-K2VT4JBR.js";
 
 // scripts/init.ts
 import { mkdir, writeFile } from "node:fs/promises";

package/dist/sample-QDEXFFRY.js

@@ -0,0 +1,7 @@
+import {
+  sampleBrief
+} from "./chunk-UAR65OCG.js";
+import "./chunk-K2VT4JBR.js";
+export {
+  sampleBrief
+};

package/dist/{seed-S5ZU6EIO.js → seed-GCT7Z3IV.js}

@@ -1,16 +1,16 @@
 import {
   sampleBrief
-} from "./chunk-NDWZUZJE.js";
+} from "./chunk-UAR65OCG.js";
 import {
   Store
-} from "./chunk-CQ53JYUU.js";
+} from "./chunk-NAD6PRZT.js";
 import {
   loadConfig
-} from "./chunk-G4K24I4M.js";
+} from "./chunk-IFAGJFOT.js";
 import {
   command
-} from "./chunk-6VWWJZKJ.js";
-import "./chunk-EXGTFXNV.js";
+} from "./chunk-BC2W7NND.js";
+import "./chunk-K2VT4JBR.js";
 
 // scripts/seed.ts
 import { writeFile } from "node:fs/promises";

package/dist/{server-O5GF3TRI.js → server-ANIS2MXU.js}

@@ -16,7 +16,7 @@ import {
   stopSession,
   tempPathFor,
   writeJsonAtomic
-} from "./chunk-CQ53JYUU.js";
+} from "./chunk-NAD6PRZT.js";
 import {
   CLI_NAMES,
   LAUNCH_SETTINGS,
@@ -30,16 +30,17 @@ import {
   readDotEnv,
   resolveSchedule,
   scheduledRunDue
-} from "./chunk-G4K24I4M.js";
+} from "./chunk-IFAGJFOT.js";
 import {
   PACKAGED,
   command,
+  packageVersion,
   ranDirectly
-} from "./chunk-6VWWJZKJ.js";
+} from "./chunk-BC2W7NND.js";
 import {
   laterISO,
   parseISO
-} from "./chunk-EXGTFXNV.js";
+} from "./chunk-K2VT4JBR.js";
 
 // src/server.ts
 import { createServer } from "node:http";
@@ -4006,6 +4007,7 @@ async function hydratePath(env = process.env, platform2 = process.platform, exec
 
 // src/server.ts
 var PUBLIC_DIR = resolve(fileURLToPath(new URL("../public", import.meta.url)));
+var VERSION = packageVersion();
 var MIME = {
   ".html": "text/html; charset=utf-8",
   ".js": "text/javascript; charset=utf-8",
@@ -4102,13 +4104,15 @@ function configure(sources) {
     return { config: loadConfig(layerEnv(sources, {})), warnings };
   }
 }
-function statusOf(state, config) {
+function statusOf(state, config, busy) {
   const last = state.agentRun.last;
   return {
+    version: VERSION,
     dataDir: config.dataDir,
     profile: config.profile,
     setupNeeded: state.setup.needed,
     restartPending: state.restart !== null,
+    busy,
     brief: {
       generatedAt: state.brief.generatedAt,
       ageHours: state.brief.ageHours,
@@ -4692,7 +4696,7 @@ ${entry.source}`)).map(({ title, source }) => ({ title, source })).sort((a, b) =
       return;
     }
     if (path === "/api/status" && req.method === "GET") {
-      sendJSON(res, 200, statusOf(await buildState(), config));
+      sendJSON(res, 200, statusOf(await buildState(), config, agent.busy || assistant.busy));
       return;
     }
     if (path === "/api/health" && req.method === "GET") {

package/dist/{service-ILBMIZB7.js → service-NEQVCWI5.js}

@@ -1,14 +1,14 @@
 import {
   loadConfig
-} from "./chunk-G4K24I4M.js";
+} from "./chunk-IFAGJFOT.js";
 import {
   IN_NPX_CACHE,
   PACKAGED,
   ROOT,
   command,
   ranDirectly
-} from "./chunk-6VWWJZKJ.js";
-import "./chunk-EXGTFXNV.js";
+} from "./chunk-BC2W7NND.js";
+import "./chunk-K2VT4JBR.js";
 
 // scripts/service.ts
 import { execFile } from "node:child_process";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "daily-focus",
-  "version": "0.1.1-dev.9",
+  "version": "0.2.0-dev.14",
   "description": "An interactive dashboard of what you should focus on today at work",
   "keywords": [
     "dashboard",
@@ -38,6 +38,10 @@
   "engines": {
     "node": ">=22.18"
   },
+  "daily-focus": {
+    "appInterface": 1,
+    "appSource": "0f59ad2ffabffbfd1054778996c4ee337199c92c"
+  },
   "scripts": {
     "start": "node src/server.ts",
     "prestart": "node scripts/build.ts",

package/public/app.js

@@ -1075,6 +1075,7 @@ function postListCalendars() {
 // client/state.ts
 var VIEWS = ["today", "board", "tickets", "settings"];
 var RUN_PREFIX = "run:";
+var PANEL_PREFIX = "panel:";
 var VIEW_KEY = "daily-focus:view";
 var UNATTENDED_SEEN_KEY = "daily-focus:unattended-seen";
 var AGENT_RUN_SEEN_KEY = "daily-focus:agent-run-seen";
@@ -1320,12 +1321,49 @@ function formatWeekday(value) {
   const d4 = parseDate(value);
   return d4 ? weekdayFmt.format(d4) : "";
 }
-function localDateKey(d4) {
+var dayKeyFmt = null;
+var calendarZone;
+function setCalendarZone(timeZone) {
+  if (timeZone === calendarZone) return;
+  calendarZone = timeZone;
+  try {
+    dayKeyFmt = timeZone ? new Intl.DateTimeFormat("en-US", { timeZone, year: "numeric", month: "2-digit", day: "2-digit" }) : null;
+  } catch {
+    dayKeyFmt = null;
+  }
+}
+function dayKey(d4) {
+  if (dayKeyFmt) {
+    const parts = dayKeyFmt.formatToParts(d4);
+    const part = (type) => parts.find((p5) => p5.type === type)?.value ?? "";
+    return `${part("year")}-${part("month")}-${part("day")}`;
+  }
   const m4 = String(d4.getMonth() + 1).padStart(2, "0");
   const day = String(d4.getDate()).padStart(2, "0");
   return `${d4.getFullYear()}-${m4}-${day}`;
 }
+function splitKey(key) {
+  const [y4, m4, d4] = key.split("-").map(Number);
+  return [y4, m4 - 1, d4];
+}
+function keyAt(ms) {
+  return new Date(ms).toISOString().slice(0, 10);
+}
+function addDays(key, days) {
+  const [y4, m4, d4] = splitKey(key);
+  return keyAt(Date.UTC(y4, m4, d4 + days));
+}
+function addMonths(key, months) {
+  const [y4, m4, d4] = splitKey(key);
+  const lastDay = new Date(Date.UTC(y4, m4 + months + 1, 0)).getUTCDate();
+  return keyAt(Date.UTC(y4, m4 + months, Math.min(d4, lastDay)));
+}
 function daysFromToday(value, now = /* @__PURE__ */ new Date()) {
+  if (typeof value === "string" && /^\d{4}-\d{2}-\d{2}$/.test(value)) {
+    const [y4, m4, d4] = splitKey(value);
+    const [ty, tm, td] = splitKey(dayKey(now));
+    return Math.round((Date.UTC(y4, m4, d4) - Date.UTC(ty, tm, td)) / 864e5);
+  }
   const target = parseDate(value);
   if (!target) return null;
   const a4 = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime();
@@ -2342,7 +2380,7 @@ function renderBanners(state2, ui2, handlers2) {
       )
     );
   }
-  if (!running && agent?.last && agent.last.status !== "done" && agent.last.id !== ui2.agentReportSeen.value && localDateKey(parseDate(agent.last.startedAt) ?? /* @__PURE__ */ new Date(0)) === localDateKey(new Date(state2.now))) {
+  if (!running && agent?.last && agent.last.status !== "done" && agent.last.id !== ui2.agentReportSeen.value && dayKey(parseDate(agent.last.startedAt) ?? /* @__PURE__ */ new Date(0)) === dayKey(new Date(state2.now))) {
     banners.push(agentRunBanner(agent.last, state2, handlers2));
   }
   for (const warning of state2.setupWarnings ?? []) {
@@ -2402,8 +2440,8 @@ function agentRunBanner(run, state2, handlers2) {
 }
 function isHeldOverDayOff(state2) {
   if (state2.brief.generatedAt === null || state2.schedule.runsToday) return false;
-  const today = localDateKey(new Date(state2.now));
-  const briefDate = state2.brief.date ?? localDateKey(parseDate(state2.brief.generatedAt) ?? new Date(state2.now));
+  const today = dayKey(new Date(state2.now));
+  const briefDate = state2.brief.date ?? dayKey(parseDate(state2.brief.generatedAt) ?? new Date(state2.now));
   return briefDate !== today;
 }
 function nextRunPhraseFor(agent) {
@@ -2653,6 +2691,7 @@ function renderActions(item, state2, ui2, handlers2) {
           {
             type: "button",
             class: "button",
+            "aria-haspopup": "menu",
             "aria-expanded": String(ui2.menuFor.value === item.id),
             onClick: () => handlers2.toggleMenu(item.id)
           },
@@ -2667,18 +2706,19 @@ function renderActions(item, state2, ui2, handlers2) {
   return el("div", { class: "item__actions" }, buttons);
 }
 function renderSnoozeMenu(item, now, handlers2, { indefinite = true, longRange = false } = {}) {
+  const today = dayKey(now);
   const presets = [
-    ["Tomorrow", addDays(now, 1), false],
-    ["In 3 days", addDays(now, 3), false],
-    ["Next week", addDays(now, 7), false]
+    ["Tomorrow", addDays(today, 1), false],
+    ["In 3 days", addDays(today, 3), false],
+    ["Next week", addDays(today, 7), false]
   ];
   if (longRange) {
-    presets.push(["Next month", addMonths(now, 1), true], ["Next quarter", addMonths(now, 3), true]);
+    presets.push(["Next month", addMonths(today, 1), true], ["Next quarter", addMonths(today, 3), true]);
   }
   let dateInput = null;
-  return el(
-    "div",
-    { class: "menu", role: "menu" },
+  return k(
+    Menu,
+    { class: "menu" },
     presets.map(
       ([label, until, dated]) => el(
         "button",
@@ -2727,14 +2767,13 @@ function renderSnoozeMenu(item, now, handlers2, { indefinite = true, longRange =
     )
   );
 }
-function addDays(from, days) {
-  return localDateKey(new Date(from.getFullYear(), from.getMonth(), from.getDate() + days));
-}
-function addMonths(from, months) {
-  const target = new Date(from.getFullYear(), from.getMonth() + months, 1);
-  const lastDay = new Date(target.getFullYear(), target.getMonth() + 1, 0).getDate();
-  target.setDate(Math.min(from.getDate(), lastDay));
-  return localDateKey(target);
+function Menu({ class: className, children }) {
+  const ref = A2(null);
+  _2(() => {
+    const node = ref.current;
+    if (node?.showPopover && !node.matches(":popover-open")) node.showPopover();
+  });
+  return el("div", { class: className, role: "menu", popover: "manual", ref }, children);
 }
 
 // client/refresh.ts
@@ -3069,6 +3108,7 @@ function renderPullActions(row, ui2, handlers2) {
           type: "button",
           class: "button",
           title: "Park this until a date",
+          "aria-haspopup": "menu",
           "aria-expanded": String(ui2.menuFor.value === row.id),
           onClick: () => handlers2.toggleMenu(row.id)
         },
@@ -3303,31 +3343,41 @@ function TicketRowView({ item: row, state: state2, ui: ui2, handlers: handlers2
       renderTicketMeta(row, state2, handlers2)
     ),
     renderTicketActions(row, ui2, handlers2),
-    ui2.menuFor.value === row.id ? renderSnoozeMenu(row, now, handlers2, { indefinite: false, longRange: true }) : null
+    ui2.menuFor.value === row.id ? renderSnoozeMenu(row, now, handlers2, PARK_MENU) : null
   );
 }
-function renderTicketStatus(row, state2, ui2, handlers2) {
-  const offered = ticketStatusOptions(row, state2);
-  if (offered.length === 0) {
-    return el("div", { class: "item__meta item__meta--status" }, el("span", { class: "pill pill--status" }, row.workflowStatus || "\u2014"));
-  }
+var PARK_MENU = { indefinite: false, longRange: true };
+function renderTicketControls(row, state2, ui2, handlers2) {
+  const menuKey = `${PANEL_PREFIX}${row.id}`;
   return el(
     "div",
-    { class: "item__meta item__meta--status" },
-    el(
-      "button",
-      {
-        type: "button",
-        class: "pill pill--status pill--button",
-        title: `Move ${row.key} to another status`,
-        "aria-expanded": String(ui2.statusFor.value === row.id),
-        onClick: () => handlers2.toggleStatus(row.id)
-      },
-      row.workflowStatus || "\u2014"
-    ),
-    ui2.statusFor.value === row.id ? renderStatusMenu(row, offered, ui2, handlers2) : null
+    { class: "flyout__actions" },
+    statusControl(row, state2, ui2, handlers2, menuKey),
+    flagged(row) ? parkButton(row, ui2, handlers2, menuKey) : null,
+    flagged(row) && ui2.menuFor.value === menuKey ? renderSnoozeMenu(row, new Date(state2.now), handlers2, PARK_MENU) : null
   );
 }
+function renderTicketStatus(row, state2, ui2, handlers2) {
+  return el("div", { class: "item__meta item__meta--status" }, statusControl(row, state2, ui2, handlers2, row.id));
+}
+function statusControl(row, state2, ui2, handlers2, menuKey) {
+  const offered = ticketStatusOptions(row, state2);
+  if (offered.length === 0) return [el("span", { class: "pill pill--status" }, row.workflowStatus || "\u2014")];
+  const open = ui2.statusFor.value === menuKey;
+  const button = el(
+    "button",
+    {
+      type: "button",
+      class: "pill pill--status pill--button",
+      title: `Move ${row.key} to another status`,
+      "aria-haspopup": "menu",
+      "aria-expanded": String(open),
+      onClick: () => handlers2.toggleStatus(menuKey)
+    },
+    row.workflowStatus || "\u2014"
+  );
+  return open ? [button, renderStatusMenu(row, offered, ui2, handlers2)] : [button];
+}
 function ticketStatusOptions(row, state2) {
   const project = /^([A-Za-z][A-Za-z0-9_]*)-\d+$/.exec(row.key.trim())?.[1]?.toUpperCase();
   const all = project && state2.tickets?.statuses?.[project] || [];
@@ -3336,9 +3386,9 @@ function ticketStatusOptions(row, state2) {
 }
 function renderStatusMenu(row, offered, ui2, handlers2) {
   const busy = ui2.pending.value.has(row.id);
-  return el(
-    "div",
-    { class: "menu menu--status", role: "menu" },
+  return k(
+    Menu,
+    { class: "menu menu--status" },
     offered.map(
       (status) => el(
         "button",
@@ -3380,25 +3430,24 @@ function outOfSyncFlag(row, state2, handlers2) {
 }
 function renderTicketActions(row, ui2, handlers2) {
   if (!flagged(row)) return null;
-  const buttons = [];
-  if (row.status === "open") {
-    buttons.push(
-      el(
-        "button",
-        {
-          type: "button",
-          class: "button",
-          title: "Park this until a date",
-          "aria-expanded": String(ui2.menuFor.value === row.id),
-          onClick: () => handlers2.toggleMenu(row.id)
-        },
-        "Park"
-      )
-    );
-  } else {
-    buttons.push(el("button", { type: "button", class: "button", onClick: () => handlers2.unpark(row.id) }, "Unpark"));
+  return el("div", { class: "item__actions" }, parkButton(row, ui2, handlers2, row.id));
+}
+function parkButton(row, ui2, handlers2, menuKey) {
+  if (row.status !== "open") {
+    return el("button", { type: "button", class: "button", onClick: () => handlers2.unpark(row.id) }, "Unpark");
   }
-  return buttons.length > 0 ? el("div", { class: "item__actions" }, buttons) : null;
+  return el(
+    "button",
+    {
+      type: "button",
+      class: "button",
+      title: "Park this until a date",
+      "aria-haspopup": "menu",
+      "aria-expanded": String(ui2.menuFor.value === menuKey),
+      onClick: () => handlers2.toggleMenu(menuKey)
+    },
+    "Park"
+  );
 }
 
 // client/chrome.ts
@@ -3502,8 +3551,8 @@ function Header({ state: state2, ui: ui2, handlers: handlers2 }) {
   );
 }
 function headerDate(state2) {
-  const now = new Date(state2.now);
-  return formatDay(state2.brief.date ?? state2.now) || formatDay(now.toISOString());
+  const today = dayKey(new Date(state2.now));
+  return formatDay(state2.brief.date ?? today) || formatDay(today);
 }
 function freshness(state2, handlers2) {
   let text;
@@ -3960,7 +4009,7 @@ function RowPanel({ row, state: state2, ui: ui2, handlers: handlers2 }) {
   const enabled = Boolean(state2.assistant?.enabled);
   const entry = state2.assistant?.items?.[row.id] ?? { running: false, sessionId: null, turns: [] };
   return [
-    flyoutHeader(facts, handlers2),
+    flyoutHeader(facts, rowControls(row, state2, ui2, handlers2), handlers2),
     el(
       "div",
       { class: "flyout__body", ref: body, onScroll },
@@ -3995,7 +4044,6 @@ function describeRow(row) {
       url: row.url ?? null,
       source: "jira",
       color: typeColor(row.issueType),
-      status: row.workflowStatus || null,
       people: [],
       detail: null
     };
@@ -4007,7 +4055,6 @@ function describeRow(row) {
       url: row.url ?? null,
       source: "github",
       color: sourceColor("github"),
-      status: null,
       people: [],
       detail: null
     };
@@ -4018,12 +4065,14 @@ function describeRow(row) {
     url: row.url ?? null,
     source: row.source,
     color: sourceColor(row.source),
-    status: null,
     people: row.people ?? [],
     detail: row.detail ?? null
   };
 }
-function flyoutHeader(facts, handlers2) {
+function rowControls(row, state2, ui2, handlers2) {
+  return "key" in row && "summary" in row ? renderTicketControls(row, state2, ui2, handlers2) : null;
+}
+function flyoutHeader(facts, controls, handlers2) {
   const title = facts.ref ? [el("span", { class: "item__ref" }, facts.ref), " ", facts.title] : [facts.title];
   return el(
     "div",
@@ -4033,7 +4082,6 @@ function flyoutHeader(facts, handlers2) {
       { class: "flyout__where" },
       el("span", { class: "item__dot", style: `background:${facts.color}`, "aria-hidden": "true" }),
       el("span", { class: "item__source" }, SOURCE_LABEL[facts.source] ?? "Other"),
-      facts.status ? el("span", null, `\xB7 ${facts.status}`) : null,
       facts.people.length ? el("span", null, `\xB7 ${facts.people.join(", ")}`) : null
     ),
     el(
@@ -4051,7 +4099,8 @@ function flyoutHeader(facts, handlers2) {
       "p",
       { class: "flyout__title" },
       facts.url ? el("a", { href: facts.url, target: "_blank", rel: "noopener noreferrer" }, ...title) : title
-    )
+    ),
+    controls
   );
 }
 function NoteForm({
@@ -4924,9 +4973,7 @@ function selectedItem() {
   return list.find((entry) => entry.id === id) ?? null;
 }
 function tomorrow() {
-  const d4 = /* @__PURE__ */ new Date();
-  d4.setDate(d4.getDate() + 1);
-  return localDateKey(d4);
+  return addDays(dayKey(/* @__PURE__ */ new Date()), 1);
 }
 function installKeyboard(handlers2) {
   document.addEventListener("keydown", (event) => {
@@ -5050,6 +5097,7 @@ function installKeyboard(handlers2) {
 
 // client/main.ts
 ui.theme.value = stampedTheme();
+j3(() => setCalendarZone(state.value?.timeZone));
 var root = document.getElementById("app");
 if (!root) throw new Error("index.html has no #app to render into");
 R(k(App, { ui, handlers }), root);

package/public/style.css

@@ -1152,14 +1152,29 @@ body[data-session-active='true'] #today .item:not([data-running='true']):focus-w
 
 /* snooze menu */
 
+/*
+ * A popover in the top layer (`Menu` in client/items.ts says why), hung from the
+ * button that opened it. Only one menu is ever open, so only one button is
+ * expanded and the one anchor name is never ambiguous. `inset` and `margin`
+ * undo the popover's own centring on the viewport.
+ */
+[aria-haspopup='menu'][aria-expanded='true'] {
+  anchor-name: --menu;
+}
+
 .menu {
-  position: absolute;
-  top: 34px;
-  right: 10px;
-  z-index: 5;
+  position: fixed;
+  position-anchor: --menu;
+  inset: auto;
+  top: anchor(bottom);
+  right: anchor(right);
+  margin: 4px 0;
+  /* Above the button instead, when the window has no room left below it. */
+  position-try-fallbacks: flip-block;
   /* Wide enough that the date field below still shows its own placeholder. */
   min-width: 204px;
   padding: 5px;
+  color: var(--ink-2);
   background: var(--surface);
   border: 1px solid var(--border);
   border-radius: var(--radius-sm);
@@ -1636,10 +1651,11 @@ body[data-view='settings'] .layout {
  * line up with the other tabs' however wide the display is. The 460px floor is
  * what drops it to one column on a narrow window rather than squeezing two.
  *
- * The abspos worry that picked the grid does not apply: `.item` is
- * `position: relative`, so `.item__actions` and the snooze `.menu` resolve
- * against the card and travel with it into its column. Only a child resolving
- * against the multicol container itself would land beside the wrong row.
+ * An absolutely positioned child is still fragmented by the columns, and counts
+ * toward balancing them. `.item__actions` stays inside its card, so it travels
+ * with the card into its column and nothing notices. Anything that hangs below a
+ * card must not be in here at all: the row menus once were, and were split
+ * across both columns and pushed the next section down. They are popovers now.
  */
 #tickets .list {
   display: block;
@@ -1836,14 +1852,13 @@ body[data-view='settings'] .layout {
 }
 
 /*
- * Anchored to the gutter rather than the card's right edge, unlike the park
- * menu: it belongs to the pill that opened it, and the two menus must not be
- * able to appear in the same place.
+ * Hung from the pill's left edge, where the park menu hangs from its button's
+ * right: the pill sits in the card's left gutter, so each menu opens toward the
+ * middle of its own card.
  */
 .menu--status {
-  top: 26px;
   right: auto;
-  left: 0;
+  left: anchor(left);
   min-width: 9rem;
 }
 
@@ -2073,6 +2088,23 @@ body[data-flyout='open'] .layout__side {
   text-decoration-color: var(--accent);
 }
 
+/*
+ * A ticket's status and park, laid out as on its card: the status at the left,
+ * the park at the right, so each menu opens into the panel rather than out over
+ * the list. Under the close button too, so the park lines up with it. A child
+ * combinator, because the park menu's own Set button is a `.button` in here.
+ */
+.flyout__actions {
+  grid-column: 1 / -1;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 4px;
+}
+.flyout__actions > .button {
+  margin-left: auto;
+}
+
 .flyout__body {
   flex: 1;
   min-height: 0;

package/dist/sample-M7WNKQOV.js

@@ -1,7 +0,0 @@
-import {
-  sampleBrief
-} from "./chunk-NDWZUZJE.js";
-import "./chunk-EXGTFXNV.js";
-export {
-  sampleBrief
-};