daily-focus 2.0.0-dev.15 → 2.0.0-dev.16

package/package.json

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

package/prompts/morning-brief-personal.md

@@ -340,7 +340,7 @@ Then the general editorial bar:
 {
   "version": 1,
   "generatedAt": "<ISO 8601 timestamp, with offset>",
-  "generatedBy": "<name yourself — your model or agent id>",
+  "generatedBy": "<your model or agent id, such as codex, and nothing else>",
   "date": "<today, YYYY-MM-DD>",
   "headline": "<one or two sentences, or omit>",
   "items": [ … ]
@@ -418,7 +418,9 @@ Check all of these, and fix anything that fails:
 6. Every `url` starts with `http://` or `https://`, and came from a tool rather than
    being built by you.
 7. Every `start`/`end` has a timezone offset, unless deliberately all-day.
-8. `generatedAt` is now, and `generatedBy` names whoever ran.
+8. `generatedAt` is now, and `generatedBy` names whoever ran — your model or agent
+   id and nothing else: not a working directory, a path or an account. The dashboard
+   prints it after "updated … by" in its header.
 9. **When `focus.md` sets an objective, at least one item offers a concrete path to
    it** — a real one you found, or the synthesised one. With no objective, no item has
    `advancesObjective`.

package/prompts/morning-brief-work.md

@@ -512,7 +512,7 @@ Then the general editorial bar:
 {
   "version": 1,
   "generatedAt": "<ISO 8601 timestamp, with offset>",
-  "generatedBy": "<name yourself — your model or agent id>",
+  "generatedBy": "<your model or agent id, such as codex, and nothing else>",
   "date": "<today, YYYY-MM-DD>",
   "headline": "<one or two sentences, or omit>",
   "dayStart": "09:00",
@@ -601,7 +601,9 @@ Check all of these, and fix anything that fails:
 6. Every `url` starts with `http://` or `https://`.
 7. Every `start`/`end` has a timezone offset, unless deliberately all-day.
 8. `generatedAt` is now, and `generatedBy` names whoever ran — your model or agent
-   id, so the dashboard can show who produced the brief.
+   id and nothing else: not a working directory, a path or an account. The dashboard
+   prints it after "updated … by" in its header, so `codex` reads well there and
+   `codex (/root)` does not.
 9. **When `focus.md` sets an objective, at least one item offers a concrete path to
    it** — a real one you found, or the synthesised "no path today" item. A brief with
    no route to the objective and no acknowledgement of that fact is a failed run.

package/public/app.js

@@ -2480,10 +2480,11 @@ function agentRunBanner(run, state2, handlers2) {
   };
   if (run.status === "running") {
     const helping = (run.steps ?? []).filter((step) => step.subagent && step.state === "running").length;
+    const doing = briefLanded(run, state2.brief?.generatedAt) ? "The brief is in. The morning agent is checking it and writing its report" : "The morning agent is writing a new brief";
     return bannerNode(
       "info",
       "i",
-      `The morning agent is writing a new brief, started ${relativeTime(run.startedAt, now)}` + (helping ? `, with ${helping} ${helping === 1 ? "subagent" : "subagents"} at work.` : "."),
+      `${doing}, started ${relativeTime(run.startedAt, now)}` + (helping ? `, with ${helping} ${helping === 1 ? "subagent" : "subagents"} at work.` : "."),
       [el("button", { type: "button", class: "button banner__action", onClick: () => handlers2.stopAgent() }, "Stop")],
       strip
     );
@@ -2504,6 +2505,11 @@ function agentRunBanner(run, state2, handlers2) {
     strip
   );
 }
+function briefLanded(run, generatedAt) {
+  const started = parseDate(run.startedAt)?.getTime();
+  const landed = generatedAt ? parseDate(generatedAt)?.getTime() : void 0;
+  return started !== void 0 && landed !== void 0 && landed >= started;
+}
 function isHeldOverDayOff(state2) {
   if (state2.brief.generatedAt === null || state2.schedule.runsToday) return false;
   const today = dayKey(new Date(state2.now));
@@ -3731,7 +3737,7 @@ function briefRefresh(state2, handlers2) {
   const agent = state2.agentRun;
   if (!agent?.enabled) return null;
   const running = agent.last?.status === "running";
-  const label = running ? `The morning agent is writing a new brief, started ${formatTime(agent.last?.startedAt)}` : `Run the morning agent now, for a fresh brief${nextRunPhraseFor(agent)}`;
+  const label = running ? agent.last && briefLanded(agent.last, state2.brief.generatedAt) ? `The brief is in; the morning agent is checking it and writing its report, started ${formatTime(agent.last.startedAt)}` : `The morning agent is writing a new brief, started ${formatTime(agent.last?.startedAt)}` : `Run the morning agent now, for a fresh brief${nextRunPhraseFor(agent)}`;
   return el(
     "button",
     {
@@ -3898,8 +3904,8 @@ function RunPanel({ run, state: state2, ui: ui2, handlers: handlers2 }) {
     el(
       "div",
       { class: "flyout__body", ref: body, onScroll },
-      runStatus(run, now, handlers2),
-      runReport(run, ui2, handlers2),
+      run.status === "running" ? null : runStatus(run, now, handlers2),
+      runReport(run, { landed: briefLanded(run, state2.brief?.generatedAt), now }, ui2, handlers2),
       run.status === "running" ? null : runConversation(run, busy, answering, enabled, ui2, handlers2, askInput),
       runList(run, runs, now, agent, handlers2)
     )
@@ -3936,8 +3942,8 @@ function describeWhen(value, now) {
   const named = day === "today" || day === "tomorrow" || day === "yesterday";
   return `${named ? day : date && date.getFullYear() === now.getFullYear() ? formatShortDay(value) : formatDay(value)} at ${formatTime(value)}`;
 }
-function runReport(run, ui2, handlers2) {
-  if (run.steps?.length) return runWork(run, ui2, handlers2);
+function runReport(run, live, ui2, handlers2) {
+  if (run.steps?.length) return runWork(run, live, ui2, handlers2);
   const messages = run.messages ?? (run.report ? [run.report] : []);
   const running = run.status === "running";
   const earlier = !running && messages.length && messages.at(-1) === run.report ? messages.slice(0, -1) : messages;
@@ -3976,12 +3982,9 @@ function runReport(run, ui2, handlers2) {
     })
   ) : null;
   if (running) {
-    return el(
-      "section",
-      { class: "flyout__section" },
-      el("h3", { class: "flyout__label" }, "What it is doing"),
-      list ?? el("p", { class: "flyout__empty" }, "Nothing yet.")
-    );
+    const latest = earlier.at(-1);
+    const summary = `${latest ? firstLine(latest) : "Starting"} \xB7 ${earlier.length} ${earlier.length === 1 ? "message" : "messages"}`;
+    return liveSection(run, live, summary, [list, el("ol", { class: "assistant__steps agent-run__steps" }, waitingLine(earlier.length > 0))], ui2, handlers2);
   }
   return el(
     "section",
@@ -3996,16 +3999,9 @@ function runReport(run, ui2, handlers2) {
     ) : null
   );
 }
-function runWork(run, ui2, handlers2) {
+function runWork(run, live, ui2, handlers2) {
   const running = run.status === "running";
-  if (running) {
-    return el(
-      "section",
-      { class: "flyout__section" },
-      el("h3", { class: "flyout__label" }, "What it is doing"),
-      runSteps(run, run.steps, null, ui2, handlers2)
-    );
-  }
+  if (running) return liveSection(run, live, workSummary(run), runSteps(run, run.steps, null, true, ui2, handlers2), ui2, handlers2);
   const last = run.steps.findLast((step) => step.by === null && step.kind === "message");
   const steps2 = last && sameWords(last.text, run.report) ? run.steps.filter((step) => step !== last) : run.steps;
   const handoffs = steps2.filter((step) => step.subagent).length;
@@ -4022,29 +4018,122 @@ function runWork(run, ui2, handlers2) {
         null,
         `How it got there, in ${steps2.length} ${steps2.length === 1 ? "step" : "steps"}` + (handoffs ? `, with ${handoffs} ${handoffs === 1 ? "subagent" : "subagents"}` : "")
       ),
-      runSteps(run, steps2, null, ui2, handlers2)
+      runSteps(run, steps2, null, false, ui2, handlers2)
     ) : null
   );
 }
+function liveSection(run, live, summary, content, ui2, handlers2) {
+  const phase = live.landed ? "The brief is in; checking it and writing its report" : "Writing a new brief";
+  return el(
+    "section",
+    { class: "flyout__section" },
+    el("h3", { class: "flyout__label" }, `${phase}, started ${relativeTime(run.startedAt, live.now)}`),
+    el(
+      "div",
+      { class: "agent-run__live" },
+      workFold(run, summary, content, ui2, handlers2),
+      el("button", { type: "button", class: "button", onClick: () => handlers2.stopAgent() }, "Stop")
+    )
+  );
+}
+function workFold(run, summary, content, ui2, handlers2) {
+  const key = `${run.id}:work`;
+  return el(
+    "details",
+    {
+      class: "agent-run__list agent-run__list--working",
+      open: ui2.messageOpen.value.get(key) ?? false,
+      onToggle: (event) => {
+        const isOpen = event.currentTarget.open;
+        handlers2.toggleMessage(key, isOpen ? true : null);
+      }
+    },
+    el("summary", null, summary),
+    content
+  );
+}
+function workSummary(run) {
+  const own = run.steps.filter((step) => step.by === null);
+  const inFlight = own.findLast((step) => step.kind === "tool" && step.state === "running");
+  const latest = own.at(-1);
+  const working = run.steps.filter((step) => step.subagent && step.state === "running");
+  const count = `${run.steps.length} ${run.steps.length === 1 ? "step" : "steps"}`;
+  if (inFlight?.subagent) {
+    return `Waiting on ${working.map((step) => step.detail ?? "a subagent").join(", ") || "a subagent"} \xB7 ${count}`;
+  }
+  const doing = inFlight ? inFlight.text : latest ? latest.kind === "message" ? firstLine(latest.text) : latest.text : "Starting";
+  const helping = working.length;
+  return `${doing} \xB7 ${count}${helping ? `, ${helping} ${helping === 1 ? "subagent" : "subagents"} at work` : ""}`;
+}
+function waitingLine(begun) {
+  return el(
+    "li",
+    { class: "assistant__step assistant__step--waiting", "data-state": "running" },
+    el("span", { class: "assistant__step-text" }, begun ? "Thinking\u2026" : "Starting\u2026")
+  );
+}
 var NESTING = 4;
-function runSteps(run, steps2, by, ui2, handlers2, depth = 0) {
-  const own = steps2.filter((step) => step.by === by);
+var CALLS_FOLD = 2;
+function runSteps(run, steps2, by, active, ui2, handlers2, depth = 0) {
+  const own = steps2.map((step, index) => ({ step, index })).filter(({ step }) => step.by === by);
+  const inFlight = own.some(({ step }) => step.state === "running");
+  const items = [];
+  let calls = [];
+  const flush = () => {
+    if (calls.length >= CALLS_FOLD) items.push(callsFold(run, by, calls, ui2, handlers2));
+    else for (const placed of calls) items.push(callLine(placed));
+    calls = [];
+  };
+  for (const placed of own) {
+    const { step, index } = placed;
+    const folds = step.subagent && depth < NESTING;
+    if (step.kind === "tool" && !folds && step.state !== "running") {
+      calls.push(placed);
+      continue;
+    }
+    flush();
+    if (step.kind === "message") items.push(el("li", { key: index, class: "agent-run__said" }, renderMarkdownBlocks(step.text)));
+    else if (folds) items.push(runHandoff(run, steps2, step, ui2, handlers2, depth, index));
+    else items.push(callLine(placed));
+  }
+  flush();
   return el(
     "ol",
     { class: "assistant__steps agent-run__steps" },
-    own.length ? null : el("li", { class: "assistant__step assistant__step--message" }, "Nothing yet."),
-    own.map((step, index) => {
-      if (step.kind === "message") {
-        return el("li", { key: index, class: "agent-run__said" }, renderMarkdownBlocks(step.text));
-      }
-      if (step.subagent && depth < NESTING) return runHandoff(run, steps2, step, ui2, handlers2, depth, index);
-      return el(
-        "li",
-        { key: index, class: "assistant__step", "data-state": step.state },
-        el("span", { class: "assistant__step-text" }, step.text),
-        step.detail ? el("code", { class: "assistant__step-detail", title: step.detail }, step.detail) : null
-      );
-    })
+    own.length || active ? null : el("li", { class: "assistant__step assistant__step--message" }, "Nothing yet."),
+    items,
+    active && !inFlight ? waitingLine(own.length > 0) : null
+  );
+}
+function callLine({ step, index }) {
+  return el(
+    "li",
+    { key: index, class: "assistant__step", "data-state": step.state },
+    el("span", { class: "assistant__step-text" }, step.text),
+    step.detail ? el("code", { class: "assistant__step-detail", title: step.detail }, step.detail) : null
+  );
+}
+function callsFold(run, by, calls, ui2, handlers2) {
+  const key = `${run.id}:${by ?? "run"}:calls@${calls[0].index}`;
+  const failed = calls.filter(({ step }) => step.state === "failed").length;
+  const names = [...new Set(calls.map(({ step }) => step.text))];
+  const named = names.length <= 2 ? names.join(", ") : `${names.slice(0, 2).join(", ")} and ${names.length - 2} more`;
+  const summary = `${calls.length} calls${failed ? `, ${failed} failed` : ""} \xB7 ${named}`;
+  return el(
+    "li",
+    { key, class: "assistant__step agent-run__calls", "data-state": failed ? "failed" : "done" },
+    el(
+      "details",
+      {
+        open: ui2.messageOpen.value.get(key) ?? false,
+        onToggle: (event) => {
+          const isOpen = event.currentTarget.open;
+          handlers2.toggleMessage(key, isOpen ? true : null);
+        }
+      },
+      el("summary", null, summary),
+      el("ol", { class: "assistant__steps agent-run__steps" }, calls.map((placed) => callLine(placed)))
+    )
   );
 }
 function runHandoff(run, steps2, step, ui2, handlers2, depth, index) {
@@ -4054,8 +4143,7 @@ function runHandoff(run, steps2, step, ui2, handlers2, depth, index) {
   const calls = own.filter((candidate) => candidate.kind === "tool").length;
   const doing = step.state === "running" ? latest ? latest.kind === "message" ? firstLine(latest.text) : latest.text : "starting" : `${calls} ${calls === 1 ? "step" : "steps"}`;
   const key = `${run.id}:${id}`;
-  const fallback = step.state === "running";
-  const open = ui2.messageOpen.value.has(key) ? ui2.messageOpen.value.get(key) : fallback;
+  const open = ui2.messageOpen.value.get(key) ?? false;
   return el(
     "li",
     { key: index, class: "assistant__step agent-run__handoff", "data-state": step.state },
@@ -4066,7 +4154,7 @@ function runHandoff(run, steps2, step, ui2, handlers2, depth, index) {
         // As the message folds do: a toggle back to the default is forgotten.
         onToggle: (event) => {
           const isOpen = event.currentTarget.open;
-          handlers2.toggleMessage(key, isOpen === fallback ? null : isOpen);
+          handlers2.toggleMessage(key, isOpen ? true : null);
         }
       },
       el(
@@ -4075,7 +4163,7 @@ function runHandoff(run, steps2, step, ui2, handlers2, depth, index) {
         el("span", { class: "assistant__step-text" }, `Subagent: ${step.detail ?? "unnamed"}`),
         el("span", { class: "assistant__step-detail" }, doing)
       ),
-      runSteps(run, steps2, id, ui2, handlers2, depth + 1)
+      runSteps(run, steps2, id, step.state === "running", ui2, handlers2, depth + 1)
     )
   );
 }
@@ -4083,14 +4171,6 @@ function sameWords(a4, b4) {
   return a4.replace(/\s+/g, " ").trim() === b4.replace(/\s+/g, " ").trim();
 }
 function runStatus(run, now, handlers2) {
-  if (run.status === "running") {
-    return el(
-      "p",
-      { class: "agent-run__status" },
-      `Writing a new brief, started ${relativeTime(run.startedAt, now)}. `,
-      el("button", { type: "button", class: "button", onClick: () => handlers2.stopAgent() }, "Stop")
-    );
-  }
   const took = runDuration(run);
   if (run.status === "done") {
     return el("p", { class: "agent-run__status" }, `Finished at ${formatTime(run.endedAt)}${took ? `, in ${took}` : ""}.`);

package/public/style.css

@@ -679,6 +679,24 @@ body[data-view='tickets'] #brief-refresh {
 .agent-run__list summary:hover {
   color: var(--ink-1);
 }
+/* The one line of a run still going: what it is on now, so it reads a step darker than a finished run's fold. */
+.agent-run__list--working > summary {
+  color: var(--ink-2);
+  white-space: normal;
+}
+/* That line and Stop on one row; opened, the steps grow under the line and Stop stays put at the top. */
+.agent-run__live {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+}
+.agent-run__live > details {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.agent-run__live > .button {
+  flex: none;
+}
 /* What the agent said along the way, one fold per message, under its first line. */
 .agent-run__messages {
   display: flex;
@@ -2347,8 +2365,12 @@ a.button {
   font-variant-numeric: tabular-nums;
 }
 
-/* A spinner, for the turn while it works and for each call it is waiting on. */
+/*
+ * A spinner, for the turn while it works and for each call it is waiting on;
+ * and on the line a running run folds under, which is all of it that shows.
+ */
 .assistant__status--working::after,
+.agent-run__list--working > summary::after,
 .assistant__step[data-state='running']::before {
   content: '';
   display: inline-block;
@@ -2360,7 +2382,8 @@ a.button {
   border-top-color: transparent;
   animation: assistant-spin 0.9s linear infinite;
 }
-.assistant__status--working::after {
+.assistant__status--working::after,
+.agent-run__list--working > summary::after {
   margin-left: 6px;
   vertical-align: -1px;
 }
@@ -2371,6 +2394,7 @@ a.button {
 }
 @media (prefers-reduced-motion: reduce) {
   .assistant__status--working::after,
+  .agent-run__list--working > summary::after,
   .assistant__step[data-state='running']::before {
     animation: none;
   }
@@ -2447,6 +2471,31 @@ a.button {
   font-size: 11.5px;
   color: var(--ink-3);
 }
+/* A run of calls between two things the agent said, folded to the one line that counts them. */
+.agent-run__calls > details {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.agent-run__calls summary {
+  cursor: pointer;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--ink-3);
+}
+.agent-run__calls summary:hover {
+  color: var(--ink-1);
+}
+.agent-run__calls .agent-run__steps {
+  margin-top: 4px;
+}
+
+/* Between calls: composing, which no call records. Quieter than a call, since nothing has happened yet. */
+.assistant__step--waiting .assistant__step-text {
+  font-style: italic;
+  color: var(--ink-3);
+}
+
 /* What it said on the way: its own words, in the reading face, set apart from the calls by having no mark. */
 .assistant__step--message {
   display: block;