ridgeline 0.7.21 → 0.8.1

package/dist/ui/dashboard/css.js

@@ -0,0 +1,341 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderCss = void 0;
+const tokens_1 = require("./tokens");
+const hex_1 = require("./hex");
+const renderCss = () => {
+    const accents = (0, tokens_1.resolveAccents)();
+    const byName = Object.fromEntries(accents.map((a) => [a.name, a]));
+    const pillRunningText = byName.info.text;
+    const pillRunningFill = byName.info.fill;
+    const pillDoneText = byName.success.text;
+    const pillDoneFill = byName.success.fill;
+    const pillFailedText = byName.error.text;
+    const pillFailedFill = byName.error.fill;
+    const warningText = byName.warning.text;
+    const warningFill = byName.warning.fill;
+    const rowFlashColor = (0, hex_1.rgbaOf)(tokens_1.PALETTE.info, 0.15);
+    return `:root {
+  --bg: ${tokens_1.PALETTE.bg};
+  --panel: ${tokens_1.PALETTE.panel};
+  --border: ${tokens_1.PALETTE.border};
+  --text: ${tokens_1.PALETTE.text};
+  --text-dim: ${tokens_1.PALETTE.textDim};
+  --error: ${tokens_1.PALETTE.error};
+  --success: ${tokens_1.PALETTE.success};
+  --warning: ${tokens_1.PALETTE.warning};
+  --info: ${tokens_1.PALETTE.info};
+  --pill-running-text: ${pillRunningText};
+  --pill-running-fill: ${pillRunningFill};
+  --pill-done-text: ${pillDoneText};
+  --pill-done-fill: ${pillDoneFill};
+  --pill-failed-text: ${pillFailedText};
+  --pill-failed-fill: ${pillFailedFill};
+  --banner-text: ${warningText};
+  --banner-fill: ${warningFill};
+  --row-flash: ${rowFlashColor};
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html,
+body {
+  margin: 0;
+  padding: 0;
+  background: var(--bg);
+  color: var(--text);
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  font-size: 14px;
+  line-height: 1.4;
+}
+
+.page {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 16px;
+}
+
+.mono {
+  font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
+}
+
+.dim {
+  color: var(--text-dim);
+}
+
+.wordmark {
+  font-size: 14px;
+  color: var(--text-dim);
+  font-weight: normal;
+  text-transform: lowercase;
+  letter-spacing: 0;
+}
+
+.header {
+  position: sticky;
+  top: 0;
+  background: var(--bg);
+  padding: 12px 0;
+  border-bottom: 1px solid var(--border);
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  z-index: 10;
+}
+
+.build-name {
+  font-size: 20px;
+  color: var(--text);
+  margin: 0;
+  font-weight: normal;
+  flex: 1;
+}
+
+.header-elapsed {
+  font-size: 14px;
+  color: var(--text-dim);
+}
+
+.panel {
+  background: var(--panel);
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  padding: 12px;
+  margin-top: 16px;
+}
+
+.cost-total {
+  font-size: 20px;
+}
+
+.cost-label {
+  font-size: 13px;
+  color: var(--text-dim);
+  margin-bottom: 4px;
+}
+
+.cost-breakdown {
+  margin-top: 12px;
+  font-size: 13px;
+  color: var(--text-dim);
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+  gap: 8px;
+}
+
+.cost-stage-value {
+  color: var(--text);
+}
+
+.phase-list {
+  margin-top: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.phase-row {
+  background: var(--panel);
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  padding: 12px;
+  display: grid;
+  grid-template-columns: auto 1fr auto auto;
+  align-items: center;
+  gap: 12px;
+}
+
+.phase-row.row-flash {
+  animation: row-flash 300ms ease-out 1;
+}
+
+.phase-row.failed {
+  border: 1px solid var(--error);
+}
+
+.phase-id {
+  font-size: 13px;
+  color: var(--text-dim);
+}
+
+.phase-slug {
+  font-size: 14px;
+  color: var(--text);
+}
+
+.phase-elapsed {
+  font-size: 13px;
+  color: var(--text-dim);
+}
+
+.phase-error {
+  grid-column: 1 / -1;
+  margin-top: 8px;
+  font-size: 13px;
+  color: var(--text);
+}
+
+.pill {
+  display: inline-block;
+  padding: 4px 8px;
+  border-radius: 4px;
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  font-weight: 600;
+  border: 1px solid transparent;
+}
+
+.pill-pending,
+.pill-skipped {
+  color: var(--text-dim);
+  background: var(--border);
+}
+
+.pill-running {
+  color: var(--pill-running-text);
+  background: var(--pill-running-fill);
+  animation: pill-pulse 1500ms ease-in-out infinite;
+}
+
+.pill-done {
+  color: var(--pill-done-text);
+  background: var(--pill-done-fill);
+}
+
+.pill-failed {
+  color: var(--pill-failed-text);
+  background: var(--pill-failed-fill);
+}
+
+.empty {
+  padding: 48px;
+  text-align: center;
+  color: var(--text-dim);
+  font-size: 14px;
+}
+
+.empty-hint {
+  margin-top: 8px;
+  font-size: 13px;
+}
+
+.disconnect-banner {
+  position: sticky;
+  top: 0;
+  z-index: 20;
+  padding: 8px 12px;
+  color: var(--banner-text);
+  background: var(--banner-fill);
+  border: 1px solid var(--warning);
+  border-radius: 4px;
+  font-size: 13px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+
+.disconnect-banner.hidden {
+  display: none;
+}
+
+.disconnect-banner.fade-out {
+  animation: banner-fade 400ms ease-out forwards;
+}
+
+.spinner-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--info);
+  animation: pill-pulse 1500ms ease-in-out infinite;
+}
+
+.icon {
+  width: 16px;
+  height: 16px;
+  stroke-width: 1.5;
+  stroke: currentColor;
+  fill: none;
+  vertical-align: middle;
+}
+
+.copy-btn,
+.link-btn {
+  background: none;
+  border: none;
+  color: var(--text-dim);
+  cursor: pointer;
+  padding: 4px;
+}
+
+.copy-btn:hover,
+.link-btn:hover {
+  color: var(--text);
+}
+
+a,
+button {
+  color: inherit;
+}
+
+a:focus-visible,
+button:focus-visible,
+.copy-btn:focus-visible,
+.link-btn:focus-visible {
+  outline: 2px solid var(--info);
+  outline-offset: 2px;
+}
+
+@keyframes pill-pulse {
+  0% { opacity: 0.6; }
+  50% { opacity: 1; }
+  100% { opacity: 0.6; }
+}
+
+@keyframes row-flash {
+  0% { background-color: var(--row-flash); }
+  100% { background-color: transparent; }
+}
+
+@keyframes banner-fade {
+  0% { opacity: 1; }
+  100% { opacity: 0; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .pill-running {
+    animation: none;
+    border: 2px solid var(--info);
+    padding: 2px 6px;
+  }
+  .phase-row.row-flash {
+    animation: none;
+  }
+  .spinner-dot {
+    animation: none;
+  }
+  .disconnect-banner.fade-out {
+    animation: none;
+    display: none;
+  }
+}
+
+@media (max-width: 900px) {
+  .phase-row {
+    grid-template-columns: 1fr;
+  }
+  .cost-breakdown {
+    grid-template-columns: 1fr;
+  }
+}
+`;
+};
+exports.renderCss = renderCss;
+//# sourceMappingURL=css.js.map

