@seanmars/tospec 0.4.2

package/assets/dashboard/style.css

@@ -0,0 +1,675 @@
+/* tospec dashboard — light/dark via [data-theme] (JS-resolved), no webfonts. */
+
+:root {
+  --bg: #f6f7f9;
+  --surface: #ffffff;
+  --border: #e2e5ea;
+  --text: #1c2024;
+  --muted: #6b7280;
+  --accent: #2563eb;
+  --done: #16a34a;
+  --ready: #d97706;
+  --blocked: #9ca3af;
+  --error: #dc2626;
+  --error-bg: #fef2f2;
+  --badge-req-bg: #e0edff;
+  --badge-req-fg: #1d4ed8;
+  --badge-issue-bg: #ffedd5;
+  --badge-issue-fg: #c2410c;
+  /* chart series (CVD-validated pair per theme, see ADR 001) */
+  --chart-1: #2563eb;
+  --chart-2: #0d9488;
+  --ok: #16a34a;
+  --ok-bg: #f0fdf4;
+  --warn-bg: #fffbeb;
+  --flash-bg: #dbeafe;
+  --radius: 8px;
+}
+
+:root[data-theme='dark'] {
+  --bg: #0f1115;
+  --surface: #171a20;
+  --border: #2a2f38;
+  --text: #e6e8eb;
+  --muted: #9199a3;
+  --accent: #60a5fa;
+  --done: #4ade80;
+  --ready: #fbbf24;
+  --blocked: #6b7280;
+  --error: #f87171;
+  --error-bg: #2a1414;
+  --badge-req-bg: #16263f;
+  --badge-req-fg: #93c5fd;
+  --badge-issue-bg: #3a2411;
+  --badge-issue-fg: #fdba74;
+  --chart-1: #3b82f6;
+  --chart-2: #0d9488;
+  --ok: #4ade80;
+  --ok-bg: #10241a;
+  --warn-bg: #2a2210;
+  --flash-bg: #1e3a5f;
+}
+
+:root[data-theme='dracula'] {
+  --bg: #282a36;
+  --surface: #343746;
+  --border: #44475a;
+  --text: #f8f8f2;
+  --muted: #6272a4;
+  --accent: #bd93f9;
+  --done: #50fa7b;
+  --ready: #ffb86c;
+  --blocked: #6272a4;
+  --error: #ff5555;
+  --error-bg: #402a33;
+  --badge-req-bg: #313552;
+  --badge-req-fg: #bd93f9;
+  --badge-issue-bg: #3d3348;
+  --badge-issue-fg: #ffb86c;
+  --chart-1: #a76ef5;
+  --chart-2: #0d9488;
+  --ok: #50fa7b;
+  --ok-bg: #1e3327;
+  --warn-bg: #3a3120;
+  --flash-bg: #2d3455;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  background: var(--bg);
+  color: var(--text);
+  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+.mono {
+  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
+  font-size: 0.9em;
+}
+
+.muted {
+  color: var(--muted);
+}
+
+/* -- top bar -- */
+.topbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 12px 20px;
+  background: var(--surface);
+  border-bottom: 1px solid var(--border);
+  position: sticky;
+  top: 0;
+  z-index: 10;
+}
+
+.topbar-left {
+  display: flex;
+  align-items: baseline;
+  gap: 12px;
+  min-width: 0;
+}
+
+.brand {
+  font-size: 18px;
+  margin: 0;
+  font-weight: 650;
+}
+
+.root-path {
+  color: var(--muted);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 40vw;
+}
+
+.topbar-right {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.conn {
+  color: var(--error);
+  font-size: 12px;
+}
+
+.conn.disconnected::before {
+  content: "\25cf ";
+}
+
+button,
+#theme-select,
+.range-select {
+  font: inherit;
+  color: var(--text);
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 5px 12px;
+  cursor: pointer;
+}
+
+button:hover,
+#theme-select:hover,
+.range-select:hover {
+  border-color: var(--accent);
+}
+
+.range-select {
+  float: right;
+  font-size: 11px;
+  text-transform: none;
+  letter-spacing: normal;
+  padding: 1px 6px;
+}
+
+/* -- layout -- */
+.view {
+  max-width: 900px;
+  margin: 0 auto;
+  padding: 20px;
+}
+
+.cards {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  margin-bottom: 24px;
+}
+
+.card {
+  flex: 1 1 140px;
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 14px 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.card-count {
+  font-size: 26px;
+  font-weight: 700;
+}
+
+.card-label {
+  color: var(--muted);
+  font-size: 12px;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+
+/* -- health strip -- */
+.health {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px 20px;
+  padding: 10px 14px;
+  border-radius: var(--radius);
+  border: 1px solid var(--border);
+  margin-bottom: 16px;
+  font-size: 13px;
+}
+
+.health-ok {
+  background: var(--ok-bg);
+  border-color: var(--ok);
+  color: var(--ok);
+}
+
+.health-warn {
+  background: var(--warn-bg);
+  border-color: var(--ready);
+}
+
+.health-warn .health-item::before {
+  content: "\26a0 ";
+  color: var(--ready);
+}
+
+a.health-item {
+  color: inherit;
+  text-decoration: none;
+}
+
+a.health-item:hover {
+  text-decoration: underline;
+}
+
+/* -- charts -- */
+.charts-grid {
+  display: grid;
+  grid-template-columns: 2fr 1fr;
+  gap: 12px;
+  margin-bottom: 24px;
+}
+
+.charts-grid-3 {
+  grid-template-columns: 1fr 1fr 1fr;
+}
+
+@media (max-width: 720px) {
+  .charts-grid,
+  .charts-grid-3 {
+    grid-template-columns: 1fr;
+  }
+}
+
+.chart-panel {
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 12px 14px;
+  min-width: 0;
+  margin-bottom: 0;
+}
+
+/* -- task progress -- */
+details.task-change,
+.row.task-none {
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  margin-bottom: 6px;
+}
+
+details.task-change summary {
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 10px 12px;
+  list-style: none;
+}
+
+/* display:flex drops the native marker, so draw our own caret. */
+details.task-change summary::-webkit-details-marker {
+  display: none;
+}
+
+details.task-change summary::before {
+  content: '';
+  flex: none;
+  width: 0;
+  height: 0;
+  border-left: 5px solid var(--muted);
+  border-top: 4px solid transparent;
+  border-bottom: 4px solid transparent;
+  transition: transform 0.15s ease;
+}
+
+details.task-change[open] summary::before {
+  transform: rotate(90deg);
+}
+
+details.task-change summary:hover {
+  color: var(--accent);
+}
+
+.task-bar {
+  margin-left: auto;
+  width: 140px;
+  height: 8px;
+  flex: none;
+  border: none;
+  border-radius: 4px;
+  background: var(--border);
+  /* Firefox styles the bar through the element itself. */
+  appearance: none;
+}
+
+.task-bar::-webkit-progress-bar {
+  background: var(--border);
+  border-radius: 4px;
+}
+
+.task-bar::-webkit-progress-value {
+  background: var(--done);
+  border-radius: 4px;
+}
+
+.task-bar::-moz-progress-bar {
+  background: var(--done);
+  border-radius: 4px;
+}
+
+.task-count {
+  font-variant-numeric: tabular-nums;
+  font-size: 12px;
+  color: var(--muted);
+  min-width: 44px;
+  text-align: right;
+}
+
+.task-body {
+  padding: 2px 12px 10px 29px;
+}
+
+.task-file {
+  font-size: 11px;
+  color: var(--muted);
+  margin: 8px 0 4px;
+}
+
+.task-item {
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  padding: 4px 0;
+  cursor: pointer;
+}
+
+.task-item:hover .task-text {
+  color: var(--accent);
+}
+
+.task-box {
+  accent-color: var(--done);
+  cursor: pointer;
+}
+
+.task-box:disabled {
+  cursor: progress;
+}
+
+.task-item-done .task-text {
+  color: var(--muted);
+  text-decoration: line-through;
+}
+
+.task-error {
+  color: var(--error);
+  font-size: 12px;
+}
+
+.chart-wrap {
+  position: relative;
+}
+
+.chart-note {
+  margin: 0;
+}
+
+/* -- dynamics -- */
+@keyframes row-flash {
+  0% {
+    background: var(--flash-bg);
+  }
+  100% {
+    background: var(--surface);
+  }
+}
+
+.row.flash {
+  animation: row-flash 1.6s ease-out;
+}
+
+/* -- panels & rows -- */
+.panel {
+  margin-bottom: 24px;
+}
+
+.section-title,
+.panel h3 {
+  font-size: 13px;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--muted);
+  margin: 0 0 8px;
+}
+
+.row {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 10px 12px;
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  margin-bottom: 6px;
+  text-decoration: none;
+  color: inherit;
+}
+
+a.row:hover {
+  border-color: var(--accent);
+}
+
+.row-name {
+  font-weight: 600;
+}
+
+.row-meta {
+  color: var(--muted);
+  font-size: 12px;
+}
+
+.row-time {
+  margin-left: auto;
+  color: var(--muted);
+  font-size: 12px;
+  white-space: nowrap;
+}
+
+.row-error {
+  border-color: var(--error);
+  background: var(--error-bg);
+}
+
+.parse-error {
+  color: var(--error);
+  font-size: 12px;
+}
+
+/* The leading date reuses .row-time (margin-left:auto); cancel it so ticket
+   content stays packed to the left instead of being pushed to the right. */
+.ticket-row .row-time {
+  margin-left: 0;
+}
+
+.ticket-summary {
+  color: var(--muted);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.ticket-change {
+  color: var(--accent);
+  text-decoration: none;
+  font-size: 12px;
+}
+
+.ticket-change:hover {
+  text-decoration: underline;
+}
+
+/* -- badges -- */
+.badge {
+  font-size: 11px;
+  font-weight: 600;
+  padding: 1px 7px;
+  border-radius: 999px;
+  text-transform: lowercase;
+}
+
+.badge-requirement,
+.badge-sdd {
+  background: var(--badge-req-bg);
+  color: var(--badge-req-fg);
+}
+
+.badge-issue {
+  background: var(--badge-issue-bg);
+  color: var(--badge-issue-fg);
+}
+
+.badge-unknown,
+.badge-artifact {
+  background: var(--border);
+  color: var(--muted);
+}
+
+/* health-signal badges on rows */
+.badge-stale {
+  background: var(--warn-bg);
+  color: var(--ready);
+}
+
+.badge-blocked-warn {
+  background: var(--error-bg);
+  color: var(--error);
+}
+
+/* -- artifact blocks & status -- */
+.blocks {
+  display: inline-flex;
+  gap: 3px;
+}
+
+.block {
+  width: 12px;
+  height: 12px;
+  border-radius: 2px;
+  border: 1px solid var(--blocked);
+}
+
+.block-done {
+  background: var(--done);
+  border-color: var(--done);
+}
+
+.dot {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  display: inline-block;
+  flex: none;
+}
+
+.dot-done {
+  background: var(--done);
+}
+.dot-ready {
+  background: var(--ready);
+}
+.dot-blocked {
+  background: var(--blocked);
+}
+
+.artifact-row {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 6px 0;
+}
+
+.artifact-status {
+  color: var(--muted);
+  font-size: 12px;
+}
+
+.blocked-by {
+  color: var(--blocked);
+  font-size: 12px;
+}
+
+/* -- detail views -- */
+.back {
+  display: inline-block;
+  margin-bottom: 12px;
+  color: var(--accent);
+  text-decoration: none;
+}
+
+.back:hover {
+  text-decoration: underline;
+}
+
+.meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px 16px;
+  margin-bottom: 12px;
+}
+
+.meta-item {
+  display: inline-flex;
+  gap: 6px;
+  align-items: baseline;
+}
+
+.meta-label {
+  color: var(--muted);
+  font-size: 12px;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+
+.task-progress {
+  font-weight: 600;
+}
+
+details.file,
+details.archive {
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: var(--surface);
+  margin-bottom: 6px;
+  padding: 4px 12px;
+}
+
+details.file summary,
+details.archive summary {
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 6px 0;
+}
+
+.rendered {
+  padding: 4px 2px 12px;
+  overflow-x: auto;
+}
+
+.rendered pre {
+  background: var(--bg);
+  padding: 12px;
+  border-radius: var(--radius);
+  overflow-x: auto;
+}
+
+.rendered code {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+}
+
+.rendered h1,
+.rendered h2,
+.rendered h3 {
+  line-height: 1.3;
+}
+
+.empty {
+  color: var(--muted);
+  padding: 8px 2px;
+}
+
+.error {
+  color: var(--error);
+  padding: 8px 12px;
+  border: 1px solid var(--error);
+  background: var(--error-bg);
+  border-radius: var(--radius);
+}

package/bin/tospec.js

@@ -0,0 +1,5 @@
+#!/usr/bin/env node
+
+import { runCli } from '../dist/cli/index.js';
+
+runCli();

package/dist/cli/index.d.ts

@@ -0,0 +1,5 @@
+import { Command } from 'commander';
+declare const program: Command;
+export { program };
+export declare function runCli(argv?: string[]): void;
+//# sourceMappingURL=index.d.ts.map

package/dist/cli/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/cli/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAU,MAAM,WAAW,CAAC;AAsD5C,QAAA,MAAM,OAAO,SAAgB,CAAC;AAwS9B,OAAO,EAAE,OAAO,EAAE,CAAC;AAEnB,wBAAgB,MAAM,CAAC,IAAI,WAAe,GAAG,IAAI,CAEhD"}