Pivot to text-first column-stack workspace + merge-with-review across AI artifacts
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>
This commit is contained in:
@@ -1,6 +1,11 @@
|
||||
import Link from "next/link";
|
||||
// Landing page — list existing projects + entry point to start a new one.
|
||||
|
||||
import Link from "next/link";
|
||||
import { listProjects } from "../lib/db/repo";
|
||||
|
||||
export default async function HomePage() {
|
||||
const projects = await listProjects();
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<div style={{ padding: "60px 80px", maxWidth: 720, margin: "0 auto", lineHeight: 1.55 }}>
|
||||
<h1 style={{ fontFamily: "var(--font-display)", fontSize: 32, fontWeight: 600, marginBottom: 8 }}>
|
||||
@@ -9,42 +14,108 @@ export default function HomePage() {
|
||||
<p style={{ color: "var(--muted)", marginBottom: 32 }}>
|
||||
Structured thinking and validation platform for product managers.
|
||||
</p>
|
||||
<ul style={{ listStyle: "none", padding: 0, margin: 0, display: "grid", gap: 12 }}>
|
||||
<li>
|
||||
<Link
|
||||
href="/editor/aristotle"
|
||||
style={{
|
||||
display: "inline-block",
|
||||
padding: "12px 18px",
|
||||
border: "1px solid var(--border-strong)",
|
||||
borderRadius: 6,
|
||||
color: "var(--accent)",
|
||||
fontFamily: "var(--font-mono)",
|
||||
fontSize: 13,
|
||||
textDecoration: "none",
|
||||
}}
|
||||
>
|
||||
→ Open editor (Aristotle fixture)
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link
|
||||
href="/seed"
|
||||
style={{
|
||||
display: "inline-block",
|
||||
padding: "12px 18px",
|
||||
border: "1px solid var(--border)",
|
||||
borderRadius: 6,
|
||||
color: "var(--muted)",
|
||||
fontFamily: "var(--font-mono)",
|
||||
fontSize: 13,
|
||||
textDecoration: "none",
|
||||
}}
|
||||
>
|
||||
→ Seed screen (coming next)
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div style={{ marginBottom: 32 }}>
|
||||
<Link
|
||||
href="/seed"
|
||||
style={{
|
||||
display: "inline-block",
|
||||
padding: "12px 18px",
|
||||
border: "1px solid var(--accent)",
|
||||
background: "var(--accent)",
|
||||
color: "var(--accent-on)",
|
||||
borderRadius: 6,
|
||||
fontFamily: "var(--font-mono)",
|
||||
fontSize: 13,
|
||||
textDecoration: "none",
|
||||
}}
|
||||
>
|
||||
→ Start a new idea
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h2 style={{
|
||||
fontFamily: "var(--font-mono)",
|
||||
fontSize: 11,
|
||||
textTransform: "uppercase",
|
||||
letterSpacing: "0.10em",
|
||||
color: "var(--muted)",
|
||||
marginBottom: 12,
|
||||
}}>
|
||||
{projects.length === 0 ? "no projects yet" : `${projects.length} project${projects.length === 1 ? "" : "s"}`}
|
||||
</h2>
|
||||
|
||||
{projects.length === 0 ? (
|
||||
<p style={{ color: "var(--muted)", fontStyle: "italic" }}>
|
||||
Click "Start a new idea" above to begin a Socratic interview that bootstraps a fresh project.
|
||||
</p>
|
||||
) : (
|
||||
<ul style={{ listStyle: "none", padding: 0, margin: 0, display: "grid", gap: 8 }}>
|
||||
{projects.map(p => (
|
||||
<li key={p.id}>
|
||||
<Link
|
||||
href={`/editor/${encodeURIComponent(p.id)}`}
|
||||
style={{
|
||||
display: "block",
|
||||
padding: "12px 14px",
|
||||
border: "1px solid var(--border)",
|
||||
borderRadius: 6,
|
||||
color: "var(--fg)",
|
||||
textDecoration: "none",
|
||||
background: "var(--surface)",
|
||||
}}
|
||||
>
|
||||
<div style={{ display: "flex", alignItems: "baseline", gap: 10 }}>
|
||||
<span style={{
|
||||
fontFamily: "var(--font-display)",
|
||||
fontWeight: 600,
|
||||
fontSize: 14,
|
||||
color: "var(--accent-strong)",
|
||||
}}>{p.name}</span>
|
||||
<span style={{
|
||||
fontFamily: "var(--font-mono)",
|
||||
fontSize: 10.5,
|
||||
color: "var(--muted)",
|
||||
}}>
|
||||
{p.scope} · v{p.latestVersion}
|
||||
</span>
|
||||
<span style={{
|
||||
marginLeft: "auto",
|
||||
fontFamily: "var(--font-mono)",
|
||||
fontSize: 10.5,
|
||||
color: "var(--muted)",
|
||||
}}>
|
||||
{timeAgo(new Date(p.updatedAt))}
|
||||
</span>
|
||||
</div>
|
||||
{p.tagline && (
|
||||
<div style={{
|
||||
fontSize: 12.5,
|
||||
color: "var(--muted-strong)",
|
||||
marginTop: 4,
|
||||
lineHeight: 1.45,
|
||||
}}>
|
||||
{p.tagline}
|
||||
</div>
|
||||
)}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function timeAgo(d: Date): string {
|
||||
const sec = Math.floor((Date.now() - d.getTime()) / 1000);
|
||||
if (sec < 60) return `${sec}s ago`;
|
||||
const min = Math.floor(sec / 60);
|
||||
if (min < 60) return `${min}m ago`;
|
||||
const hr = Math.floor(min / 60);
|
||||
if (hr < 24) return `${hr}h ago`;
|
||||
const day = Math.floor(hr / 24);
|
||||
return `${day}d ago`;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user