@demlik/tea 0.13.0 → 0.14.0

package/dist/chart/lane/styles.css

@@ -1,498 +0,0 @@
-/*
- * @demlik/tea/chart/lane — visual defaults for <LaneView> / <LiveLaneView>.
- *
- * Same strategy as `@demlik/tea/chart/inspect/styles.css`, deliberately: every
- * class is prefixed (here `.tea-lv-*`) so it cannot collide with host styles,
- * and every colour is a consumer design token (shadcn slots + Radix accents) so
- * the page inherits whatever theme is active. Override by re-declaring the
- * --tea-lv-* vars on .tea-lv, or pass your own `className`.
- *
- * STANDALONE. Unlike the chart inspector's sheet, this one is not a companion
- * to devtools' — the lane page renders no devtools component. One import.
- *
- * ONE DECLARATION PER SELECTOR, and it is a rule rather than a preference.
- * This file was written in two passes — colour first, then a "SHAPE" block that
- * re-declared `.tea-lv`, `.tea-lv-head`, `.tea-lv-panel`, `.tea-lv-stuck`,
- * `.tea-lv-mermaid`, `.tea-lv-steps` and others wholesale, with `.tea-lv-btn`
- * appearing five times. Half the first pass was dead by cascade, which means
- * half of any edit to it did nothing and the only way to find out was to look.
- * Every selector below appears once, in the order the page reads.
- *
- * The palette says the two things the page is FOR:
- *
- *   standing     complete → --teal-11    a phase that is behind us
- *                active   → --foreground the one that is running, and reads loudest
- *                tripped  → --crimson-11 the phase that ends the lane
- *                waiting  → --muted-foreground it has not started, and says so quietly
- *
- *   unavailable  --muted-foreground, italic, ALWAYS with its reason as text.
- *                Never `display: none`: a control that cannot be sent keeps its
- *                shape and loses its affordance, so the reader sees a thing that
- *                is off rather than a thing that is missing.
- */
-
-.tea-lv {
-  /*
-   * EVERY TOKEN HAS A FALLBACK, and that is not a detail.
-   *
-   * These slots are shadcn's and Radix's, which is right for a consumer that
-   * has them — the page then wears whatever theme is already on. But a
-   * consumer that does NOT have them used to get a sheet where every colour
-   * resolved to nothing: unstyled text, no borders, no hierarchy. Rendering
-   * this page in a bare harness is what showed it, and it would have shipped.
-   *
-   * So each `var()` carries a default that stands on its own. The package is
-   * usable with no design system at all, better with one, and nobody has to
-   * adopt ours to read a lane.
-   */
-  --tea-lv-fg: var(--foreground, #e6edf3);
-  --tea-lv-muted: var(--muted-foreground, #8b949e);
-  --tea-lv-border: var(--border, #30363d);
-  --tea-lv-bg: var(--card, #0d1117);
-  --tea-lv-raised: var(--muted, #161b22);
-  --tea-lv-accent: var(--teal-11, #2dd4bf);
-  --tea-lv-warn: var(--amber-11, #d29922);
-  --tea-lv-bad: var(--crimson-11, #f85149);
-  --tea-lv-r: var(--radius, 6px);
-
-  font-family: var(
-    --font-mono,
-    "JetBrains Mono",
-    ui-monospace,
-    "SF Mono",
-    Menlo,
-    Consolas,
-    monospace
-  );
-  font-size: 12px;
-  line-height: 1.55;
-  color: var(--tea-lv-fg);
-  background: var(--tea-lv-bg);
-  border: 1px solid var(--tea-lv-border);
-  border-radius: var(--tea-lv-r);
-  padding: 1.25rem;
-  display: flex;
-  flex-direction: column;
-  /* Room between the answers: the page is a stack of them, and where one ends
-   * has to be visible without reading. */
-  gap: 1.6rem;
-}
-
-.tea-lv-boot {
-  color: var(--tea-lv-muted);
-  font-style: italic;
-  padding: 16px;
-}
-
-/* The separator between two inline spans. It is in the MARKUP because it has
- * to survive with no stylesheet at all — a `gap` that only this file supplies
- * rendered `5674 — NO STYLESHEETreplaytrippeddone` on a bare host. Here it is
- * merely quiet. */
-.tea-lv-sep {
-  color: var(--tea-lv-border);
-}
-
-/* ── header: the lane's name, its source, and where it is — one band ─────── */
-.tea-lv-head {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  flex-wrap: wrap;
-  padding-bottom: 0.75rem;
-  border-bottom: 1px solid var(--tea-lv-border);
-}
-.tea-lv-title {
-  font-size: 15px;
-  font-weight: 700;
-  letter-spacing: -0.01em;
-}
-/* WHICH SOURCE, WHERE IT IS, AND WHAT ENDED — the pills. The page is honest
- * about what it is looking at, because "no control works" reads very
- * differently once you know why. */
-.tea-lv-src,
-.tea-lv-standing,
-.tea-lv-status,
-.tea-lv-badge {
-  font-size: 10px;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-  padding: 0.15rem 0.45rem;
-  border-radius: 999px;
-  border: 1px solid var(--tea-lv-border);
-  background: var(--tea-lv-raised);
-  color: var(--tea-lv-muted);
-}
-.tea-lv-src[data-source="live"] {
-  color: var(--tea-lv-accent);
-  border-color: var(--tea-lv-accent);
-}
-.tea-lv-now {
-  display: inline-flex;
-  gap: 6px;
-  align-items: center;
-}
-.tea-lv-phase,
-.tea-lv-terminal {
-  font-weight: 700;
-  color: var(--tea-lv-fg);
-}
-.tea-lv-warn {
-  color: var(--tea-lv-warn);
-}
-.tea-lv-muted {
-  color: var(--tea-lv-muted);
-}
-
-/* ── the lede ────────────────────────────────────────────────────────────── */
-/* Prose, not monospace — it is the one part of the page that is English rather
- * than data, and setting it apart is what makes a reader start there instead of
- * drowning in chips. */
-.tea-lv-lede {
-  font-family: var(--font-sans, ui-sans-serif, system-ui, sans-serif);
-  font-size: 13.5px;
-  line-height: 1.65;
-  max-width: 68ch;
-  margin: 0;
-  color: var(--tea-lv-muted);
-}
-.tea-lv-lede b {
-  color: var(--tea-lv-fg);
-}
-
-/* ── panels ─────────────────────────────────────────────────────────────── */
-/* Each panel is a card, and it is as wide as the page, always. Without the
- * stretch a phase whose card holds only chips shrinks to its content and sits
- * centred, so two phases of one lane render at two widths and read as two
- * different things. */
-.tea-lv-panel {
-  border: 1px solid var(--tea-lv-border);
-  border-radius: var(--tea-lv-r);
-  background: var(--tea-lv-raised);
-  padding: 0.9rem 1rem;
-  align-self: stretch;
-  width: 100%;
-  min-width: 0;
-  box-sizing: border-box;
-}
-/* A heading says WHICH QUESTION its panel answers; the hint says how to read
- * the answer. Numbered, so the page has an order rather than a pile. */
-.tea-lv-h {
-  margin: 0 0 0.6rem;
-  font-size: 11px;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.09em;
-  color: var(--tea-lv-muted);
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-}
-.tea-lv-hint {
-  font-family: var(--font-sans, ui-sans-serif, system-ui, sans-serif);
-  text-transform: none;
-  letter-spacing: 0;
-  font-size: 11.5px;
-  opacity: 0.75;
-}
-.tea-lv-none {
-  margin: 0;
-  color: var(--tea-lv-muted);
-  font-style: italic;
-}
-
-/* ── what is stuck — the first panel, and it reads loudest, because it is why
- *    the page was opened ─────────────────────────────────────────────────── */
-.tea-lv-stuck {
-  border-left: 3px solid var(--tea-lv-warn);
-}
-.tea-lv-stuck .tea-lv-h {
-  color: var(--tea-lv-warn);
-}
-.tea-lv-stuck:has([data-stuck]) {
-  border-left-color: var(--tea-lv-bad);
-}
-.tea-lv-stucklist {
-  margin: 0;
-  padding-left: 1.1rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.2rem;
-}
-.tea-lv-stucklist [data-stuck="budget-spent"] {
-  color: var(--tea-lv-warn);
-}
-.tea-lv-stucklist [data-stuck="tripped"],
-.tea-lv-stucklist [data-stuck="dead-end"] {
-  color: var(--tea-lv-bad);
-}
-.tea-lv-tripped {
-  margin: 8px 0 0;
-  color: var(--tea-lv-bad);
-}
-
-/* ── one phase ──────────────────────────────────────────────────────────── */
-.tea-lv-phase-complete .tea-lv-standing {
-  color: var(--tea-lv-accent);
-}
-.tea-lv-phase-active {
-  border-color: var(--tea-lv-accent);
-}
-.tea-lv-phase-active .tea-lv-standing {
-  color: var(--tea-lv-fg);
-}
-.tea-lv-phase-tripped {
-  border-color: var(--tea-lv-bad);
-}
-.tea-lv-phase-tripped .tea-lv-standing {
-  color: var(--tea-lv-bad);
-}
-.tea-lv-phase-waiting {
-  opacity: 0.75;
-}
-.tea-lv-phase-waiting .tea-lv-standing {
-  color: var(--tea-lv-muted);
-}
-
-/* Every task of the phase, at a glance — the answer to "which of twelve". */
-.tea-lv-chips {
-  list-style: none;
-  margin: 0 0 0.75rem;
-  padding: 0;
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.4rem;
-}
-.tea-lv-chip {
-  padding: 0.2rem 0.5rem;
-  border: 1px solid var(--tea-lv-border);
-  border-radius: var(--tea-lv-r);
-  background: var(--tea-lv-bg);
-  color: var(--tea-lv-muted);
-}
-.tea-lv-chip[data-end="error"] {
-  border-color: var(--tea-lv-bad);
-  color: var(--tea-lv-bad);
-}
-.tea-lv-chip[data-end="true"] {
-  border-color: var(--tea-lv-accent);
-  color: var(--tea-lv-accent);
-}
-
-/* ── one task ───────────────────────────────────────────────────────────── */
-.tea-lv-task {
-  border-top: 1px solid var(--tea-lv-border);
-  padding-top: 0.75rem;
-  margin-top: 0.75rem;
-  min-width: 0;
-}
-/* The collapsed form: a line, with the picture one click away. A comment cannot
- * offer this, which is the whole reason the screen does. */
-.tea-lv-collapsed > summary {
-  cursor: pointer;
-  color: var(--tea-lv-muted);
-}
-.tea-lv-taskh {
-  margin: 0 0 0.3rem;
-  font-size: 13px;
-  font-weight: 400;
-}
-.tea-lv-state {
-  color: var(--tea-lv-accent);
-  font-weight: 600;
-}
-.tea-lv-badge {
-  border-color: var(--tea-lv-bad);
-  color: var(--tea-lv-bad);
-}
-.tea-lv-waiting {
-  margin: 0.2rem 0 0.6rem;
-  padding: 0.45rem 0.6rem;
-  color: var(--tea-lv-fg);
-  border-left: 2px solid var(--tea-lv-accent);
-  background: var(--tea-lv-bg);
-  border-radius: 0 var(--tea-lv-r) var(--tea-lv-r) 0;
-}
-.tea-lv-retries {
-  margin: 0 0 4px;
-  color: var(--tea-lv-warn);
-}
-
-/* ── controls ───────────────────────────────────────────────────────────── */
-/* A grid, so six events do not become six ragged columns. */
-.tea-lv-controls {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
-  gap: 0.5rem;
-  margin: 0.5rem 0 0.9rem;
-}
-.tea-lv-ev {
-  border: 1px solid var(--tea-lv-border);
-  border-radius: var(--tea-lv-r);
-  padding: 0.5rem 0.6rem;
-  background: var(--tea-lv-bg);
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-  min-width: 0;
-}
-.tea-lv-ev[data-status="refused"] {
-  opacity: 0.62;
-  border-style: dashed;
-}
-/*
- * THE THING YOU CAN CLICK LOOKS LIKE THE THING YOU CAN CLICK.
- *
- * It had drifted to the exact inverse: the sheet's later pass set `border: 0;
- * background: none` on every `.tea-lv-btn`, so the two live events rendered as
- * plain text while the four dead ones kept a dotted box from the earlier pass.
- * The only affordances on the page looked like labels. So the button is a
- * button while it can be pressed, and loses the chrome — not the text, never
- * the text — when it cannot.
- */
-.tea-lv-btn {
-  font: inherit;
-  font-weight: 700;
-  text-align: left;
-  padding: 0.2rem 0.5rem;
-  border: 1px solid var(--tea-lv-border);
-  border-radius: var(--tea-lv-r);
-  background: var(--tea-lv-raised);
-  color: var(--tea-lv-fg);
-  cursor: pointer;
-}
-.tea-lv-ev[data-sendable="true"] .tea-lv-btn {
-  border-color: var(--tea-lv-accent);
-  color: var(--tea-lv-accent);
-}
-.tea-lv-btn:hover:not(:disabled) {
-  border-color: var(--tea-lv-accent);
-  color: var(--tea-lv-accent);
-}
-.tea-lv-btn:disabled {
-  cursor: not-allowed;
-  padding-left: 0;
-  border-color: transparent;
-  background: none;
-  color: var(--tea-lv-muted);
-}
-.tea-lv-to {
-  color: var(--tea-lv-muted);
-}
-/* The refusal palette, identical to the chart inspector's, because it is the
- * same fact: a refused event keeps its shape and loses its affordance. */
-.tea-lv-ev-end .tea-lv-btn,
-.tea-lv-ev-undeclared .tea-lv-btn {
-  color: var(--tea-lv-bad);
-  text-decoration: line-through;
-}
-.tea-lv-ev-ignored .tea-lv-btn {
-  color: var(--tea-lv-warn);
-  text-decoration: line-through;
-}
-.tea-lv-ev-out-of-scope .tea-lv-btn,
-.tea-lv-ev-no-edge .tea-lv-btn {
-  color: var(--tea-lv-muted);
-  text-decoration: line-through;
-}
-/* The folded control wall. Quiet by default: on a lane read from a log it is
- * reference material, not the story. */
-.tea-lv-accepts > summary {
-  cursor: pointer;
-  color: var(--tea-lv-muted);
-  font-size: 11px;
-  margin: 0.35rem 0;
-}
-.tea-lv-accepts[open] > summary {
-  margin-bottom: 0.6rem;
-}
-
-/* WHY IT IS NOT ON OFFER — text, never a hidden element. */
-.tea-lv-unavailable {
-  margin: 0;
-  color: var(--tea-lv-muted);
-  font-style: italic;
-}
-
-/* ── the diagram: give it air, and let a wide one scroll rather than overflow */
-.tea-lv-mermaid {
-  margin: 0;
-  padding: 0.75rem;
-  border: 1px solid var(--tea-lv-border);
-  border-radius: var(--tea-lv-r);
-  background: var(--tea-lv-bg);
-  color: var(--tea-lv-muted);
-  line-height: 1.5;
-  overflow-x: auto;
-}
-
-/* ── the timeline and its scrubber ──────────────────────────────────────── */
-.tea-lv-travel {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  flex-wrap: wrap;
-}
-.tea-lv-scrub {
-  flex: 1 1 260px;
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  flex-wrap: wrap;
-  accent-color: var(--tea-lv-accent);
-}
-.tea-lv-scrub input[type="range"] {
-  flex: 1 1 160px;
-  min-width: 120px;
-  accent-color: var(--tea-lv-accent);
-}
-.tea-lv-step {
-  color: var(--tea-lv-muted);
-  white-space: nowrap;
-}
-.tea-lv-scrub button {
-  font: inherit;
-  padding: 2px 10px;
-  border: 1px solid var(--tea-lv-border);
-  border-radius: var(--tea-lv-r);
-  background: transparent;
-  color: var(--tea-lv-fg);
-  cursor: pointer;
-}
-.tea-lv-scrub button:disabled {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-/* A long lane's table scrolls inside the card, not the page. */
-.tea-lv-steps {
-  width: 100%;
-  border-collapse: collapse;
-  display: block;
-  overflow-x: auto;
-  max-height: 280px;
-  overflow-y: auto;
-}
-.tea-lv-steps th,
-.tea-lv-steps td {
-  text-align: left;
-  padding: 0.25rem 0.6rem 0.25rem 0;
-  border-bottom: 1px solid var(--tea-lv-border);
-  white-space: nowrap;
-  color: var(--tea-lv-muted);
-}
-.tea-lv-steps th {
-  font-weight: 400;
-  font-size: 10px;
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-}
-.tea-lv-steps td:first-child {
-  color: var(--tea-lv-fg);
-}
-/* A msg the chart routed nowhere is a step and not a walk — the row says so in
- * words, and reads as the non-event it was. */
-.tea-lv-steps tr[data-refused] td {
-  font-style: italic;
-  opacity: 0.7;
-}

package/dist/chart/lane/viewer/assets/abnfDiagram-N423BO3Z-C729LI31.js

@@ -1 +0,0 @@
-var e={};export{e as diagram};

package/dist/chart/lane/viewer/assets/architectureDiagram-T3A2C74G-C729LI31.js

@@ -1 +0,0 @@
-var e={};export{e as diagram};

package/dist/chart/lane/viewer/assets/blockDiagram-VBNYF7ZC-C729LI31.js

@@ -1 +0,0 @@
-var e={};export{e as diagram};

package/dist/chart/lane/viewer/assets/c4Diagram-5PPSVZJV-C729LI31.js

@@ -1 +0,0 @@
-var e={};export{e as diagram};

package/dist/chart/lane/viewer/assets/chunk-2GRJ4B5K-HdDf8SI3.js

@@ -1 +0,0 @@
-import{Ht as e,U as t,_ as n}from"./chunk-NSK5VX7P-CBCyTZMs.js";n();var r=e(()=>{let e=t(`.mermaidTooltip`);return e.empty()&&(e=t(`body`).append(`div`).attr(`class`,`mermaidTooltip`).style(`opacity`,0).style(`position`,`absolute`).style(`text-align`,`center`).style(`max-width`,`200px`).style(`padding`,`2px`).style(`font-size`,`12px`).style(`background`,`#ffffde`).style(`border`,`1px solid #333`).style(`border-radius`,`2px`).style(`pointer-events`,`none`).style(`z-index`,`100`)),e},`createTooltip`);export{r as t};