package/dist/ui/dashboard/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../src/ui/dashboard/css.ts"],"names":[],"mappings":";;;AAAA,qCAAkD;AAClD,+BAA8B;AAEvB,MAAM,SAAS,GAAG,GAAW,EAAE;IACpC,MAAM,OAAO,GAAG,IAAA,uBAAc,GAAE,CAAA;IAChC,MAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;IAElE,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAA;IACxC,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAA;IACxC,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAA;IACxC,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAA;IACxC,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAA;IACxC,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAA;IACxC,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAA;IACvC,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAA;IACvC,MAAM,aAAa,GAAG,IAAA,YAAM,EAAC,gBAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;IAEhD,OAAO;UACC,gBAAO,CAAC,EAAE;aACP,gBAAO,CAAC,KAAK;cACZ,gBAAO,CAAC,MAAM;YAChB,gBAAO,CAAC,IAAI;gBACR,gBAAO,CAAC,OAAO;aAClB,gBAAO,CAAC,KAAK;eACX,gBAAO,CAAC,OAAO;eACf,gBAAO,CAAC,OAAO;YAClB,gBAAO,CAAC,IAAI;yBACC,eAAe;yBACf,eAAe;sBAClB,YAAY;sBACZ,YAAY;wBACV,cAAc;wBACd,cAAc;mBACnB,WAAW;mBACX,WAAW;iBACb,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8S7B,CAAA;AACD,CAAC,CAAA;AA/UY,QAAA,SAAS,aA+UrB"}

package/dist/ui/dashboard/events.d.ts

