feat(ui): TDS migration stage 3 — integration fixes, legacy removal, docs
Lint / JS (eslint) (pull_request) Successful in 10s
Lint / Notify on failure (pull_request) Skipped
Lint / Deploy (pull_request) Skipped
Security / JS Security (npm audit) (pull_request) Failing after 10s
Test / JS Tests (jest) (pull_request) Successful in 14s
Lint / JS (eslint) (push) Successful in 11s
Lint / Notify on failure (push) Skipped
Lint / Deploy (push) Skipped
Security / JS Security (npm audit) (push) Failing after 11s
Test / JS Tests (jest) (push) Successful in 10s

- Fix design-system class names that do not exist in base.css (.lt-alert--error,
  .lt-form-hint); add shared .lt-modal-lg, .lt-field-error and .is-invalid rules
- Remove public/index.html and the public/base.js symlink
- package.json: start script, correct main
- README: vendored design system, Web UI section, new env vars, read-only dev mode

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01HamVMDrA8RqhyxmUHgiqRp
This commit is contained in:
2026-09-08 22:17:15 -04:00
co-authored by Claude Fable 5.1
parent 68d0a906a6
commit eca5cb45b1
11 changed files with 129 additions and 3195 deletions
+34 -1
View File
@@ -131,7 +131,40 @@
.pulse-scroll-x { overflow-x: auto; -webkit-overflow-scrolling: touch; }
/* ---------------------------------------------------------------------
7. Light theme overrides for the additions above
7. Shared component gap-fillers (base.css does not ship these)
---------------------------------------------------------------------
`.lt-modal-lg` — base.css ships .lt-modal-xs/.lt-modal-sm only, but
several Pulse pages need a wide modal (JSON editors, log viewers,
side-by-side compare). Sized the same way base.css sizes its own
modifiers, and re-capped at the two breakpoints base.css caps
`.lt-modal` at, because this selector is more specific than those.
`.lt-field-error` / `.is-invalid` — base.css references a field-error
hook but ships no visual style for it.
Both are candidates for upstreaming into base.css.
--------------------------------------------------------------------- */
.lt-modal.lt-modal-lg {
width: min(900px, 95vw);
max-width: 900px;
}
@media (max-width: 767px) { .lt-modal.lt-modal-lg { max-width: 96vw; } }
@media (max-width: 479px) { .lt-modal.lt-modal-lg { max-width: 100vw; } }
.lt-field-error {
color: var(--accent-red);
font-size: 0.72rem;
letter-spacing: 0.02em;
margin-top: 4px;
}
.lt-input.is-invalid,
.lt-textarea.is-invalid,
.lt-select.is-invalid {
border-color: var(--accent-red);
}
/* ---------------------------------------------------------------------
8. Light theme overrides for the additions above
--------------------------------------------------------------------- */
html[data-theme="light"] #pulse-last-refreshed { color: var(--text-muted); }