davidl/tolaria
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
645 Commits 4 Branches 1,201 Tags
4664f3360e4cd052d6bacf627db1ce8b71a545f5
Commit Graph

32 Commits

Author SHA1 Message Date
Luca Rossi
aaf9c9a330 feat: structured design system in ui-design.pen (#95) 
* 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>
 2026-02-26 17:18:35 +00:00
lucaronin
68a7518b51 design: merge add-property-inline frames into ui-design.pen 2026-02-26 14:34:47 +01:00
lucaronin
2bac6a117f design: merge status-property-dropdown frames into ui-design.pen 2026-02-26 14:01:13 +01:00
lucaronin
9da7cf5182 design: design system proposal + canvas reorganization 
- Reorder frames in ui-design.pen for better spatial organization
- Add docs/DESIGN-SYSTEM-PROPOSAL.md: full design system analysis and roadmap
  - Identifies 13 duplicated patterns (NoteList/Item x10, Inspector headers x7, etc.)
  - Proposes atomic structure: atoms → molecules → organisms
  - 6-phase implementation plan (16-22h total, phases 1-3 = 80% value)
  - Naming conventions, component inventory, canvas layout strategy
 2026-02-26 10:22:34 +01:00
Luca Rossi
d6feccb91f refactor: reorganize all 65 frames in ui-design.pen into logical grid (#86) 
All frames were overlapping at origin or had undefined positions.
Now organized into 23 functional groups with 100px intra-group spacing
and 500px inter-group spacing:

- Design System (Color Palette, Typography)
- App Layout (Full Layout)
- Sidebar Collapse (4 layout variants)
- macOS Border
- GitHub Vault (4 modal states)
- Settings
- Sidebar (drag handles, sections)
- Trash (4 views)
- Tabs (draggable + rename)
- Sort Controls
- Archive Notes
- Wikilinks
- Properties Inspector
- Referenced By
- Relations Edit
- URL Property
- Virtual List
- Modified Note Indicator
- NoteStatus
- Changes (version control)
- Git History
- Full-text Search

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
 2026-02-25 23:36:57 +00:00
lucaronin
2b8e1a5967 design: merge full-text-search frames into ui-design.pen 2026-02-25 00:35:21 +01:00
lucaronin
99535cc0da design: merge differenzia-pallino frames into ui-design.pen 2026-02-24 17:31:58 +01:00
lucaronin
bacd4e17a2 design: merge vista-changes frames into ui-design.pen 2026-02-24 16:01:41 +01:00
lucaronin
56ed81ccb0 design: merge url-property-click frames into ui-design.pen 2026-02-24 15:02:30 +01:00
lucaronin
8cbf30358d design: merge relations-edit frames into ui-design.pen 2026-02-24 14:33:05 +01:00
lucaronin
c446d4c321 design: merge modified-notes-indicator frames into ui-design.pen 2026-02-23 21:22:07 +01:00
lucaronin
64907b83c6 design: merge performance-note-list frames into ui-design.pen 2026-02-23 21:17:47 +01:00
lucaronin
f0434b32aa design: merge relazioni-bidirezionali + wikilink-colorati frames into ui-design.pen 2026-02-23 21:02:59 +01:00
lucaronin
36f4f5048a design: merge properties-inspector frames into ui-design.pen 2026-02-23 19:44:50 +01:00
lucaronin
f476897d5e design: merge fix-note-mutation, vault-from-github, sidebar-collapsable frames into ui-design.pen 2026-02-23 08:36:42 +01:00
lucaronin
547f21c616 design: merge settings-panel frame into ui-design.pen 2026-02-22 16:01:01 +01:00
lucaronin
f3790eb95c design: merge macos-border frames into ui-design.pen 2026-02-22 12:31:47 +01:00
lucaronin
0da85350f5 design: merge rename-note-tab frames into ui-design.pen 2026-02-22 12:31:23 +01:00
lucaronin
752df01bf1 design: merge git-history frames into ui-design.pen 2026-02-22 10:02:38 +01:00
lucaronin
8d75702087 design: merge archive-notes-button frames into ui-design.pen 2026-02-22 10:02:20 +01:00
lucaronin
fb3cdf2bab design: merge customize-sections-design frames into ui-design.pen 2026-02-21 19:01:52 +01:00
lucaronin
96252b66eb design: merge draggable-section-groups frames into ui-design.pen 2026-02-21 18:36:34 +01:00
lucaronin
79ada08275 design: merge draggable-tabs frames into ui-design.pen 2026-02-21 18:35:19 +01:00
lucaronin
b46baaae10 design: merge trash-notes frames into ui-design.pen 2026-02-21 18:34:55 +01:00
lucaronin
3c2bbbaed2 added mocked feature of AI chat panel 2026-02-20 15:29:59 +01:00
lucaronin
6068c188e1 Added grouping of relationships in note list, and improved design here and there 2026-02-17 18:14:07 +01:00
lucaronin
40b0d4f867 feat: add macOS title bar to UI design 2026-02-17 16:33:14 +01:00
lucaronin
b143dc9d98 updated the design 2026-02-17 14:09:44 +01:00
lucaronin
81d00395db design: extend note preview text in mockup 
- Note 1: 'modern stack...' → 'modern stack and updated visual language...'
- Note 2: 'hiring priorities...' → 'hiring priorities with the engineering team leads...'

Changes are cosmetic mockup text only, no code implementation needed.
 2026-02-17 13:22:34 +01:00
lucaronin
f47dcd56ee docs: add README and shareable git hooks 
- Add README.md with quick start, docs links, dev workflow
- Add .github/hooks/ with installable pre-commit hook
- Add install-hooks.sh script for easy setup
- Hook checks code health, warns on large changes
- Documentation in .github/HOOKS.md
 2026-02-17 13:14:20 +01:00
lucaronin
e7c4563200 feat: add comprehensive documentation and CI/CD pipeline 
- Add docs/ with ARCHITECTURE, ABSTRACTIONS, GETTING-STARTED, THEMING
- Add GitHub Actions workflow with automated quality checks:
  • Tests (frontend + Rust)
  • Coverage (70% threshold)
  • Code Health (CodeScene delta analysis)
  • Documentation check (warning only)
  • Lint & Format (ESLint + Clippy + rustfmt)
- Configure coverage in vite.config.ts (v8 provider, 70% threshold)
- Add test:coverage script to package.json
- Install @vitest/coverage-v8
- Update CLAUDE.md with docs-update requirement
- Add CI/CD setup guides in .github/
 2026-02-17 13:10:43 +01:00
lucaronin
d8b91522bb Remove dark mode — force light mode only 
- Remove .dark CSS variables block from index.css
- Remove theme toggle state and Cmd+Shift+T shortcut from Sidebar
- Remove dark class initialization from main.tsx
- Hardcode BlockNote theme to 'light' in Editor
- shadcn dark: classes left in place (harmless, no-op without .dark class)
 2026-02-17 11:03:23 +01:00