@@ -0,0 +1,15 @@
+export type EventName = "state" | "budget" | "trajectory";
+export interface DashboardEvent {
+    id: number;
+    name: EventName;
+    data: string;
+}
+export declare class EventBuffer {
+    private events;
+    private lastId;
+    private readonly perTypeCap;
+    constructor(perTypeCap?: number);
+    push(name: EventName, payload: unknown): DashboardEvent;
+    private prune;
+    replayAfter(id: number): DashboardEvent[];
+}

package/dist/ui/dashboard/events.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EventBuffer = void 0;
+class EventBuffer {
+    events = [];
+    lastId = 0;
+    perTypeCap;
+    constructor(perTypeCap = 200) {
+        this.perTypeCap = perTypeCap;
+    }
+    push(name, payload) {
+        this.lastId += 1;
+        const event = {
+            id: this.lastId,
+            name,
+            data: JSON.stringify(payload),
+        };
+        this.events.push(event);
+        this.prune();
+        return event;
+    }
+    prune() {
+        const byName = { state: [], budget: [], trajectory: [] };
+        for (const ev of this.events)
+            byName[ev.name].push(ev);
+        const keep = new Set();
+        for (const name of ["state", "budget", "trajectory"]) {
+            const arr = byName[name];
+            const slice = arr.slice(-this.perTypeCap);
+            for (const ev of slice)
+                keep.add(ev.id);
+        }
+        this.events = this.events.filter((ev) => keep.has(ev.id));
+    }
+    replayAfter(id) {
+        return this.events.filter((ev) => ev.id > id);
+    }
+}
+exports.EventBuffer = EventBuffer;
+//# sourceMappingURL=events.js.map

package/dist/ui/dashboard/events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.js","sourceRoot":"","sources":["../../../src/ui/dashboard/events.ts"],"names":[],"mappings":";;;AAQA,MAAa,WAAW;IACd,MAAM,GAAqB,EAAE,CAAA;IAC7B,MAAM,GAAG,CAAC,CAAA;IACD,UAAU,CAAQ;IAEnC,YAAY,aAAqB,GAAG;QAClC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAA;IAC9B,CAAC;IAED,IAAI,CAAC,IAAe,EAAE,OAAgB;QACpC,IAAI,CAAC,MAAM,IAAI,CAAC,CAAA;QAChB,MAAM,KAAK,GAAmB;YAC5B,EAAE,EAAE,IAAI,CAAC,MAAM;YACf,IAAI;YACJ,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;SAC9B,CAAA;QACD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACvB,IAAI,CAAC,KAAK,EAAE,CAAA;QACZ,OAAO,KAAK,CAAA;IACd,CAAC;IAEO,KAAK;QACX,MAAM,MAAM,GAAwC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,CAAA;QAC7F,KAAK,MAAM,EAAE,IAAI,IAAI,CAAC,MAAM;YAAE,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QACtD,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAA;QAC9B,KAAK,MAAM,IAAI,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,YAAY,CAAU,EAAE,CAAC;YAC9D,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;YACxB,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;YACzC,KAAK,MAAM,EAAE,IAAI,KAAK;gBAAE,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;QACzC,CAAC;QACD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAC3D,CAAC;IAED,WAAW,CAAC,EAAU;QACpB,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAA;IAC/C,CAAC;CACF;AApCD,kCAoCC"}

package/dist/ui/dashboard/favicon.d.ts

@@ -0,0 +1,2 @@
+export type FaviconStatus = "running" | "done" | "failed" | "idle";
+export declare const faviconDataUri: (status: FaviconStatus) => string;

