dtoro
b55425cc68
Workspace - Pivot from "set of open panes" to a Finder-style miller column stack: TopBar / LeftSidebar / [section → entity → entity ...] / pinned text editor. openPanesStore is now an ordered Column[] with pushFrom / closeFrom / setStack; only one top-level section is rooted at a time. - New entity column panes: Term, Block, Association, Constraint, Requirement, Finding. Click-through navigation truncates deeper columns automatically. - LeftSidebar surfaces a pending-count chip per section (single-glance navigation cue) and spins its analyze ↻ via SVG Spinner whenever the LLM is working — including server-initiated runs caught by the runs poll, not just user-triggered ones. Analyze pipeline + persistence - Unified `concepts` pass (taxonomy + glossary in one LLM call) replaces the two-pass setup. Server still accepts ?section=taxonomy|glossary and normalizes them for back-compat. - model / requirements / detection (assumptions, risks, inconsistencies) + cross-layer validation rules (X1–X4: stale term link, unlinked formalism, undefined linked term, prose-only term). - Persistence: NarrativeDocument, ModelSnapshot, ChangelogEntry, TaxonomyTerm, RequirementEntry, Finding, AnalysisRun. Re-runs MERGE instead of replace: gentle update on existing items, suggested on new, deprecated on missing — same idiom for every artifact kind. User pins preserve "kept" decisions across re-analyses. - Migrations: pivot_text_first, add_requirement_linked_term, term_review_state, review_state_for_reqs_and_findings, add_term_definition_pinned. Concept ↔ ontology integration - linkedTermId on Block / Association / Constraint / Requirement. PromoteToolbar lets the user formalize a concept inline: + Block / + Association / + Constraint / + Requirement, all routed through applyOps so undo/redo and SSE work for free. - decideElement op for in-canvas keep/discard on review-pending model elements. User-authored definitions - TermColumn definition is click-to-edit. Save (Cmd-Enter / blur), Cancel (Esc), Reset to AI suggestion when pinned. - definitionPinned flag on TaxonomyTerm: future Analyze runs leave the user's text alone. setTermDefinition repo function + POST /api/projects/[id]/terms/[termId]/definition endpoint. - mergeTaxonomySuggestion + applyGlossaryDefinitions both pin-aware. UX/UI - StatusChip: single component for all state idioms (suggested, deprecated, accepted, dismissed, resolved, severity, validation code, confidence, warn). Replaces 5+ ad-hoc badge classes. - PaneControls (PaneViewTabs + PaneFilterChip): separates view-mode toggles from filter chips so toggling Pending no longer flips you off the current view. - PaneEmpty: unified empty-state with title + hint + action. - PaneDrawer: collapsible groups for Pending / Discarded review; cards group as Kept (top) → Pending (bottom drawer) → Discarded (Findings only, hidden when empty). Restore action recovers dismissed/resolved findings. - ConceptCard unifies Tree and A–Z views in Concepts; only Tree parents carry the chevron (no empty placeholder offset). - Type + spacing tokens (--text-xs..xl, --space-1..6, --lh-tight/ui/ prose, --radius-*) replace every ad-hoc value. - Buttons standardized to body sans 500 (was a mishmash of mono / display). - Card shells unified across Concepts / Requirements / Findings. Cleanup - Removed: LeftRail, FindingsPanel, IssuesPanel, SocratesDock, ProposalCard, SlashMenu, SlashExtension, slashSuggestion, CanvasHeader, TaxonomyPane, GlossaryPane, TermDetail (popover; now TermColumn). - Section ids in openPanesStore: dropped taxonomy/glossary, added concepts. localStorage migration runs on hydrate. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
111 lines
3.6 KiB
CSS
111 lines
3.6 KiB
CSS
/* MANUSCRIPT — warm parchment, scholarly serif, ink-blue accent.
|
|
Document-first; Socrates feels like a character in a book. */
|
|
|
|
.theme-manuscript {
|
|
--font-display: "Newsreader", "Source Serif Pro", "Iowan Old Style", Georgia, serif;
|
|
--font-prose: "Newsreader", "Source Serif Pro", "Iowan Old Style", Georgia, serif;
|
|
--font-body: "Söhne", "Inter Tight", -apple-system, system-ui, sans-serif;
|
|
--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, Menlo, monospace;
|
|
--tracking: 0;
|
|
|
|
/* ─── Type scale ────────────────────────────────────────────────────
|
|
* Five sizes. Use one of these everywhere; resist adding 0.5px nudges.
|
|
* --text-xs chips, badges, eyebrows, kind labels, mono meta
|
|
* --text-sm secondary UI text, hints, captions, drag/help text
|
|
* --text-md primary UI text, list rows, definitions (DEFAULT)
|
|
* --text-lg pane titles, prominent labels, strong row titles
|
|
* --text-xl detail-column titles
|
|
* Plus three line-heights: tight (titles), ui (rows), prose (definitions). */
|
|
--text-xs: 10.5px;
|
|
--text-sm: 11.5px;
|
|
--text-md: 12.5px;
|
|
--text-lg: 13.5px;
|
|
--text-xl: 16px;
|
|
--lh-tight: 1.2;
|
|
--lh-ui: 1.4;
|
|
--lh-prose: 1.5;
|
|
|
|
/* ─── Spacing scale ─────────────────────────────────────────────────
|
|
* 4-px base. Pick one of these for every gap / padding decision. */
|
|
--space-1: 3px;
|
|
--space-2: 5px;
|
|
--space-3: 7px;
|
|
--space-4: 10px;
|
|
--space-5: 14px;
|
|
--space-6: 20px;
|
|
|
|
/* ─── Radius ─────────────────────────────────────────────────────── */
|
|
--radius-sm: 3px;
|
|
--radius-md: 4px;
|
|
--radius-lg: 6px;
|
|
|
|
--bg: #f5efe2; /* parchment */
|
|
--surface: #faf5e9;
|
|
--surface-2: #ede4cf;
|
|
--fg: #2a241a;
|
|
--prose: #3d3527;
|
|
--muted: #8a7c63;
|
|
--muted-strong: #5e533f;
|
|
--border: #d9ceb3;
|
|
--border-strong: #b8a982;
|
|
|
|
--accent: #2c4a6b; /* ink blue */
|
|
--accent-strong: #1c3550;
|
|
--accent-soft: #d6def0;
|
|
--accent-on: #faf5e9;
|
|
|
|
--ok: #5e7a3a;
|
|
--ok-soft: #d9e3c7;
|
|
--ok-strong: #3d5421;
|
|
--warn: #a8551c;
|
|
--warn-soft: #f0d9c2;
|
|
--warn-strong: #6b3309;
|
|
--info: #5b6e8a;
|
|
|
|
--shadow: rgba(60,40,15,0.08);
|
|
--shadow-strong: rgba(60,40,15,0.18);
|
|
|
|
--grid-dot: rgba(120,90,40,0.18);
|
|
--diagram-bg: #f0e9d6;
|
|
|
|
--block-bg: #fdfaf0;
|
|
--block-border: #b8a982;
|
|
--block-divider: #d9ceb3;
|
|
--block-actor-bg: #f0e6cf;
|
|
--block-constraint-bg:#f5dccb;
|
|
|
|
--edge: #6e5d3d;
|
|
--edge-soft: #c8b88f;
|
|
--edge-label: #5e533f;
|
|
|
|
--note-bg: #f0e3c4;
|
|
|
|
--bubble-socrates: #f0e3c4;
|
|
--bubble-user: #ede4cf;
|
|
|
|
--chip-bg: #ede4cf;
|
|
--chip-bg-hover: #e2d6b8;
|
|
--chip-fg: #2a241a;
|
|
|
|
/* color-coded chips */
|
|
--c-block-bg: #d6def0; --c-block-fg: #1c3550;
|
|
--c-prop-bg: #e8e0c2; --c-prop-fg: #6b5a25;
|
|
--c-assoc-bg: #d9e3c7; --c-assoc-fg: #3d5421;
|
|
--c-req-bg: #f0d9c2; --c-req-fg: #6b3309;
|
|
}
|
|
|
|
/* Manuscript-only flourishes: drop-cap-ish heading underline */
|
|
.theme-manuscript .t-h1 {
|
|
border-bottom: 1px solid var(--border-strong);
|
|
padding-bottom: 8px;
|
|
font-style: italic;
|
|
letter-spacing: -0.005em;
|
|
}
|
|
.theme-manuscript .t-h2 {
|
|
font-style: italic;
|
|
font-weight: 500;
|
|
color: var(--accent-strong);
|
|
}
|
|
.theme-manuscript .brand-name { font-style: italic; }
|
|
.theme-manuscript .canvas-title { font-style: italic; font-weight: 500; }
|