@songsid/agend 2.3.0-beta.7 → 2.3.0-beta.8

package/dist/ui/shared/app.css

@@ -1341,6 +1341,73 @@ strong.org-name { font-size: var(--fs-sm); color: var(--text); }
   .ch-bar .btn { min-height: var(--tap); }
 }
 
+/* ── #2122: Fleet → Usage. A categorical palette kept apart from the state colours (Okabe–Ito hues, tuned per mode for
+   contrast); every series also has a text label, so colour is never the only cue. ── */
+.us { --us-0: #56b4e9; --us-1: #e69f00; --us-2: #2bc48a; --us-3: #f0e442; --us-4: #e78ac3; --us-5: #94a3b8; --us-heat: #56b4e9;
+  display: flex; flex-direction: column; gap: var(--s-3); min-width: 0; }
+@media (prefers-color-scheme: light) { :root:not([data-theme="dark"]) .us { --us-0: #0072b2; --us-1: #c25400; --us-2: #007a5a; --us-3: #8a6d00; --us-4: #b0457a; --us-5: #64748b; --us-heat: #0072b2; } }
+:root[data-theme="light"] .us { --us-0: #0072b2; --us-1: #c25400; --us-2: #007a5a; --us-3: #8a6d00; --us-4: #b0457a; --us-5: #64748b; --us-heat: #0072b2; }
+.us-bar-top { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2) var(--s-3); margin-top: var(--s-2); }
+.us-group { display: inline-flex; align-items: center; gap: var(--s-2); font-size: var(--fs-sm); color: var(--text-2); }
+.us-group select, .us-custom input { min-height: 32px; padding: 0 var(--s-2); border: 1px solid var(--border); border-radius: var(--r-sm); background: var(--bg); color: var(--text); }
+.us-group select:focus, .us-custom input:focus { border-color: var(--focus); box-shadow: 0 0 0 3px var(--accent-dim); outline: none; }
+.us-csv { margin-left: auto; }
+.us-custom { display: flex; flex-wrap: wrap; align-items: end; gap: var(--s-2) var(--s-3); font-size: var(--fs-sm); }
+.us-custom label { display: inline-flex; flex-direction: column; gap: 2px; color: var(--text-2); }
+.us-basis { font-size: var(--fs-sm); color: var(--text); padding: var(--s-2) var(--s-3); border-left: 3px solid var(--accent); background: var(--surface-2); border-radius: var(--r-sm); }
+.us-fresh { font-size: var(--fs-xs); }
+.us-partial { font-size: var(--fs-sm); padding: var(--s-2) var(--s-3); border-left: 3px solid var(--warn); background: var(--warn-bg); border-radius: var(--r-sm); }
+.us-unpriced { font-size: var(--fs-xs); }
+.us-scan { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--s-2); }
+.us-totals { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-3); margin: 0; }
+.us-totals .ch-metric dd { font-size: var(--fs-lg); }
+.us-table { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); font-variant-numeric: tabular-nums; }
+.us-table th, .us-table td { padding: var(--s-2); border-bottom: 1px solid var(--border); text-align: left; vertical-align: top; }
+.us-table thead th { font-size: 11px; font-weight: var(--fw-regular); color: var(--text-3); }
+.us-table .num { text-align: right; white-space: nowrap; }
+.us-name { min-width: 0; max-width: 360px; font-weight: var(--fw-regular); }
+.us-name .mono { display: block; font-weight: var(--fw-semibold); overflow-wrap: anywhere; }
+.us-bar { display: block; width: 100%; height: 6px; margin: 4px 0; }
+.us-bar-bg { fill: var(--surface-2); } .us-bar-fg { fill: var(--us-0); }
+.us-meta { display: block; font-size: var(--fs-xs); color: var(--text-3); overflow-wrap: anywhere; }
+.us-flags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
+.us-trend, .us-heat { display: flex; flex-direction: column; gap: var(--s-2); min-width: 0; }
+.us-trend h3, .us-heat h3, .us-rest h3 { font-size: var(--fs-sm); font-weight: var(--fw-semibold); }
+.us-scroll { overflow-x: auto; max-width: 100%; }
+.us-chart, .us-heatmap { display: block; }
+.us-axis { font-size: 9px; fill: var(--text-3); }
+.us-s0 { fill: var(--us-0); background: var(--us-0); } .us-s1 { fill: var(--us-1); background: var(--us-1); } .us-s2 { fill: var(--us-2); background: var(--us-2); }
+.us-s3 { fill: var(--us-3); background: var(--us-3); } .us-s4 { fill: var(--us-4); background: var(--us-4); } .us-s5 { fill: var(--us-5); background: var(--us-5); }
+.us-legend { display: flex; flex-wrap: wrap; gap: var(--s-1) var(--s-4); list-style: none; padding: 0; margin: 0; font-size: var(--fs-xs); }
+.us-legend li { display: inline-flex; align-items: center; gap: var(--s-1); min-width: 0; overflow-wrap: anywhere; }
+.us-sw, .us-h-sw { display: inline-block; width: 10px; height: 10px; border-radius: 2px; flex-shrink: 0; }
+.us-h { fill: var(--us-heat); }
+.us-h.l1, .us-h-sw.l1 { opacity: 0.45; } .us-h.l2 { opacity: 0.65; } .us-h.l3 { opacity: 0.85; } .us-h.l4, .us-h-sw.l4 { opacity: 1; }
+.us-h-sw.l4 { background: var(--us-heat); }
+/* Read with nothing used: a solid grey cell. Not collected: an empty dashed outline. */
+.us-h.idle { fill: var(--text-3); opacity: 0.35; }
+.us-h-sw.idle { background: var(--text-3); opacity: 0.35; }
+.us-h.gap { fill: none; stroke: var(--text-3); stroke-width: 1; stroke-dasharray: 2 2; }
+.us-h-sw.gap { border: 1px dashed var(--text-3); }
+.us-grid, .us-base { stroke: var(--border); stroke-width: 1; }
+.us-grid { stroke-dasharray: 3 3; }
+.us-scale, .us-earlier { font-size: var(--fs-xs); }
+.us-heat-key { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-1); font-size: var(--fs-xs); }
+.us-rest .row-item { font-size: var(--fs-xs); }
+.u-by-agent { margin-left: auto; }
+@media (max-width: 699px) {
+  .us-totals { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  .us-csv { margin-left: 0; }
+  .us-bar-top .btn { min-height: var(--tap); }
+  /* Rows become cards: each value with its label. */
+  .us-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
+  .us-table, .us-table tbody, .us-table tr, .us-table th, .us-table td { display: block; width: 100%; }
+  .us-table tr { margin-bottom: var(--s-3); padding: var(--s-3); border: 1px solid var(--border); border-radius: var(--r-lg); background: var(--bg); }
+  .us-table th, .us-table td { border: 0; padding: 2px 0; max-width: none; }
+  .us-table td { display: flex; justify-content: space-between; gap: var(--s-3); }
+  .us-table td::before { content: attr(data-label); color: var(--text-3); text-align: left; }
+}
+
 /* ── Chat commands and quick actions (#1269) ── */
 .hd-chip { margin-left: var(--s-2); padding: 0 var(--s-2); border: 1px solid var(--border); border-radius: var(--r-full); background: transparent; color: var(--text-2);
   font-size: var(--fs-xs); line-height: 20px; cursor: pointer; max-width: 16em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }

package/dist/ui/shared/effect-app-runtime.js

@@ -31,7 +31,7 @@ export function createAppEffectRuntime({ window: host, current, observe, onChang
     const effects = s?.metadata?.effects ?? [], known = registry?.snapshot?.() ?? [];
     const rows = effects.map(p => {
       const b = s.bindings.get(p.id), row = known.find(r => b && r.key === b.key && r.id === p.id);
-      if (row && !s.error && !playbackUnavailable) return row.reason == null && row.phase == null ? { ...row, reason: "calibrating" } : row;
+      if (row && !s.error && !playbackUnavailable) return row.reason == null && row.phase == null ? { ...row, phase: "loading" } : row;
       return { id: p.id, key: b?.key ?? null, verdict: "off", phase: null, quality: null,
         reason: s.error ?? playbackUnavailable ?? effectPlaybackReason(lastContext) ?? (!p.manifest.regions.includes("chat") ? "region_unavailable" : "runtime_unavailable") };
     });
@@ -141,7 +141,7 @@ export function createAppEffectRuntime({ window: host, current, observe, onChang
     if (identity.scope === "owner") trial = make("trialSource", createEffectTrialSource)({ window: host, current: () => {
       if (!alive()) return false; const v = observe(), c = v.context;
       return alive() && c.enabled === true && c.show === true && c.transportReady === true
-        && c.safe === false && c.publicLink === false && c.reducedMotion === false && c.saveData === false && c.hidden === false;
+        && c.safe === false && c.publicLink === false && c.reducedMotion === false && c.hidden === false;
     }, ownerCurrent: (s, name) => sourceAlive(s) && s.name === name,
       stock: () => registry.frameRoot ? make("stock", stockEffectTrust)(host, { frameRoot: registry.frameRoot, ownerCss: observe().ownerCss }) : null,
       readResource: (spec, signal) => typeof loader.trialResourceSettled === "function" ? loader.trialResourceSettled(spec, signal) : Promise.resolve(null),
@@ -210,7 +210,7 @@ export function createAppEffectRuntime({ window: host, current, observe, onChang
       // Metadata describes placements, not executable resources. Its existing session/epoch/current and
       // shared settled-lane fences apply even when this viewer has declined playback. No code is fetched here.
       if (!pending) {
-        const ownerNeeds = identity.scope === "owner" && !c.publicLink && c.enabled && c.show && c.transportReady && !c.safe && !c.reducedMotion && !c.saveData && !c.hidden && personal?.needsMetadata() === true, chatNeeds = sourceAlive(s) && !s.error && !s.metadata;
+        const ownerNeeds = identity.scope === "owner" && !c.publicLink && c.enabled && c.show && c.transportReady && !c.safe && !c.reducedMotion && !c.hidden && personal?.needsMetadata() === true, chatNeeds = sourceAlive(s) && !s.error && !s.metadata;
         if (!alive() || revision !== before || s !== source) { if (alive()) queueSync(); return; }
         if (ownerNeeds && (!chatNeeds || lastMetadata !== "owner")) void readPersonal();
         else if (chatNeeds) void read(s);

package/dist/ui/shared/effect-chat-runtime.js

@@ -138,7 +138,7 @@ export function createChatEffectRuntime({ window: host, name, element, current,
     const stamp = JSON.stringify(ctx);
     if (stamp !== lastContext) { lastContext = stamp; registry.update(descriptors(), ctx); }
     emit();
-    if (!metadata && !active && ctx.enabled && ctx.show && ctx.transportReady && !ctx.safe && !ctx.publicLink && !ctx.reducedMotion && !ctx.saveData && !ctx.hidden) void read();
+    if (!metadata && !active && ctx.enabled && ctx.show && ctx.transportReady && !ctx.safe && !ctx.publicLink && !ctx.reducedMotion && !ctx.hidden) void read();
   }
   async function read() {
     if (!alive() || error || active) return;

package/dist/ui/shared/effect-policy.js

@@ -66,8 +66,8 @@ export const EFFECT_BLOCK_REASONS = Object.freeze([
 
 /** Diagnostic names only; the admission policy below still validates every required flag. */
 export function effectPlaybackReason(c) {
-  if (!c || ["safe", "publicLink", "reducedMotion", "saveData", "hidden", "enabled", "show", "transportReady"].some(k => typeof c[k] !== "boolean")) return "gates_unknown";
-  return c.safe ? "safe_mode" : c.reducedMotion ? "reduced_motion" : c.saveData ? "save_data"
+  if (!c || ["safe", "publicLink", "reducedMotion", "hidden", "enabled", "show", "transportReady"].some(k => typeof c[k] !== "boolean")) return "gates_unknown";
+  return c.safe ? "safe_mode" : c.reducedMotion ? "reduced_motion"
     : c.hidden ? "hidden" : !c.enabled ? "unsupported_host" : !c.show ? "disabled" : !c.transportReady ? "transport_unavailable" : null;
 }
 
@@ -78,12 +78,11 @@ export function allocateEffectFrames(descriptors, context) {
   const keys = new Set(), duplicate = new Set();
   for (const d of descriptors) if (d && typeof d.key === "string") { if (keys.has(d.key)) duplicate.add(d.key); keys.add(d.key); }
   const result = descriptors.map(d => ({ key: d?.key, verdict: "off", reason: "unknown", queuePos: null }));
-  const gates = ["safe", "publicLink", "reducedMotion", "saveData", "hidden", "enabled", "show", "transportReady", "constrained", "modal"];
+  const gates = ["safe", "publicLink", "reducedMotion", "hidden", "enabled", "show", "transportReady", "constrained", "modal"];
   if (gates.some(k => typeof context[k] !== "boolean") || context.openInstance !== null && !instanceName(context.openInstance)) return result;
   let global = null;
   if (context.safe === true) global = "safe_mode";
   else if (context.reducedMotion === true) global = "reduced_motion";
-  else if (context.saveData === true) global = "save_data";
   else if (context.hidden === true) global = "hidden";
   else if (context.enabled !== true) global = "unsupported_host";
   else if (context.show !== true) global = "disabled";

package/dist/ui/shared/effect-profiler.js

@@ -12,10 +12,14 @@ const id = v => typeof v === "string" && /^[0-9a-f]{32}$/.test(v);
 /** One host-owned mount. The registry must remove the frame when remove is true, never merely hide it. */
 export class EffectBudget {
   constructor({ device, baselineFps, clock = () => performance.now(), longTasksSupported = false } = {}) {
-    if (!deviceClass(device) || !finite(baselineFps) || baselineFps <= 0 || baselineFps > 1000 || typeof clock !== "function" || typeof longTasksSupported !== "boolean") throw new TypeError("effect budget options");
+    if (!deviceClass(device) || baselineFps !== undefined && (!finite(baselineFps) || baselineFps <= 0 || baselineFps > 1000) || typeof clock !== "function" || typeof longTasksSupported !== "boolean") throw new TypeError("effect budget options");
     this.device = device;
-    // Measured by the host while NO effects are mounted; never author-supplied or learned from a running effect.
-    this.fpsFloor = Math.min(EFFECT_BUDGETS[device].fps, baselineFps * 0.9);
+    // Legacy host measurements may still be supplied by pure probes. Product playback starts
+    // immediately and learns cadence concurrently from host rAF, never Worker timing.
+    // Freeze before the first report: a mount's profile floor must remain coherent.
+    this.fpsFloor = baselineFps === undefined ? null : Math.min(EFFECT_BUDGETS[device].fps, baselineFps * 0.9);
+    this.cadence = [];
+    this.cadenceAt = null;
     this.clock = clock;
     this.longTasksSupported = longTasksSupported;
     this.last = null;
@@ -58,7 +62,16 @@ export class EffectBudget {
   frame() {
     const now = this.time();
     if (now === null) return this.stop("clock_unavailable");
-    if (this.verdict === "paused" || this.hiddenAt !== null || now < this.epoch + 1000) return this.snapshot();
+    if (this.verdict === "paused" || this.hiddenAt !== null) return this.snapshot();
+    if (this.fpsFloor === null) {
+      const interval = this.cadenceAt === null ? null : now - this.cadenceAt;
+      this.cadenceAt = now;
+      if (interval !== null && interval >= 1 && interval <= 1000) {
+        if (this.cadence.length === 256) this.cadence.shift();
+        this.cadence.push(interval);
+      }
+    }
+    if (now < this.epoch + 1000) return this.snapshot();
     this.trim(now);
     if (this.frames.at(-1) !== now) {
       if (this.frames.length >= 2048) this.overflow = true;
@@ -88,10 +101,10 @@ export class EffectBudget {
     const now = this.time();
     if (now === null) return this.stop("clock_unavailable");
     if (!plain(raw)) return this.stop("gates_unknown");
-    const { hidden, reducedMotion, saveData, show } = raw;
-    if ([hidden, reducedMotion, saveData, show].some(v => typeof v !== "boolean")) return this.stop("gates_unknown");
+    const { hidden, reducedMotion, show } = raw;
+    if ([hidden, reducedMotion, show].some(v => typeof v !== "boolean")) return this.stop("gates_unknown");
     if (this.verdict === "paused") return this.snapshot();
-    if (reducedMotion || saveData || !show) return this.stop(reducedMotion ? "reduced_motion" : saveData ? "save_data" : "viewer_off");
+    if (reducedMotion || !show) return this.stop(reducedMotion ? "reduced_motion" : "viewer_off");
     if (hidden && this.hiddenAt === null) this.hiddenAt = now;
     if (hidden && now - this.hiddenAt >= 10000) return this.stop("hidden");
     if (!hidden && this.hiddenAt !== null) {
@@ -105,6 +118,7 @@ export class EffectBudget {
       this.overflow = false;
       this.badWindows = 0;
       this.metrics = null;
+      this.cadence = []; this.cadenceAt = null;
     }
     return this.snapshot();
   }
@@ -123,8 +137,16 @@ export class EffectBudget {
     const hostMs = this.longTasksSupported ? sum(null) : null;
     const ownMs = this.longTasksSupported && this.tasks.some(t => t.attributed) ? sum(true) : null;
     const limits = EFFECT_BUDGETS[this.device];
-    const bad = this.overflow || fps < this.fpsFloor || hostMs !== null && hostMs > limits.longTaskMsPerSecond;
-    this.metrics = { at: now, hostFps: fps, hostLongTaskMsPerSecond: hostMs, attributedLongTaskMsPerSecond: ownMs,
+    if (this.fpsFloor === null && this.cadence.length >= 3) {
+      // Faster observed intervals distinguish intermittent jank from a genuinely slower
+      // display. This is a live reference, not an empty-page health certification.
+      const sorted = [...this.cadence].sort((a, b) => a - b);
+      const interval = sorted[Math.ceil(sorted.length * (sorted.length < 8 ? 0.5 : 0.2)) - 1];
+      this.fpsFloor = Math.min(limits.fps, 900 / interval);
+      this.cadence = []; this.cadenceAt = null;
+    }
+    const bad = this.overflow || this.fpsFloor === null || fps < this.fpsFloor || hostMs !== null && hostMs > limits.longTaskMsPerSecond;
+    this.metrics = this.fpsFloor === null ? null : { at: now, hostFps: fps, hostLongTaskMsPerSecond: hostMs, attributedLongTaskMsPerSecond: ownMs,
       attribution: ownMs === null ? "unknown" : "observed", fpsFloor: this.fpsFloor, windowMs: 2000 };
     this.overflow = false;
     if (bad) {

package/dist/ui/shared/effect-registry.js

@@ -1,6 +1,5 @@
 /** #1629 B2: one host-owned Canvas Worker pool. Product adapters are deliberately separate. */
 import { allocateEffectFrames, effectEvent, effectPlaybackReason } from "./effect-policy.js";
-import { captureEffectBaseline } from "./effect-baseline.js";
 import { createOpaqueEffectFrame } from "./effect-frame.js";
 import { createEffectGeometry, hostEffectRect } from "./effect-geometry.js";
 import { effectStockSnapshot, effectStockAllows } from "./effect-stock-snapshot.js";
@@ -10,7 +9,7 @@ import { EffectBudget } from "./effect-profiler.js";
 const registries = new WeakMap();
 const plain = o => !!o && (Object.getPrototypeOf(o) === Object.prototype || Object.getPrototypeOf(o) === null);
 const finite = v => typeof v === "number" && Number.isFinite(v);
-const FLAGS = ["safe", "publicLink", "reducedMotion", "saveData", "hidden", "enabled", "show", "transportReady", "constrained", "modal"];
+const FLAGS = ["safe", "publicLink", "reducedMotion", "hidden", "enabled", "show", "transportReady", "constrained", "modal"];
 const TYPES = ["state", "reply", "theme"];
 function unsafeSnapshotDescriptor(d) {
   if (!plain(d) || !plain(d.params ?? {})) return null;
@@ -41,7 +40,7 @@ function snapshotDescriptor(d) { try { return unsafeSnapshotDescriptor(d); } cat
  */
 export function createEffectRegistry({ window: host, origin, boot, load, safety, stockSnapshot, onChange = () => {}, onProfile = () => {}, onMount = () => {}, onRetire = () => {}, clock = () => host.performance.now() } = {}) {
   try { if (!host?.document || !host.document.body || registries.has(host) || typeof load !== "function" || typeof stockSnapshot !== "function" || typeof onChange !== "function" || typeof onProfile !== "function" || typeof onMount !== "function" || typeof onRetire !== "function" || typeof clock !== "function" || !safety || ["allowed", "begin", "finish", "pause", "resume"].some(k => typeof safety[k] !== "function") || ["requestAnimationFrame", "cancelAnimationFrame", "setTimeout", "clearTimeout", "MutationObserver", "ResizeObserver", "AbortController"].some(k => typeof host[k] !== "function")) return { ok: false, reason: "registry_unsupported" }; } catch { return { ok: false, reason: "registry_unsupported" }; }
-  let dead = false, blocked = null, revision = 0, last = null, lastView = null, frameSerial = 0, context = null, descriptors = [], calibration = null, baseline = null, baselineDevice = null, serial = 0, raf = null, timer = null;
+  let dead = false, blocked = null, revision = 0, last = null, lastView = null, frameSerial = 0, context = null, descriptors = [], raf = null, timer = null;
   const slots = new Map(), loads = new Set(), paused = new Map(), offs = [], observed = new Set(), failures = new Map(), results = new Map();
   let readingStock = false;
   let root, geometry, observer, resize, longTasks = null, longTasksSupported = false;
@@ -119,7 +118,7 @@ export function createEffectRegistry({ window: host, origin, boot, load, safety,
     if (s.request) { s.request.controller.abort(); if (s.request.timer !== null) host.clearTimeout(s.request.timer); }
     // A closed/unknown viewer gate revokes paint, not the effect identity. Fresh known gates
     // may admit it again; resource failures and actual safety pauses retain their latches.
-    if (!["disposed", "superseded", "hidden", "human_resume", "calibrating", "geometry_changed", "gates_unknown"].includes(why)) failures.set(s.d.key, { identity: signature(s.d), reason: why });
+    if (!["disposed", "superseded", "hidden", "human_resume", "geometry_changed", "gates_unknown"].includes(why)) failures.set(s.d.key, { identity: signature(s.d), reason: why });
     s.stageOff?.(); s.stageOff = null;
     s.frame?.remove(why); s.geometry?.remove();
     if (s.loadOff) s.loadOff();
@@ -138,12 +137,11 @@ export function createEffectRegistry({ window: host, origin, boot, load, safety,
       retire(s, why);
       if (revision !== proposed || dead !== wasDead) return false;
     }
-    if (calibration) { calibration.cancel(); calibration = null; }
     return true;
   }
   function gatesKnown() { return context && FLAGS.every(k => typeof context[k] === "boolean") && (context.openInstance === null || typeof context.openInstance === "string" && context.openInstance.length >= 1 && context.openInstance.length <= 128); }
   function eligible(d = null) {
-    return gatesKnown() && !context.safe && !context.reducedMotion && !context.saveData && context.enabled && context.show && context.transportReady
+    return gatesKnown() && !context.safe && !context.reducedMotion && context.enabled && context.show && context.transportReady
       && (!d || !context.publicLink || d.region === "chat" && !d.trialStage);
   }
   const globalAllowed = (d = null) => eligible(d) && host.document.visibilityState === "visible";
@@ -221,10 +219,9 @@ export function createEffectRegistry({ window: host, origin, boot, load, safety,
       if (!chosen.has(s.d.key) || !d || signature(d) !== signature(s.d) || d.element !== s.d.element || s.device !== device()) retire(s, "superseded");
       if (dead || proposal !== revision) return;
     }
-    if (chosen.size === 0) { if (calibration) { calibration.cancel(); calibration = null; } baseline = null; baselineDevice = null; tell(); return; }
+    if (chosen.size === 0) { tell(); return; }
     if (hidden) {
       hideGeometry();
-      if (calibration) { calibration.cancel(); calibration = null; }
       for (const s of [...slots.values()]) {
         if (!s.frame) retire(s, "hidden");
         else { if (s.hiddenSince === null) { s.hiddenSince = last; s.healthySince = null; } if (s.budget.gates({ hidden: true, reducedMotion: false, saveData: false, show: true }).remove) retire(s, "hidden"); }
@@ -238,20 +235,6 @@ export function createEffectRegistry({ window: host, origin, boot, load, safety,
       if (dead || proposal !== revision) return;
     }
     try { observe(); } catch { stopAll("trust_geometry_unknown"); tell(); return; }
-    if (baseline === null || baselineDevice !== device()) {
-      if (calibration && baselineDevice === device()) { tell(); return; }
-      if (!stopAll("calibrating") || dead || proposal !== revision) return;
-      const epoch = ++serial;
-      const job = captureEffectBaseline({ window: host, empty: () => !dead && slots.size === 0 && host.document.querySelectorAll("iframe.agend-effect-frame").length === 0 && globalAllowed() && !context.hidden && !!coverage(), clock: nativeClock });
-      calibration = job; baselineDevice = device();
-      job.promise.then(r => {
-        if (dead || calibration !== job || epoch !== serial) return;
-        calibration = null;
-        if (!r.ok) { blocked = r.reason; tell(); return; }
-        baseline = r.baselineFps; reconcile();
-      });
-      tell(); return;
-    }
     const max = context.constrained ? 1 : 3;
     for (const d of descriptors) {
       if (!chosen.has(d.key) || slots.has(d.key)) continue;
@@ -321,7 +304,7 @@ export function createEffectRegistry({ window: host, origin, boot, load, safety,
         if (d.trialStage && !local || !current(s)) { if (current(s)) retire(s, "admission_revoked"); return; }
         if (local) fresh = local.rect;
         s.rect = fresh;
-        s.budget = new EffectBudget({ device: s.device, baselineFps: baseline, clock: nativeClock, longTasksSupported });
+        s.budget = new EffectBudget({ device: s.device, clock: nativeClock, longTasksSupported });
         const frame = createOpaqueEffectFrame({ window: host, root: local?.root ?? root, origin, boot, clock: nativeClock,
           render: { code: resource.code, params: resource.params, assets: resource.assets, wants: resource.wants, instance: d.instance, width: fresh.width, height: fresh.height, dpr: dpr(s.device) },
           onReady() { if (!current(s)) return; if (!globalAllowed(d) || context.hidden || !coverage(d)) { retire(s, "hidden"); tell(); return; } const n = time(); if (n === null) { blocked = "clock_unavailable"; stopAll(blocked); tell(); return; } s.ready = true; s.readyAt = n; s.healthySince = n; publishEnv(s); schedule(); tell(); },
@@ -511,11 +494,11 @@ export function createEffectRegistry({ window: host, origin, boot, load, safety,
     revalidateSafety,
     /** Called only by the host's explicit human Resume UI. A descriptor update never clears this latch. */
     resume(key) {
-      if (dead || reentrantStock() || blocked && !blocked.startsWith("baseline_") || typeof key !== "string") return false;
+      if (dead || reentrantStock() || blocked || typeof key !== "string") return false;
       const proposed = revision, d = descriptors.find(d => d.key === key); if (!d || d.trialStage && !coverage(d) || revision !== proposed || receipt(safety.resume, d.id, device()) !== true || revision !== proposed) return false;
       revision++;
       if (!stopAll("human_resume")) return false;
-      if (blocked && !blocked.startsWith("baseline_")) return false; blocked = null; paused.delete(key); failures.delete(key); baseline = null; serial++; reconcile(); return true;
+      if (blocked) return false; paused.delete(key); failures.delete(key); reconcile(); return true;
     },
     /** Host-only content-free signal API. Raw pointer publishing is refused; native pointer metadata is coalesced here. */
     publish(type, fields, instance = null) {
@@ -531,7 +514,7 @@ export function createEffectRegistry({ window: host, origin, boot, load, safety,
       return sent;
     },
     dispose() {
-      if (dead) return; dead = true; revision++; serial++; stopAll("disposed");
+      if (dead) return; dead = true; revision++; stopAll("disposed");
       if (raf !== null) host.cancelAnimationFrame(raf); if (timer !== null) host.clearTimeout(timer);
       observer.disconnect(); resize.disconnect(); longTasks?.disconnect(); for (const off of offs) off();
       geometry.dispose(); root.remove(); observed.clear(); if (loads.size === 0 && registries.get(host) === api) registries.delete(host);

package/dist/ui/shared/effect-stock-trust.js

@@ -11,7 +11,7 @@ const SPECS = [
   ["confirmation", ".shell > .pending-stack, .shell .p-settings > .panel-body > .col > .pending-stack.inline"], ["preview", ".shell .chat-split > .pv-panel, .shell .chat-split > .pv-divider"],
   ["preview-menu", ".shell .thread details.pv-menu"], ["palette", ".shell .dock .cmd-palette"],
   ["drop", ".shell .p-chat > .drop-overlay"],
-  ["thread-control", ".shell .p-chat .jump-latest, .shell .thread .msg-tools, .shell .thread .st-more, .shell .thread .cb-head, .shell .thread .cb-more, .shell .thread .tc-head, .shell .thread .tc-more, .shell .thread .pv-head, .shell .thread .pv-note, .shell .thread .pv-banner, .shell .thread .effect-trial-offer, .shell .thread .click-chip"],
+  ["thread-control", ".shell .chat-main > .amb-note, .shell .p-chat .jump-latest, .shell .thread .msg-tools, .shell .thread .st-more, .shell .thread .cb-head, .shell .thread .cb-more, .shell .thread .tc-head, .shell .thread .tc-more, .shell .thread .pv-head, .shell .thread .pv-note, .shell .thread .pv-banner, .shell .thread .effect-trial-offer, .shell .thread .click-chip"],
   ["link", ".shell .thread .md a, .shell .thread .st-text > a.st-link, .shell .dock .prompts .txt > a.st-link"], ["attachment", ".shell .thread .atts"], ["media", ".shell .thread .att-media"],
   ["panel-navigation", ".shell .p-fleet > .seg, .shell .p-settings > .seg"],
   ["panel-content", ".shell .p-fleet > .panel-body, .shell .p-needs > .panel-body, .shell .p-settings > .panel-body, .shell .p-log > .panel-body, .shell .p-details > .panel-body, .shell .p-view > .panel-body, .shell .p-view > .v-term, .shell .p-view > .v-id, .shell .p-view > .v-card"],
@@ -20,7 +20,7 @@ const SPECS = [
 ];
 export const STOCK_TRUST_INVENTORY = Object.freeze(SPECS.map(([kind, selector]) => Object.freeze({ kind, selector })));
 const STRUCTURAL = ["html", "body", "#app", "#app > .shell", ".shell > .main", ".main > .p-chat", ".p-chat > .chat-split", ".chat-split > .chat-main"];
-const CONTENT = [".main > .conn", ".p-chat > .panel-head", ".p-chat > .chat-card", ".p-chat > .aw-chat_header", ".chat-main > .scroller", ".chat-main > .dock", ".sidebar > .side-head", ".sidebar > .side-nav", ".sidebar > .side-section", ".sidebar > .side-widget", ".sidebar > .side-foot", ".u-rail > .u-rail-head", ".u-rail > .u-rail-body"];
+const CONTENT = [".main > .conn", ".p-chat > .panel-head", ".p-chat > .chat-card", ".p-chat > .aw-chat_header", ".chat-main > .amb-note", ".chat-main > .scroller", ".chat-main > .dock", ".sidebar > .side-head", ".sidebar > .side-nav", ".sidebar > .side-section", ".sidebar > .side-widget", ".sidebar > .side-foot", ".u-rail > .u-rail-head", ".u-rail > .u-rail-body"];
 // Closed producer/topology inventory. Bare Outlet loading/error panels never become an effect surface.
 const PANELS = Object.freeze({
   fleet: { required: [".panel-head", ".seg", ".panel-body"], optional: [] },

package/dist/ui/shared/fx-motion.js

@@ -5,19 +5,27 @@ export const FX_FOLLOW_REDUCED_MOTION_KEY = "agend_fx_follow_reduced_motion";
 /** The one-time chat note "your system asks for reduced motion; effects are on" was shown on this device. */
 export const FX_MOTION_NOTE_KEY = "agend_fx_motion_note_seen";
 const listeners = new Set();
+let pageChoice = null, noteShown = false;
 
 /** Whether this device asked effects to follow the system's reduced-motion setting (default: no). */
 export function followsReducedMotion() {
+  if (pageChoice !== null) return pageChoice;
   try { return globalThis.localStorage.getItem(FX_FOLLOW_REDUCED_MOTION_KEY) === "1"; } catch { return false; }
 }
 export function setFollowsReducedMotion(on) {
+  pageChoice = !!on;
   try { if (on) globalThis.localStorage.setItem(FX_FOLLOW_REDUCED_MOTION_KEY, "1"); else globalThis.localStorage.removeItem(FX_FOLLOW_REDUCED_MOTION_KEY); } catch { /* this page only */ }
   for (const fn of [...listeners]) { try { fn(); } catch { /* a listener's own */ } }
 }
 /** `fn()` when the switch or the system's answer moves (this tab, another tab, the OS). Returns the unsubscribe. */
 export function onMotionChange(fn) {
   listeners.add(fn);
-  const onStorage = (e) => { if (!e || e.key === FX_FOLLOW_REDUCED_MOTION_KEY || e.key === null) fn(); };
+  const onStorage = (e) => {
+    if (!e || e.key === FX_FOLLOW_REDUCED_MOTION_KEY || e.key === null) {
+      pageChoice = e?.key === FX_FOLLOW_REDUCED_MOTION_KEY ? e.newValue === "1" : null;
+      fn();
+    }
+  };
   let q = null;
   try { q = typeof globalThis.matchMedia === "function" ? globalThis.matchMedia("(prefers-reduced-motion: reduce)") : null; } catch { q = null; }
   try { globalThis.addEventListener && globalThis.addEventListener("storage", onStorage); } catch { /* none */ }
@@ -37,10 +45,11 @@ export function systemReducesMotion(win = globalThis) {
  * note was not shown here before. Showing it marks it shown.
  */
 export function motionNoteDue(win = globalThis) {
-  if (followsReducedMotion() || !systemReducesMotion(win)) return false;
-  try { return globalThis.localStorage.getItem(FX_MOTION_NOTE_KEY) !== "1"; } catch { return false; }
+  if (noteShown || followsReducedMotion() || !systemReducesMotion(win)) return false;
+  try { return globalThis.localStorage.getItem(FX_MOTION_NOTE_KEY) !== "1"; } catch { return true; }
 }
 export function markMotionNoteShown() {
+  noteShown = true;
   try { globalThis.localStorage.setItem(FX_MOTION_NOTE_KEY, "1"); } catch { /* shown again next time: harmless */ }
 }
 

package/dist/ui/shared/usage-dialog.js

@@ -4,6 +4,7 @@
 import { html, useEffect, useLayoutEffect, useMemo, useRef, useState } from "./app-html.js";
 import { t } from "./app-i18n.js";
 import { useLease } from "./app-ctx.js";
+import { guestPage } from "./app-store.js";
 import { readStream } from "./read-stream.js";
 import { Dialog } from "./ui-dialog.js";
 import { ErrorState, Skeleton } from "./ui-states.js";
@@ -159,11 +160,18 @@ export function UsageBody({ owner }) {
             ${!p.stale && p.hint ? html`<p class="note">${usageText(p.hint, p.hintI18n)}</p>` : !(p.metrics || []).length ? html`<p class="note">${tn("usage.no_data")}</p>` : null}`}
       </section>`)}
       <div class="u-foot"><span class="note" title=${new Date(data.fetchedAt).toLocaleString()}>${updatedAgo(data.fetchedAt)}${data.refreshing ? html` · <span class="u-refreshing">${tn("usageRefreshing")}</span>` : null}</span>
+        ${byAgent() ? html`<a class="btn btn-ghost btn-sm u-by-agent" href="/ui/fleet/usage" title=${tn("usageByAgentTitle")}>${tn("usageByAgent")}</a>` : null}
         <button type="button" class="btn btn-sm" onClick=${() => load(true)}>${tn("usageRefresh")}</button></div>`;
   }
   return content;
 }
 
+/**
+ * #2122: the plans above are per login; each agent's own tokens and API-equivalent are Fleet → Usage — linked from the
+ * app (not View's anonymous reader, not a guest, who has no Fleet).
+ */
+const byAgent = () => !guestPage() && typeof location !== "undefined" && location.pathname.startsWith("/ui");
+
 /** `owner`: the navigation that opened it — its reads and the minute's timer live and end with it. */
 export function UsageDialog({ onClose, owner = "" }) {
   return html`<${Dialog} title=${tn("usage.title")} onClose=${onClose} wide=${true}><${UsageBody} owner=${`usage-dialog:${owner}`} /></${Dialog}>`;

package/dist/ui/shared/view-strings.js

@@ -40,6 +40,8 @@ register("view", {
   "usageMinutes": "{n} min",
   "usageHours": "{n} h",
   "usageRefresh": "Refresh",
+  "usageByAgent": "By agent →",
+  "usageByAgentTitle": "Each agent's tokens and API-equivalent (Fleet → Usage)",
   "usageHigh": "high",
   "usageNear": "near limit",
   "usageMoveUp": "Move up",
@@ -248,6 +250,8 @@ register("view", {
   "usageMinutes": "{n} 分鐘",
   "usageHours": "{n} 小時",
   "usageRefresh": "重新整理",
+  "usageByAgent": "依 agent →",
+  "usageByAgentTitle": "每個 agent 的 token 與 API 等值（Fleet → 用量）",
   "usageHigh": "偏高",
   "usageNear": "接近上限",
   "usageMoveUp": "上移",

package/dist/usage-report.d.ts

@@ -22,7 +22,10 @@ export type UsageRange = {
 };
 /** What every amount is, in words — the page, the CSV and the agent tool all carry it. */
 export declare const usageBasis: (checked?: string) => string;
-/** Daily rows returned at most (the CSV and the trend); beyond it the report says it is truncated. */
+/**
+ * Daily rows returned at most (the CSV and the trend): one per day, source and model. Beyond it the report keeps the
+ * latest whole days and says from which date (`dailyFrom`); the rows and totals always cover the whole range.
+ */
 export declare const USAGE_DAILY_MAX = 20000;
 export interface UsageInstanceInput {
     name: string;
@@ -54,6 +57,8 @@ export interface UsageInput {
         pendingBytes: number;
         pendingFiles: number;
     };
+    /** Daily rows at most (default USAGE_DAILY_MAX; tests lower it to reach the same path). */
+    dailyMax?: number;
 }
 export interface UsageTotals {
     /** Uncached input. */
@@ -111,7 +116,13 @@ export interface UsageReport {
     rows: UsageRow[];
     totals: UsageRow;
     daily: UsageDaily[];
+    /**
+     * The daily rows (and the messages by day) are not the whole range: they start at `dailyFrom` (earlier days were too
+     * many rows to send), or — `dailyFrom` null — there are none at all (the latest day alone was more than the cap: a
+     * part of a day is never sent as if it were the day). The rows and totals always cover the whole range.
+     */
     dailyTruncated: boolean;
+    dailyFrom: string | null;
     messagesDaily: Array<{
         date: string;
         instance: string;

package/dist/usage-report.js

@@ -4,7 +4,10 @@ export const USAGE_GROUPS = ["instance", "backend", "model", "profile", "team"];
 export const USAGE_RANGES = ["today", "7d", "month", "all"];
 /** What every amount is, in words — the page, the CSV and the agent tool all carry it. */
 export const usageBasis = (checked = PRICES_CHECKED) => `API-equivalent at list price (checked ${checked}) — not money spent`;
-/** Daily rows returned at most (the CSV and the trend); beyond it the report says it is truncated. */
+/**
+ * Daily rows returned at most (the CSV and the trend): one per day, source and model. Beyond it the report keeps the
+ * latest whole days and says from which date (`dailyFrom`); the rows and totals always cover the whole range.
+ */
 export const USAGE_DAILY_MAX = 20_000;
 const M = 1_000_000;
 const DATE = /^\d{4}-\d{2}-\d{2}$/;
@@ -102,7 +105,8 @@ export function buildUsageReport(input) {
     const newRow = (key) => ({ key, ...zero(), total: 0, messages: null, amount: null, priced: "none", flags: [], unpriced: [], instances: [], backends: [], models: [], profiles: [], _amount: 0, _pricedAny: false, _unpricedAny: false });
     const uniq = (list, v) => { if (!list.includes(v))
         list.push(v); };
-    const daily = [];
+    // Daily rows: one per day, zone, agent, backend, model, tier and profile (an hour's slices summed into their day).
+    const dailyBy = new Map();
     for (const s of slices) {
         const key = keyOf(s);
         const row = rows.get(key) ?? (rows.set(key, newRow(key)), rows.get(key));
@@ -124,11 +128,36 @@ export function buildUsageReport(input) {
             uniq(row.flags, "cache_write_not_reported");
         if (unknownSource(s))
             uniq(row.flags, "source_unknown");
-        if (daily.length <= USAGE_DAILY_MAX) {
-            const t = zero();
-            addTotals(t, s.tot);
-            daily.push({ date: s.date, zone: s.zone, instance: s.instance, backend: s.backend, model: s.model, tier: s.long ? "long" : "standard", profile: s.profile, ...t, amount, flags: [...(s.writesReported ? [] : ["cache_write_not_reported"]), ...(amount === null ? ["not_priced"] : []), ...(unknownSource(s) ? ["source_unknown"] : [])] });
+        const tier = s.long ? "long" : "standard";
+        const dk = [s.date, s.zone, s.instance, s.backend, s.model, tier, s.profile].join("\u0000");
+        let d = dailyBy.get(dk);
+        if (!d) {
+            d = { date: s.date, zone: s.zone, instance: s.instance, backend: s.backend, model: s.model, tier, profile: s.profile, ...zero(), amount: amount === null ? null : 0,
+                flags: [...(s.writesReported ? [] : ["cache_write_not_reported"]), ...(amount === null ? ["not_priced"] : []), ...(unknownSource(s) ? ["source_unknown"] : [])] };
+            dailyBy.set(dk, d);
+        }
+        addTotals(d, s.tot);
+        if (amount !== null && d.amount !== null)
+            d.amount += amount;
+    }
+    const allDaily = [...dailyBy.values()].sort((a, b) => a.date.localeCompare(b.date) || a.instance.localeCompare(b.instance) || a.model.localeCompare(b.model) || a.zone.localeCompare(b.zone));
+    // Too many: the latest whole days that fit — never part of a day (a missing row would read as nothing used). Not even
+    // the latest day fits: no daily rows at all, said so (dailyTruncated with no dailyFrom).
+    let dailyFrom = null, daily = allDaily, truncated = false;
+    const cap = input.dailyMax ?? USAGE_DAILY_MAX;
+    if (allDaily.length > cap) {
+        truncated = true;
+        const perDate = new Map();
+        for (const d of allDaily)
+            perDate.set(d.date, (perDate.get(d.date) ?? 0) + 1);
+        let kept = 0;
+        for (const date of [...perDate.keys()].sort().reverse()) {
+            if (kept + perDate.get(date) > cap)
+                break;
+            kept += perDate.get(date);
+            dailyFrom = date;
         }
+        daily = dailyFrom === null ? [] : allDaily.filter(d => d.date >= dailyFrom);
     }
     // Messages: delivered, per instance and hour (§5.4); placed on days the same way as tokens.
     const messagesDaily = new Map();
@@ -187,8 +216,10 @@ export function buildUsageReport(input) {
     return {
         range: { kind: input.range.kind, from, to }, zone: input.zone, granularity: "hour", basis: usageBasis(), pricesChecked: PRICES_CHECKED,
         group: input.group, rows: out, totals,
-        daily: daily.slice(0, USAGE_DAILY_MAX), dailyTruncated: daily.length > USAGE_DAILY_MAX,
-        messagesDaily: [...messagesDaily.values()].sort((a, b) => a.date.localeCompare(b.date) || a.instance.localeCompare(b.instance)),
+        daily, dailyTruncated: truncated, dailyFrom,
+        // Messages by day: the same window as the daily rows (none when there are none); their total stays in `totals`.
+        messagesDaily: [...messagesDaily.values()].filter(m => !truncated || (dailyFrom !== null && m.date >= dailyFrom))
+            .sort((a, b) => a.date.localeCompare(b.date) || a.instance.localeCompare(b.instance)),
         notMeasured, shared, coverage, scanning: input.scanning,
     };
 }