package/dist/ui/dashboard/favicon.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.faviconDataUri = void 0;
+const tokens_1 = require("./tokens");
+const COLOR_BY_STATUS = {
+    running: tokens_1.PALETTE.info,
+    done: tokens_1.PALETTE.success,
+    failed: tokens_1.PALETTE.error,
+    idle: tokens_1.PALETTE.textDim,
+};
+const faviconSvg = (status) => {
+    const fill = COLOR_BY_STATUS[status];
+    return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><circle cx="8" cy="8" r="7" fill="${fill}"/></svg>`;
+};
+const faviconDataUri = (status) => {
+    const svg = faviconSvg(status);
+    return `data:image/svg+xml;utf8,${encodeURIComponent(svg)}`;
+};
+exports.faviconDataUri = faviconDataUri;
+//# sourceMappingURL=favicon.js.map

package/dist/ui/dashboard/favicon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"favicon.js","sourceRoot":"","sources":["../../../src/ui/dashboard/favicon.ts"],"names":[],"mappings":";;;AAAA,qCAAkC;AAIlC,MAAM,eAAe,GAAkC;IACrD,OAAO,EAAE,gBAAO,CAAC,IAAI;IACrB,IAAI,EAAE,gBAAO,CAAC,OAAO;IACrB,MAAM,EAAE,gBAAO,CAAC,KAAK;IACrB,IAAI,EAAE,gBAAO,CAAC,OAAO;CACtB,CAAA;AAED,MAAM,UAAU,GAAG,CAAC,MAAqB,EAAU,EAAE;IACnD,MAAM,IAAI,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IACpC,OAAO,iGAAiG,IAAI,WAAW,CAAA;AACzH,CAAC,CAAA;AAEM,MAAM,cAAc,GAAG,CAAC,MAAqB,EAAU,EAAE;IAC9D,MAAM,GAAG,GAAG,UAAU,CAAC,MAAM,CAAC,CAAA;IAC9B,OAAO,2BAA2B,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAAA;AAC7D,CAAC,CAAA;AAHY,QAAA,cAAc,kBAG1B"}

package/dist/ui/dashboard/hex.d.ts

@@ -0,0 +1,7 @@
+export interface Rgb {
+    r: number;
+    g: number;
+    b: number;
+}
+export declare const parseHexRgb: (hex: string) => Rgb;
+export declare const rgbaOf: (hex: string, alpha: number) => string;

package/dist/ui/dashboard/hex.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rgbaOf = exports.parseHexRgb = void 0;
+const parseHexRgb = (hex) => {
+    const raw = hex.replace(/^#/, "");
+    const expanded = raw.length === 3 ? raw.split("").map((c) => c + c).join("") : raw;
+    const num = parseInt(expanded, 16);
+    return { r: (num >> 16) & 0xff, g: (num >> 8) & 0xff, b: num & 0xff };
+};
+exports.parseHexRgb = parseHexRgb;
+const rgbaOf = (hex, alpha) => {
+    const { r, g, b } = (0, exports.parseHexRgb)(hex);
+    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+};
+exports.rgbaOf = rgbaOf;
+//# sourceMappingURL=hex.js.map

package/dist/ui/dashboard/hex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hex.js","sourceRoot":"","sources":["../../../src/ui/dashboard/hex.ts"],"names":[],"mappings":";;;AAEO,MAAM,WAAW,GAAG,CAAC,GAAW,EAAO,EAAE;IAC9C,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;IACjC,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;IAClF,MAAM,GAAG,GAAG,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAA;IAClC,OAAO,EAAE,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,GAAG,GAAG,IAAI,EAAE,CAAA;AACvE,CAAC,CAAA;AALY,QAAA,WAAW,eAKvB;AAEM,MAAM,MAAM,GAAG,CAAC,GAAW,EAAE,KAAa,EAAU,EAAE;IAC3D,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,IAAA,mBAAW,EAAC,GAAG,CAAC,CAAA;IACpC,OAAO,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,GAAG,CAAA;AAC3C,CAAC,CAAA;AAHY,QAAA,MAAM,UAGlB"}

package/dist/ui/dashboard/html.d.ts

@@ -0,0 +1,7 @@
+import type { DashboardSnapshot } from "./snapshot";
+export interface RenderHtmlOptions {
+    buildName: string | null;
+    port: number;
+    snapshot: DashboardSnapshot;
+}
+export declare const renderHtml: (opts: RenderHtmlOptions) => string;

package/dist/ui/dashboard/html.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderHtml = void 0;
+const css_1 = require("./css");
+const client_1 = require("./client");
+const favicon_1 = require("./favicon");
+const escapeHtml = (s) => s
+    .replace(/&/g, "&")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;");
+const renderHtml = (opts) => {
+    const { buildName, port, snapshot } = opts;
+    const title = buildName
+        ? `● ridgeline · ${buildName} · ${snapshot.status ?? "idle"}`
+        : "● ridgeline";
+    const favicon = (0, favicon_1.faviconDataUri)(snapshot.status === "running"
+        ? "running"
+        : snapshot.status === "failed"
+            ? "failed"
+            : snapshot.status === "done"
+                ? "done"
+                : "idle");
+    const bootstrap = JSON.stringify({ buildName, port, snapshot });
+    return `<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>${escapeHtml(title)}</title>
+<link id="favicon" rel="icon" href="${favicon}" type="image/svg+xml">
+<style>
+${(0, css_1.renderCss)()}</style>
+</head>
+<body>
+<div class="page">
+  <div id="disconnect-banner" class="disconnect-banner hidden" role="status" aria-live="polite">
+    <span class="spinner-dot" aria-hidden="true"></span>
+    <span>Disconnected from ridgeline process. Retrying…</span>
+  </div>
+  <header class="header">
+    <h1 id="build-name" class="build-name">${buildName ? escapeHtml(buildName) : "ridgeline"}</h1>
+    <span id="header-elapsed" class="header-elapsed mono"></span>
+    <span id="header-pill" class="pill pill-pending">pending</span>
+    <span class="wordmark">ridgeline</span>
+  </header>
+  <main id="main">
+    <section id="empty-state" class="panel empty" ${buildName ? 'hidden' : ''}>
+      <div>No build attached. Run <span class="mono">ridgeline &lt;name&gt; "intent"</span> in another terminal, then reload.</div>
+      <div class="empty-hint mono">http://127.0.0.1:${port}</div>
+    </section>
+    <section id="cost-meter" class="panel" ${buildName ? '' : 'hidden'}>
+      <div class="cost-label">Total cost</div>
+      <div id="cost-total" class="cost-total mono">$0.00</div>
+      <div id="cost-breakdown" class="cost-breakdown"></div>
+    </section>
+    <section id="phase-list" class="phase-list" aria-label="Phases"></section>
+  </main>
+</div>
+<script id="bootstrap" type="application/json">${bootstrap.replace(/</g, "\\u003c")}</script>
+<script>
+${(0, client_1.renderClientScript)()}</script>
+</body>
+</html>
+`;
+};
+exports.renderHtml = renderHtml;
+//# sourceMappingURL=html.js.map

package/dist/ui/dashboard/html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html.js","sourceRoot":"","sources":["../../../src/ui/dashboard/html.ts"],"names":[],"mappings":";;;AAAA,+BAAiC;AACjC,qCAA6C;AAC7C,uCAA0C;AAS1C,MAAM,UAAU,GAAG,CAAC,CAAS,EAAU,EAAE,CACvC,CAAC;KACE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;KACtB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;KACrB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;KACrB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC;KACvB,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;AAEpB,MAAM,UAAU,GAAG,CAAC,IAAuB,EAAU,EAAE;IAC5D,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAA;IAC1C,MAAM,KAAK,GAAG,SAAS;QACrB,CAAC,CAAC,iBAAiB,SAAS,MAAM,QAAQ,CAAC,MAAM,IAAI,MAAM,EAAE;QAC7D,CAAC,CAAC,aAAa,CAAA;IACjB,MAAM,OAAO,GAAG,IAAA,wBAAc,EAAC,QAAQ,CAAC,MAAM,KAAK,SAAS;QAC1D,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,QAAQ,CAAC,MAAM,KAAK,QAAQ;YAC5B,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,QAAQ,CAAC,MAAM,KAAK,MAAM;gBAC1B,CAAC,CAAC,MAAM;gBACR,CAAC,CAAC,MAAM,CAAC,CAAA;IAEf,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAA;IAE/D,OAAO;;;;;SAKA,UAAU,CAAC,KAAK,CAAC;sCACY,OAAO;;EAE3C,IAAA,eAAS,GAAE;;;;;;;;;6CASgC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW;;;;;;oDAMxC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;;sDAEvB,IAAI;;6CAEb,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;;;;;;;;iDAQrB,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;;EAEjF,IAAA,2BAAkB,GAAE;;;CAGrB,CAAA;AACD,CAAC,CAAA;AAxDY,QAAA,UAAU,cAwDtB"}

package/dist/ui/dashboard/server.d.ts

@@ -0,0 +1,26 @@
+import * as http from "node:http";
+import { DashboardSnapshot } from "./snapshot";
+import { EventName } from "./events";
+export interface StartDashboardOptions {
+    buildName: string | null;
+    buildDir: string | null;
+    port: number;
+    host?: string;
+}
+export interface DashboardServer {
+    port: number;
+    host: string;
+    url: string;
+    close(): Promise<void>;
+    address(): string;
+}
+export interface DashboardApp {
+    handle(req: http.IncomingMessage, res: http.ServerResponse): void;
+    setPort(port: number): void;
+    broadcast(name: EventName, payload: unknown): void;
+    snapshot(): DashboardSnapshot;
+    clientCount(): number;
+    close(): void;
+}
+export declare const createDashboardApp: (opts: StartDashboardOptions) => DashboardApp;
+export declare const startDashboard: (opts: StartDashboardOptions) => Promise<DashboardServer>;