@legioncodeinc/hive 0.1.0

package/dist/dashboard/web/pages/lifecycle-panel.js

@@ -0,0 +1,187 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PRD-058d — the LIFECYCLE HEALTH panel on the Memories page (the operator surface for the four
+ * lifecycle engines: recency/activation 058a, conflicts 058b, stale-references 058c, calibration 058e).
+ *
+ * Renders, off the SHARED `wire` (never `createWireClient`), inside the existing Memories page:
+ *   - a store-level HEALTH summary: the aggregate health badge `H`, a freshness read, the open-conflict
+ *     count, the stale-ref count, and the calibration ECE (US-55d.2.1);
+ *   - the conflict QUEUE with a per-conflict RESOLVE action that calls the 058b
+ *     `POST /api/memories/conflicts/:id/resolve` endpoint and POLLS to convergence (US-55d.2.2 —
+ *     never a single immediate read-back, the DeepLake eventual-consistency rule);
+ *   - the stale-reference list + count (US-55d.2.1);
+ *   - the calibration view: the ECE/Brier + a reliability diagram from `GET /api/memories/calibration`
+ *     (the 058e introspection payload, US-55d.2.4).
+ *
+ * It REUSES the PRD-040 memories-page data-fetching (the same `wire`) and the PRD-029 degradation
+ * states (loading / empty / degraded). A term whose producing engine is OFF renders as INERT (the
+ * honest empty state), NOT as an error — calibration dormant shows "calibration dormant", an empty
+ * conflict queue shows "no open conflicts", and the health scalar degrades to the live terms (an
+ * install with every engine off reads `H = 1`, not a phantom demotion).
+ *
+ * Security: every value renders as ESCAPED React text (never `dangerouslySetInnerHTML`); no
+ * token/secret rides any list/badge/diagram line (the wire shapes carry none by construction). Every
+ * visual value is an existing `var(--…)` DS token.
+ */
+import React from "react";
+import { Badge, Button } from "../primitives.js";
+import { EMPTY_CALIBRATION } from "../wire.js";
+/** The poll-to-convergence budget for a resolve read-back (mirrors the page's re-read recipe). */
+const RESOLVE_POLL_ATTEMPTS = 6;
+const RESOLVE_POLL_DELAY_MS = 150;
+/** Sleep `ms` (the poll-until-convergence delay). */
+function sleep(ms) {
+    return new Promise((resolve) => setTimeout(resolve, ms));
+}
+/**
+ * Call a lifecycle wire method GUARDED against a thin/older wire that does not implement it: if the
+ * method is absent (or throws), degrade to `fallback` rather than crashing the panel. This mirrors the
+ * wire layer's "every read degrades to a safe value, never a throw into React" posture so a page that
+ * mounts the panel with a non-lifecycle wire (an out-of-scope suite, an older daemon shape) renders the
+ * inert state instead of an unhandled rejection. Pure delegation otherwise.
+ */
+async function readLifecycle(wire, method, fallback, ...args) {
+    const fn = wire[method];
+    if (typeof fn !== "function")
+        return fallback;
+    try {
+        return (await fn.apply(wire, args)) ?? fallback;
+    }
+    catch {
+        return fallback;
+    }
+}
+/** The shared surface card style (matches the page's panel rhythm). */
+const SURFACE = {
+    padding: 16,
+    background: "var(--bg-surface)",
+    border: "1px solid var(--border-default)",
+    borderRadius: "var(--radius-lg)",
+};
+/** A muted mono label → value stat tile for the health summary row. */
+function Stat({ label, value }) {
+    return (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 2, minWidth: 96 }, children: [_jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 10, color: "var(--text-tertiary)", textTransform: "uppercase", letterSpacing: "0.07em" }, children: label }), _jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 16, fontWeight: 600, color: "var(--text-primary)" }, children: value })] }));
+}
+/** The health badge tone by band: ≥0.66 verified, ≥0.33 honey, else warning. Pure. */
+export function healthTone(h) {
+    if (h >= 0.66)
+        return "verified";
+    if (h >= 0.33)
+        return "honey";
+    return "warning";
+}
+/**
+ * Assemble the store-level health scalar `H = A · C · (1 − σ) · κ` for the BADGE (058d read-side
+ * projection). Inputs come from the already-emitted aggregates: `freshness` (A), the calibration
+ * `1 − ece` proxy for trust (C — when calibration is dormant, identity 1), the stale-ref fraction
+ * (σ), and the open-conflict presence as a soft κ proxy. Each absent/dormant term is its IDENTITY,
+ * so the badge degrades to the live terms. Pure; bounded `[0,1]`.
+ */
+export function assembleStoreHealth(inputs) {
+    const clamp = (x, fallback) => {
+        if (x === undefined || !Number.isFinite(x))
+            return fallback;
+        return Math.min(1, Math.max(0, x));
+    };
+    return clamp(inputs.freshness, 1) * clamp(inputs.calibrationConfidence, 1) * (1 - clamp(inputs.staleness, 0)) * clamp(inputs.kappa, 1);
+}
+/**
+ * Render the freshness (`A`) stat value: the bounded score when a read-side activation/freshness
+ * aggregate is available, else the inert dash (the wire carries no per-store `A` today, so freshness
+ * is dormant, NOT calibrated confidence mislabeled). Kept as a small pure helper so the freshness term
+ * threads cleanly the day the wire surfaces an `A` aggregate. Pure.
+ */
+export function freshnessLabel(freshness) {
+    return freshness !== undefined && Number.isFinite(freshness) ? Math.min(1, Math.max(0, freshness)).toFixed(2) : "—";
+}
+/** One reliability-diagram row rendered as a horizontal bar (predicted vs the diagonal). */
+function ReliabilityRow({ lower, upper, accuracy }) {
+    const pct = Math.round(Math.min(1, Math.max(0, accuracy)) * 100);
+    return (_jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [_jsxs("span", { style: { fontFamily: "var(--font-mono)", fontSize: 10, color: "var(--text-tertiary)", minWidth: 64 }, children: [lower.toFixed(2), "\u2013", upper.toFixed(2)] }), _jsx("div", { style: { flex: 1, height: 8, background: "var(--bg-subtle)", borderRadius: 4, overflow: "hidden" }, children: _jsx("div", { style: { width: `${pct}%`, height: "100%", background: "var(--honey)" } }) }), _jsxs("span", { style: { fontFamily: "var(--font-mono)", fontSize: 10, color: "var(--text-secondary)", minWidth: 32, textAlign: "right" }, children: [pct, "%"] })] }));
+}
+/** The conflict resolve verdict choices the dashboard offers (mirrors the daemon's safe-default order). */
+const RESOLVE_VERDICTS = ["review", "supersede", "keep-both"];
+/** One conflict row with an inline resolve control (calls the 058b endpoint, polls to convergence). */
+function ConflictRow({ conflict, onResolve, }) {
+    const [verdict, setVerdict] = React.useState("review");
+    const [winner, setWinner] = React.useState(conflict.memoryAId);
+    const [busy, setBusy] = React.useState(false);
+    const submit = async () => {
+        if (busy)
+            return;
+        setBusy(true);
+        // supersede REQUIRES a winner (the daemon 400s otherwise); the picker defaults to side A.
+        await onResolve(conflict.id, verdict, verdict === "supersede" ? winner : "");
+        setBusy(false);
+    };
+    return (_jsxs("div", { "data-testid": "conflict-row", "data-conflict-id": conflict.id, style: { display: "flex", flexDirection: "column", gap: 8, padding: "10px 12px", background: "var(--bg-elevated)", border: "1px solid var(--border-default)", borderRadius: "var(--radius-md)" }, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap" }, children: [_jsx(Badge, { tone: "warning", mono: true, dot: true, children: conflict.status || "open" }), _jsxs("span", { style: { fontFamily: "var(--font-mono)", fontSize: 12, color: "var(--text-secondary)", wordBreak: "break-all" }, children: [conflict.memoryAId, " \u21C4 ", conflict.memoryBId] })] }), _jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center", flexWrap: "wrap" }, children: [_jsx("select", { "aria-label": "verdict", value: verdict, onChange: (e) => setVerdict(e.target.value), style: { height: 32, padding: "0 8px", background: "var(--bg-surface)", border: "1px solid var(--border-default)", borderRadius: "var(--radius-md)", color: "var(--text-primary)", fontFamily: "var(--font-mono)", fontSize: 12 }, children: RESOLVE_VERDICTS.map((v) => (_jsx("option", { value: v, children: v }, v))) }), verdict === "supersede" && (_jsxs("select", { "aria-label": "winner", value: winner, onChange: (e) => setWinner(e.target.value), style: { height: 32, padding: "0 8px", background: "var(--bg-surface)", border: "1px solid var(--border-default)", borderRadius: "var(--radius-md)", color: "var(--text-primary)", fontFamily: "var(--font-mono)", fontSize: 12, maxWidth: 180 }, children: [_jsxs("option", { value: conflict.memoryAId, children: ["winner: ", conflict.memoryAId] }), _jsxs("option", { value: conflict.memoryBId, children: ["winner: ", conflict.memoryBId] })] })), _jsx(Button, { variant: "secondary", size: "sm", onClick: () => void submit(), disabled: busy, children: busy ? "…" : "Resolve" })] })] }));
+}
+/**
+ * The Lifecycle HEALTH panel (058d). Hydrates the conflict queue, the stale-ref list, and the
+ * calibration introspection on mount; resolves a conflict through the 058b endpoint and POLLS the
+ * queue to convergence (the resolved conflict drops out of the `open` list). Every read degrades to
+ * an honest empty/inert state on failure (PRD-029), never a throw.
+ */
+export function LifecycleHealthPanel({ wire }) {
+    const [conflicts, setConflicts] = React.useState([]);
+    const [staleRefs, setStaleRefs] = React.useState([]);
+    const [calibration, setCalibration] = React.useState(EMPTY_CALIBRATION);
+    const [hydrated, setHydrated] = React.useState(false);
+    const reloadConflicts = React.useCallback(async () => {
+        const rows = await readLifecycle(wire, "lifecycleConflicts", [], "open");
+        setConflicts(rows);
+        return rows;
+    }, [wire]);
+    // US-55d.2.1: hydrate the three lifecycle reads on mount (the same `wire` the page already uses).
+    // Each call is GUARDED against a thin/older wire that does not implement the method (degrade to the
+    // empty value, never an unhandled rejection — the wire layer's "degrade, never throw" posture).
+    React.useEffect(() => {
+        let alive = true;
+        void (async () => {
+            const [c, s, cal] = await Promise.all([
+                readLifecycle(wire, "lifecycleConflicts", [], "open"),
+                readLifecycle(wire, "lifecycleStaleRefs", []),
+                readLifecycle(wire, "calibration", EMPTY_CALIBRATION),
+            ]);
+            if (!alive)
+                return;
+            setConflicts(c);
+            setStaleRefs(s);
+            setCalibration(cal);
+            setHydrated(true);
+        })();
+        return () => {
+            alive = false;
+        };
+    }, [wire]);
+    // US-55d.2.2: resolve through the 058b endpoint, then POLL the open queue to convergence (the
+    // resolved conflict drops out). Never a single immediate read-back — the DeepLake consistency rule.
+    const onResolve = React.useCallback(async (id, verdict, winnerId) => {
+        const ok = typeof wire.resolveConflict === "function"
+            ? await wire.resolveConflict(id, { verdict, ...(winnerId !== "" ? { winnerId } : {}) })
+            : false;
+        if (!ok) {
+            // Honest failure: re-read so the row reflects the persisted (unchanged) state, no optimistic drop.
+            await reloadConflicts();
+            return;
+        }
+        for (let attempt = 0; attempt < RESOLVE_POLL_ATTEMPTS; attempt += 1) {
+            const rows = await reloadConflicts();
+            if (!rows.some((c) => c.id === id))
+                return; // converged: the resolved conflict left the open queue.
+            await sleep(RESOLVE_POLL_DELAY_MS);
+        }
+    }, [wire, reloadConflicts]);
+    // The store-level health badge `H = A · C · (1 − σ) · κ` (058d read-side projection). Each dormant
+    // term is its IDENTITY. The wire feeds this panel conflicts (κ), stale refs (σ), and calibration (C)
+    // only; it carries NO per-store freshness/activation aggregate (A), so A is genuinely UNAVAILABLE
+    // here: it stays `undefined` (→ identity 1 in `assembleStoreHealth`) and the freshness Stat renders
+    // INERT ("—") rather than mislabeling C as freshness. C (calibrated confidence) gets its OWN row.
+    const freshness = undefined; // A: no read-side store freshness aggregate on the wire (058d).
+    const staleness = staleRefs.length > 0 ? Math.min(1, staleRefs.length / Math.max(staleRefs.length, 8)) : 0;
+    const calibrationConfidence = calibration.identity ? 1 : Math.max(0, 1 - calibration.ece);
+    const kappa = conflicts.length > 0 ? 0.5 : 1;
+    const health = assembleStoreHealth({ freshness, calibrationConfidence, staleness, kappa });
+    return (_jsxs("div", { "data-testid": "lifecycle-panel", style: { ...SURFACE, display: "flex", flexDirection: "column", gap: 16 }, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10 }, children: [_jsx("div", { style: { fontSize: 14, fontWeight: 600, color: "var(--text-primary)" }, children: "Memory health" }), _jsx(Badge, { tone: healthTone(health), mono: true, dot: true, children: _jsxs("span", { "data-testid": "health-badge", children: ["H ", health.toFixed(2)] }) })] }), _jsxs("div", { style: { display: "flex", gap: 18, flexWrap: "wrap" }, children: [_jsx(Stat, { label: "freshness", value: freshnessLabel(freshness) }), _jsx(Stat, { label: "calibrated confidence", value: calibration.identity ? "—" : calibrationConfidence.toFixed(2) }), _jsx(Stat, { label: "open conflicts", value: String(conflicts.length) }), _jsx(Stat, { label: "stale refs", value: String(staleRefs.length) }), _jsx(Stat, { label: "ECE", value: calibration.identity ? "dormant" : calibration.ece.toFixed(3) })] }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [_jsxs("div", { style: { fontFamily: "var(--font-mono)", fontSize: 11, color: "var(--text-tertiary)", textTransform: "uppercase", letterSpacing: "0.07em" }, children: ["Conflicts (", conflicts.length, ")"] }), !hydrated ? (_jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 12, color: "var(--text-tertiary)" }, children: "loading\u2026" })) : conflicts.length === 0 ? (_jsx("span", { "data-testid": "conflicts-empty", style: { fontFamily: "var(--font-mono)", fontSize: 12, color: "var(--text-tertiary)" }, children: "no open conflicts." })) : (conflicts.map((c) => _jsx(ConflictRow, { conflict: c, onResolve: onResolve }, c.id)))] }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [_jsxs("div", { style: { fontFamily: "var(--font-mono)", fontSize: 11, color: "var(--text-tertiary)", textTransform: "uppercase", letterSpacing: "0.07em" }, children: ["Stale references (", staleRefs.length, ")"] }), !hydrated ? (_jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 12, color: "var(--text-tertiary)" }, children: "loading\u2026" })) : staleRefs.length === 0 ? (_jsx("span", { "data-testid": "stale-refs-empty", style: { fontFamily: "var(--font-mono)", fontSize: 12, color: "var(--text-tertiary)" }, children: "no stale references." })) : (staleRefs.map((r) => (_jsxs("div", { "data-testid": "stale-ref-row", style: { display: "flex", gap: 8, fontFamily: "var(--font-mono)", fontSize: 12, color: "var(--text-secondary)" }, children: [_jsx("span", { style: { color: "var(--honey)", wordBreak: "break-all" }, children: r.memoryId }), _jsx("span", { style: { color: "var(--text-tertiary)" }, children: r.staleRefs.length > 0 ? r.staleRefs.join(", ") : "(refs unrecorded)" })] }, r.memoryId))))] }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [_jsx("div", { style: { fontFamily: "var(--font-mono)", fontSize: 11, color: "var(--text-tertiary)", textTransform: "uppercase", letterSpacing: "0.07em" }, children: "Calibration" }), calibration.identity ? (_jsx("span", { "data-testid": "calibration-dormant", style: { fontFamily: "var(--font-mono)", fontSize: 12, color: "var(--text-tertiary)" }, children: "calibration dormant \u2014 confidence weighting (c) stays 0 until the curve is fit." })) : (_jsxs("div", { "data-testid": "calibration-view", style: { display: "flex", flexDirection: "column", gap: 8 }, children: [_jsxs("div", { style: { display: "flex", gap: 18, flexWrap: "wrap" }, children: [_jsx(Stat, { label: "ECE", value: calibration.ece.toFixed(3) }), _jsx(Stat, { label: "Brier", value: calibration.brier.toFixed(3) }), _jsx(Stat, { label: "samples", value: String(calibration.nSamples) })] }), _jsx("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: calibration.reliabilityDiagram.map((b) => (_jsx(ReliabilityRow, { lower: b.lower, upper: b.upper, accuracy: b.accuracy }, `${b.lower}-${b.upper}`))) })] }))] })] }));
+}
+//# sourceMappingURL=lifecycle-panel.js.map

package/dist/dashboard/web/pages/lifecycle-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecycle-panel.js","sourceRoot":"","sources":["../../../../src/dashboard/web/pages/lifecycle-panel.tsx"],"names":[],"mappings":"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"}

package/dist/dashboard/web/pages/logs.d.ts

@@ -0,0 +1,55 @@
+/**
+ * The LOGS page — PRD-043 (durable history + live tail + browsable Turns drill-down).
+ *
+ * Mounted at the PRD-037 `#/logs` slot (replacing the `ComingSoon` placeholder). ONE page, three
+ * mutually-referential surfaces over the INJECTED `wire` (never `createWireClient`):
+ *
+ *   043b — REQUEST-LOG view (the default tab):
+ *     · LIVE TAIL (collapsible, on TOP — OQ-2 stacked) reusing the existing `/api/logs/stream` SSE
+ *       follow (`wire.logsStream`, shared with the Sync activity feed — D-2, not re-implemented).
+ *     · HISTORY TABLE (below) fed by the durable `/api/logs/history` (`wire.logsHistory`), with
+ *       filter controls (time range · status/level incl. a `5xx` class · path exact/prefix ·
+ *       harness/org) that refetch page one, plus cursor pagination ("load more", no dup/gap rows).
+ *     · The live tail + history SHARE ONE `LogRow` renderer so they never drift (D-1). They are kept
+ *       visually SEPARATE and NOT de-duped across each other (D-1 / OQ-3).
+ *
+ *   043c — TURNS view (a tab on the SAME page):
+ *     · A browsable list of captured turns (newest first) read from DeepLake via the existing
+ *       `fetchSessionsView` path (`wire.turnsHistory` → `/api/diagnostics/sessions`, NOT SQLite — D-2),
+ *       with cursor pagination, and DRILL-DOWN to a single turn's metadata + back.
+ *     · Every user-facing string says "Turns"/"turn" (PRD-035a — grep-proven, AC-4). METADATA ONLY:
+ *       never a transcript/body/JSONB/secret (D-4 / AC-5).
+ *
+ * Status renders as a LEVEL via existing Badge tones (2xx ok / 4xx warn / 5xx critical) — no new
+ * color ramp (D-4). Every visual value is an existing DS token + an existing primitive
+ * (`Badge`/`Button`/`Panel`/`PageFrame`). NO new dependency, NO CDN React, NO secret on screen (D-5).
+ */
+import React from "react";
+import { type BadgeTone } from "../primitives.js";
+import type { PageProps } from "../page-frame.js";
+import { type LogRecordWire } from "../wire.js";
+/** Map an HTTP status code to a DS Badge tone — the log-level color language (D-4, no new ramp). */
+export declare function statusTone(status: number): BadgeTone;
+/**
+ * One request-log row (D-1 — the SINGLE renderer shared by the live tail + the history table, so
+ * the two never drift). Columns: time · method + path · status (as a level badge) · duration ·
+ * harness/org. Every field comes from a secret-free `LogRecordWire` (D-5) — no header/token/body.
+ */
+export declare function LogRow({ record, live }: {
+    record: LogRecordWire;
+    live?: boolean;
+}): React.JSX.Element;
+/**
+ * Append one SSE-tailed record to the live buffer (newest FIRST), capped (D-1 — shares the LogRow
+ * renderer with the history table). Pure + exported so the page test drives the follow handler
+ * deterministically (inject a record, assert it lands) without a live EventSource.
+ */
+export declare function appendLiveRecord(buffer: readonly LogRecordWire[], record: LogRecordWire): readonly LogRecordWire[];
+/**
+ * The Logs page (043b + 043c). Hydrates the durable history + the live tail (request log) and the
+ * browsable Turns history (DeepLake) over the shared `wire`. A tab switches between the two
+ * surfaces; within Requests, the live tail (collapsible, top) + the filtered/paginated history
+ * (below) stack. All hydration is fetch-on-mount + explicit refetch (filters/load-more) — the live
+ * tail follows the SSE stream (no poll). Loading/empty/error states are explicit everywhere.
+ */
+export declare function LogsPage({ wire, daemonUp }: PageProps): React.JSX.Element;

package/dist/dashboard/web/pages/logs.js

@@ -0,0 +1,311 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * The LOGS page — PRD-043 (durable history + live tail + browsable Turns drill-down).
+ *
+ * Mounted at the PRD-037 `#/logs` slot (replacing the `ComingSoon` placeholder). ONE page, three
+ * mutually-referential surfaces over the INJECTED `wire` (never `createWireClient`):
+ *
+ *   043b — REQUEST-LOG view (the default tab):
+ *     · LIVE TAIL (collapsible, on TOP — OQ-2 stacked) reusing the existing `/api/logs/stream` SSE
+ *       follow (`wire.logsStream`, shared with the Sync activity feed — D-2, not re-implemented).
+ *     · HISTORY TABLE (below) fed by the durable `/api/logs/history` (`wire.logsHistory`), with
+ *       filter controls (time range · status/level incl. a `5xx` class · path exact/prefix ·
+ *       harness/org) that refetch page one, plus cursor pagination ("load more", no dup/gap rows).
+ *     · The live tail + history SHARE ONE `LogRow` renderer so they never drift (D-1). They are kept
+ *       visually SEPARATE and NOT de-duped across each other (D-1 / OQ-3).
+ *
+ *   043c — TURNS view (a tab on the SAME page):
+ *     · A browsable list of captured turns (newest first) read from DeepLake via the existing
+ *       `fetchSessionsView` path (`wire.turnsHistory` → `/api/diagnostics/sessions`, NOT SQLite — D-2),
+ *       with cursor pagination, and DRILL-DOWN to a single turn's metadata + back.
+ *     · Every user-facing string says "Turns"/"turn" (PRD-035a — grep-proven, AC-4). METADATA ONLY:
+ *       never a transcript/body/JSONB/secret (D-4 / AC-5).
+ *
+ * Status renders as a LEVEL via existing Badge tones (2xx ok / 4xx warn / 5xx critical) — no new
+ * color ramp (D-4). Every visual value is an existing DS token + an existing primitive
+ * (`Badge`/`Button`/`Panel`/`PageFrame`). NO new dependency, NO CDN React, NO secret on screen (D-5).
+ */
+import React from "react";
+import { Badge, Button, Input } from "../primitives.js";
+import { Panel } from "../panels.js";
+import { PageFrame } from "../page-frame.js";
+import { EMPTY_LOGS_HISTORY, } from "../wire.js";
+/** How many live-tail rows the collapsible feed keeps (the SSE-followed buffer cap). */
+const MAX_LIVE_LINES = 30;
+/** The default history page size the table requests (the daemon clamps to MAX_HISTORY_LIMIT). */
+const HISTORY_PAGE_SIZE = 50;
+/** The default turns page size the Turns list requests. */
+const TURNS_PAGE_SIZE = 50;
+// ─────────────────────────────────────────────────────────────────────────────
+// Status → DS tone (D-4): 2xx ok · 4xx warn · 5xx critical · other neutral.
+// ─────────────────────────────────────────────────────────────────────────────
+/** Map an HTTP status code to a DS Badge tone — the log-level color language (D-4, no new ramp). */
+export function statusTone(status) {
+    if (status >= 500)
+        return "critical";
+    if (status >= 400)
+        return "warning";
+    if (status >= 200 && status < 300)
+        return "verified";
+    return "neutral";
+}
+/** Short, secret-free time-of-day from an ISO timestamp (HH:MM:SS), matching `formatLogLine`. */
+function shortTime(iso) {
+    return (iso || "").slice(11, 19) || (iso || "").slice(0, 8);
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// The SHARED row renderer (D-1) — used by BOTH the live tail and the history table.
+// ─────────────────────────────────────────────────────────────────────────────
+/**
+ * One request-log row (D-1 — the SINGLE renderer shared by the live tail + the history table, so
+ * the two never drift). Columns: time · method + path · status (as a level badge) · duration ·
+ * harness/org. Every field comes from a secret-free `LogRecordWire` (D-5) — no header/token/body.
+ */
+export function LogRow({ record, live }) {
+    const status = record.status;
+    const org = record.org ?? "";
+    const duration = record.durationMs;
+    return (_jsxs("div", { "data-testid": "log-row", style: {
+            display: "grid",
+            gridTemplateColumns: "76px 64px 1fr auto auto auto",
+            alignItems: "center",
+            gap: 12,
+            padding: "8px 6px",
+            borderTop: "1px solid var(--border-subtle)",
+        }, children: [_jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 12, color: live ? "var(--text-primary)" : "var(--text-tertiary)" }, children: shortTime(record.time) }), _jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 12, fontWeight: 600, color: "var(--text-secondary)" }, children: record.method }), _jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 13, color: "var(--text-primary)", whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" }, title: record.path, children: record.path }), _jsx(Badge, { tone: statusTone(status), mono: true, children: status > 0 ? status : "—" }), _jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 11, color: "var(--text-tertiary)", textAlign: "right", minWidth: 48 }, children: typeof duration === "number" ? `${Math.round(duration)}ms` : "" }), _jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 11, color: "var(--text-tertiary)", textAlign: "right", minWidth: 60 }, children: org })] }));
+}
+/** The table header row (mirrors the LogRow grid so columns line up). */
+function LogTableHeader() {
+    const cell = (label, align = "left") => (_jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 10, textTransform: "uppercase", letterSpacing: "0.06em", color: "var(--text-tertiary)", textAlign: align }, children: label }));
+    return (_jsxs("div", { style: { display: "grid", gridTemplateColumns: "76px 64px 1fr auto auto auto", alignItems: "center", gap: 12, padding: "4px 6px 8px" }, children: [cell("time"), cell("method"), cell("path"), cell("status"), cell("dur", "right"), cell("org", "right")] }));
+}
+/** The empty filter state — an unfiltered newest page. */
+const EMPTY_FILTERS = { since: "", until: "", status: "", path: "", org: "" };
+/** Map the editable filter state to the wire filters (omitting empties so the daemon defaults). */
+function toWireFilters(state) {
+    const f = { limit: HISTORY_PAGE_SIZE };
+    if (state.since !== "")
+        f.since = state.since;
+    if (state.until !== "")
+        f.until = state.until;
+    if (state.status !== "")
+        f.status = state.status;
+    if (state.path !== "")
+        f.path = state.path;
+    if (state.org !== "")
+        f.org = state.org;
+    return f;
+}
+/** A labeled filter input (mono, compact) reusing the DS `Input` primitive. */
+function FilterField({ label, value, placeholder, onChange, testid, }) {
+    return (_jsxs("label", { style: { display: "flex", flexDirection: "column", gap: 4, minWidth: 130, flex: "1 1 130px" }, children: [_jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 10, textTransform: "uppercase", letterSpacing: "0.06em", color: "var(--text-tertiary)" }, children: label }), _jsx(Input, { mono: true, size: "sm", value: value, placeholder: placeholder, onChange: (e) => onChange(e.target.value), "data-testid": testid })] }));
+}
+/** The filter bar (FR-2): time range · status/level · path · harness/org + Apply / Clear. */
+function FilterBar({ draft, onChangeField, onApply, onClear, }) {
+    return (_jsx(Panel, { title: "Filters", eyebrow: "time \u00B7 status \u00B7 path \u00B7 harness", children: _jsxs("div", { style: { display: "flex", flexWrap: "wrap", gap: 12, alignItems: "flex-end" }, children: [_jsx(FilterField, { label: "since (ISO)", value: draft.since, placeholder: "2026-06-22T00:00:00Z", onChange: (v) => onChangeField("since", v), testid: "filter-since" }), _jsx(FilterField, { label: "until (ISO)", value: draft.until, placeholder: "2026-06-22T23:59:59Z", onChange: (v) => onChangeField("until", v), testid: "filter-until" }), _jsx(FilterField, { label: "status / level", value: draft.status, placeholder: "5xx or 404", onChange: (v) => onChangeField("status", v), testid: "filter-status" }), _jsx(FilterField, { label: "path", value: draft.path, placeholder: "/api/memories", onChange: (v) => onChangeField("path", v), testid: "filter-path" }), _jsx(FilterField, { label: "harness / org", value: draft.org, placeholder: "org id", onChange: (v) => onChangeField("org", v), testid: "filter-org" }), _jsxs("div", { style: { display: "flex", gap: 8 }, children: [_jsx(Button, { variant: "primary", size: "sm", "data-testid": "filter-apply", onClick: onApply, children: "Apply" }), _jsx(Button, { variant: "ghost", size: "sm", "data-testid": "filter-clear", onClick: onClear, children: "Clear" })] })] }) }));
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// 043b — the live tail (collapsible, on TOP — OQ-2 stacked) + the history table.
+// ─────────────────────────────────────────────────────────────────────────────
+/**
+ * Append one SSE-tailed record to the live buffer (newest FIRST), capped (D-1 — shares the LogRow
+ * renderer with the history table). Pure + exported so the page test drives the follow handler
+ * deterministically (inject a record, assert it lands) without a live EventSource.
+ */
+export function appendLiveRecord(buffer, record) {
+    const next = [record, ...buffer];
+    return next.length > MAX_LIVE_LINES ? next.slice(0, MAX_LIVE_LINES) : next;
+}
+/** The collapsible live-tail section (reuses the SSE follow; newest first; shares LogRow). */
+function LiveTail({ records, open, onToggle }) {
+    return (_jsx(Panel, { title: "Live tail", eyebrow: `${records.length} streaming`, right: _jsx("button", { type: "button", "data-testid": "live-toggle", "aria-expanded": open, onClick: onToggle, style: { background: "transparent", border: "1px solid var(--border-default)", borderRadius: "var(--radius-md)", color: "var(--text-secondary)", fontFamily: "var(--font-mono)", fontSize: 11, padding: "4px 10px", cursor: "pointer" }, children: open ? "collapse" : "expand" }), children: open ? (records.length === 0 ? (_jsx("div", { "data-testid": "live-empty", style: { padding: "12px 4px", fontSize: 13, color: "var(--text-tertiary)", fontFamily: "var(--font-mono)" }, children: "waiting for daemon activity\u2026" })) : (_jsx("div", { "data-testid": "live-list", children: records.map((r, i) => (_jsx(LogRow, { record: r, live: true }, `${r.time}-${r.path}-${i}`))) }))) : (_jsx("div", { style: { padding: "4px", fontSize: 12, color: "var(--text-tertiary)", fontFamily: "var(--font-mono)" }, children: "live tail collapsed" })) }));
+}
+/** The durable history table (FR-1/FR-3): filtered, paginated, newest first; shares LogRow. */
+function HistoryTable({ page, loading, error, onLoadMore, }) {
+    return (_jsx(Panel, { title: "History", eyebrow: page.persistent ? `${page.count} on this page` : "history unavailable", children: error ? (_jsx("div", { "data-testid": "history-error", style: { padding: "12px 4px", fontSize: 13, color: "var(--severity-critical)", fontFamily: "var(--font-mono)" }, children: "Could not load log history." })) : loading && page.records.length === 0 ? (_jsx("div", { "data-testid": "history-loading", style: { padding: "12px 4px", fontSize: 13, color: "var(--text-tertiary)", fontFamily: "var(--font-mono)" }, children: "loading\u2026" })) : !page.persistent ? (_jsx("div", { "data-testid": "history-unavailable", style: { padding: "12px 4px", fontSize: 13, color: "var(--text-tertiary)" }, children: "Durable log history is unavailable on this daemon. Live tail above still streams current activity." })) : page.records.length === 0 ? (_jsx("div", { "data-testid": "history-empty", style: { padding: "12px 4px", fontSize: 13, color: "var(--text-tertiary)" }, children: "No logs match these filters." })) : (_jsxs(_Fragment, { children: [_jsx(LogTableHeader, {}), _jsx("div", { "data-testid": "history-list", children: page.records.map((r, i) => (_jsx(LogRow, { record: r }, `${r.time}-${r.path}-${r.status}-${i}`))) }), page.nextCursor !== null && (_jsx("div", { style: { display: "flex", justifyContent: "center", marginTop: 12 }, children: _jsx(Button, { variant: "secondary", size: "sm", disabled: loading, "data-testid": "history-load-more", onClick: onLoadMore, children: loading ? "loading…" : "Load more" }) }))] })) }));
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// 043c — the Turns section: browsable list + drill-down (labeled "Turns" — AC-4).
+// ─────────────────────────────────────────────────────────────────────────────
+/** A presentation-safe key/value row in the turn-detail panel (METADATA ONLY — D-4 / AC-5). */
+function TurnDetailRow({ label, children }) {
+    return (_jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12, padding: "8px 6px", borderTop: "1px solid var(--border-subtle)" }, children: [_jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 12, color: "var(--text-tertiary)", minWidth: 120 }, children: label }), _jsx("span", { style: { flex: 1 } }), _jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 13, color: "var(--text-primary)", textAlign: "right", wordBreak: "break-word" }, children: children })] }));
+}
+/**
+ * One turn's drill-down detail (FR-2 — harness, project, timestamp, event count, status, turn id),
+ * with a Back control. METADATA ONLY: it renders NO transcript/body/JSONB/secret (D-4 / AC-5).
+ */
+function TurnDetail({ turn, onBack }) {
+    return (_jsx(Panel, { title: "Turn detail", eyebrow: turn.sessionId, right: _jsx(Button, { variant: "ghost", size: "sm", "data-testid": "turn-back", onClick: onBack, children: "\u2039 Back" }), children: _jsxs("div", { "data-testid": "turn-detail", children: [_jsx(TurnDetailRow, { label: "turn id", children: turn.sessionId || "—" }), _jsx(TurnDetailRow, { label: "project", children: turn.project || "—" }), _jsx(TurnDetailRow, { label: "timestamp", children: turn.startedAt || "—" }), _jsx(TurnDetailRow, { label: "event count", children: turn.eventCount }), _jsx(TurnDetailRow, { label: "status", children: _jsx(Badge, { tone: turn.status === "summarized" ? "verified" : "neutral", mono: true, children: turn.status }) })] }) }));
+}
+/** One row in the Turns list (click opens the drill-down detail). */
+function TurnRow({ turn, onOpen }) {
+    return (_jsxs("button", { type: "button", "data-testid": `turn-row-${turn.sessionId}`, onClick: () => onOpen(turn), style: {
+            display: "grid",
+            gridTemplateColumns: "96px 1fr auto auto",
+            alignItems: "center",
+            gap: 12,
+            width: "100%",
+            padding: "10px 6px",
+            borderTop: "1px solid var(--border-subtle)",
+            background: "transparent",
+            border: "none",
+            borderTopColor: "var(--border-subtle)",
+            cursor: "pointer",
+            textAlign: "left",
+        }, children: [_jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 13, fontWeight: 600, color: "var(--honey)", whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" }, children: turn.sessionId }), _jsx("span", { style: { fontSize: 13, color: "var(--text-secondary)", whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" }, children: turn.project }), _jsxs("span", { style: { fontFamily: "var(--font-mono)", fontSize: 12, color: "var(--text-tertiary)" }, children: [turn.startedAt, turn.eventCount > 0 ? ` · ${turn.eventCount}e` : ""] }), _jsx(Badge, { tone: turn.status === "summarized" ? "verified" : "neutral", mono: true, children: turn.status })] }));
+}
+/** The Turns list (FR-1 — captured turns, newest first, labeled "Turns") + cursor pagination. */
+function TurnsList({ turns, loading, error, hasMore, onOpen, onLoadMore, }) {
+    return (_jsx(Panel, { title: "Turns", eyebrow: `${turns.length} captured`, children: error ? (_jsx("div", { "data-testid": "turns-error", style: { padding: "12px 4px", fontSize: 13, color: "var(--severity-critical)", fontFamily: "var(--font-mono)" }, children: "Could not load turns." })) : loading && turns.length === 0 ? (_jsx("div", { "data-testid": "turns-loading", style: { padding: "12px 4px", fontSize: 13, color: "var(--text-tertiary)", fontFamily: "var(--font-mono)" }, children: "loading\u2026" })) : turns.length === 0 ? (_jsx("div", { "data-testid": "turns-empty", style: { padding: "12px 4px", fontSize: 13, color: "var(--text-tertiary)" }, children: "No turns captured yet." })) : (_jsxs(_Fragment, { children: [_jsx("div", { "data-testid": "turns-list", children: turns.map((t, i) => (_jsx(TurnRow, { turn: t, onOpen: onOpen }, t.sessionId || i))) }), hasMore && (_jsx("div", { style: { display: "flex", justifyContent: "center", marginTop: 12 }, children: _jsx(Button, { variant: "secondary", size: "sm", disabled: loading, "data-testid": "turns-load-more", onClick: onLoadMore, children: loading ? "loading…" : "Load more" }) }))] })) }));
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// The routed page.
+// ─────────────────────────────────────────────────────────────────────────────
+/** A tab button for the Requests / Turns switch (mono pill, honey when active — mirrors Sync). */
+function TabButton({ label, active, onClick, testid }) {
+    return (_jsx("button", { type: "button", "data-testid": testid, "aria-pressed": active, onClick: onClick, style: {
+            display: "inline-flex",
+            alignItems: "center",
+            gap: 8,
+            height: 34,
+            padding: "0 14px",
+            background: active ? "var(--honey-subtle)" : "var(--bg-elevated)",
+            border: `1px solid ${active ? "var(--honey-border)" : "var(--border-default)"}`,
+            borderRadius: "var(--radius-full)",
+            color: active ? "var(--honey)" : "var(--text-secondary)",
+            fontFamily: "var(--font-sans)",
+            fontSize: 13,
+            fontWeight: 600,
+            cursor: "pointer",
+        }, children: label }));
+}
+/**
+ * The Logs page (043b + 043c). Hydrates the durable history + the live tail (request log) and the
+ * browsable Turns history (DeepLake) over the shared `wire`. A tab switches between the two
+ * surfaces; within Requests, the live tail (collapsible, top) + the filtered/paginated history
+ * (below) stack. All hydration is fetch-on-mount + explicit refetch (filters/load-more) — the live
+ * tail follows the SSE stream (no poll). Loading/empty/error states are explicit everywhere.
+ */
+export function LogsPage({ wire, daemonUp }) {
+    const [tab, setTab] = React.useState("requests");
+    // ── 043b: the request-log history (durable) + filters + pagination. ──
+    const [history, setHistory] = React.useState(EMPTY_LOGS_HISTORY);
+    const [appliedFilters, setAppliedFilters] = React.useState(EMPTY_FILTERS);
+    const [draftFilters, setDraftFilters] = React.useState(EMPTY_FILTERS);
+    const [historyLoading, setHistoryLoading] = React.useState(false);
+    const [historyError, setHistoryError] = React.useState(false);
+    // ── 043b: the live tail (SSE follow — no poll). ──
+    const [liveRecords, setLiveRecords] = React.useState([]);
+    const [liveOpen, setLiveOpen] = React.useState(true);
+    // ── 043c: the browsable Turns history + drill-down. ──
+    const [turns, setTurns] = React.useState([]);
+    const [turnsCursor, setTurnsCursor] = React.useState(null);
+    const [turnsLoading, setTurnsLoading] = React.useState(false);
+    const [turnsError, setTurnsError] = React.useState(false);
+    const [selectedTurn, setSelectedTurn] = React.useState(null);
+    // Fetch page ONE of the history for a given filter set (replaces the current page).
+    const loadHistoryFirstPage = React.useCallback(async (filters) => {
+        setHistoryLoading(true);
+        setHistoryError(false);
+        try {
+            const page = await wire.logsHistory(toWireFilters(filters));
+            setHistory(page);
+        }
+        catch {
+            setHistoryError(true);
+        }
+        finally {
+            setHistoryLoading(false);
+        }
+    }, [wire]);
+    // Append the next OLDER history page via the cursor (no dup/gap — the daemon pages on id).
+    const loadHistoryMore = React.useCallback(async () => {
+        if (history.nextCursor === null)
+            return;
+        setHistoryLoading(true);
+        try {
+            const next = await wire.logsHistory({ ...toWireFilters(appliedFilters), cursor: history.nextCursor });
+            setHistory((cur) => ({
+                records: [...cur.records, ...next.records],
+                count: cur.count + next.count,
+                nextCursor: next.nextCursor,
+                persistent: next.persistent,
+            }));
+        }
+        catch {
+            setHistoryError(true);
+        }
+        finally {
+            setHistoryLoading(false);
+        }
+    }, [wire, appliedFilters, history.nextCursor]);
+    // Fetch page ONE of the turns history (replaces the list).
+    const loadTurnsFirstPage = React.useCallback(async () => {
+        setTurnsLoading(true);
+        setTurnsError(false);
+        try {
+            const page = await wire.turnsHistory({ limit: TURNS_PAGE_SIZE });
+            setTurns(page.sessions);
+            setTurnsCursor(page.nextCursor);
+        }
+        catch {
+            setTurnsError(true);
+        }
+        finally {
+            setTurnsLoading(false);
+        }
+    }, [wire]);
+    // Append the next OLDER turns page via the cursor.
+    const loadTurnsMore = React.useCallback(async () => {
+        if (turnsCursor === null)
+            return;
+        setTurnsLoading(true);
+        try {
+            const next = await wire.turnsHistory({ limit: TURNS_PAGE_SIZE, cursor: turnsCursor });
+            setTurns((cur) => [...cur, ...next.sessions]);
+            setTurnsCursor(next.nextCursor);
+        }
+        catch {
+            setTurnsError(true);
+        }
+        finally {
+            setTurnsLoading(false);
+        }
+    }, [wire, turnsCursor]);
+    // On mount: load the first history page + the first turns page (both surfaces are browsable).
+    React.useEffect(() => {
+        void loadHistoryFirstPage(EMPTY_FILTERS);
+        void loadTurnsFirstPage();
+    }, [loadHistoryFirstPage, loadTurnsFirstPage]);
+    // The live tail FOLLOWS the SSE stream (D-2 — reuse `wire.logsStream`, no poll). In a non-browser
+    // env (jsdom test) `logsStream` is an inert no-op, so the tail degrades to empty and the test
+    // drives the handler directly. The EventSource is closed on unmount via the returned unsubscribe.
+    React.useEffect(() => {
+        let alive = true;
+        const unsubscribe = wire.logsStream((record) => {
+            if (!alive)
+                return;
+            setLiveRecords((buf) => appendLiveRecord(buf, record));
+        });
+        return () => {
+            alive = false;
+            unsubscribe();
+        };
+    }, [wire]);
+    const onApplyFilters = React.useCallback(() => {
+        setAppliedFilters(draftFilters);
+        void loadHistoryFirstPage(draftFilters);
+    }, [draftFilters, loadHistoryFirstPage]);
+    const onClearFilters = React.useCallback(() => {
+        setDraftFilters(EMPTY_FILTERS);
+        setAppliedFilters(EMPTY_FILTERS);
+        void loadHistoryFirstPage(EMPTY_FILTERS);
+    }, [loadHistoryFirstPage]);
+    const onChangeField = React.useCallback((key, value) => {
+        setDraftFilters((cur) => ({ ...cur, [key]: value }));
+    }, []);
+    const turnsHasMore = turnsCursor !== null;
+    return (_jsx(PageFrame, { title: "Logs", eyebrow: daemonUp ? "request log · turns" : "daemon offline", right: _jsxs("div", { style: { display: "flex", gap: 8 }, children: [_jsx(TabButton, { label: "Requests", active: tab === "requests", onClick: () => setTab("requests"), testid: "tab-requests" }), _jsx(TabButton, { label: "Turns", active: tab === "turns", onClick: () => setTab("turns"), testid: "tab-turns" })] }), children: tab === "requests" ? (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: [_jsx(LiveTail, { records: liveRecords, open: liveOpen, onToggle: () => setLiveOpen((o) => !o) }), _jsx(FilterBar, { draft: draftFilters, onChangeField: onChangeField, onApply: onApplyFilters, onClear: onClearFilters }), _jsx(HistoryTable, { page: history, loading: historyLoading, error: historyError, onLoadMore: () => void loadHistoryMore() })] })) : selectedTurn !== null ? (_jsx(TurnDetail, { turn: selectedTurn, onBack: () => setSelectedTurn(null) })) : (_jsx(TurnsList, { turns: turns, loading: turnsLoading, error: turnsError, hasMore: turnsHasMore, onOpen: (t) => setSelectedTurn(t), onLoadMore: () => void loadTurnsMore() })) }));
+}
+//# sourceMappingURL=logs.js.map