@songsid/agend 2.2.0-beta.6 → 2.2.0-beta.8

package/dist/ui/shared/app.css

@@ -208,7 +208,7 @@ html:has(.shell), html:has(.shell) body { overflow: hidden; }
 :root { --text-scale: 1; }
 :root[data-text-size="s"] { --text-scale: 0.9; }
 :root[data-text-size="l"] { --text-scale: 1.15; }
-.thread, .p-details .panel-body, .p-fleet .panel-body {
+.thread, .p-details .panel-body, .p-fleet .panel-body, .p-log .panel-body {
   --fs-xs: calc(12px * var(--text-scale)); --lh-xs: calc(16px * var(--text-scale));
   --fs-sm: calc(13px * var(--text-scale)); --lh-sm: calc(18px * var(--text-scale));
   --fs-md: calc(15px * var(--text-scale)); --lh-md: calc(24px * var(--text-scale));
@@ -217,10 +217,40 @@ html:has(.shell), html:has(.shell) body { overflow: hidden; }
 }
 /* #1523 N2: Details. */
 .p-details .d-tags { display: inline-flex; flex-wrap: wrap; gap: var(--s-1); }
+/* #1218: an instance's Log — one column of steps, newest at the bottom; the filter bar above it. Classes only (#1300). */
+.p-log .log-bar { display: flex; align-items: center; gap: var(--s-1); padding: var(--s-2) var(--s-4); border-bottom: 1px solid var(--border); flex: none; }
+.p-log .log-bar .chip-btn.on { color: var(--text); background: var(--surface-2); font-weight: var(--fw-semibold); }
+.p-log .log-live { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-xs); color: var(--text-3); }
+.p-log .log-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--s-1); }
+.p-log .log-item { padding: var(--s-2) var(--s-3); border-radius: var(--r-md); background: var(--surface); min-width: 0; overflow-wrap: anywhere; }
+.p-log .log-item.turn-start { margin-top: var(--s-4); }
+.p-log .log-item.k-user { background: var(--user-bubble); }
+.p-log .log-item.k-turn_end, .p-log .log-item.k-state, .p-log .log-item.k-event { background: transparent; color: var(--text-3); padding-block: 2px; font-size: var(--fs-sm); }
+.p-log .log-item.k-error, .p-log .log-item.s-failed { border-left: 3px solid var(--danger); }
+.p-log .log-head { display: flex; align-items: baseline; gap: var(--s-2); min-width: 0; }
+.p-log .log-icon { flex: none; }
+.p-log .log-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.p-log .log-cat { font-weight: var(--fw-semibold); }
+.p-log .log-subject { font-size: var(--fs-sm); }
+.p-log .log-time { flex: none; font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--text-3); white-space: nowrap; }
+.p-log .log-status { flex: none; font-size: var(--fs-xs); color: var(--text-3); white-space: nowrap; }
+.p-log .log-status.done { color: var(--ok); }
+.p-log .log-status.failed { color: var(--danger); }
+.p-log .log-status.interrupted { color: var(--warn, var(--text-3)); }
+.p-log .log-status .spinner { display: inline-block; width: 8px; height: 8px; margin-right: 4px; border-radius: 50%; background: var(--accent); animation: pulse 1.2s ease-in-out infinite; }
+.p-log .log-repeat { flex: none; font-size: var(--fs-xs); padding: 0 6px; border-radius: 8px; background: var(--surface-2); color: var(--text-2); }
+.p-log .log-text { white-space: pre-wrap; margin-top: var(--s-1); font-size: var(--fs-sm); }
+.p-log .log-text.mono { font-family: var(--font-mono); font-size: var(--fs-xs); }
+.p-log .log-text.folded { max-height: 10.5em; overflow: hidden; mask-image: linear-gradient(to bottom, #000 70%, transparent); -webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent); }
+.p-log .link-btn { border: 0; background: none; padding: 2px 0; color: var(--accent); cursor: pointer; font-size: var(--fs-xs); }
+.p-log .log-detail { margin-top: var(--s-1); display: flex; flex-direction: column; gap: var(--s-2); }
+.p-log .log-sec-h { font-size: var(--fs-xs); color: var(--text-3); text-transform: uppercase; letter-spacing: 0.04em; }
+.p-log .log-older, .p-log .log-start { text-align: center; margin: var(--s-2) 0; }
+.p-log .log-off { padding: var(--s-6) var(--s-4); }
 .p-details .d-edit { display: flex; align-items: center; justify-content: space-between; gap: var(--s-2); flex-wrap: wrap; margin-top: var(--s-2); }
 @media (max-width: 899px) {
   .panel-head:has(.inst-switch) { flex-wrap: wrap; }
-  .inst-switch.seg { order: 3; flex-basis: 100%; display: grid; grid-template-columns: repeat(3, 1fr); padding: 0 0 var(--s-1); }
+  .inst-switch.seg { order: 3; flex-basis: 100%; display: grid; grid-template-columns: repeat(4, 1fr); padding: 0 0 var(--s-1); }
   .inst-switch .seg-item { justify-content: center; border-radius: var(--r-sm); }
 }
 .panel-body { flex: 1; min-height: 0; overflow-y: auto; }
@@ -336,7 +366,10 @@ html:has(.shell), html:has(.shell) body { overflow: hidden; }
 .msg .time { font-family: var(--font-mono); white-space: nowrap; flex: none; }
 .msg.user { align-self: flex-end; max-width: min(80%, 620px); }
 .msg.user .meta { justify-content: flex-end; }
-.msg.user .body { background: var(--user-bubble); border-radius: var(--r-xl); padding: 10px var(--s-4); }
+/* #1773: the bubble hugs its text. The message is as wide as its widest child — usually the meta row (sender, a time
+   such as 「昨天 下午03:58」, ticks) — and a block body would stretch to it; fit-content keeps a short message short, on
+   the right under its meta, and a long one still wraps at the message's max-width. */
+.msg.user .body { background: var(--user-bubble); border-radius: var(--r-xl); padding: 10px var(--s-4); width: fit-content; max-width: 100%; margin-left: auto; }
 .msg.agent { align-self: stretch; }
 /* #1672: a status line (another instance's message, a daemon notice): muted plain text, no bubble; a long one folds.
    Its class is `status-line`, never `status`: that is the header's inline-flex badge class, and on a message it turned
@@ -652,11 +685,16 @@ body.side-resizing, body.side-resizing * { cursor: col-resize !important; user-s
 .v-filter-clear { width: 28px; height: 28px; }
 .v-filter .note { padding: var(--s-1) var(--s-1) 0; font-variant-numeric: tabular-nums; }
 /* alpha.2 (N1): status and CLI chips under the filter box — each a group of checkboxes under its header (#1700). */
-.nav-facets { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--s-1) var(--s-2); padding: var(--s-2) var(--s-1) 0; }
-.nav-facet { font-size: var(--fs-xs); color: var(--text-2); }
+/* #1776: the "N / M" count is on the headers' row, at its right end — not a row of its own. The headers (and an open
+   group's list, the reset) wrap in their own box beside it, so a filter's summary or a narrow sidebar moves a header
+   down, never the count; the count is as tall as a header, so the row does not grow. */
+.nav-facets { display: flex; align-items: flex-start; gap: var(--s-2); padding: var(--s-2) var(--s-1) 0; }
+.nav-facet-groups { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--s-1) var(--s-2); flex: 1 1 auto; min-width: 0; }
+.nav-facets .nav-shown { flex: none; margin: 0 0 0 auto; padding: 2px 0; white-space: nowrap; }
+.nav-facet { font-size: var(--fs-xs); color: var(--text-2); min-width: 0; max-width: 100%; }
 /* #1700: a facet group's header — the whole row toggles its list; folded with a filter set, a short summary. */
 .nav-facet-head { display: inline-flex; align-items: center; gap: var(--s-1); max-width: 100%; padding: 2px var(--s-2); border: 0; border-radius: var(--r-sm);
-  background: transparent; color: inherit; font: inherit; cursor: pointer; text-align: left; }
+  background: transparent; color: inherit; font: inherit; cursor: pointer; text-align: left; white-space: nowrap; }
 .nav-facet-head:hover { background: var(--hover); }
 .nav-facet-head:focus-visible { outline: 2px solid var(--accent); }
 .nav-facet-head .caret { color: var(--text-3); flex: none; }

