daily-focus 0.1.0 → 0.1.1-dev.11

package/SETUP.md

@@ -320,7 +320,8 @@ that runs it, and the calendar helper, so there is nothing else to install, and
 calendar permission is asked for once, by an app you recognise. It needs a Mac with
 Apple silicon and macOS 13.5 or newer.
 
-Open `Daily Focus.dmg` and drag the app to Applications, then open it from there.
+Download `Daily-Focus.dmg` from the [latest release](https://github.com/watson/daily-focus/releases/latest),
+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.
 
 To build it yourself from a checkout:
@@ -329,7 +330,7 @@ To build it yourself from a checkout:
 npm run app
 ```
 
-That leaves `Daily Focus.dmg` and the app itself in `macos/build/`. Its log is
+That leaves `Daily-Focus.dmg` and the app itself in `macos/build/`. Its log is
 `~/Library/Logs/Daily Focus.log`. Everything the dashboard starts runs inside the
 app as far as macOS is concerned, so a permission prompt from the morning agent's
 CLI, for Reminders, Messages or your calendars, names Daily Focus, and Full Disk

package/dist/{audit-4AUZVELT.js → audit-TPBQFSL3.js}

@@ -8,7 +8,7 @@ import {
   readArchiveIndex,
   resolveItems,
   runContractChecks
-} from "./chunk-2PLWVW5T.js";
+} from "./chunk-CQ53JYUU.js";
 import {
   BRIEF_REFRESH_GRACE_HOURS,
   describeSchedule,

package/dist/{chunk-2PLWVW5T.js → chunk-CQ53JYUU.js}

@@ -551,7 +551,8 @@ async function readTodaysSessions(config, now) {
 }
 
 // src/store.ts
-import { appendFile as appendFile2, mkdir as mkdir3, readFile as readFile3 } from "node:fs/promises";
+import { createHash } from "node:crypto";
+import { appendFile as appendFile2, mkdir as mkdir3, readFile as readFile3, stat } from "node:fs/promises";
 import { setTimeout as delay } from "node:timers/promises";
 
 // src/agenda.ts
@@ -710,6 +711,16 @@ var Store = class {
   async ensureDataDir() {
     await mkdir3(this.config.dataDir, { recursive: true });
   }
+  /**
+   * Which store this is, as an opaque fingerprint: its path, and the directory's
+   * inode and birth time, so a store deleted and made again at the same path
+   * counts as another one. A tab compares it across reconnects; see the client's
+   * `checkStore`.
+   */
+  async fingerprint() {
+    const info = await stat(this.config.dataDir);
+    return createHash("sha256").update(`${this.config.dataDir}\0${info.ino}\0${info.birthtimeMs}`).digest("hex").slice(0, 16);
+  }
   /**
    * Read and parse items.json.
    *

package/dist/cli.js

@@ -78,7 +78,7 @@ async function demo(open) {
   });
 }
 async function start(open, onStarted) {
-  const { runServer } = await import("./server-B4FWZHS2.js");
+  const { runServer } = await import("./server-O5GF3TRI.js");
   await runServer({
     onStarted: (url) => {
       onStarted?.(url);
@@ -184,10 +184,10 @@ async function main(argv) {
       await import("./init-ZJCI2723.js");
       return;
     case "audit":
-      await import("./audit-4AUZVELT.js");
+      await import("./audit-TPBQFSL3.js");
       return;
     case "seed":
-      await import("./seed-7DIDKXT7.js");
+      await import("./seed-S5ZU6EIO.js");
       return;
     case "build-calendar":
       return buildCalendar();

package/dist/{seed-7DIDKXT7.js → seed-S5ZU6EIO.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-NDWZUZJE.js";
 import {
   Store
-} from "./chunk-2PLWVW5T.js";
+} from "./chunk-CQ53JYUU.js";
 import {
   loadConfig
 } from "./chunk-G4K24I4M.js";

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

@@ -16,7 +16,7 @@ import {
   stopSession,
   tempPathFor,
   writeJsonAtomic
-} from "./chunk-2PLWVW5T.js";
+} from "./chunk-CQ53JYUU.js";
 import {
   CLI_NAMES,
   LAUNCH_SETTINGS,
@@ -3443,7 +3443,7 @@ var SETTINGS = [
     key: "DAILY_FOCUS_AGENT_MODEL",
     group: "agent",
     label: "Model",
-    help: "Passed to the CLI as it is, such as opus. Empty uses the CLI's own default.",
+    help: "Passed to the CLI as it is, such as opus for Claude Code. Empty uses the CLI's own default.",
     kind: "text",
     fallback: always("The CLI's own")
   },
@@ -4132,6 +4132,7 @@ async function startServer(env, options = {}) {
   for (const warning of configWarnings) console.warn(`[daily-focus] ${warning}`);
   const store = new Store(config);
   await store.ensureDataDir();
+  const storeId = await store.fingerprint();
   for (const outcome of await linkStore(config)) {
     if (outcome.result === "linked") console.log(`[daily-focus] linked ${describeLink(config, outcome)}`);
     if (outcome.result === "failed") console.warn(`[daily-focus] could not link ${outcome.name}: ${outcome.detail}`);
@@ -4191,7 +4192,8 @@ async function startServer(env, options = {}) {
       setupWarnings: [...configWarnings, ...linkWarning ? [linkWarning] : []],
       restart,
       setup,
-      assetVersion
+      assetVersion,
+      storeId
     };
   }
   async function broadcast(prebuilt) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "daily-focus",
-  "version": "0.1.0",
+  "version": "0.1.1-dev.11",
   "description": "An interactive dashboard of what you should focus on today at work",
   "keywords": [
     "dashboard",

package/public/app.js

@@ -1495,11 +1495,13 @@ function adoptState(next) {
     ui.connectionError.value = null;
   });
   startLocalTick();
+  checkStore(next.storeId);
   checkAssetVersion(next.assetVersion);
 }
 async function refresh() {
   try {
     const next = await fetchState();
+    checkStore(next.storeId);
     checkAssetVersion(next.assetVersion);
     n2(() => {
       state.value = next;
@@ -1524,6 +1526,12 @@ function checkAssetVersion(next) {
   }
   location.reload();
 }
+var loadedStore = null;
+function checkStore(next) {
+  if (!next) return;
+  loadedStore ??= next;
+  if (next !== loadedStore) location.reload();
+}
 var PAST_TENSE = {
   done: "Marked done",
   dismiss: "Dismissed",
@@ -1954,9 +1962,9 @@ var handlers = {
     ui.menuFor.value = null;
   }),
   moveTicket: (key, status, from) => void moveTicket(key, status, from),
-  openDetail: (id, field2 = null) => n2(() => {
+  openDetail: (id, field = null) => n2(() => {
     setDetailFor(ui, id);
-    ui.focusField.value = field2;
+    ui.focusField.value = field;
     closeMenus();
   }),
   closeDetail: () => setDetailFor(ui, null),
@@ -2035,7 +2043,7 @@ var handlers = {
     ui.settingsDraft.value = /* @__PURE__ */ new Map();
     ui.settingsError.value = null;
   }),
-  saveSettings: () => void sendSettings(Object.fromEntries(ui.settingsDraft.value), true),
+  saveSettings: (keys) => void sendSettings(Object.fromEntries([...ui.settingsDraft.value].filter(([key]) => !keys || keys.includes(key))), true),
   chooseSettings: (values) => void sendSettings(values, false),
   loadText: (name) => void loadText(name),
   editText: (name, text) => patchText(name, { draft: text }),
@@ -2645,6 +2653,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)
           },
@@ -2668,9 +2677,9 @@ function renderSnoozeMenu(item, now, handlers2, { indefinite = true, longRange =
     presets.push(["Next month", addMonths(now, 1), true], ["Next quarter", addMonths(now, 3), true]);
   }
   let dateInput = null;
-  return el(
-    "div",
-    { class: "menu", role: "menu" },
+  return k(
+    Menu,
+    { class: "menu" },
     presets.map(
       ([label, until, dated]) => el(
         "button",
@@ -2719,6 +2728,14 @@ function renderSnoozeMenu(item, now, handlers2, { indefinite = true, longRange =
     )
   );
 }
+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);
+}
 function addDays(from, days) {
   return localDateKey(new Date(from.getFullYear(), from.getMonth(), from.getDate() + days));
 }
@@ -3061,6 +3078,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)
         },
@@ -3312,6 +3330,7 @@ function renderTicketStatus(row, state2, ui2, handlers2) {
         type: "button",
         class: "pill pill--status pill--button",
         title: `Move ${row.key} to another status`,
+        "aria-haspopup": "menu",
         "aria-expanded": String(ui2.statusFor.value === row.id),
         onClick: () => handlers2.toggleStatus(row.id)
       },
@@ -3328,9 +3347,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",
@@ -3381,6 +3400,7 @@ function renderTicketActions(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)
         },
@@ -4203,13 +4223,13 @@ function SettingsView({ state: state2, ui: ui2, handlers: handlers2 }) {
         "section",
         { class: "settings-card", id: `settings-${group.id}`, key: group.id, "aria-labelledby": `settings-${group.id}-title` },
         el("h3", { class: "settings-card__title", id: `settings-${group.id}-title` }, group.title),
-        plain.map((setting) => field(setting, draft, handlers2)),
+        plain.map((setting) => settingField(setting, draft, handlers2)),
         group.id === "calendar" ? calendarPicker(state2, ui2, handlers2, page.settings) : null,
         advanced.length > 0 ? el(
           "details",
           { class: "settings-card__more" },
           el("summary", null, "More"),
-          advanced.map((setting) => field(setting, draft, handlers2))
+          advanced.map((setting) => settingField(setting, draft, handlers2))
         ) : null
       );
     }) : el("p", { class: "empty" }, "Loading the settings\u2026"),
@@ -4348,7 +4368,7 @@ function flagValue(raw) {
   if (raw === "") return "";
   return ["off", "false", "0", "no"].includes(raw.trim().toLowerCase()) ? "off" : "on";
 }
-function field(setting, draft, handlers2) {
+function settingField(setting, draft, handlers2) {
   const id = `setting-${setting.key}`;
   const locked = setting.source === "environment";
   const value = shownValue(setting, draft);
@@ -4475,7 +4495,7 @@ function SetupCard({ state: state2, ui: ui2, handlers: handlers2 }) {
     el(
       "p",
       { class: "setup__lede" },
-      "Each morning an agent reads your mail, calendar, pull requests and the rest, and writes a short brief of what needs you today. A few things to tell it first. Everything here can be changed later in ",
+      "Each morning an agent reads your mail, calendar, pull requests and the rest, and writes a short brief of what needs to get done today. The steps below get it ready for its first run. Everything here can be changed later in ",
       el("button", { type: "button", class: "link-button", onClick: () => handlers2.openSettings() }, "Settings"),
       "."
     ),
@@ -4509,11 +4529,14 @@ function SetupCard({ state: state2, ui: ui2, handlers: handlers2 }) {
       step(
         agent.cli !== null,
         "Which agent writes the brief?",
-        agent.cli ? el(
-          "p",
-          null,
-          `${CLI_LABEL[agent.cli]}. ` + (agent.schedule ? `After the first brief, it runs by itself each scheduled morning at ${agent.schedule.at}. ` : "It runs when you press refresh. ") + "It has to be logged in; the first run says if it is not."
-        ) : agentChoice(state2, handlers2)
+        agent.cli ? [
+          el(
+            "p",
+            null,
+            `${CLI_LABEL[agent.cli]}. ` + (agent.schedule ? `After the first brief, it runs by itself each scheduled morning at ${agent.schedule.at}. ` : "It runs when you press refresh. ") + "It has to be logged in; the first run says if it is not."
+          ),
+          agentAdvanced(agent.cli, ui2, handlers2)
+        ] : agentChoice(state2, handlers2)
       ),
       step(setup.sources.exists && setup.sources.placeholders === 0, "Who are you, and where should it look?", sourcesStep(state2, ui2, handlers2)),
       step(null, "What else should the dashboard show?", boards(state2, handlers2)),
@@ -4586,6 +4609,43 @@ function agentChoice(state2, handlers2) {
     )
   ];
 }
+var AGENT_ADVANCED = "setup:agent-advanced";
+function agentAdvanced(cli, ui2, handlers2) {
+  const keys = ["DAILY_FOCUS_AGENT_MODEL", "DAILY_FOCUS_AGENT_EFFORT", ...cli === "claude" ? ["DAILY_FOCUS_AGENT_TOOLS"] : []];
+  const page = ui2.settings.value;
+  const draft = ui2.settingsDraft.value;
+  const changed = keys.some((key) => draft.has(key));
+  const error = changed ? ui2.settingsError.value : null;
+  return el(
+    "details",
+    {
+      class: "setup__advanced",
+      open: ui2.openDrawers.value.has(AGENT_ADVANCED),
+      onToggle: (event) => {
+        const open = event.currentTarget.open;
+        if (open && !ui2.settings.peek()) handlers2.loadSettings();
+        handlers2.toggleDrawer(AGENT_ADVANCED, open);
+      }
+    },
+    el("summary", null, cli === "claude" ? "Advanced: model, effort and tools" : "Advanced: model and effort"),
+    page ? [
+      ...keys.flatMap((key) => {
+        const setting = page.settings.find((entry) => entry.key === key);
+        return setting ? [settingField(setting, draft, handlers2)] : [];
+      }),
+      error ? el("p", { class: "setup__note setup__note--todo", role: "alert" }, error) : null,
+      el(
+        "div",
+        { class: "setup__advanced-actions" },
+        el(
+          "button",
+          { type: "button", class: "button", disabled: !changed || ui2.settingsSaving.value, onClick: () => handlers2.saveSettings(keys) },
+          ui2.settingsSaving.value ? "Saving\u2026" : "Save"
+        )
+      )
+    ] : el("p", null, "Loading the settings\u2026")
+  );
+}
 var SOURCES_EDITOR = "setup:sources";
 function sourcesStep(state2, ui2, handlers2) {
   const sources = state2.setup.sources;

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;
 }
 
@@ -2317,6 +2332,19 @@ body[data-flyout='open'] .layout__side {
 .setup__editor {
   margin-top: 12px;
 }
+/* The settings page's own fold and fields, inside a step. */
+.setup__body .setup__advanced p {
+  margin: 0;
+  font-size: 12px;
+  line-height: 1.45;
+}
+.setup__advanced .field {
+  max-width: 480px;
+}
+.setup__advanced-actions {
+  display: flex;
+  justify-content: flex-start;
+}
 
 /* ---------- settings ---------- */
 
@@ -2365,16 +2393,19 @@ body[data-flyout='open'] .layout__side {
   color: var(--serious);
   font-size: 13px;
 }
-.settings-card__more {
+.settings-card__more,
+.setup__advanced {
   margin-top: 6px;
 }
-.settings-card__more > summary {
+.settings-card__more > summary,
+.setup__advanced > summary {
   cursor: pointer;
   color: var(--ink-2);
   font-size: 13px;
   padding: 4px 0;
 }
-.settings-card__more[open] > summary {
+.settings-card__more[open] > summary,
+.setup__advanced[open] > summary {
   margin-bottom: 10px;
 }