aaf9c9a330
* feat: restructure ui-design.pen as complete design system Major restructuring of the design canvas into 5 organized sections: 0. Cover — title, TOC with links to all sections 1. Foundations — colors, typography, spacing scale, heights, shadows 2. Components — 23 reusable components (atoms, molecules, organisms) 3. Full Layouts — 5 app variants at 1440×900 4. Feature Specs — 65 existing frames reorganized into 10 functional groups Components created (reusable, defined once): - Atoms: StatusDot, Separator, Badge, Button (Primary/Secondary/Ghost), Input, IconButton - Molecules: InspectorHeader, NoteListItem, Tab (Active/Inactive), PropertyRow, RelationshipPill, SidebarFilterItem, SectionLabel, SectionCountHeader, AddButton, RelGroupLabel, CommandPaletteItem, EditableValue - Organisms: Toast, AIChatMessage Variables added (22 new): - Spacing: --spacing-xs through --spacing-3xl (4px to 40px) - Heights: --height-titlebar, --height-tabbar, --height-statusbar, etc. - Shadows: --shadow-sm, --shadow-md, --shadow-lg - Search colors: --search-bg, --search-input-bg (replacing hardcoded hex) - Font: --font-mono Hardcoded colors replaced with variables in existing frames. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * feat: zero hardcoded colors + 6th layout (Focus Mode) - Replace all 82 remaining hardcoded hex colors with CSS variables - Add 11 new variables: search theme colors, traffic lights, white overlay - Total variables: 79 (zero hardcoded fills in entire canvas) - Add 6th full layout: Focus Mode — Distraction-free Writing (1440×900) - All 6 layout variants now complete Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * docs: add .claude-done summary Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
Laputa App
Personal knowledge and life management desktop app built with Tauri v2 + React + TypeScript + BlockNote.
Documentation
- 📐 ARCHITECTURE.md — System design, tech stack, data flow
- 🧩 ABSTRACTIONS.md — Core abstractions and models
- 🚀 GETTING-STARTED.md — How to navigate the codebase
- 🎨 THEMING.md — Theme system and customization
Quick Start
Prerequisites
- Node.js 20+
- pnpm 8+
- Rust (latest stable)
- macOS (for development)
Setup
# Install dependencies
pnpm install
# Install git hooks (optional but recommended)
.github/hooks/install-hooks.sh
# Run dev server
pnpm dev
# Open in browser (mock mode)
open http://localhost:5173
# Or run in Tauri
pnpm tauri dev
Testing
# Frontend tests
pnpm test
# Backend tests
cargo test
# Coverage
pnpm test:coverage
# E2E tests
pnpm test:e2e
Code Quality
# Lint
pnpm lint
# Rust checks
cargo clippy
cargo fmt --check
# CodeScene (via Claude Code)
claude 'Check code health with CodeScene MCP'
Development Workflow
See CLAUDE.md for coding guidelines and workflow.
Key principles:
- Small, atomic commits
- Test as you go
- Visual verification mandatory
- Documentation updated with code changes
CI/CD
GitHub Actions runs on every push/PR:
- ✅ Tests (frontend + Rust)
- 📊 Coverage (70% threshold)
- 🎨 Lint & format
- ⚠️ Documentation check
See .github/SETUP.md for CI/CD configuration.
Git Hooks
Pre-commit hook checks code health before every commit. See .github/HOOKS.md for details.
License
Private repository — not licensed for public use.