package/dist/ui/shared/app.js

@@ -51,6 +51,8 @@ if (mode === "full") {
   stream.on("hydration", (hydration) => appStore.set({ hydration }));
   appStore.set({ retryHydration: () => stream.catchUp() });
   stream.on("needs", (d) => appStore.set({ needs: Array.isArray(d && d.items) ? d.items : [] }));
+  // #1218: a panel's way to hear one stream event (the Log's steps_tick), unsubscribed by its lease.
+  appStore.set({ streamOn: (name, fn) => stream.on(name, fn) });
   appStore.set({ connection: stream.connection() });
 
   // The chat's store must hear every message from the first frame, whatever panel is open: its module boots once,
@@ -67,6 +69,7 @@ if (mode === "full") {
   const loadSettings = retryable((a) => import(retryUrl("/ui/js/panel-settings.js", a)));
   const loadNeeds = retryable((a) => import(retryUrl("/ui/js/panel-needs.js", a)));
   const loadDetails = retryable((a) => import(retryUrl("/ui/js/panel-details.js", a)));
+  const loadLog = retryable((a) => import(retryUrl("/ui/js/panel-log.js", a)));
   // The stream opens once the chat listens, so the frames sent on connect (status, open prompts, ticks) reach it too.
   // If the chat cannot load (a session that just ended), the stream still opens for the sidebar.
   const chatBoot = loadChat();
@@ -80,6 +83,8 @@ if (mode === "full") {
   panels.set("needs", { load: () => loadNeeds().then((m) => m.NeedsPanel) });
   // #1523 N2: one instance's Details (/ui/fleet/agent/<name>).
   panels.set("details", { load: () => loadDetails().then((m) => m.DetailsPanel) });
+  // #1218: one instance's Log (/ui/log/<name>).
+  panels.set("log", { load: () => loadLog().then((m) => m.LogPanel) });
   // #1386 §6.3: desktop notifications for new "Needs you" items, in any panel, while this signed-in page is open.
   startNeedsNotifier({ open: (instance) => navigate(chatPath(instance)) });
   // #1665: this device's first upload of its own choices (once), then another device's changes at each status frame.

package/dist/ui/shared/fonts/README.md

@@ -8,7 +8,7 @@
   - The optical-size axis is fixed at its text size (`opsz=14`).
   - The font is subset to Latin, with the same range as `unicode-range` in `tokens.css`.
   - It is saved as WOFF2. About 44 KB, against 352 KB for the full variable font.
-- Chinese and other scripts fall back to the system fonts named in `--font-ui` (PingFang TC → Noto Sans TC → Microsoft JhengHei → the system stack).
+- Chinese and other scripts fall back to the system fonts named in `--font-ui` (PingFang TC → PingFang SC → Noto Sans TC → Noto Sans SC → Noto Sans CJK TC → Noto Sans CJK SC → Microsoft JhengHei → Microsoft YaHei → the system stack).
 
 Rebuilt with fontTools 4.59 (and `brotli` for WOFF2):
 

package/dist/ui/shared/instance-nav.js

@@ -10,7 +10,7 @@
 import { html, useLayoutEffect, useRef, useState } from "./app-html.js";
 import { t } from "./app-i18n.js";
 import { appStore, createStore, useStore } from "./app-store.js";
-import { chatPath, detailsPath, viewPath } from "./app-route.js";
+import { chatPath, detailsPath, logPath, viewPath } from "./app-route.js";
 import { Icon } from "./ui-icons.js";
 import { Skeleton } from "./ui-states.js";
 import { viewStore } from "./view-roster-store.js";
@@ -353,8 +353,9 @@ export function InstanceNav({ route, items, loaded = true, exec = {}, awaiting =
   // Where a row goes: the view the page is in (#1523 §3.1). View → View; Details, or a Fleet tab (Q4 = A), → Details;
   // everywhere else → Chat. The anonymous reader only ever has View.
   const rowPath = viewOnly || (route && route.panel === "view") ? viewPath
+    : route && route.panel === "log" ? logPath                                  // #1218: Log → Log
     : route && (route.panel === "details" || route.panel === "fleet") ? detailsPath : chatPath;
-  const active = route && (route.panel === "chat" || route.panel === "view" || route.panel === "details") ? route.instance : null;
+  const active = route && (route.panel === "chat" || route.panel === "view" || route.panel === "log" || route.panel === "details") ? route.instance : null;
   useLayoutEffect(() => { keepActiveInView(list.current); }, [active, items.length, loaded]);
   const own = (map, name) => Object.prototype.hasOwnProperty.call(map, name);
   const byName = new Map(items.map((it) => [nameOf(it), it]));
@@ -478,11 +479,13 @@ export function InstanceNav({ route, items, loaded = true, exec = {}, awaiting =
           onClick=${() => { setNavFilter({ q: "" }); filterRef.current && filterRef.current.focus(); }}><${Icon} name="close" size=${14} /></button>` : null}
       </label>
       <div class="nav-facets">
-        ${viewOnly ? null : chips("status", STATUS_FACETS, tn("filterStatus"), statusText)}
-        ${backends.length > 1 || f.cli.length ? chips("cli", backends, tn("filterCli"), backendLabel) : null}
-        ${f.status.length || f.cli.length ? html`<button type="button" class="chip-btn nav-facet-reset" onClick=${() => setNavFilter({ status: [], cli: [] })}>${tn("filterFacetsReset")}</button>` : null}
+        <div class="nav-facet-groups">
+          ${viewOnly ? null : chips("status", STATUS_FACETS, tn("filterStatus"), statusText)}
+          ${backends.length > 1 || f.cli.length ? chips("cli", backends, tn("filterCli"), backendLabel) : null}
+          ${f.status.length || f.cli.length ? html`<button type="button" class="chip-btn nav-facet-reset" onClick=${() => setNavFilter({ status: [], cli: [] })}>${tn("filterFacetsReset")}</button>` : null}
+        </div>
+        <p class="note nav-shown" aria-live="polite">${shown.shown} / ${shown.total}${shown.active ? ` ${tn("filterShown")}` : ""}</p>
       </div>
-      <p class="note" aria-live="polite">${shown.shown} / ${shown.total}${shown.active ? ` ${tn("filterShown")}` : ""}</p>
     </div>
   </div>`;
 }

package/dist/ui/shared/instance-switch.js

@@ -1,16 +1,16 @@
 // #1523 N2 (§3.2): the instance view switch — Chat | View | Details of ONE instance. Each segment is a link to that
 // view's URL for the same instance, so switching keeps the instance (and the sidebar, which is never remounted).
-// Desktop: links in the header; a phone: the same three as top tabs under it (app.css). The anonymous View reader
+// Desktop: links in the header; a phone: the same four as top tabs under it (app.css). The anonymous View reader
 // gets none (Chat and Details need a session): the caller does not render it there.
 import { html } from "./app-html.js";
 import { t } from "./app-i18n.js";
-import { chatPath, detailsPath, viewPath } from "./app-route.js";
+import { chatPath, detailsPath, logPath, viewPath } from "./app-route.js";
 
-/** current: "chat" | "view" | "details". */
+/** current: "chat" | "view" | "log" | "details". #1218: Log sits between View and Details. */
 export function InstanceSwitch({ name, current }) {
   const seg = (key, href, label) => html`<a key=${key} class=${`seg-item${current === key ? " active" : ""}`} href=${href}
     aria-current=${current === key ? "page" : undefined}>${label}</a>`;
   return html`<nav class="inst-switch seg" aria-label=${t("app.instanceViews", name)}>
-    ${seg("chat", chatPath(name), t("app.chat"))}${seg("view", viewPath(name), t("app.view"))}${seg("details", detailsPath(name), t("app.details"))}
+    ${seg("chat", chatPath(name), t("app.chat"))}${seg("view", viewPath(name), t("app.view"))}${seg("log", logPath(name), t("app.log"))}${seg("details", detailsPath(name), t("app.details"))}
   </nav>`;
 }

package/dist/ui/shared/tokens.css

@@ -22,7 +22,7 @@
 
 :root {
   /* ── Type ── */
-  --font-ui: Inter, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+  --font-ui: Inter, "PingFang TC", "PingFang SC", "Noto Sans TC", "Noto Sans SC", "Noto Sans CJK TC", "Noto Sans CJK SC", "Microsoft JhengHei", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
   --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
   --fs-xs: 12px;  --lh-xs: 16px;
   --fs-sm: 13px;  --lh-sm: 18px;

package/dist/web-api.d.ts

@@ -1,3 +1,4 @@
+import { type HumanOrigin } from "./human-delivery-receipts.js";
 import type { CachedImage } from "./web-images.js";
 import type { SettingsExecution } from "./settings-transaction.js";
 import type { PaneContextSource } from "./pane-context-cache.js";
@@ -106,6 +107,7 @@ export interface WebApiContext {
     sendClassicWebEcho?(instance: string, text: string): Promise<number>;
     /** false: definitely not delivered (the instance's IPC is gone, or it was restarted meanwhile). */
     deliverToInstance(instanceName: string, payload: Record<string, unknown>): Promise<boolean | void>;
+    deliverHumanToInstance?(instanceName: string, payload: Record<string, unknown>, origin: HumanOrigin, originalBody: string): Promise<boolean | void>;
     getUiStatus(): unknown;
     /** Current owned pane reader shared with status; absent means context is unavailable. */
     getPaneContextSource?(name: string): PaneContextSource | null;
@@ -146,6 +148,8 @@ export interface WebApiContext {
     needsYouItems?(): unknown[];
     /** #1389: the org chart's structure (fleet.yaml's teams, General, descriptions, thread links); absent: an empty chart. */
     orgChart?(): unknown;
+    /** #1218: an instance's Log steps, read on demand (null: no such instance; `{ enabled: false }`: the Log is off). */
+    logSteps?(name: string, q: import("./log-service.js").LogQuery): Promise<unknown>;
     /** #1468: the prompt-cache expiry analysis for a window ("24h" | "7d" | "30d"); absent: not offered. */
     cacheReport?(window: string): Promise<unknown>;
     /** #1269: an instance's chat command from the web chat (web-commands.ts); absent: not offered. */
@@ -251,6 +255,7 @@ export interface AppShellContext {
     readonly fleetConfig?: {
         web?: {
             usage_panel?: boolean;
+            log_tab?: boolean;
         };
     } | null;
     /** #1665: the host's theme and language go into the page itself, so a device paints them before any script reads. */

package/dist/web-api.js

@@ -1,3 +1,4 @@
+import { webHumanOrigin } from "./human-delivery-receipts.js";
 import { withSpawnHoldReply } from "./spawn-hold-reply.js";
 import { binaryProbe } from "./binary-probe.js";
 import { settingsRequestExecution, settingsWrite, isSettingsReplay } from "./settings-request-capability.js";
@@ -32,6 +33,7 @@ import { commitTeamCreate, commitTeamUpdate } from "./outbound-handlers.js";
 import { parseMentionQuery } from "./web-mentions.js";
 import { authorizeExplicitInstanceRemoval } from "./instance-removal.js";
 import { measureSyncWork } from "./sync-work-attribution.js";
+import { resolveTz } from "./tz-utils.js";
 // ── Strict public-facing schemas ────────────────────────────────────────────
 // web-api endpoints must reject unknown fields so the dashboard cannot inject
 // internal-only flags that would reach handleCreate/scheduler/config writers.
@@ -345,6 +347,45 @@ export function handleWebRequest(req, res, url, ctx) {
         json(res, 200, { messages: ctx.webChatHistory?.list(instance, limit) ?? [], boot: ctx.webChatHistory?.boot ?? null, lastId: ctx.webChatHistory?.lastId ?? 0 });
         return true;
     }
+    // ── #1218: the Log tab ─────────────────────────────────
+    // An instance's steps, read on demand from its own transcript (log-service.ts). Read-only, and offered on the public
+    // link on purpose (the user's decision): the same masking applies to every viewer. Passive (web-auth.ts).
+    if (method === "GET" && path === "/ui/steps") {
+        const p = url.searchParams;
+        const instance = p.get("instance") ?? "";
+        const num = (k) => {
+            const v = p.get(k);
+            if (v === null)
+                return undefined;
+            const n = Number(v);
+            return /^\d{1,15}$/.test(v) && Number.isSafeInteger(n) ? n : null;
+        };
+        const after = num("after"), before = num("before"), ev = num("ev"), limit = num("limit");
+        const key = p.get("key");
+        if (!instance || instance.length > 128 || after === null || before === null || ev === null || limit === null
+            || (limit !== undefined && (limit < 1 || limit > 200)) || (key !== null && !/^\d{1,20}-\d{1,20}$/.test(key))) {
+            json(res, 400, { error: "instance (1-128 chars); after, before, ev: offsets; limit 1-200; key: <dev>-<ino>" });
+            return true;
+        }
+        if (!ctx.logSteps) {
+            json(res, 404, { error: "not available" });
+            return true;
+        }
+        ctx.logSteps(instance, {
+            ...(after !== undefined ? { after } : {}), ...(before !== undefined ? { before } : {}), ...(ev !== undefined ? { ev } : {}),
+            ...(limit !== undefined ? { limit } : {}), ...(key !== null ? { key } : {}),
+            skip: p.get("skip") === "1", watch: p.get("watch") === "1",
+        }).then(answer => {
+            if (answer === null)
+                json(res, 404, { error: `Instance not found: ${instance}` });
+            else
+                json(res, 200, answer);
+        }).catch(err => {
+            ctx.logger.error({ err: err.message, instance }, "Log steps read failed");
+            json(res, 500, { error: "could not read the steps" });
+        });
+        return true;
+    }
     // ── Send message ───────────────────────────────────────
     if (method === "POST" && path === "/ui/send") {
         handleSendMessage(req, res, ctx);
@@ -1403,7 +1444,10 @@ function handleSendMessage(req, res, ctx) {
             }) : undefined;
             let delivered;
             try {
-                delivered = await ctx.deliverToInstance(instance, {
+                const deliver = (name, payload) => ctx.deliverHumanToInstance
+                    ? ctx.deliverHumanToInstance(name, payload, webHumanOrigin(), typed)
+                    : ctx.deliverToInstance(name, payload);
+                delivered = await deliver(instance, {
                     type: "fleet_inbound",
                     content: delivery.text,
                     targetSession: instance,
@@ -1607,6 +1651,10 @@ function shellBodyTag(req, ctx, mode) {
         + `${p?.detail ? ` data-preview-detail="${attr(p.detail)}"` : ""}`
         // #1523 N3: whether the fleet serves /api/ai-usage (web.usage_panel), for every page's ◔.
         + ` data-usage-panel="${ctx.fleetConfig?.web?.usage_panel === false ? "0" : "1"}"`
+        // #1218: whether the Log tab is on (web.log_tab; off by default): the tab says so and offers to turn it on.
+        + ` data-log-tab="${ctx.fleetConfig?.web?.log_tab === true ? "1" : "0"}"`
+        // #1770: the fleet's zone (chat-logs' and fleet.log's), in which the chat reads its message times and days.
+        + ` data-fleet-tz="${attr(resolveTz())}"`
         // #1589: the public link shows attachments as downloads only (no inline text or media): its scope is unchanged.
         + `${gatewayRequestContext(req) ? ' data-public-link="1"' : ""}>`;
 }