Architecture

How Design Intuition is built. Read top to bottom — each layer builds on the last.

1. Orient

Start here. One page, whole app.

• See the Overview folder for the project shape, file layout, and the entry-flow walk-through.

2. Understand

Where things live, what they do.

• Core — singletons and systems
  • Managers — who owns what
  • Algebra — constraints, expressions, reverse propagation
  • Errors — structured errors, suggestion buttons, name validation
  • History — undo and redo, snapshot sites, restore path
  • Preferences — local-storage wrapper
  • Scenes — scene loading and the two-phase build pattern
  • Smart_Objects — part data shape
  • Units — millimetre storage, four families, formatting and parsing
  • Versions — file format migration
• Components — per-file reference pages for layout components
  • Details — sidebar: preferences, library, parts, part
• UI — what the user sees
  • Panel layout — three regions, CSS, separators
  • Hits — click and hover dispatch
  • Key paths — keyboard shortcuts grouped by context
  • Style — CSS conventions and design tokens

3. Deep dive

The render pipeline — projection, occlusion, intersections, overlays.

• Graph — start with Three Dimensions, then explore:
  • Two Dimensions — 2D mode, face snapping
  • Three Dimensions — the full render pipeline
  • Intersecting Faces — face-pair clipping
  • Rendering Types — type definitions
  • Drag — edge and vertex dragging
  • Axes — rotation, swap, angular rendering
  • Dimensionals — measurement labels with witness lines
  • Editors — canvas input editors and their shared lifecycle
  • Hits_3D — three-dimensional hit testing
  • Rotation — the world-versus-camera split and the camera-view extent
  • Render — the per-frame pipeline overview
  • Repeaters — clone generation for studs, joists, stairs

Contents

• Components
• Core
• Graph
• Ui