daily-focus 1.2.0-dev.8 → 2.0.0-dev.14

package/public/app.js

@@ -69,9 +69,9 @@ function H() {
   }
 }
 function L(n3, l5, u4, t4, i4, r4, o4, e4, f4, c4, a4) {
-  var s4, h5, p5, v4, y4, _5, g4 = t4 && t4.__k || w, m4 = l5.length;
-  for (f4 = T(u4, l5, g4, f4, m4), s4 = 0; s4 < m4; s4++) null != (p5 = u4.__k[s4]) && (h5 = -1 != p5.__i && g4[p5.__i] || d, p5.__i = s4, _5 = q(n3, p5, h5, i4, r4, o4, e4, f4, c4, a4), v4 = p5.__e, p5.ref && h5.ref != p5.ref && (h5.ref && J(h5.ref, null, p5), a4.push(p5.ref, p5.__c || v4, p5)), null == y4 && null != v4 && (y4 = v4), 4 & p5.__u ? (f4 = j(p5, f4, n3), h5.__e && (h5.__e = null)) : "function" == typeof p5.type && void 0 !== _5 ? f4 = _5 : v4 && (f4 = v4.nextSibling), p5.__u &= -7);
-  return u4.__e = y4, f4;
+  var s4, h5, p5, v4, y5, _5, g4 = t4 && t4.__k || w, m4 = l5.length;
+  for (f4 = T(u4, l5, g4, f4, m4), s4 = 0; s4 < m4; s4++) null != (p5 = u4.__k[s4]) && (h5 = -1 != p5.__i && g4[p5.__i] || d, p5.__i = s4, _5 = q(n3, p5, h5, i4, r4, o4, e4, f4, c4, a4), v4 = p5.__e, p5.ref && h5.ref != p5.ref && (h5.ref && J(h5.ref, null, p5), a4.push(p5.ref, p5.__c || v4, p5)), null == y5 && null != v4 && (y5 = v4), 4 & p5.__u ? (f4 = j(p5, f4, n3), h5.__e && (h5.__e = null)) : "function" == typeof p5.type && void 0 !== _5 ? f4 = _5 : v4 && (f4 = v4.nextSibling), p5.__u &= -7);
+  return u4.__e = y5, f4;
 }
 function T(n3, l5, u4, t4, i4) {
   var r4, o4, e4, f4, c4, a4 = u4.length, s4 = a4, h5 = 0;
@@ -131,29 +131,29 @@ function V(n3) {
   };
 }
 function q(n3, u4, t4, i4, r4, o4, e4, f4, c4, a4) {
-  var s4, h5, p5, v4, y4, d4, _5, k3, x4, M, I2, P2, A3, H2, T4, j4, F2 = u4.type;
+  var s4, h5, p5, v4, y5, d5, _5, k3, x4, M, I2, P2, A3, H2, T4, j4, F2 = u4.type;
   if (void 0 !== u4.constructor) return null;
   128 & t4.__u && (c4 = !!(32 & t4.__u), o4 = [f4 = u4.__e = t4.__e]), (s4 = l.__b) && s4(u4);
   n: if ("function" == typeof F2) {
     h5 = e4.length;
     try {
-      if (x4 = u4.props, M = F2.prototype && F2.prototype.render, I2 = (s4 = F2.contextType) && i4[s4.__c], P2 = s4 ? I2 ? I2.props.value : s4.__ : i4, t4.__c ? k3 = (p5 = u4.__c = t4.__c).__ = p5.__E : (M ? u4.__c = p5 = new F2(x4, P2) : (u4.__c = p5 = new C(x4, P2), p5.constructor = F2, p5.render = Q), I2 && I2.sub(p5), p5.state || (p5.state = {}), p5.__n = i4, v4 = p5.__d = true, p5.__h = [], p5._sb = []), M && null == p5.__s && (p5.__s = p5.state), M && null != F2.getDerivedStateFromProps && (p5.__s == p5.state && (p5.__s = m({}, p5.__s)), m(p5.__s, F2.getDerivedStateFromProps(x4, p5.__s))), y4 = p5.props, d4 = p5.state, p5.__v = u4, v4) M && null == F2.getDerivedStateFromProps && null != p5.componentWillMount && p5.componentWillMount(), M && null != p5.componentDidMount && p5.__h.push(p5.componentDidMount);
+      if (x4 = u4.props, M = F2.prototype && F2.prototype.render, I2 = (s4 = F2.contextType) && i4[s4.__c], P2 = s4 ? I2 ? I2.props.value : s4.__ : i4, t4.__c ? k3 = (p5 = u4.__c = t4.__c).__ = p5.__E : (M ? u4.__c = p5 = new F2(x4, P2) : (u4.__c = p5 = new C(x4, P2), p5.constructor = F2, p5.render = Q), I2 && I2.sub(p5), p5.state || (p5.state = {}), p5.__n = i4, v4 = p5.__d = true, p5.__h = [], p5._sb = []), M && null == p5.__s && (p5.__s = p5.state), M && null != F2.getDerivedStateFromProps && (p5.__s == p5.state && (p5.__s = m({}, p5.__s)), m(p5.__s, F2.getDerivedStateFromProps(x4, p5.__s))), y5 = p5.props, d5 = p5.state, p5.__v = u4, v4) M && null == F2.getDerivedStateFromProps && null != p5.componentWillMount && p5.componentWillMount(), M && null != p5.componentDidMount && p5.__h.push(p5.componentDidMount);
       else {
-        if (M && null == F2.getDerivedStateFromProps && x4 !== y4 && null != p5.componentWillReceiveProps && p5.componentWillReceiveProps(x4, P2), u4.__v == t4.__v || !p5.__e && null != p5.shouldComponentUpdate && false === p5.shouldComponentUpdate(x4, p5.__s, P2)) {
+        if (M && null == F2.getDerivedStateFromProps && x4 !== y5 && null != p5.componentWillReceiveProps && p5.componentWillReceiveProps(x4, P2), u4.__v == t4.__v || !p5.__e && null != p5.shouldComponentUpdate && false === p5.shouldComponentUpdate(x4, p5.__s, P2)) {
           u4.__v != t4.__v && (p5.props = x4, p5.state = p5.__s, p5.__d = false), u4.__e = t4.__e, u4.__k = t4.__k, u4.__k.some(function(n4) {
             n4 && (n4.__ = u4);
           }), w.push.apply(p5.__h, p5._sb), p5._sb = [], p5.__h.length && e4.push(p5), f4 = $(t4);
           break n;
         }
         null != p5.componentWillUpdate && p5.componentWillUpdate(x4, p5.__s, P2), M && null != p5.componentDidUpdate && p5.__h.push(function() {
-          p5.componentDidUpdate(y4, d4, _5);
+          p5.componentDidUpdate(y5, d5, _5);
         });
       }
       if (p5.context = P2, p5.props = x4, p5.__P = n3, p5.__e = false, A3 = l.__r, H2 = 0, M) p5.state = p5.__s, p5.__d = false, A3 && A3(u4), s4 = p5.render(p5.props, p5.state, p5.context), w.push.apply(p5.__h, p5._sb), p5._sb = [];
       else do {
         p5.__d = false, A3 && A3(u4), s4 = p5.render(p5.props, p5.state, p5.context), p5.state = p5.__s;
       } while (p5.__d && ++H2 < 25);
-      p5.state = p5.__s, null != p5.getChildContext && (i4 = m(m({}, i4), p5.getChildContext())), M && !v4 && null != p5.getSnapshotBeforeUpdate && (_5 = p5.getSnapshotBeforeUpdate(y4, d4)), T4 = null != s4 && s4.type === S && null == s4.key ? E(s4.props.children) : s4, f4 = L(n3, g(T4) ? T4 : [T4], u4, t4, i4, r4, o4, e4, f4, c4, a4), p5.base = u4.__e, u4.__u &= -161, p5.__h.length && e4.push(p5), k3 && (p5.__E = p5.__ = null);
+      p5.state = p5.__s, null != p5.getChildContext && (i4 = m(m({}, i4), p5.getChildContext())), M && !v4 && null != p5.getSnapshotBeforeUpdate && (_5 = p5.getSnapshotBeforeUpdate(y5, d5)), T4 = null != s4 && s4.type === S && null == s4.key ? E(s4.props.children) : s4, f4 = L(n3, g(T4) ? T4 : [T4], u4, t4, i4, r4, o4, e4, f4, c4, a4), p5.base = u4.__e, u4.__u &= -161, p5.__h.length && e4.push(p5), k3 && (p5.__E = p5.__ = null);
     } catch (n4) {
       if (e4.length = h5, u4.__v = null, c4 || null != o4) {
         if (n4.then) {
@@ -185,10 +185,10 @@ function E(n3) {
   return "object" != typeof n3 || null == n3 || n3.__b > 0 ? n3 : g(n3) ? n3.map(E) : void 0 !== n3.constructor ? null : m({}, n3);
 }
 function G(u4, t4, i4, r4, o4, e4, f4, c4, a4) {
-  var s4, h5, p5, v4, y4, w5, _5, m4 = i4.props || d, k3 = t4.props, x4 = t4.type;
+  var s4, h5, p5, v4, y5, w5, _5, m4 = i4.props || d, k3 = t4.props, x4 = t4.type;
   if ("svg" == x4 ? o4 = "http://www.w3.org/2000/svg" : "math" == x4 ? o4 = "http://www.w3.org/1998/Math/MathML" : o4 || (o4 = "http://www.w3.org/1999/xhtml"), null != e4) {
-    for (s4 = 0; s4 < e4.length; s4++) if ((y4 = e4[s4]) && "setAttribute" in y4 == !!x4 && (x4 ? y4.localName == x4 : 3 == y4.nodeType)) {
-      u4 = y4, e4[s4] = null;
+    for (s4 = 0; s4 < e4.length; s4++) if ((y5 = e4[s4]) && "setAttribute" in y5 == !!x4 && (x4 ? y5.localName == x4 : 3 == y5.nodeType)) {
+      u4 = y5, e4[s4] = null;
       break;
     }
   }
@@ -198,9 +198,9 @@ function G(u4, t4, i4, r4, o4, e4, f4, c4, a4) {
   }
   if (null == x4) m4 === k3 || c4 && u4.data == k3 || (u4.data = k3);
   else {
-    if (e4 = "textarea" == x4 && null != k3.defaultValue ? null : e4 && n.call(u4.childNodes), !c4 && null != e4) for (m4 = {}, s4 = 0; s4 < u4.attributes.length; s4++) m4[(y4 = u4.attributes[s4]).name] = y4.value;
-    for (s4 in m4) y4 = m4[s4], "dangerouslySetInnerHTML" == s4 ? p5 = y4 : "children" == s4 || s4 in k3 || "value" == s4 && "defaultValue" in k3 || "checked" == s4 && "defaultChecked" in k3 || N(u4, s4, null, y4, o4);
-    for (s4 in k3) y4 = k3[s4], "children" == s4 ? v4 = y4 : "dangerouslySetInnerHTML" == s4 ? h5 = y4 : "value" == s4 ? w5 = y4 : "checked" == s4 ? _5 = y4 : c4 && "function" != typeof y4 || m4[s4] === y4 || N(u4, s4, y4, m4[s4], o4);
+    if (e4 = "textarea" == x4 && null != k3.defaultValue ? null : e4 && n.call(u4.childNodes), !c4 && null != e4) for (m4 = {}, s4 = 0; s4 < u4.attributes.length; s4++) m4[(y5 = u4.attributes[s4]).name] = y5.value;
+    for (s4 in m4) y5 = m4[s4], "dangerouslySetInnerHTML" == s4 ? p5 = y5 : "children" == s4 || s4 in k3 || "value" == s4 && "defaultValue" in k3 || "checked" == s4 && "defaultChecked" in k3 || N(u4, s4, null, y5, o4);
+    for (s4 in k3) y5 = k3[s4], "children" == s4 ? v4 = y5 : "dangerouslySetInnerHTML" == s4 ? h5 = y5 : "value" == s4 ? w5 = y5 : "checked" == s4 ? _5 = y5 : c4 && "function" != typeof y5 || m4[s4] === y5 || N(u4, s4, y5, m4[s4], o4);
     if (h5) c4 || p5 && (h5.__html == p5.__html || h5.__html == u4.innerHTML) || (u4.innerHTML = h5.__html), t4.__k = [];
     else if (p5 && (u4.innerHTML = ""), L("template" == t4.type ? u4.content : u4, g(v4) ? v4 : [v4], t4, i4, r4, "foreignObject" == x4 ? "http://www.w3.org/1999/xhtml" : o4, e4, f4, e4 ? e4[0] : i4.__k && $(i4, 0), c4, a4), null != e4) for (s4 = e4.length; s4--; ) b(e4[s4]);
     c4 && "textarea" != x4 || (s4 = "value", "progress" == x4 && null == w5 ? u4.removeAttribute("value") : null != w5 && (w5 !== u4[s4] || "progress" == x4 && !w5 || "option" == x4 && w5 != m4[s4]) && N(u4, s4, w5, m4[s4], o4), s4 = "checked", null != _5 && _5 != u4[s4] && N(u4, s4, _5, m4[s4], o4));
@@ -274,6 +274,42 @@ function s2(n3, t4) {
   var u4 = r2.__H || (r2.__H = { __: [], __h: [] });
   return n3 >= u4.__.length && u4.__.push({}), u4.__[n3];
 }
+function d2(n3) {
+  return o2 = 1, y2(D2, n3);
+}
+function y2(n3, u4, i4) {
+  var o4 = s2(t2++, 2);
+  if (o4.t = n3, !o4.__c && (o4.__ = [i4 ? i4(u4) : D2(void 0, u4), function(n4) {
+    var t4 = o4.__N ? o4.__N[0] : o4.__[0], r4 = o4.t(t4, n4);
+    t4 !== r4 && (o4.__N = [r4, o4.__[1]], o4.__c.setState({}));
+  }], o4.__c = r2, !r2.__f)) {
+    var f4 = function(n4, t4, r4) {
+      if (!o4.__c.__H) return true;
+      var u5 = false, i5 = o4.__c.props !== n4;
+      if (o4.__c.__H.__.some(function(n5) {
+        if (n5.__N) {
+          u5 = true;
+          var t5 = n5.__[0];
+          n5.__ = n5.__N, n5.__N = void 0, t5 !== n5.__[0] && (i5 = true);
+        }
+      }), c4) {
+        var f5 = c4.call(this, n4, t4, r4);
+        return u5 ? f5 || i5 : f5;
+      }
+      return !u5 || i5;
+    };
+    r2.__f = true;
+    var c4 = r2.shouldComponentUpdate, e4 = r2.componentWillUpdate;
+    r2.componentWillUpdate = function(n4, t4, r4) {
+      if (this.__e) {
+        var u5 = c4;
+        c4 = void 0, f4(n4, t4, r4), c4 = u5;
+      }
+      e4 && e4.call(this, n4, t4, r4);
+    }, r2.shouldComponentUpdate = f4;
+  }
+  return o4.__N || o4.__;
+}
 function h2(n3, u4) {
   var i4 = s2(t2++, 3);
   !c2.__s && C2(i4.__H, u4) && (i4.__ = n3, i4.u = u4, r2.__H.__h.push(i4));
@@ -360,6 +396,9 @@ function C2(n3, t4) {
     return t5 !== n3[r4];
   });
 }
+function D2(n3, t4) {
+  return "function" == typeof t4 ? t4(n3) : t4;
+}
 
 // node_modules/@preact/signals-core/dist/signals-core.module.js
 var i3 = /* @__PURE__ */ Symbol.for("preact-signals");
@@ -430,7 +469,7 @@ var s3 = 0;
 var u3 = 0;
 var e3 = 0;
 var c3 = void 0;
-var d2 = 0;
+var d3 = 0;
 function a3(i4) {
   if (void 0 !== o3) {
     var t4 = i4.n;
@@ -543,7 +582,7 @@ Object.defineProperty(l3.prototype, "value", { get: function() {
     })(this);
     this.v = i4;
     this.i++;
-    d2++;
+    d3++;
     v3++;
     try {
       for (var n3 = this.t; void 0 !== n3; n3 = n3.x) n3.t.N();
@@ -552,7 +591,7 @@ Object.defineProperty(l3.prototype, "value", { get: function() {
     }
   }
 } });
-function y2(i4, t4) {
+function y3(i4, t4) {
   return new l3(i4, t4);
 }
 function w3(i4) {
@@ -590,7 +629,7 @@ function p3(i4, t4) {
   l3.call(this, void 0, t4);
   this.x = i4;
   this.s = void 0;
-  this.g = d2 - 1;
+  this.g = d3 - 1;
   this.f = 4;
 }
 p3.prototype = new l3();
@@ -599,8 +638,8 @@ p3.prototype.h = function() {
   if (1 & this.f) return false;
   if (32 == (36 & this.f)) return true;
   this.f &= -5;
-  if (this.g === d2) return true;
-  this.g = d2;
+  if (this.g === d3) return true;
+  this.g = d3;
   this.f |= 1;
   if (this.i > 0 && !w3(this)) {
     this.f &= -2;
@@ -754,7 +793,7 @@ function j3(i4, t4) {
 // node_modules/@preact/signals/dist/signals.module.js
 var l4;
 var h4;
-var d3;
+var d4;
 var p4 = "undefined" != typeof window && !!window.__PREACT_SIGNALS_DEVTOOLS__;
 var _4 = [];
 j3(function() {
@@ -765,14 +804,14 @@ function g3(i4, r4) {
   });
 }
 function b3(i4) {
-  if (d3) {
-    var n3 = d3;
-    d3 = void 0;
+  if (d4) {
+    var n3 = d4;
+    d4 = void 0;
     n3();
   }
-  d3 = i4 && i4.S();
+  d4 = i4 && i4.S();
 }
-function y3(i4) {
+function y4(i4) {
   var n3 = this, t4 = i4.data, f4 = useSignal(t4);
   f4.name = "ReactiveDom";
   f4.value = t4;
@@ -802,8 +841,8 @@ function y3(i4) {
   }, []), a4 = e4[0], v4 = e4[1];
   return a4.value ? v4.peek() : v4.value;
 }
-y3.displayName = "ReactiveTextNode";
-Object.defineProperties(l3.prototype, { constructor: { configurable: true, value: void 0 }, type: { configurable: true, value: y3 }, props: { configurable: true, get: function() {
+y4.displayName = "ReactiveTextNode";
+Object.defineProperties(l3.prototype, { constructor: { configurable: true, value: void 0 }, type: { configurable: true, value: y4 }, props: { configurable: true, get: function() {
   var i4 = this;
   return { data: { get value() {
     return i4.value;
@@ -887,7 +926,7 @@ g3("diffed", function(i4, n3) {
   i4(n3);
 });
 function w4(i4, n3, r4, t4) {
-  var o4 = n3 in i4 && void 0 === i4.ownerSVGElement, f4 = y2(r4);
+  var o4 = n3 in i4 && void 0 === i4.ownerSVGElement, f4 = y3(r4);
   return { o: function(i5, n4) {
     f4.value = i5;
     t4 = n4;
@@ -955,7 +994,7 @@ C.prototype.shouldComponentUpdate = function(i4, n3) {
 };
 function useSignal(i4, n3) {
   return T2(function() {
-    return y2(i4, n3);
+    return y3(i4, n3);
   }, []);
 }
 var q2 = function(i4) {
@@ -1071,6 +1110,24 @@ function postObjective(objective, blocker) {
 function postListCalendars() {
   return postJson("/api/calendars/list", {});
 }
+function postSetupAnswer(step, answer) {
+  return post("/api/onboarding/answer", { step, answer });
+}
+function postSetupRevise(step, text, draft) {
+  return post("/api/onboarding/revise", { step, text, draft });
+}
+function postSetupDetect() {
+  return post("/api/onboarding/detect");
+}
+function postSetupRetry(step) {
+  return post("/api/onboarding/retry", { step });
+}
+function postSetupFinish() {
+  return post("/api/onboarding/finish");
+}
+async function fetchSetupSources() {
+  return jsonFrom(await fetch("/api/onboarding/sources"), "GET /api/onboarding/sources");
+}
 
 // client/state.ts
 var VIEWS = ["today", "board", "tickets", "settings"];
@@ -1079,33 +1136,40 @@ var PANEL_PREFIX = "panel:";
 var VIEW_KEY = "daily-focus:view";
 var AGENT_RUN_SEEN_KEY = "daily-focus:agent-run-seen";
 var DETAIL_KEY = "daily-focus:detail-for";
-var state = y2(null);
+var state = y3(null);
 function createUi(initial = {}) {
   return {
-    selectedId: y2(initial.selectedId ?? null),
-    clickedId: y2(initial.clickedId ?? null),
-    pending: y2(initial.pending ?? /* @__PURE__ */ new Set()),
-    menuFor: y2(initial.menuFor ?? null),
-    statusFor: y2(initial.statusFor ?? null),
-    detailFor: y2(initial.detailFor ?? null),
-    noteDraft: y2(initial.noteDraft ?? ""),
-    assistantDraft: y2(initial.assistantDraft ?? ""),
-    focusField: y2(initial.focusField ?? null),
-    openDrawers: y2(initial.openDrawers ?? /* @__PURE__ */ new Set()),
-    ticketMode: y2(initial.ticketMode ?? "sync"),
-    agentReportSeen: y2(initial.agentReportSeen ?? null),
-    messageOpen: y2(initial.messageOpen ?? /* @__PURE__ */ new Map()),
-    view: y2(initial.view ?? "today"),
-    theme: y2(initial.theme ?? "system"),
-    toast: y2(initial.toast ?? null),
-    connectionError: y2(initial.connectionError ?? null),
-    settingsReturn: y2(initial.settingsReturn ?? "today"),
-    settings: y2(initial.settings ?? null),
-    settingsDraft: y2(initial.settingsDraft ?? /* @__PURE__ */ new Map()),
-    settingsError: y2(initial.settingsError ?? null),
-    settingsSaving: y2(initial.settingsSaving ?? false),
-    texts: y2(initial.texts ?? {}),
-    calendars: y2(initial.calendars ?? null)
+    selectedId: y3(initial.selectedId ?? null),
+    clickedId: y3(initial.clickedId ?? null),
+    pending: y3(initial.pending ?? /* @__PURE__ */ new Set()),
+    menuFor: y3(initial.menuFor ?? null),
+    statusFor: y3(initial.statusFor ?? null),
+    detailFor: y3(initial.detailFor ?? null),
+    noteDraft: y3(initial.noteDraft ?? ""),
+    assistantDraft: y3(initial.assistantDraft ?? ""),
+    focusField: y3(initial.focusField ?? null),
+    openDrawers: y3(initial.openDrawers ?? /* @__PURE__ */ new Set()),
+    ticketMode: y3(initial.ticketMode ?? "sync"),
+    agentReportSeen: y3(initial.agentReportSeen ?? null),
+    messageOpen: y3(initial.messageOpen ?? /* @__PURE__ */ new Map()),
+    view: y3(initial.view ?? "today"),
+    theme: y3(initial.theme ?? "system"),
+    toast: y3(initial.toast ?? null),
+    connectionError: y3(initial.connectionError ?? null),
+    settingsReturn: y3(initial.settingsReturn ?? "today"),
+    settings: y3(initial.settings ?? null),
+    settingsDraft: y3(initial.settingsDraft ?? /* @__PURE__ */ new Map()),
+    settingsError: y3(initial.settingsError ?? null),
+    settingsSaving: y3(initial.settingsSaving ?? false),
+    texts: y3(initial.texts ?? {}),
+    calendars: y3(initial.calendars ?? null),
+    setupDrafts: y3(initial.setupDrafts ?? /* @__PURE__ */ new Map()),
+    setupEditing: y3(initial.setupEditing ?? null),
+    setupConfirm: y3(initial.setupConfirm ?? null),
+    setupBusy: y3(initial.setupBusy ?? null),
+    setupError: y3(initial.setupError ?? null),
+    setupTell: y3(initial.setupTell ?? /* @__PURE__ */ new Map()),
+    setupSources: y3(initial.setupSources ?? null)
   };
 }
 function isView(value) {
@@ -1501,6 +1565,27 @@ async function stopAssistant(id) {
     showToast(`Could not stop: ${err.message}`);
   }
 }
+async function copy(text) {
+  try {
+    if (navigator.clipboard && window.isSecureContext) {
+      await navigator.clipboard.writeText(text);
+    } else {
+      const field = document.createElement("textarea");
+      field.value = text;
+      field.setAttribute("readonly", "");
+      field.style.position = "fixed";
+      field.style.opacity = "0";
+      document.body.append(field);
+      field.select();
+      const copied = document.execCommand("copy");
+      field.remove();
+      if (!copied) throw new Error("the browser would not copy");
+    }
+    showToast("Copied");
+  } catch (err) {
+    showToast(`Could not copy: ${err.message}`);
+  }
+}
 async function runAgent() {
   if (!state.value?.agentRun?.enabled || state.value.agentRun.last?.status === "running") return;
   const ok = window.confirm(
@@ -1606,7 +1691,7 @@ async function loadSettings() {
     showToast(`Could not load the settings: ${err.message}`);
   }
 }
-async function sendSettings(values, fromDraft) {
+async function sendSettings(values) {
   if (ui.settingsSaving.value) return;
   n2(() => {
     ui.settingsSaving.value = true;
@@ -1616,17 +1701,14 @@ async function sendSettings(values, fromDraft) {
     const page = await postSettings(values);
     n2(() => {
       ui.settings.value = page;
-      if (fromDraft) {
-        const draft = new Map(ui.settingsDraft.value);
-        for (const [key, value] of Object.entries(values)) if (draft.get(key) === value) draft.delete(key);
-        ui.settingsDraft.value = draft;
-      }
+      const draft = new Map(ui.settingsDraft.value);
+      for (const [key, value] of Object.entries(values)) if (draft.get(key) === value) draft.delete(key);
+      ui.settingsDraft.value = draft;
     });
     restartToast(page);
     if (page.restart === "waiting") void followRestart();
   } catch (err) {
-    if (fromDraft) ui.settingsError.value = err.message;
-    else showToast(`Could not save: ${err.message}`);
+    ui.settingsError.value = err.message;
   } finally {
     ui.settingsSaving.value = false;
   }
@@ -1704,6 +1786,60 @@ async function listCalendars() {
     ui.calendars.value = err.message;
   }
 }
+async function setupRequest(step, send) {
+  if (ui.setupBusy.value) return false;
+  n2(() => {
+    ui.setupBusy.value = step;
+    ui.setupError.value = null;
+  });
+  try {
+    adoptState(await send());
+    return true;
+  } catch (err) {
+    ui.setupError.value = { step, message: err.message };
+    return false;
+  } finally {
+    ui.setupBusy.value = null;
+  }
+}
+function forgetDraft(step) {
+  if (!ui.setupDrafts.value.has(step)) return;
+  const next = new Map(ui.setupDrafts.value);
+  next.delete(step);
+  ui.setupDrafts.value = next;
+}
+async function answerSetup(step, answer) {
+  if (!await setupRequest(step, () => postSetupAnswer(step, answer))) return;
+  n2(() => {
+    forgetDraft(step);
+    if (ui.setupEditing.value === step) ui.setupEditing.value = null;
+    if (ui.setupConfirm.value === step) ui.setupConfirm.value = null;
+    ui.setupSources.value = null;
+  });
+  afterRender(() => {
+    const heading = document.querySelector('.onboarding__card[data-current="true"] h2');
+    heading?.focus({ preventScroll: true });
+    heading?.closest(".onboarding__card")?.scrollIntoView({ block: "center", behavior: "smooth" });
+  });
+}
+async function reviseSetup(step, text, draft) {
+  if (!await setupRequest(step, () => postSetupRevise(step, text, draft))) return;
+  n2(() => {
+    forgetDraft(step);
+    if (ui.setupConfirm.value === step) ui.setupConfirm.value = null;
+    const tell = new Map(ui.setupTell.value);
+    tell.delete(step);
+    ui.setupTell.value = tell;
+  });
+}
+async function loadSetupSources() {
+  ui.setupSources.value = "loading";
+  try {
+    ui.setupSources.value = await fetchSetupSources();
+  } catch (err) {
+    ui.setupSources.value = { error: err.message };
+  }
+}
 function openSettings(section2 = null) {
   if (ui.view.value !== "settings") {
     try {
@@ -1808,6 +1944,7 @@ var handlers = {
   refreshCalendar: () => void refreshCalendar(),
   ask: (id, body) => void ask(id, body),
   stopAssistant: (id) => void stopAssistant(id),
+  copy: (text) => void copy(text),
   runAgent: () => void runAgent(),
   stopAgent: () => void stopAgent(),
   askAgent: (run, text) => void askAgent(run, text),
@@ -1836,14 +1973,39 @@ var handlers = {
     ui.settingsDraft.value = /* @__PURE__ */ new Map();
     ui.settingsError.value = null;
   }),
-  saveSettings: (keys) => void sendSettings(Object.fromEntries([...ui.settingsDraft.value].filter(([key]) => !keys || keys.includes(key))), true),
-  chooseSettings: (values) => void sendSettings(values, false),
+  saveSettings: () => void sendSettings(Object.fromEntries(ui.settingsDraft.value)),
   loadText: (name) => void loadText(name),
   editText: (name, text) => patchText(name, { draft: text }),
   saveText: (name, overwrite) => void saveText(name, overwrite),
   reloadText: (name) => void loadText(name),
   saveObjective: (objective, blocker) => void saveObjective(objective, blocker),
-  listCalendars: () => void listCalendars()
+  listCalendars: () => void listCalendars(),
+  answerSetup: (step, answer) => void answerSetup(step, answer),
+  editSetupDraft: (step, answer, version) => {
+    if (answer === null) return forgetDraft(step);
+    const next = new Map(ui.setupDrafts.value);
+    next.set(step, { version, answer });
+    ui.setupDrafts.value = next;
+  },
+  editSetupStep: (step) => n2(() => {
+    ui.setupEditing.value = step;
+    ui.setupError.value = null;
+  }),
+  confirmSetup: (step) => {
+    ui.setupConfirm.value = step;
+  },
+  editSetupTell: (step, text) => {
+    const next = new Map(ui.setupTell.value);
+    next.set(step, text);
+    ui.setupTell.value = next;
+  },
+  reviseSetup: (step, text, draft) => void reviseSetup(step, text, draft),
+  retrySetup: (step) => void setupRequest(step, () => postSetupRetry(step)),
+  detectSetup: () => void setupRequest("detect", () => postSetupDetect()),
+  finishSetup: () => void setupRequest("finish", () => postSetupFinish()).then((finished) => {
+    if (finished && state.value?.restart === "waiting") void followRestart();
+  }),
+  loadSetupSources: () => void loadSetupSources()
 };
 
 // client/format.ts
@@ -1866,15 +2028,15 @@ var dateFormats = formatters("UTC");
 var DATE_ONLY = /^\d{4}-\d{2}-\d{2}$/;
 function formatted(value, kind) {
   const bare = typeof value === "string" && DATE_ONLY.test(value);
-  const d4 = bare ? /* @__PURE__ */ new Date(`${value}T00:00:00Z`) : parseDate(value);
-  return d4 && !Number.isNaN(d4.getTime()) ? (bare ? dateFormats : clockFormats)[kind].format(d4) : "";
+  const d5 = bare ? /* @__PURE__ */ new Date(`${value}T00:00:00Z`) : parseDate(value);
+  return d5 && !Number.isNaN(d5.getTime()) ? (bare ? dateFormats : clockFormats)[kind].format(d5) : "";
 }
 function parseDate(value) {
   if (typeof value !== "string" || value === "") return null;
   const dateOnly = /^(\d{4})-(\d{2})-(\d{2})$/.exec(value);
   if (dateOnly) return new Date(+dateOnly[1], +dateOnly[2] - 1, +dateOnly[3]);
-  const d4 = new Date(value);
-  return Number.isNaN(d4.getTime()) ? null : d4;
+  const d5 = new Date(value);
+  return Number.isNaN(d5.getTime()) ? null : d5;
 }
 function formatTime(value) {
   return formatted(value, "time");
@@ -1901,37 +2063,37 @@ function setCalendarZone(timeZone) {
     clockFormats = formatters();
   }
 }
-function dayKey(d4) {
+function dayKey(d5) {
   if (dayKeyFmt) {
-    const parts = dayKeyFmt.formatToParts(d4);
+    const parts = dayKeyFmt.formatToParts(d5);
     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}`;
+  const m4 = String(d5.getMonth() + 1).padStart(2, "0");
+  const day = String(d5.getDate()).padStart(2, "0");
+  return `${d5.getFullYear()}-${m4}-${day}`;
 }
 function splitKey(key) {
-  const [y4, m4, d4] = key.split("-").map(Number);
-  return [y4, m4 - 1, d4];
+  const [y5, m4, d5] = key.split("-").map(Number);
+  return [y5, m4 - 1, d5];
 }
 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));
+  const [y5, m4, d5] = splitKey(key);
+  return keyAt(Date.UTC(y5, m4, d5 + 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)));
+  const [y5, m4, d5] = splitKey(key);
+  const lastDay = new Date(Date.UTC(y5, m4 + months + 1, 0)).getUTCDate();
+  return keyAt(Date.UTC(y5, m4 + months, Math.min(d5, 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 [y5, m4, d5] = splitKey(value);
     const [ty, tm, td] = splitKey(dayKey(now));
-    return Math.round((Date.UTC(y4, m4, d4) - Date.UTC(ty, tm, td)) / 864e5);
+    return Math.round((Date.UTC(y5, m4, d5) - Date.UTC(ty, tm, td)) / 864e5);
   }
   const target = parseDate(value);
   if (!target) return null;
@@ -1957,9 +2119,9 @@ function formatDuration(minutes) {
   return `${h5} h ${m4} min`;
 }
 function relativeTime(value, now = /* @__PURE__ */ new Date()) {
-  const d4 = parseDate(value);
-  if (!d4) return "";
-  const seconds = Math.round((now.getTime() - d4.getTime()) / 1e3);
+  const d5 = parseDate(value);
+  if (!d5) return "";
+  const seconds = Math.round((now.getTime() - d5.getTime()) / 1e3);
   if (seconds < 60) return "just now";
   const minutes = Math.round(seconds / 60);
   if (minutes < 60) return `${minutes} min ago`;
@@ -1967,7 +2129,18 @@ function relativeTime(value, now = /* @__PURE__ */ new Date()) {
   if (hours < 48) return `${hours} h ago`;
   const days = Math.round(hours / 24);
   if (days <= 30) return `${days} days ago`;
-  return dayKey(d4).slice(0, 4) === dayKey(now).slice(0, 4) ? formatShortDay(value) : formatted(value, "shortDayYear");
+  return dayKey(d5).slice(0, 4) === dayKey(now).slice(0, 4) ? formatShortDay(value) : formatted(value, "shortDayYear");
+}
+function durationBetween(start, end) {
+  const from = parseDate(start);
+  const to = parseDate(end);
+  if (!from || !to || to < from) return "";
+  const seconds = Math.round((to.getTime() - from.getTime()) / 1e3);
+  return seconds < 60 ? `${seconds} s` : formatDuration(Math.round(seconds / 60));
+}
+function formatClock(seconds) {
+  const whole = Math.max(0, Math.floor(seconds));
+  return `${Math.floor(whole / 60)}:${String(whole % 60).padStart(2, "0")}`;
 }
 function firstLine(text) {
   const line = String(text).split("\n").find((l5) => l5.trim() !== "") ?? "";
@@ -2167,7 +2340,7 @@ function renderMarkdown(value) {
 function anchor(href, label) {
   return el("a", { href: /^https?:\/\//i.test(href) ? href : "#", target: "_blank", rel: "noopener noreferrer" }, label);
 }
-function renderMarkdownBlocks(value) {
+function renderMarkdownBlocks(value, options = {}) {
   const out = [];
   const lines = String(value).replace(/\r\n/g, "\n").split("\n");
   let i4 = 0;
@@ -2178,7 +2351,16 @@ function renderMarkdownBlocks(value) {
       i4++;
       while (i4 < lines.length && !/^\s*```/.test(lines[i4])) code.push(lines[i4++]);
       i4++;
-      out.push(el("pre", null, code.join("\n")));
+      const text = code.join("\n");
+      const { onCopy } = options;
+      out.push(
+        onCopy ? el(
+          "div",
+          { class: "code-block" },
+          el("pre", null, text),
+          el("button", { type: "button", class: "code-block__copy", title: "Copy to the clipboard", onClick: () => onCopy(text) }, "Copy")
+        ) : el("pre", null, text)
+      );
       continue;
     }
     if (line.trim() === "") {
@@ -2188,7 +2370,7 @@ function renderMarkdownBlocks(value) {
     if (/^\s*>/.test(line)) {
       const quoted = [];
       while (i4 < lines.length && /^\s*>/.test(lines[i4])) quoted.push(lines[i4++].replace(/^\s*>\s?/, ""));
-      out.push(el("blockquote", null, renderMarkdownBlocks(quoted.join("\n"))));
+      out.push(el("blockquote", null, renderMarkdownBlocks(quoted.join("\n"), options)));
       continue;
     }
     if (/^\s*(?:-{3,}|\*{3,}|_{3,})\s*$/.test(line)) {
@@ -2297,10 +2479,11 @@ function agentRunBanner(run, state2, handlers2) {
     }
   };
   if (run.status === "running") {
+    const helping = (run.steps ?? []).filter((step) => step.subagent && step.state === "running").length;
     return bannerNode(
       "info",
       "i",
-      `The morning agent is writing a new brief, started ${relativeTime(run.startedAt, now)}.`,
+      `The morning agent is writing a new brief, 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
     );
@@ -2469,7 +2652,8 @@ function ItemRow({ item, state: state2, ui: ui2, handlers: handlers2 }) {
       { class: "item__body" },
       el("p", { class: "item__title" }, title),
       renderMeta(item, state2, now),
-      item.detail ? el("p", { class: "item__detail" }, renderMarkdown(item.detail)) : null
+      item.detail ? el("p", { class: "item__detail" }, renderMarkdown(item.detail)) : null,
+      renderAhead(item.id, state2)
     ),
     renderActions(item, ui2, handlers2),
     ui2.menuFor.value === item.id ? renderSnoozeMenu(item, now, handlers2) : null
@@ -2533,6 +2717,38 @@ function rowPillTexts(row, state2) {
 function rowPills(row, state2) {
   return rowPillTexts(row, state2).map(([cls, text]) => el("span", { class: cls }, text));
 }
+var READING = {
+  "assess-review": "Reading the review\u2026",
+  "explain-ci": "Reading the failing checks\u2026"
+};
+function renderAhead(id, state2) {
+  const auto = state2.assistant?.auto;
+  const keys = auto?.rows?.[id];
+  if (!auto || !keys?.length) return null;
+  const turn = (state2.assistant.items?.[id]?.turns ?? []).findLast((candidate) => candidate.auto !== null && keys.includes(candidate.auto));
+  const mark = el("span", { class: "item__ahead-mark", "aria-hidden": "true" }, "\u2726");
+  if (!turn) {
+    return auto.enabled && auto.usedToday >= auto.limit ? el("p", { class: "item__ahead item__ahead--quiet" }, mark, `Not answered ahead: today's ${auto.limit} are used.`) : null;
+  }
+  if (turn.status === "running") {
+    return el("p", { class: "item__ahead item__ahead--quiet", "data-status": "running" }, mark, READING[turn.action ?? ""] ?? "Reading\u2026");
+  }
+  if (turn.status === "failed") {
+    return el("p", { class: "item__ahead item__ahead--quiet" }, mark, "Could not answer ahead; the panel says why.");
+  }
+  const verdict = turn.status === "done" ? verdictLine(turn.reply) : "";
+  if (!verdict) return null;
+  return el(
+    "p",
+    { class: "item__ahead", title: `Answered ahead ${relativeTime(turn.endedAt ?? turn.startedAt, new Date(state2.now))}. Open the panel for the whole answer.` },
+    mark,
+    renderMarkdown(verdict)
+  );
+}
+function verdictLine(reply) {
+  const line = reply.split("\n").find((candidate) => candidate.trim() !== "") ?? "";
+  return line.replace(/^\s*(?:#{1,6}\s+|>\s*|[-*•]\s+|\d+[.)]\s+)/, "").trim();
+}
 function renderActions(item, ui2, handlers2) {
   const buttons = [];
   const act = (id, action) => () => handlers2.onAction(id, action);
@@ -2826,7 +3042,8 @@ function PullRow({ item: row, state: state2, ui: ui2, handlers: handlers2 }) {
       ),
       renderPullMeta(row, state2, now),
       renderPullReasons(row, now),
-      renderCancelledChecks(row)
+      renderCancelledChecks(row),
+      renderAhead(row.id, state2)
     ),
     renderPullActions(row, ui2, handlers2),
     ui2.menuFor.value === row.id ? renderSnoozeMenu(row, now, handlers2, { indefinite: false }) : null
@@ -3719,6 +3936,7 @@ function describeWhen(value, now) {
   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);
   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;
@@ -3777,6 +3995,92 @@ function runReport(run, ui2, handlers2) {
     ) : null
   );
 }
+function runWork(run, 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)
+    );
+  }
+  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;
+  return el(
+    "section",
+    { class: "flyout__section" },
+    el("h3", { class: "flyout__label" }, run.status === "done" ? "Its report" : "What it said last"),
+    run.report ? el("div", { class: "assistant__reply" }, renderMarkdownBlocks(run.report)) : el("p", { class: "flyout__empty" }, "It said nothing."),
+    steps2.length ? el(
+      "details",
+      { class: "agent-run__list" },
+      el(
+        "summary",
+        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)
+    ) : null
+  );
+}
+var NESTING = 4;
+function runSteps(run, steps2, by, ui2, handlers2, depth = 0) {
+  const own = steps2.filter((step) => step.by === by);
+  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
+      );
+    })
+  );
+}
+function runHandoff(run, steps2, step, ui2, handlers2, depth, index) {
+  const id = step.subagent;
+  const own = steps2.filter((candidate) => candidate.by === id);
+  const latest = own.at(-1);
+  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;
+  return el(
+    "li",
+    { key: index, class: "assistant__step agent-run__handoff", "data-state": step.state },
+    el(
+      "details",
+      {
+        open,
+        // 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);
+        }
+      },
+      el(
+        "summary",
+        null,
+        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)
+    )
+  );
+}
+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(
@@ -3797,11 +4101,7 @@ function runStatus(run, now, handlers2) {
   );
 }
 function runDuration(run) {
-  const from = parseDate(run.startedAt);
-  const to = parseDate(run.endedAt);
-  if (!from || !to || to < from) return "";
-  const seconds = Math.round((to.getTime() - from.getTime()) / 1e3);
-  return seconds < 60 ? `${seconds} s` : formatDuration(Math.round(seconds / 60));
+  return durationBetween(run.startedAt, run.endedAt);
 }
 function runConversation(run, busy, answering, enabled, ui2, handlers2, inputRef) {
   const turns = run.turns.length ? el(
@@ -3957,8 +4257,9 @@ function RowPanel({ row, state: state2, ui: ui2, handlers: handlers2 }) {
         ) : el("p", { class: "flyout__empty" }, "Nothing noted yet. A note goes to the morning agent as free text."),
         k(NoteForm, { row, title: facts.title, ui: ui2, handlers: handlers2, inputRef: noteInput })
       ),
-      enabled ? renderAssistantSection(row, facts, state2, entry, ui2, handlers2, askInput) : entry.turns.length ? renderAssistantHistory(state2, entry) : null
-    )
+      entry.turns.length ? renderAssistantSection(state2, entry, enabled, handlers2) : null
+    ),
+    enabled ? renderAssistantFooter(facts, state2, entry, ui2, handlers2, askInput, row) : null
   ];
 }
 function describeRow(row) {
@@ -4059,21 +4360,27 @@ function NoteForm({
     el("button", { type: "submit", class: "button button--primary flyout__submit" }, "Save")
   );
 }
-function renderAssistantSection(row, facts, state2, entry, ui2, handlers2, inputRef) {
-  const source = "source" in row ? row.source : "github";
-  const actions = (state2.assistant?.quickActions ?? []).filter(
-    (action) => action.sources === null || action.sources.includes(source)
-  );
+function renderAssistantSection(state2, entry, enabled, handlers2) {
   const label = new Map((state2.assistant?.quickActions ?? []).map((action) => [action.id, action]));
   return el(
     "section",
     { class: "flyout__section assistant", "data-running": String(entry.running) },
     el("h3", { class: "flyout__label" }, "Assistant"),
-    entry.turns.length ? el(
+    el(
       "div",
       { class: "assistant__turns" },
-      entry.turns.map((turn) => renderAssistantTurn(turn, label))
-    ) : null,
+      entry.turns.map((turn) => renderAssistantTurn(turn, label, handlers2))
+    ),
+    enabled ? null : el("p", { class: "flyout__empty" }, "The assistant is switched off (DAILY_FOCUS_ASSISTANT), so nothing more can be asked here.")
+  );
+}
+function renderAssistantFooter(facts, state2, entry, ui2, handlers2, inputRef, row) {
+  const actions = (state2.assistant?.quickActions ?? []).filter(
+    (action) => action.sources === null || action.sources.includes(facts.source)
+  );
+  return el(
+    "div",
+    { class: "flyout__footer" },
     entry.running ? null : el(
       "div",
       { class: "assistant__quick" },
@@ -4093,20 +4400,6 @@ function renderAssistantSection(row, facts, state2, entry, ui2, handlers2, input
     k(AssistantComposer, { row, title: facts.title, entry, ui: ui2, handlers: handlers2, inputRef })
   );
 }
-function renderAssistantHistory(state2, entry) {
-  const label = new Map((state2.assistant?.quickActions ?? []).map((action) => [action.id, action]));
-  return el(
-    "section",
-    { class: "flyout__section assistant", "data-running": "false" },
-    el("h3", { class: "flyout__label" }, "Assistant"),
-    el(
-      "div",
-      { class: "assistant__turns" },
-      entry.turns.map((turn) => renderAssistantTurn(turn, label))
-    ),
-    el("p", { class: "flyout__empty" }, "The assistant is switched off (DAILY_FOCUS_ASSISTANT), so nothing more can be asked here.")
-  );
-}
 function AssistantComposer({
   row,
   title,
@@ -4135,7 +4428,7 @@ function AssistantComposer({
       rows: 2,
       ref: inputRef,
       value: ui2.assistantDraft.value,
-      placeholder: entry.turns.length ? "Follow up\u2026" : "What do you need help with?",
+      placeholder: entry.turns.length ? "Follow up\u2026" : "Ask the assistant about this\u2026",
       "aria-label": `Ask the assistant about ${title}`,
       disabled: entry.running,
       onInput: (event) => {
@@ -4151,17 +4444,506 @@ function AssistantComposer({
     entry.running ? el("button", { type: "button", class: "button flyout__submit", onClick: () => handlers2.stopAssistant(row.id) }, "Stop") : el("button", { type: "submit", class: "button button--primary flyout__submit" }, "Send")
   );
 }
-function renderAssistantTurn(turn, label) {
+function renderAssistantTurn(turn, label, handlers2) {
   const action = turn.action ? label.get(turn.action) : null;
   const extra = action && turn.request.startsWith(action.request) ? turn.request.slice(action.request.length).trim() : null;
   const asked = action ? [el("strong", null, action.label), extra ? ` \u2014 ${extra}` : ""] : [turn.request];
-  const status = turn.status === "running" ? el("p", { class: "assistant__status" }, "Working\u2026") : turn.status === "failed" ? el("p", { class: "assistant__status assistant__status--bad" }, `Failed: ${turn.error}`) : turn.status === "aborted" ? el("p", { class: "assistant__status" }, `Stopped: ${turn.error}`) : null;
+  if (turn.auto) asked.push(el("span", { class: "assistant__auto", title: "The dashboard asked this on its own, when the pull request started waiting on you." }, " \xB7 asked ahead"));
+  const { body, created } = turn.status === "done" ? splitCreated(turn.reply) : { body: turn.reply, created: [] };
+  const status = turn.status === "failed" ? el("p", { class: "assistant__status assistant__status--bad" }, `Failed: ${turn.error}`) : turn.status === "aborted" ? el("p", { class: "assistant__status" }, `Stopped: ${turn.error}`) : null;
   return el(
     "div",
-    { class: "assistant__turn", "data-status": turn.status },
+    { key: turn.id, class: "assistant__turn", "data-status": turn.status },
     el("p", { class: "assistant__request" }, asked),
-    turn.reply ? el("div", { class: "assistant__reply" }, renderMarkdownBlocks(turn.reply)) : null,
-    status
+    renderWork(turn),
+    body ? el("div", { class: "assistant__reply" }, renderMarkdownBlocks(body, { onCopy: (text) => handlers2.copy(text) })) : null,
+    status,
+    turn.status === "done" && (body || created.length) ? el(
+      "div",
+      { class: "assistant__after" },
+      created.map(
+        (link) => el("a", { class: "button", href: link.url, target: "_blank", rel: "noopener noreferrer", title: link.url }, `${link.label} \u2197`)
+      ),
+      body ? el("button", { type: "button", class: "button", onClick: () => handlers2.copy(body) }, "Copy reply") : null
+    ) : null
+  );
+}
+function renderWork(turn) {
+  const steps2 = turn.steps ?? [];
+  if (turn.status === "running") {
+    return el(
+      "div",
+      { class: "assistant__work" },
+      el("p", { class: "assistant__status assistant__status--working" }, "Working \xB7 ", k(Elapsed, { since: turn.startedAt })),
+      steps2.length ? renderSteps(steps2) : null
+    );
+  }
+  const took = durationBetween(turn.startedAt, turn.endedAt);
+  if (!steps2.length) return took ? el("p", { class: "assistant__took" }, `Answered in ${took}`) : null;
+  const failed = steps2.filter((step) => step.state === "failed").length;
+  const summary = [
+    took ? `${turn.status === "done" ? "Worked" : "Ran"} for ${took}` : null,
+    `${steps2.length} ${steps2.length === 1 ? "step" : "steps"}`,
+    failed ? `${failed} failed` : null
+  ].filter(Boolean).join(" \xB7 ");
+  return el("details", { class: "assistant__work", open: turn.status === "failed" }, el("summary", null, summary), renderSteps(steps2));
+}
+function renderSteps(steps2) {
+  return el(
+    "ol",
+    { class: "assistant__steps" },
+    steps2.map(
+      (step, index) => step.kind === "message" ? el("li", { key: index, class: "assistant__step assistant__step--message" }, renderMarkdown(step.text.trim())) : 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 Elapsed({ since }) {
+  const [now, setNow] = d2(() => Date.now());
+  h2(() => {
+    const timer = setInterval(() => setNow(Date.now()), 1e3);
+    return () => clearInterval(timer);
+  }, []);
+  const start = parseDate(since)?.getTime() ?? now;
+  return el("span", { class: "assistant__clock" }, formatClock((now - start) / 1e3));
+}
+var CREATED = /^\s*(?:[-*]\s+)?Created:\s*\[([^\]]+)\]\((https?:\/\/[^\s)]+)\)\s*\.?\s*$/i;
+function splitCreated(reply) {
+  const created = [];
+  const kept = [];
+  for (const line of reply.split("\n")) {
+    const match = CREATED.exec(line);
+    if (match) created.push({ label: match[1].trim(), url: match[2] });
+    else kept.push(line);
+  }
+  return { body: created.length ? kept.join("\n").trim() : reply, created };
+}
+
+// client/onboarding.ts
+var SECONDS_PER_STEP = 20;
+function OnboardingView({ state: state2, ui: ui2, handlers: handlers2 }) {
+  const flow = state2.onboarding;
+  const open = flow.steps.filter((step) => step.status === "open");
+  const editing = ui2.setupEditing.value;
+  h2(() => {
+    if (!flow.detected) handlers2.detectSetup();
+  }, [flow.detected]);
+  return el(
+    "div",
+    { class: "onboarding" },
+    el(
+      "header",
+      { class: "onboarding__bar" },
+      el("span", { class: "onboarding__name" }, "Daily Focus"),
+      progress(flow)
+    ),
+    el(
+      "main",
+      { class: "onboarding__column", id: "main" },
+      flow.steps.length > 0 && flow.steps.every((step) => step.status === "open") && flow.steps[0].id === flow.current ? el(
+        "p",
+        { class: "onboarding__lede" },
+        "Each morning an agent reads your mail, calendar, pull requests and the rest, and writes a short brief of what needs doing today. A few questions get it ready; most are answered already, so confirm or change them."
+      ) : null,
+      el(
+        "ol",
+        { class: "onboarding__thread" },
+        flow.steps.map((step) => {
+          if (step.id === flow.current || step.id === editing) {
+            return el("li", { key: step.id }, k(StepCard, { step, ui: ui2, handlers: handlers2, current: step.id === flow.current }));
+          }
+          if (step.status === "open") return null;
+          return el("li", { key: step.id }, doneRow(step, handlers2, ui2.setupBusy.value !== null));
+        }),
+        flow.current === null ? el("li", { key: "finish" }, k(FinishCard, { flow, ui: ui2, handlers: handlers2 })) : ahead(flow, open)
+      )
+    )
+  );
+}
+function progress(flow) {
+  const total = flow.steps.length + 1;
+  const left = flow.steps.filter((step) => step.status === "open").length;
+  const seconds = left * SECONDS_PER_STEP;
+  const text = flow.current === null ? "Ready when you are" : seconds < 60 ? "Under a minute left" : seconds < 120 ? "About a minute left" : `About ${Math.round(seconds / 60)} minutes left`;
+  const done = total - left - (flow.current === null ? 0 : 1);
+  return el(
+    "div",
+    { class: "onboarding__progress" },
+    el(
+      "div",
+      { class: "onboarding__track", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": total, "aria-valuenow": done, "aria-label": "Setup" },
+      el("i", { style: { width: `${Math.round(done / total * 100)}%` } })
+    ),
+    el("span", null, text)
+  );
+}
+function doneRow(step, handlers2, busy) {
+  return el(
+    "div",
+    { class: "onboarding__done", "data-status": step.status, "data-step": step.id },
+    el("span", { class: "onboarding__dot", "aria-hidden": "true" }),
+    el("span", { class: "onboarding__summary" }, step.summary ?? `${step.topic[0].toUpperCase()}${step.topic.slice(1)}: decide later.`),
+    el("button", { type: "button", class: "onboarding__change", disabled: busy, onClick: () => handlers2.editSetupStep(step.id) }, "Change")
+  );
+}
+function ahead(flow, open) {
+  const rest = open.filter((step) => step.id !== flow.current);
+  const looking = rest.find((step) => step.proposal?.status === "working");
+  const topics = rest.filter((step) => step !== looking).map((step) => step.topic);
+  const later = topics.length > 4 ? [...topics.slice(0, 3), `${topics.length - 3} more`] : topics;
+  return el(
+    "li",
+    { key: "ahead", class: "onboarding__ahead" },
+    looking ? el(
+      "div",
+      { class: "onboarding__next" },
+      el("span", { class: "onboarding__dot onboarding__dot--looking", "aria-hidden": "true" }),
+      el("p", null, `Next, ${looking.topic}. It's already looking:`),
+      steps(looking)
+    ) : null,
+    el(
+      "p",
+      { class: "onboarding__then" },
+      el("span", { class: "onboarding__dot onboarding__dot--later", "aria-hidden": "true" }),
+      later.length ? `Then ${listed([...later, "your first brief"])}.` : "Then your first brief."
+    )
+  );
+}
+function steps(step, count = 3) {
+  const shown = (step.proposal?.steps ?? []).filter((s4) => s4.kind === "tool").slice(-count);
+  const waiting = step.proposal?.status === "working" && !shown.some((s4) => s4.state === "running");
+  return el(
+    "ul",
+    { class: "onboarding__steps" },
+    shown.map((s4, index) => el("li", { key: index, "data-state": s4.state, title: s4.detail ?? void 0 }, s4.text)),
+    waiting ? el("li", { key: "waiting", "data-state": "running" }, shown.length ? "Writing its answer\u2026" : "Starting\u2026") : null
+  );
+}
+function listed(names) {
+  if (names.length <= 1) return names.join("");
+  return `${names.slice(0, -1).join(", ")} and ${names.at(-1)}`;
+}
+function baseAnswer(step) {
+  if (step.answer && step.answer.later !== true) return step.answer;
+  return {
+    choices: Object.fromEntries(step.card.choices.map((choice) => [choice.id, choice.selected])),
+    fields: Object.fromEntries(step.card.fields.map((field) => [field.id, field.value]))
+  };
+}
+function StepCard({ step, ui: ui2, handlers: handlers2, current }) {
+  const saved = ui2.setupDrafts.value.get(step.id);
+  const draft = saved?.answer ?? baseAnswer(step);
+  const stale = saved !== void 0 && saved.version !== step.card.version;
+  const busy = ui2.setupBusy.value !== null;
+  const error = ui2.setupError.value?.step === step.id ? ui2.setupError.value.message : null;
+  const editing = ui2.setupEditing.value === step.id;
+  const proposal = step.proposal;
+  const looking = proposal?.status === "working";
+  const edit = (next) => handlers2.editSetupDraft(step.id, next, saved?.version ?? step.card.version);
+  const tell = ui2.setupTell.value.get(step.id) ?? "";
+  const empty = step.card.choices.every((choice) => choice.options.length === 0) && step.card.fields.length === 0;
+  const conversation = proposal?.conversation ?? [];
+  const revising = conversation.at(-1)?.from === "you";
+  const confirming = looking && ui2.setupConfirm.value === step.id;
+  const held = busy ? "Saving your last answer\u2026" : empty && looking ? "Still looking; this fills in when it is done" : empty && step.card.problem?.blocking ? "Fix what it says above, or decide later" : null;
+  return el(
+    "section",
+    { class: "onboarding__card", "data-current": String(current), "data-step": step.id, "aria-labelledby": `setup-${step.id}` },
+    el("span", { class: "onboarding__dot onboarding__dot--open", "aria-hidden": "true" }),
+    el("h2", { id: `setup-${step.id}`, tabIndex: -1 }, step.title),
+    conversation.length ? el(
+      "ol",
+      { class: "onboarding__talk" },
+      conversation.map(
+        (line, index) => line.from === "it" ? el("li", { key: index, class: "onboarding__why" }, sparkle(), el("span", null, line.text)) : el("li", { key: index, class: "onboarding__said" }, line.text)
+      )
+    ) : step.card.why && !(looking && empty) ? el("p", { class: "onboarding__why" }, sparkle(), el("span", null, step.card.why)) : null,
+    looking ? el(
+      "div",
+      { class: "onboarding__looking", role: "status" },
+      revising ? null : el("p", null, empty ? `Looking into ${step.topic}\u2026` : "Still looking. You can answer now, or wait for its pick."),
+      steps(step)
+    ) : null,
+    // Under what it said, so a reply reads as one, and what comes back lands here too.
+    step.card.revisable && !looking ? el(
+      "form",
+      {
+        class: "onboarding__tell",
+        onSubmit: (event) => {
+          event.preventDefault();
+          if (tell.trim() && !busy) handlers2.reviseSetup(step.id, tell, draft);
+        }
+      },
+      el("input", {
+        type: "text",
+        value: tell,
+        "aria-label": step.card.reply ?? "Tell it what to change",
+        placeholder: step.card.reply ?? "Tell it what to change",
+        onInput: (event) => handlers2.editSetupTell(step.id, event.currentTarget.value)
+      }),
+      el("button", { type: "submit", class: "button", disabled: busy || tell.trim() === "" }, "Send")
+    ) : null,
+    proposal?.status === "failed" ? el(
+      "p",
+      { class: "onboarding__note" },
+      `It couldn't look into this: ${proposal.error}. `,
+      el("button", { type: "button", class: "link-button", disabled: busy, onClick: () => handlers2.retrySetup(step.id) }, "Try again")
+    ) : null,
+    stale ? el(
+      "p",
+      { class: "onboarding__note" },
+      "It has a new suggestion since you started changing this. ",
+      el("button", { type: "button", class: "link-button", onClick: () => handlers2.editSetupDraft(step.id, null, 0) }, "Use it")
+    ) : null,
+    step.card.problem?.blocking ? problem(step, busy, handlers2) : null,
+    el(
+      "form",
+      {
+        class: "onboarding__form",
+        onSubmit: (event) => {
+          event.preventDefault();
+          if (busy) return;
+          if (looking && !confirming) return handlers2.confirmSetup(step.id);
+          handlers2.answerSetup(step.id, draft);
+        }
+      },
+      // Fields first: a card with both asks for the few words before the list.
+      step.card.fields.length ? el(
+        "div",
+        { class: "onboarding__fields" },
+        step.card.fields.map(
+          (field) => fieldView(field, draft.fields[field.id] ?? "", (value) => edit({ ...draft, fields: { ...draft.fields, [field.id]: value } }))
+        )
+      ) : null,
+      step.card.choices.map(
+        (choice) => k(ChoiceView, {
+          choice,
+          picked: draft.choices[choice.id] ?? [],
+          onPick: (values) => edit({ ...draft, choices: { ...draft.choices, [choice.id]: values } })
+        })
+      ),
+      step.card.problem && !step.card.problem.blocking ? problem(step, busy, handlers2) : null,
+      error ? el("p", { class: "onboarding__error", role: "alert" }, error) : null,
+      confirming ? el(
+        "div",
+        { class: "onboarding__actions onboarding__confirm", role: "alert" },
+        el("p", null, revising ? "It\u2019s still working on your change." : "It\u2019s still filling this in.", " Continue with what\u2019s here, and stop it?"),
+        el("button", { type: "submit", class: "button button--primary", disabled: busy }, "Continue without it"),
+        el("button", { type: "button", class: "button onboarding__quiet", onClick: () => handlers2.confirmSetup(null) }, "Wait for it")
+      ) : el(
+        "div",
+        { class: "onboarding__actions" },
+        el(
+          "button",
+          { type: "submit", class: "button button--primary", disabled: held !== null, title: held ?? void 0 },
+          ui2.setupBusy.value === step.id ? "Saving\u2026" : step.card.empty && step.card.fields.every((field) => !(draft.fields[field.id] ?? "").trim()) ? step.card.empty : "Continue"
+        ),
+        step.card.later ? el(
+          "button",
+          { type: "button", class: "button onboarding__quiet", disabled: busy, onClick: () => handlers2.answerSetup(step.id, { later: true }) },
+          step.card.later
+        ) : null,
+        editing ? el("button", { type: "button", class: "button onboarding__quiet", onClick: () => handlers2.editSetupStep(null) }, "Cancel") : null
+      )
+    )
+  );
+}
+function problem(step, busy, handlers2) {
+  const found = step.card.problem;
+  return el(
+    "div",
+    { class: "onboarding__problem", "data-blocking": String(found.blocking) },
+    el("p", null, found.message),
+    found.links?.length ? el(
+      "p",
+      { class: "onboarding__links" },
+      found.links.map((link) => el("a", { key: link.url, href: link.url, target: "_blank", rel: "noopener" }, link.label))
+    ) : null,
+    found.command ? el("pre", null, el("code", null, found.command)) : null,
+    el("button", { type: "button", class: "button", disabled: busy, onClick: () => handlers2.retrySetup(step.id) }, "Check again")
+  );
+}
+function sparkle() {
+  return el(
+    "svg",
+    { class: "onboarding__sparkle", width: 14, height: 14, viewBox: "0 0 14 14", "aria-hidden": "true" },
+    el("path", { d: "M7 0l1.6 5.4L14 7l-5.4 1.6L7 14l-1.6-5.4L0 7l5.4-1.6z", fill: "currentColor" })
+  );
+}
+function ChoiceView({ choice, picked, onPick }) {
+  const [adding, setAdding] = d2(false);
+  const [typed, setTyped] = d2("");
+  const known = new Set(choice.options.map((option) => option.value));
+  const own = picked.filter((value) => !known.has(value));
+  const toggle = (value) => {
+    if (!choice.multiple) return onPick([value]);
+    onPick(picked.includes(value) ? picked.filter((v4) => v4 !== value) : [...picked, value]);
+  };
+  const add = () => {
+    const value = typed.trim();
+    if (value) onPick(choice.multiple ? [...picked.filter((v4) => v4 !== value), value] : [value]);
+    setTyped("");
+    setAdding(false);
+  };
+  const adder = choice.custom ? adding ? el(
+    "div",
+    { class: "onboarding__add" },
+    el("input", {
+      type: "text",
+      value: typed,
+      placeholder: choice.custom,
+      "aria-label": choice.custom,
+      ref: (input) => input?.focus(),
+      onInput: (event) => setTyped(event.currentTarget.value),
+      onKeyDown: (event) => {
+        if (event.key === "Enter") {
+          event.preventDefault();
+          add();
+        }
+        if (event.key === "Escape") setAdding(false);
+      }
+    }),
+    el("button", { type: "button", class: "button", onClick: add }, "Add")
+  ) : el("button", { type: "button", class: "onboarding__add-button", onClick: () => setAdding(true) }, choice.multiple ? choice.custom : "Other\u2026") : null;
+  const label = choice.label ? el("legend", { class: "onboarding__legend" }, choice.label) : null;
+  const rows = choice.multiple || choice.options.some((option) => option.detail);
+  if (!rows) {
+    return el(
+      "fieldset",
+      { class: "onboarding__choice" },
+      label,
+      el(
+        "div",
+        { class: "onboarding__pills", role: "radiogroup" },
+        [...choice.options, ...own.map((value) => ({ value, label: value, detail: null, group: null }))].map(
+          (option) => el(
+            "button",
+            {
+              type: "button",
+              key: option.value,
+              role: "radio",
+              class: "onboarding__pill",
+              "aria-checked": String(picked.includes(option.value)),
+              onClick: () => toggle(option.value)
+            },
+            option.label
+          )
+        ),
+        adder
+      )
+    );
+  }
+  const groups = /* @__PURE__ */ new Map();
+  for (const option of choice.options) groups.set(option.group, [...groups.get(option.group) ?? [], option]);
+  if (own.length) groups.set("Added by you", own.map((value) => ({ value, label: value, detail: null, group: "Added by you" })));
+  return el(
+    "fieldset",
+    { class: "onboarding__choice" },
+    label,
+    el(
+      "div",
+      { class: "onboarding__list" },
+      [...groups].map(
+        ([group, options]) => el(
+          "div",
+          { class: "onboarding__group", key: group ?? "" },
+          group ? el("p", { class: "onboarding__group-name" }, group) : null,
+          options.map(
+            (option) => el(
+              "label",
+              { class: "onboarding__option", key: option.value },
+              el("input", {
+                type: choice.multiple ? "checkbox" : "radio",
+                name: choice.id,
+                checked: picked.includes(option.value),
+                onChange: () => toggle(option.value)
+              }),
+              el("span", { class: "onboarding__box", "data-kind": choice.multiple ? "check" : "radio", "aria-hidden": "true" }),
+              el("span", { class: "onboarding__option-text" }, option.label, option.detail ? el("small", null, option.detail) : null)
+            )
+          )
+        )
+      ),
+      choice.options.length === 0 && own.length === 0 && !choice.custom ? el("p", { class: "onboarding__none" }, "Nothing to choose from.") : null,
+      adder ? el("div", { class: "onboarding__adder" }, adder) : null
+    )
+  );
+}
+function fieldView(field, value, onInput) {
+  return el(
+    "div",
+    { class: "onboarding__field", key: field.id },
+    el(
+      "label",
+      null,
+      el("span", { class: "onboarding__field-label" }, field.label),
+      el("input", {
+        type: "text",
+        value,
+        placeholder: field.placeholder ?? void 0,
+        onInput: (event) => onInput(event.currentTarget.value)
+      })
+    ),
+    field.help ? el("small", null, field.help) : null,
+    // Offered, never filled in: a click puts one in the field, to edit or keep.
+    field.suggestions?.length ? el(
+      "ul",
+      { class: "onboarding__suggestions" },
+      field.suggestions.map(
+        (suggestion) => el(
+          "li",
+          { key: suggestion.text },
+          el(
+            "button",
+            { type: "button", "aria-pressed": String(value === suggestion.text), onClick: () => onInput(suggestion.text) },
+            el("span", null, suggestion.text),
+            suggestion.detail ? el("small", null, suggestion.detail) : null
+          )
+        )
+      )
+    ) : null
+  );
+}
+function FinishCard({ flow, ui: ui2, handlers: handlers2 }) {
+  const writes = flow.steps.find((step) => step.id === "cli")?.status === "answered";
+  const busy = ui2.setupBusy.value !== null;
+  const error = (ui2.setupError.value?.step === "finish" ? ui2.setupError.value.message : null) ?? flow.error;
+  const sources = ui2.setupSources.value;
+  return el(
+    "section",
+    { class: "onboarding__card onboarding__finish", "data-current": "true", "aria-labelledby": "setup-finish" },
+    el("span", { class: "onboarding__dot onboarding__dot--open", "aria-hidden": "true" }),
+    el("h2", { id: "setup-finish", tabIndex: -1 }, writes ? "Ready for your first brief" : "Ready to finish"),
+    el(
+      "p",
+      { class: "onboarding__why" },
+      writes ? "It takes a few minutes, and you can watch it work. After that it runs by itself, and everything here can be changed in Settings." : "Without an agent there is no brief to write yet. Choose one in Settings when you are ready; the boards work meanwhile."
+    ),
+    el(
+      "details",
+      {
+        class: "onboarding__preview",
+        onToggle: (event) => {
+          if (event.currentTarget.open && sources === null) handlers2.loadSetupSources();
+        }
+      },
+      el("summary", null, "What the morning agent reads each morning"),
+      sources === null || sources === "loading" ? el("p", null, "Loading\u2026") : "error" in sources ? el("p", null, `Could not show it: ${sources.error}`) : sources.kept ? el("p", null, "Your source list is already written, and setup leaves it as it is.") : sources.text ? el("pre", null, sources.text) : el("p", null, "Nothing yet: the agent briefs from what it can reach, and says what it missed.")
+    ),
+    error ? el("p", { class: "onboarding__error", role: "alert" }, error) : null,
+    el(
+      "div",
+      { class: "onboarding__actions" },
+      el(
+        "button",
+        { type: "button", class: "button button--primary", disabled: busy, onClick: () => handlers2.finishSetup() },
+        ui2.setupBusy.value === "finish" ? "Saving\u2026" : writes ? "Write my first brief" : "Finish setup"
+      )
+    )
   );
 }
 
@@ -4239,7 +5021,7 @@ function objectiveCard(state2, ui2, handlers2) {
     )
   );
 }
-function objectiveForm(objective, blocker, handlers2, label = "Save objective") {
+function objectiveForm(objective, blocker, handlers2) {
   return el(
     "form",
     {
@@ -4270,7 +5052,7 @@ ${blocker}`,
       el("span", { class: "field__label" }, "Blocked on (optional)"),
       el("input", { class: "field__input", name: "blocker", defaultValue: blocker, placeholder: "What is in the way today, if anything", autocomplete: "off" })
     ),
-    el("div", { class: "objective-form__actions" }, el("button", { type: "submit", class: "button button--primary" }, label))
+    el("div", { class: "objective-form__actions" }, el("button", { type: "submit", class: "button button--primary" }, "Save objective"))
   );
 }
 function sourcesCard(state2, ui2, handlers2) {
@@ -4346,7 +5128,7 @@ function flagValue(raw) {
 }
 function settingField(setting, draft, handlers2) {
   const id = `setting-${setting.key}`;
-  const locked = setting.source === "environment";
+  const locked = setting.source === "fixed";
   const value = shownValue(setting, draft);
   const onChange = (event) => {
     const next = event.currentTarget.value;
@@ -4354,13 +5136,13 @@ function settingField(setting, draft, handlers2) {
   };
   let input;
   if (setting.kind === "choice" || setting.kind === "flag") {
-    const choices2 = setting.kind === "flag" ? [{ value: "on", label: "On" }, { value: "off", label: "Off" }] : setting.choices ?? [];
+    const choices = setting.kind === "flag" ? [{ value: "on", label: "On" }, { value: "off", label: "Off" }] : setting.choices ?? [];
     const current = setting.kind === "flag" ? flagValue(value) : value;
     input = el(
       "select",
       { class: "field__input", id, disabled: locked, value: current, onChange },
       el("option", { value: "" }, `Default: ${setting.fallback}`),
-      choices2.map((choice) => el("option", { value: choice.value, key: choice.value }, choice.label))
+      choices.map((choice) => el("option", { value: choice.value, key: choice.value }, choice.label))
     );
   } else {
     input = el("input", {
@@ -4376,7 +5158,7 @@ function settingField(setting, draft, handlers2) {
       onInput: onChange
     });
   }
-  const note = setting.source === "environment" ? "Set in the environment this dashboard was started with, which wins over this page." : setting.source === "dotenv" && !draft.has(setting.key) ? "From the .env file. Saving a value here takes its place." : null;
+  const note = locked ? "Fixed in the demo, so that nothing in it runs." : null;
   return el(
     "div",
     { class: "field", key: setting.key, "data-changed": String(draft.has(setting.key)) },
@@ -4399,9 +5181,9 @@ function calendarPicker(state2, ui2, handlers2, settings) {
     );
   }
   const setting = settings.find((entry) => entry.key === "DAILY_FOCUS_CALENDARS");
-  if (!setting || setting.source === "environment") return null;
+  if (!setting || setting.source === "fixed") return null;
   const chosen = shownValue(setting, ui2.settingsDraft.value).split(",").map((name) => name.trim()).filter(Boolean);
-  const listed = ui2.calendars.value;
+  const listed2 = ui2.calendars.value;
   const toggle = (title, on) => {
     const others = chosen.filter((name) => name.toLowerCase() !== title.toLowerCase());
     const next = on ? [...others, title] : others;
@@ -4411,11 +5193,11 @@ function calendarPicker(state2, ui2, handlers2, settings) {
     "div",
     { class: "calendar-picker" },
     el("button", { type: "button", class: "button", onClick: () => handlers2.listCalendars() }, "List the calendars on this Mac"),
-    typeof listed === "string" ? el("p", { class: "settings-card__warning" }, listed) : null,
-    Array.isArray(listed) ? el(
+    typeof listed2 === "string" ? el("p", { class: "settings-card__warning" }, listed2) : null,
+    Array.isArray(listed2) ? el(
       "ul",
       { class: "calendar-picker__list" },
-      listed.map(
+      listed2.map(
         (entry) => el(
           "li",
           { key: `${entry.title}
@@ -4458,248 +5240,57 @@ function saveBar(ui2, handlers2) {
 }
 
 // client/setup.ts
-var CLI_LABEL = { claude: "Claude Code", codex: "Codex" };
-function SetupCard({ state: state2, ui: ui2, handlers: handlers2 }) {
-  const setup = state2.setup;
+function FirstBriefCard({ state: state2, handlers: handlers2 }) {
   const agent = state2.agentRun;
-  const running = agent.last?.status === "running";
-  const placeholders = setup.sources.exists && setup.sources.placeholders > 0;
-  return el(
-    "section",
-    { class: "setup", id: "setup", "aria-labelledby": "setup-title" },
-    el("h2", { class: "setup__title", id: "setup-title" }, "Set up your morning brief"),
-    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 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"),
-      "."
-    ),
-    el(
-      "ol",
-      { class: "setup__steps" },
-      step(
-        setup.profileChosen,
-        "What should it brief?",
-        setup.profileChosen ? el("p", null, setup.profile === "personal" ? "Your personal life." : "Your work.") : [
-          el(
-            "p",
-            null,
-            "Work, or home: mail, family calendars, reminders and messages. Run a second dashboard for the other one."
-          ),
-          // A choice, so neither answer is drawn as the one to pick.
-          choices([
-            ["Work", () => handlers2.chooseSettings({ DAILY_FOCUS_PROFILE: "work" })],
-            ["Personal life", () => handlers2.chooseSettings({ DAILY_FOCUS_PROFILE: "personal" })]
-          ])
-        ]
-      ),
-      step(
-        Boolean(state2.focus?.objective),
-        "What are you trying to achieve?",
-        state2.focus?.objective ? el("p", null, state2.focus.objective) : [
-          el("p", null, "The agent ranks the day against it. Leave it for now if nothing stands out."),
-          objectiveForm("", "", handlers2, "Set objective")
-        ]
-      ),
-      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."
-          ),
-          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)),
-      step(
-        null,
-        "Your first brief",
-        [
-          el(
-            "p",
-            null,
-            running ? "The morning agent is writing it now. Click the banner above to watch." : 'The morning agent writes it now, which takes a few minutes, and from then on by itself every scheduled morning. When it is done, click "updated \u2026 ago" at the top to read its report: what it found, and anything it could not reach.' + (setup.sources.exists ? "" : " Without a source list it briefs from what it can reach on its own, and says what it missed.")
-          ),
-          placeholders ? el("p", { class: "setup__note setup__note--todo" }, "Replace the source list's placeholders first, or the agent goes looking for them.") : null,
-          el(
-            "button",
-            {
-              type: "button",
-              class: "button button--primary",
-              disabled: !agent.enabled || running || state2.restart === "waiting" || placeholders,
-              title: !agent.enabled ? "Choose the agent first" : placeholders ? "Replace the source list's placeholders first" : void 0,
-              onClick: () => handlers2.runAgent()
-            },
-            running ? "Running\u2026" : "Run the morning agent now"
-          )
-        ]
-      )
-    )
-  );
-}
-function step(done, title, body) {
-  return el(
-    "li",
-    { class: "setup__step", "data-done": done === null ? void 0 : String(done) },
-    el(
-      "span",
-      { class: "setup__mark", "aria-label": done === null ? void 0 : done ? "Done" : "To do" },
-      done === null ? "\xB7" : done ? "\u2713" : "\u25CB"
-    ),
-    el("div", { class: "setup__body" }, el("h3", { class: "setup__step-title" }, title), body)
-  );
-}
-function choices(options) {
-  return el(
-    "div",
-    { class: "setup__choices" },
-    options.map(([label, onClick, title]) => el("button", { type: "button", class: "button", key: label, title, onClick }, label))
-  );
-}
-function agentChoice(state2, handlers2) {
-  const found = ["claude", "codex"].filter((cli) => state2.setup.clis[cli]);
-  if (found.length === 0) {
-    return [
-      el(
-        "p",
-        null,
-        "The brief is written by a coding-agent CLI you already use. Install ",
-        el("a", { href: "https://code.claude.com/docs", target: "_blank", rel: "noopener" }, "Claude Code"),
-        " or the ",
-        el("a", { href: "https://developers.openai.com/codex/cli", target: "_blank", rel: "noopener" }, "Codex CLI"),
-        ", log in, and restart the dashboard; it looks for both each time it starts."
-      )
+  const last = agent.last;
+  const running = last?.status === "running";
+  const restarting = state2.restart === "waiting";
+  let title;
+  let text;
+  let actions;
+  if (restarting) {
+    title = "Saving your settings";
+    text = "The dashboard restarts to apply them, then starts on your first brief.";
+    actions = [];
+  } else if (!agent.enabled) {
+    title = "Choose who writes your brief";
+    text = "Each morning a coding-agent CLI you already use writes it: Claude Code or Codex. The boards work meanwhile.";
+    actions = [el("button", { type: "button", class: "button button--primary", onClick: () => handlers2.openSettings("agent") }, "Choose in Settings")];
+  } else if (running) {
+    title = "Writing your first brief";
+    text = "The morning agent is reading your mail, calendar and the rest. It takes a few minutes; the brief appears here when it is done.";
+    actions = [el("button", { type: "button", class: "button", onClick: () => handlers2.openRun(last.id) }, "Watch it work")];
+  } else if (last && last.status !== "done") {
+    title = "Your first brief didn\u2019t finish";
+    text = last.status === "aborted" ? "It was stopped before it wrote a brief." : last.error ? `The run failed: ${last.error}.` : "The run stopped before it wrote a brief.";
+    actions = [
+      el("button", { type: "button", class: "button button--primary", onClick: () => handlers2.runAgent() }, "Try again"),
+      el("button", { type: "button", class: "button", onClick: () => handlers2.openRun(last.id) }, "Read its report")
     ];
+  } else if (last) {
+    title = "Your first brief didn\u2019t arrive";
+    text = "The run finished without a brief this dashboard could read. Its report says why.";
+    actions = [
+      el("button", { type: "button", class: "button button--primary", onClick: () => handlers2.runAgent() }, "Run it again"),
+      el("button", { type: "button", class: "button", onClick: () => handlers2.openRun(last.id) }, "Read its report")
+    ];
+  } else {
+    title = "Write your first brief";
+    text = "It takes a few minutes. After that it runs by itself each scheduled morning.";
+    actions = [el("button", { type: "button", class: "button button--primary", onClick: () => handlers2.runAgent() }, "Write it now")];
   }
-  return [
-    el("p", null, "The dashboard runs a coding-agent CLI you already use, headless, each morning. Found on this machine:"),
-    choices(
-      found.map(
-        (cli) => [`Use ${CLI_LABEL[cli]}`, () => handlers2.chooseSettings({ DAILY_FOCUS_AGENT: cli }), state2.setup.clis[cli] ?? void 0]
-      )
-    )
-  ];
-}
-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;
-  const open = ui2.openDrawers.value.has(SOURCES_EDITOR);
-  const toggle = () => {
-    if (!open && !ui2.texts.value.sources) handlers2.loadText("sources");
-    handlers2.toggleDrawer(SOURCES_EDITOR, !open);
-  };
-  return [
-    el(
-      "p",
-      null,
-      "A short list the agent reads every morning. First who you are: your name as meeting notes write it, your email and your GitHub login, so it can tell your to-dos from everyone else's. Then where to look: which calendars, mailboxes and documents are yours."
-    ),
-    sources.exists ? el(
-      "p",
-      { class: sources.placeholders > 0 ? "setup__note setup__note--todo" : "setup__note" },
-      sources.placeholders > 0 ? `It still has ${sources.placeholders} of the template's placeholders. Replace them, or delete what doesn't apply.` : "Written."
-    ) : el("p", { class: "setup__note" }, "It starts from a template, with what gh and git know about you already filled in."),
-    el(
-      "button",
-      { type: "button", class: "button", "aria-expanded": String(open), onClick: toggle },
-      open ? "Close" : sources.exists ? "Edit it" : "Write it"
-    ),
-    open ? el("div", { class: "setup__editor" }, textEditor("sources", ui2.texts.value.sources, handlers2, "sources.md")) : null
-  ];
-}
-var HEALTH_MARK = { ok: "\u2713", checking: "\u2026", problem: "!", todo: "\u25CB" };
-var HEALTH_LABEL = {
-  ok: "Connected",
-  checking: "Checking",
-  problem: "Not working",
-  todo: "To do"
-};
-function boardHealth(board, via, service) {
-  if (board.reason) return ["problem", board.reason.message];
-  if (board.fetchedAt) return ["ok", `Connected, through ${via}.`];
-  return ["checking", `Checking ${service} through ${via}\u2026`];
-}
-function boards(state2, handlers2) {
-  const rows = [];
-  const off = (key, label) => el("button", { type: "button", class: "button", onClick: () => handlers2.chooseSettings({ [key]: "off" }) }, `Turn off ${label}`);
-  if (state2.board.enabled) {
-    rows.push(boardRow("Pull requests", ...boardHealth(state2.board, "gh", "GitHub"), off("DAILY_FOCUS_GITHUB", "the pull request board")));
-  }
-  if (state2.tickets.enabled) {
-    rows.push(boardRow("Jira tickets", ...boardHealth(state2.tickets, "acli", "Jira"), off("DAILY_FOCUS_JIRA", "the Jira board")));
-  }
-  const calendar = state2.setup.calendar;
-  if (calendar.supported && state2.agendaSource) {
-    const live = state2.agendaSource.live;
-    const [health, text] = !calendar.built ? ["todo", `Needs the calendar helper: run ${calendar.buildCommand} once. Until then the agenda uses the brief.`] : calendar.chosen === 0 ? ["todo", "No calendars chosen yet. Choose them, and the agenda follows them live."] : live ? ["ok", `Connected, reading ${calendar.chosen} ${calendar.chosen === 1 ? "calendar" : "calendars"} from Calendar.app.`] : state2.agendaSource.problem ? ["problem", state2.agendaSource.problem] : ["checking", "Checking Calendar.app\u2026"];
-    rows.push(
-      boardRow(
-        "Calendar",
-        health,
-        text,
-        calendar.built && calendar.chosen === 0 ? el("button", { type: "button", class: "button", onClick: () => handlers2.openSettings("calendar") }, "Choose calendars") : off("DAILY_FOCUS_CALENDAR", "the live agenda")
-      )
-    );
-  }
-  if (rows.length === 0) return el("p", null, "Nothing else is switched on. The boards can be turned on in Settings.");
-  return el("ul", { class: "setup__boards" }, rows);
-}
-function boardRow(name, health, text, action) {
   return el(
-    "li",
-    { class: "setup__board", "data-health": health, key: name },
-    el("span", { class: "setup__board-mark", "aria-label": HEALTH_LABEL[health], title: HEALTH_LABEL[health] }, HEALTH_MARK[health]),
-    el("span", { class: "setup__board-name" }, name),
-    el("span", { class: "setup__board-text" }, text),
-    action
+    "section",
+    { class: "first-brief", id: "first-brief", "aria-labelledby": "first-brief-title", "data-state": running ? "running" : "idle" },
+    el("h2", { class: "first-brief__title", id: "first-brief-title" }, title),
+    el("p", { class: "first-brief__text" }, text),
+    actions.length ? el("div", { class: "first-brief__actions" }, actions) : null
   );
 }
 
 // client/today.ts
 function TodayView({ state: state2, ui: ui2, handlers: handlers2 }) {
-  if (state2.setup?.needed) return [k(SetupCard, { state: state2, ui: ui2, handlers: handlers2 })];
+  if (state2.setup?.needed) return [k(FirstBriefCard, { state: state2, handlers: handlers2 })];
   return [renderObjective(state2, handlers2), renderStats(state2), renderHeadline(state2), renderSections(state2, ui2, handlers2)];
 }
 function renderObjective(state2, handlers2 = null) {
@@ -4756,15 +5347,15 @@ function focusTimeStat(agenda, now) {
   const tone = minutes === 0 ? "critical" : minutes < 60 ? "critical" : null;
   return stat("Focus time left", minutes === 0 ? "None" : formatDuration(minutes), tone, `Day ends ${agenda.dayEnd}`);
 }
-function objectiveStat(progress) {
-  if (!progress) return null;
-  if (progress.workingDaysSince === null) {
+function objectiveStat(progress2) {
+  if (!progress2) return null;
+  if (progress2.workingDaysSince === null) {
     return stat("Since objective progress", "\u2014", null, "Nothing recorded yet");
   }
-  const days = progress.workingDaysSince;
+  const days = progress2.workingDaysSince;
   const tone = days === 0 ? "good" : days >= 3 ? "critical" : null;
   const value = days === 0 ? "Today" : days === 1 ? "1 day" : `${days} days`;
-  return stat("Since objective progress", value, tone, progress.lastTitle);
+  return stat("Since objective progress", value, tone, progress2.lastTitle);
 }
 function renderHeadline(state2) {
   const headline = state2.brief.headline;
@@ -4819,6 +5410,7 @@ function App({ ui: ui2, handlers: handlers2 }) {
   const view = ui2.view.value;
   const run = current ? detailRun(current, ui2) : null;
   const row = current && !run ? detailRow(current, ui2) : null;
+  if (current?.onboarding) return [k(OnboardingView, { state: current, ui: ui2, handlers: handlers2 }), k(Toast, { ui: ui2, handlers: handlers2 })];
   return [
     el("a", { class: "skip-link", href: "#main" }, "Skip to content"),
     k(Header, { state: current, ui: ui2, handlers: handlers2 }),
@@ -4982,12 +5574,12 @@ function installKeyboard(handlers2) {
     }
     const item = selectedItem();
     if (!item) return;
-    const boardRow2 = ui.view.value !== "today";
+    const boardRow = ui.view.value !== "today";
     const status = "status" in item ? item.status : null;
     switch (event.key) {
       case "e":
         event.preventDefault();
-        if (!boardRow2 && status === "open") handlers2.onAction(item.id, "done");
+        if (!boardRow && status === "open") handlers2.onAction(item.id, "done");
         break;
       case "s":
         event.preventDefault();
@@ -4995,7 +5587,7 @@ function installKeyboard(handlers2) {
         break;
       case "x":
         event.preventDefault();
-        if (!boardRow2 && status === "open") handlers2.onAction(item.id, "dismiss");
+        if (!boardRow && status === "open") handlers2.onAction(item.id, "dismiss");
         break;
       case "n":
         event.preventDefault();
@@ -5025,6 +5617,9 @@ R(k(App, { ui, handlers }), root);
 j3(() => {
   document.body.dataset.view = ui.view.value;
 });
+j3(() => {
+  document.body.dataset.onboarding = String(Boolean(state.value?.onboarding));
+});
 j3(() => {
   document.body.dataset.offline = String(ui.connectionError.value !== null);
 });