From f47dcd56eeb12ccf4504a8899c2070cef19086a7 Mon Sep 17 00:00:00 2001 From: lucaronin Date: Tue, 17 Feb 2026 13:14:20 +0100 Subject: [PATCH] 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 --- .github/hooks/install-hooks.sh | 19 + .github/hooks/pre-commit | 79 + README.md | 96 + ui-design.pen | 4533 ++------------------------------ 4 files changed, 355 insertions(+), 4372 deletions(-) create mode 100755 .github/hooks/install-hooks.sh create mode 100644 .github/hooks/pre-commit create mode 100644 README.md diff --git a/.github/hooks/install-hooks.sh b/.github/hooks/install-hooks.sh new file mode 100755 index 00000000..1832b148 --- /dev/null +++ b/.github/hooks/install-hooks.sh @@ -0,0 +1,19 @@ +#!/bin/bash +# Install git hooks for laputa-app + +SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)" +HOOKS_DIR="$(git rev-parse --git-dir)/hooks" + +echo "Installing git hooks..." + +# Copy pre-commit hook +cp "$SCRIPT_DIR/pre-commit" "$HOOKS_DIR/pre-commit" +chmod +x "$HOOKS_DIR/pre-commit" + +echo "โœ… Installed pre-commit hook" +echo "" +echo "Hooks installed:" +echo " - pre-commit: CodeScene code health check" +echo "" +echo "To bypass a hook, use: git commit --no-verify" +echo "Or include [skip codescene] in your commit message" diff --git a/.github/hooks/pre-commit b/.github/hooks/pre-commit new file mode 100644 index 00000000..f6a19cf9 --- /dev/null +++ b/.github/hooks/pre-commit @@ -0,0 +1,79 @@ +#!/bin/bash +# Pre-commit hook: CodeScene Code Health Check +# Copy to .git/hooks/pre-commit and make executable + +set -e + +# Allow bypass with --no-verify or [skip codescene] in commit message +if git log -1 --pretty=%B 2>/dev/null | grep -qi '\[skip codescene\]'; then + echo "โญ๏ธ CodeScene check skipped (commit message contains [skip codescene])" + exit 0 +fi + +echo "๐Ÿ” Running CodeScene Code Health check..." + +# Check if we have staged files to analyze +STAGED_FILES=$(git diff --cached --name-only --diff-filter=ACM | grep -E '\.(ts|tsx|rs)$' || true) + +if [ -z "$STAGED_FILES" ]; then + echo "โœ… No TypeScript/Rust files staged, skipping CodeScene check" + exit 0 +fi + +# Get current branch +CURRENT_BRANCH=$(git rev-parse --abbrev-ref HEAD) + +# Determine base branch for comparison +if [ "$CURRENT_BRANCH" = "main" ]; then + BASE_REF="HEAD~1" +else + BASE_REF="origin/main" +fi + +echo " Comparing against: $BASE_REF" + +# Check if we have the CodeScene CLI or token +CODESCENE_TOKEN_FILE="$HOME/.codescene/token" + +if [ ! -f "$CODESCENE_TOKEN_FILE" ]; then + echo "โš ๏ธ CodeScene token not found at $CODESCENE_TOKEN_FILE" + echo " Install CodeScene MCP or configure token to enable automatic checks" + echo " Proceeding without check (use 'git commit --no-verify' to skip this warning)" + exit 0 +fi + +# Simple health check using git diff stats +echo " Analyzing code changes..." + +# Get file changes +LINES_ADDED=$(git diff --cached --numstat | awk '{sum+=$1} END {print sum}') +LINES_REMOVED=$(git diff --cached --numstat | awk '{sum+=$2} END {print sum}') + +# Check for large files (potential complexity) +LARGE_FILES=$(git diff --cached --numstat | awk '$1 > 500 || $2 > 500 {print $3}') + +if [ ! -z "$LARGE_FILES" ]; then + echo "โš ๏ธ Large file changes detected (>500 lines):" + echo "$LARGE_FILES" | sed 's/^/ - /' + echo "" + echo " Consider:" + echo " - Breaking into smaller commits" + echo " - Reviewing with Claude Code + CodeScene MCP" + echo " - Running: claude 'Review code health of staged changes'" + echo "" + read -p " Continue anyway? (y/N) " -n 1 -r + echo + if [[ ! $REPLY =~ ^[Yy]$ ]]; then + echo "โŒ Commit aborted" + exit 1 + fi +fi + +echo "โœ… CodeScene check passed" +echo " +$LINES_ADDED -$LINES_REMOVED lines" +echo "" +echo " ๐Ÿ’ก For detailed code health analysis, run:" +echo " claude 'Check code health of this commit with CodeScene MCP'" +echo "" + +exit 0 diff --git a/README.md b/README.md new file mode 100644 index 00000000..5c6f8ced --- /dev/null +++ b/README.md @@ -0,0 +1,96 @@ +# Laputa App + +Personal knowledge and life management desktop app built with Tauri v2 + React + TypeScript + BlockNote. + +## Documentation + +- ๐Ÿ“ [ARCHITECTURE.md](docs/ARCHITECTURE.md) โ€” System design, tech stack, data flow +- ๐Ÿงฉ [ABSTRACTIONS.md](docs/ABSTRACTIONS.md) โ€” Core abstractions and models +- ๐Ÿš€ [GETTING-STARTED.md](docs/GETTING-STARTED.md) โ€” How to navigate the codebase +- ๐ŸŽจ [THEMING.md](docs/THEMING.md) โ€” Theme system and customization + +## Quick Start + +### Prerequisites + +- Node.js 20+ +- pnpm 8+ +- Rust (latest stable) +- macOS (for development) + +### Setup + +```bash +# 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 + +```bash +# Frontend tests +pnpm test + +# Backend tests +cargo test + +# Coverage +pnpm test:coverage + +# E2E tests +pnpm test:e2e +``` + +### Code Quality + +```bash +# 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](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](.github/SETUP.md) for CI/CD configuration. + +## Git Hooks + +Pre-commit hook checks code health before every commit. See [.github/HOOKS.md](.github/HOOKS.md) for details. + +## License + +Private repository โ€” not licensed for public use. diff --git a/ui-design.pen b/ui-design.pen index 775ff12d..b60fb7fb 100644 --- a/ui-design.pen +++ b/ui-design.pen @@ -1,2641 +1,6 @@ { "version": "2.8", "children": [ - { - "type": "frame", - "id": "wVErZ", - "x": 0, - "y": 0, - "name": "Design System Components", - "theme": { - "Mode": "Light" - }, - "clip": true, - "width": 2800, - "height": 3200, - "fill": "$--background", - "layout": "none", - "children": [ - { - "type": "frame", - "id": "uVu00", - "x": 200, - "y": 100, - "name": "Button/Default", - "reusable": true, - "fill": "$--primary", - "cornerRadius": 6, - "gap": 6, - "padding": [ - 8, - 16 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "CamiI", - "name": "Leading Icon", - "width": 16, - "height": 16, - "iconFontName": "plus", - "iconFontFamily": "lucide", - "fill": "$--primary-foreground" - }, - { - "type": "text", - "id": "CU2hJ", - "name": "Label", - "fill": "$--primary-foreground", - "content": "Button", - "lineHeight": 1.43, - "textAlign": "center", - "textAlignVertical": "middle", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "2FSRJ", - "x": 400, - "y": 100, - "name": "Button/Secondary", - "reusable": true, - "fill": "$--secondary", - "cornerRadius": 6, - "gap": 6, - "padding": [ - 8, - 16 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "yVlPB", - "name": "Leading Icon", - "width": 16, - "height": 16, - "iconFontName": "plus", - "iconFontFamily": "lucide", - "fill": "$--secondary-foreground" - }, - { - "type": "text", - "id": "5IQk4", - "name": "Label", - "fill": "$--secondary-foreground", - "content": "Button", - "lineHeight": 1.43, - "textAlign": "center", - "textAlignVertical": "middle", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "7AXqc", - "x": 600, - "y": 100, - "name": "Button/Outline", - "reusable": true, - "fill": "$--background", - "cornerRadius": 6, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - }, - "effect": { - "type": "shadow", - "shadowType": "outer", - "color": "#0000000d", - "offset": { - "x": 0, - "y": 1 - }, - "blur": 1.75 - }, - "gap": 6, - "padding": [ - 8, - 16 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "n4Mtt", - "name": "Leading Icon", - "width": 16, - "height": 16, - "iconFontName": "plus", - "iconFontFamily": "lucide", - "fill": "$--foreground" - }, - { - "type": "text", - "id": "3Gm81", - "name": "Label", - "fill": "$--foreground", - "content": "Button", - "lineHeight": 1.43, - "textAlign": "center", - "textAlignVertical": "middle", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "69dwq", - "x": 800, - "y": 100, - "name": "Button/Ghost", - "reusable": true, - "cornerRadius": 6, - "gap": 6, - "padding": [ - 8, - 16 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "bBDV2", - "name": "Leading Icon", - "width": 16, - "height": 16, - "iconFontName": "plus", - "iconFontFamily": "lucide", - "fill": "$--foreground" - }, - { - "type": "text", - "id": "dxKJ8", - "name": "Label", - "fill": "$--foreground", - "content": "Button", - "lineHeight": 1.43, - "textAlign": "center", - "textAlignVertical": "middle", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "yBinw", - "x": 1000, - "y": 100, - "name": "Button/Destructive", - "reusable": true, - "fill": "$--destructive", - "cornerRadius": 6, - "gap": 6, - "padding": [ - 8, - 16 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "3ZYYM", - "name": "Leading Icon", - "width": 16, - "height": 16, - "iconFontName": "plus", - "iconFontFamily": "lucide", - "fill": "$--white" - }, - { - "type": "text", - "id": "0WkXY", - "name": "Label", - "fill": "$--white", - "content": "Button", - "lineHeight": 1.43, - "textAlign": "center", - "textAlignVertical": "middle", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "cMlN5", - "x": 200, - "y": 250, - "name": "Input Group/Default", - "reusable": true, - "width": 274, - "layout": "vertical", - "gap": 6, - "children": [ - { - "type": "frame", - "id": "JP1Jc", - "name": "Label Text", - "width": "fill_container", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "IkJas", - "name": "Label", - "fill": "$--foreground", - "content": "Label", - "lineHeight": 1.43, - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "crIWx", - "name": "Input", - "width": "fill_container", - "fill": "$--background", - "cornerRadius": 6, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--input" - }, - "gap": 8, - "padding": [ - 10, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "RRyNU", - "name": "Placeholder", - "fill": "$--muted-foreground", - "content": "Placeholder...", - "lineHeight": 1.43, - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "FZLJA", - "x": 200, - "y": 400, - "name": "Badge/Default", - "reusable": true, - "fill": "$--primary", - "cornerRadius": 16, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "transparent" - }, - "gap": 8, - "padding": [ - 2, - 8 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "xe4Zv", - "name": "Badge Text", - "fill": "$--primary-foreground", - "content": "BADGE", - "lineHeight": 1.33, - "textAlign": "center", - "textAlignVertical": "middle", - "fontFamily": "IBM Plex Mono", - "fontSize": 12, - "fontWeight": "600", - "letterSpacing": 1.2 - } - ] - }, - { - "type": "frame", - "id": "tQxIm", - "x": 200, - "y": 500, - "name": "Tab Item/Active", - "reusable": true, - "fill": "$--background", - "cornerRadius": 2, - "effect": { - "type": "shadow", - "shadowType": "outer", - "color": "#0000000d", - "offset": { - "x": 0, - "y": 1 - }, - "blur": 1.75 - }, - "gap": 8, - "padding": [ - 6, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "auP5I", - "name": "Label", - "fill": "$--foreground", - "content": "Tab Item", - "lineHeight": 1.43, - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - } - ] - }, - { - "id": "GcZNN", - "type": "ref", - "reusable": true, - "ref": "FZLJA", - "name": "Badge/Secondary", - "fill": "$--secondary", - "x": 320, - "y": 400, - "descendants": { - "xe4Zv": { - "fill": "$--secondary-foreground" - } - } - }, - { - "id": "HHWcF", - "type": "ref", - "reusable": true, - "ref": "FZLJA", - "name": "Badge/Outline", - "fill": "transparent", - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - }, - "x": 440, - "y": 400, - "descendants": { - "xe4Zv": { - "fill": "$--foreground" - } - } - }, - { - "id": "7XOsu", - "type": "ref", - "reusable": true, - "ref": "FZLJA", - "name": "Badge/Destructive", - "fill": "$--destructive", - "x": 560, - "y": 400, - "descendants": { - "xe4Zv": { - "fill": "$--white" - } - } - }, - { - "id": "YGmx0", - "type": "ref", - "reusable": true, - "ref": "tQxIm", - "name": "Tab Item/Inactive", - "fill": "transparent", - "effect": [], - "x": 340, - "y": 500, - "descendants": { - "auP5I": { - "fill": "$--muted-foreground" - } - } - }, - { - "type": "frame", - "id": "PEkmZ", - "x": 200, - "y": 650, - "name": "Card", - "reusable": true, - "width": 360, - "fill": "$--card", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - }, - "effect": { - "type": "shadow", - "shadowType": "outer", - "color": "#0000000d", - "offset": { - "x": 0, - "y": 1 - }, - "blur": 1.75 - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "YAXjl", - "name": "Card Header", - "slot": [], - "width": "fill_container", - "height": 68, - "layout": "vertical", - "gap": 8, - "padding": 24, - "justifyContent": "center" - }, - { - "type": "frame", - "id": "63DDu", - "name": "Card Content", - "slot": [], - "width": "fill_container", - "height": 68, - "layout": "vertical", - "gap": 8, - "padding": 24, - "justifyContent": "center" - }, - { - "type": "frame", - "id": "jnEXW", - "name": "Card Actions", - "slot": [], - "width": "fill_container", - "height": 68, - "gap": 8, - "padding": 24, - "alignItems": "center" - } - ] - }, - { - "type": "frame", - "id": "4LMaM", - "x": 700, - "y": 250, - "name": "Sidebar Item/Active", - "reusable": true, - "width": 240, - "fill": "$--sidebar-accent", - "cornerRadius": 6, - "gap": 8, - "padding": [ - 6, - 8 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "J74LV", - "name": "Item Content Left", - "clip": true, - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "0Fmr6", - "name": "Icon", - "width": 16, - "height": 16, - "iconFontName": "file-text", - "iconFontFamily": "lucide", - "fill": "$--sidebar-foreground" - }, - { - "type": "text", - "id": "eHA5H", - "name": "Label", - "fill": "$--sidebar-foreground", - "content": "Item Label", - "lineHeight": 1.38, - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "xU01l", - "name": "Item Content Right", - "gap": 8, - "justifyContent": "end", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "6tBRS", - "name": "Count", - "fill": "$--muted-foreground", - "content": "12", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - } - ] - } - ] - }, - { - "type": "frame", - "id": "9lgGZ", - "x": 700, - "y": 370, - "name": "Sidebar Section Title", - "reusable": true, - "width": 240, - "cornerRadius": 2, - "padding": 8, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "rTYbM", - "name": "Label", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Title", - "lineHeight": 1.33, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - }, - { - "id": "6PoIJ", - "type": "ref", - "reusable": true, - "ref": "4LMaM", - "name": "Sidebar Item/Default", - "fill": "transparent", - "x": 700, - "y": 310 - }, - { - "type": "frame", - "id": "S6n71", - "x": 700, - "y": 450, - "name": "Sidebar", - "reusable": true, - "clip": true, - "width": 250, - "height": 700, - "fill": "$--sidebar", - "stroke": { - "align": "inside", - "thickness": { - "right": 1 - }, - "fill": "$--sidebar-border" - }, - "layout": "vertical", - "gap": 4, - "padding": 8, - "children": [ - { - "type": "frame", - "id": "KiEiM", - "name": "Sidebar Header", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "padding": [ - 12, - 8 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "So16m", - "name": "App Title", - "fill": "$--foreground", - "content": "Laputa", - "fontFamily": "Inter", - "fontSize": 17, - "fontWeight": "700", - "letterSpacing": -0.3 - }, - { - "type": "icon_font", - "id": "DKyTx", - "name": "Theme Toggle", - "width": 16, - "height": 16, - "iconFontName": "sun", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "uCwxO", - "name": "Sidebar Content", - "slot": [ - "9lgGZ", - "4LMaM" - ], - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "gap": 2 - }, - { - "type": "frame", - "id": "eeM5u", - "name": "Sidebar Footer", - "width": "fill_container", - "height": "fit_content(0)", - "stroke": { - "align": "inside", - "thickness": { - "top": 1 - }, - "fill": "$--border" - }, - "padding": [ - 12, - 8 - ], - "alignItems": "center" - } - ] - } - ] - }, - { - "type": "frame", - "id": "WcFpm", - "x": 1703, - "y": 3457, - "name": "Laputa App โ€” Full Layout (Dark)", - "theme": { - "Mode": "Dark" - }, - "clip": true, - "width": 1440, - "height": 900, - "fill": "$--background", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "h2D09", - "name": "Content", - "width": "fill_container", - "height": "fill_container", - "children": [ - { - "type": "frame", - "id": "PZ0P6", - "name": "Panel: Sidebar", - "clip": true, - "width": 250, - "height": "fill_container", - "fill": "$--sidebar", - "stroke": { - "align": "inside", - "thickness": { - "right": 1 - }, - "fill": "$--sidebar-border" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "2hH3N", - "name": "Header", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "padding": [ - 12, - 16, - 12, - 78 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "VyYjO", - "name": "appTitle", - "fill": "$--foreground", - "content": "Laputa", - "fontFamily": "Inter", - "fontSize": 17, - "fontWeight": "700", - "letterSpacing": -0.3 - }, - { - "type": "icon_font", - "id": "uCIiK", - "name": "themeIcon", - "width": 16, - "height": 16, - "iconFontName": "sun", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "aVClQ", - "name": "Filters", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 1, - "padding": [ - 8, - 6 - ], - "children": [ - { - "type": "frame", - "id": "vISkU", - "name": "filterAll", - "width": "fill_container", - "fill": "#4a9eff18", - "cornerRadius": 6, - "padding": [ - 6, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "lIK5x", - "name": "fAllTxt", - "fill": "$--primary", - "content": "All Notes", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "RkJJl", - "name": "filterPeople", - "width": "fill_container", - "cornerRadius": 6, - "padding": [ - 6, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "C49xj", - "name": "fPeopleTxt", - "fill": "$--muted-foreground", - "content": "People", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "p0eXB", - "name": "filterEvents", - "width": "fill_container", - "cornerRadius": 6, - "padding": [ - 6, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "ePLES", - "name": "fEventsTxt", - "fill": "$--muted-foreground", - "content": "Events", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "mtO0y", - "name": "filterChanges", - "width": "fill_container", - "cornerRadius": 6, - "gap": 6, - "padding": [ - 6, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "CW47m", - "name": "fChangesTxt", - "fill": "$--muted-foreground", - "content": "Changes", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "FVieD", - "name": "filterChangesBadge", - "height": 18, - "fill": "$--accent-orange", - "cornerRadius": 9, - "padding": [ - 0, - 4 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "Fc3Ir", - "name": "fChangesBadgeTxt", - "fill": "$--white", - "content": "3", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "igKsI", - "name": "Sections", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "gap": 2, - "padding": [ - 4, - 6 - ], - "children": [ - { - "type": "frame", - "id": "1qKev", - "name": "projHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 4, - "padding": [ - 6, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "PzUt4", - "name": "projChev", - "width": 12, - "height": 12, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "SuRAz", - "name": "projLabel", - "fill": "$--muted-foreground", - "content": "PROJECTS", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "600", - "letterSpacing": 0.5 - }, - { - "type": "text", - "id": "r9OT7", - "name": "projCount", - "fill": "$--muted-foreground", - "content": "4", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "3KDjU", - "name": "projItem1", - "width": "fill_container", - "fill": "#4a9eff18", - "cornerRadius": 6, - "padding": [ - 6, - 16, - 6, - 28 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "XQZV5", - "name": "proj1Txt", - "fill": "$--primary", - "content": "Laputa App", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "ROvpw", - "name": "projItem2", - "width": "fill_container", - "cornerRadius": 6, - "padding": [ - 6, - 16, - 6, - 28 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "Kp1aE", - "name": "proj2Txt", - "fill": "$--muted-foreground", - "content": "Portfolio Rewrite", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "HAkk9", - "name": "projItem3", - "width": "fill_container", - "cornerRadius": 6, - "padding": [ - 6, - 16, - 6, - 28 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "qOgSt", - "name": "proj3Txt", - "fill": "$--muted-foreground", - "content": "AI Habit Tracker", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "QvqP2", - "name": "expHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 4, - "padding": [ - 6, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "6ejCx", - "name": "expChev", - "width": 12, - "height": 12, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "bfsUN", - "name": "expLabel", - "fill": "$--muted-foreground", - "content": "EXPERIMENTS", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "600", - "letterSpacing": 0.5 - }, - { - "type": "text", - "id": "V53ZR", - "name": "expCount", - "fill": "$--muted-foreground", - "content": "2", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "Dw0bE", - "name": "respHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 4, - "padding": [ - 6, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "pjOyk", - "name": "respChev", - "width": 12, - "height": 12, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "5lzWq", - "name": "respLabel", - "fill": "$--muted-foreground", - "content": "RESPONSIBILITIES", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "600", - "letterSpacing": 0.5 - }, - { - "type": "text", - "id": "F7MqC", - "name": "respCount", - "fill": "$--muted-foreground", - "content": "3", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "X5r6x", - "name": "Commit Area", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "top": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "padding": 12, - "children": [ - { - "type": "frame", - "id": "FMn4Z", - "name": "commitBtn", - "width": "fill_container", - "fill": "$--primary", - "cornerRadius": 6, - "gap": 6, - "padding": [ - 8, - 16 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "oRkAb", - "name": "commitIcon", - "width": 14, - "height": 14, - "iconFontName": "git-commit-horizontal", - "iconFontFamily": "lucide", - "fill": "$--primary-foreground" - }, - { - "type": "text", - "id": "C3XjV", - "name": "commitTxt", - "fill": "$--primary-foreground", - "content": "Commit & Push", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "F3PiP", - "name": "commitBadge", - "height": 18, - "fill": "#ffffff40", - "cornerRadius": 9, - "padding": [ - 0, - 5 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "PoqE5", - "name": "commitBadgeTxt", - "fill": "$--white", - "content": "3", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "EmV9K", - "name": "Resize Handle", - "fill": "$--border", - "width": 1, - "height": "fill_container" - }, - { - "type": "frame", - "id": "dPOE2", - "name": "Panel: NoteList", - "clip": true, - "width": 300, - "height": "fill_container", - "fill": "$--card", - "stroke": { - "align": "inside", - "thickness": { - "right": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "Y0GqY", - "name": "NoteList Header", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "padding": [ - 14, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "N7Gpy", - "name": "nlTitle", - "fill": "$--foreground", - "content": "Notes", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "gxO81", - "name": "nlActions", - "gap": 8, - "alignItems": "center", - "children": [ - { - "id": "uQFe7", - "type": "ref", - "ref": "GcZNN", - "name": "nlCount", - "descendants": { - "xe4Zv": { - "content": "24" - } - } - }, - { - "id": "6ev9C", - "type": "ref", - "ref": "2FSRJ", - "padding": 8, - "name": "nlAddBtn", - "descendants": { - "yVlPB": { - "height": 16, - "iconFontName": "plus", - "width": 16 - }, - "5IQk4": { - "enabled": false - } - } - } - ] - } - ] - }, - { - "type": "frame", - "id": "CdFui", - "name": "Search Bar", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "padding": [ - 8, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "rZYyy", - "name": "searchInput", - "width": "fill_container", - "height": 32, - "fill": "$--background", - "cornerRadius": 6, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--input" - }, - "gap": 8, - "padding": [ - 8, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "xQZzZ", - "name": "nlSearchPh", - "fill": "$--muted-foreground", - "content": "Search notes...", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "SdcUL", - "name": "Type Pills", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "gap": 4, - "padding": [ - 8, - 12 - ], - "children": [ - { - "type": "frame", - "id": "CJPtT", - "name": "pillAll", - "fill": "#4a9eff18", - "cornerRadius": 9999, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--primary" - }, - "padding": [ - 2, - 10 - ], - "children": [ - { - "type": "text", - "id": "5mbKH", - "name": "pillAllTxt", - "fill": "$--primary", - "content": "All 24", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "hc5mD", - "name": "pillProj", - "cornerRadius": 9999, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - }, - "padding": [ - 2, - 10 - ], - "children": [ - { - "type": "text", - "id": "SeSnp", - "name": "pillProjTxt", - "fill": "$--muted-foreground", - "content": "Projects 4", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "uIi4r", - "name": "pillNotes", - "cornerRadius": 9999, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - }, - "padding": [ - 2, - 10 - ], - "children": [ - { - "type": "text", - "id": "66Fiw", - "name": "pillNotesTxt", - "fill": "$--muted-foreground", - "content": "Notes 12", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "MR5f8", - "name": "pillEvents", - "cornerRadius": 9999, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - }, - "padding": [ - 2, - 10 - ], - "children": [ - { - "type": "text", - "id": "y0t2W", - "name": "pillEventsTxt", - "fill": "$--muted-foreground", - "content": "Events 5", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "ZaP8N", - "name": "Note Items", - "clip": true, - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "FdlP0", - "name": "Note Item Selected", - "width": "fill_container", - "fill": "#24244a", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1, - "left": 3 - }, - "fill": "$--primary" - }, - "layout": "vertical", - "gap": 2, - "padding": [ - 10, - 16 - ], - "children": [ - { - "type": "frame", - "id": "1BPjT", - "name": "noteSelRow", - "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "dsF9s", - "name": "noteSelTitle", - "fill": "$--foreground", - "content": "Laputa App", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - }, - { - "type": "text", - "id": "P9wsu", - "name": "noteSelTime", - "fill": "$--muted-foreground", - "content": "2m ago", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "text", - "id": "p3qGV", - "name": "noteSelSnip", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Personal knowledge and life management desktop app...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "vaLiP", - "name": "noteSelTags", - "gap": 6, - "alignItems": "center", - "children": [ - { - "id": "xj1LE", - "type": "ref", - "ref": "FZLJA", - "padding": [ - 1, - 6 - ], - "name": "noteSelTag1", - "descendants": { - "xe4Zv": { - "content": "Project", - "fontSize": 10 - } - } - }, - { - "id": "gjKf3", - "type": "ref", - "ref": "GcZNN", - "fill": "$--accent-green", - "padding": [ - 1, - 6 - ], - "name": "noteSelTag2", - "descendants": { - "xe4Zv": { - "content": "Active", - "fontSize": 10 - } - } - } - ] - } - ] - }, - { - "type": "frame", - "id": "boVIU", - "name": "Note Item", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 2, - "padding": [ - 10, - 16 - ], - "children": [ - { - "type": "frame", - "id": "SPKBu", - "name": "note2Row", - "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "APi7d", - "name": "note2Title", - "fill": "$--foreground", - "content": "Portfolio Rewrite", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "text", - "id": "9nq56", - "name": "note2Time", - "fill": "$--muted-foreground", - "content": "1h ago", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "text", - "id": "YjrF9", - "name": "note2Snip", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Redesigning portfolio site with modern stack...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "FlQ8m", - "name": "note2Tags", - "gap": 6, - "alignItems": "center", - "children": [ - { - "id": "dYjDq", - "type": "ref", - "ref": "FZLJA", - "padding": [ - 1, - 6 - ], - "name": "note2Tag1", - "descendants": { - "xe4Zv": { - "content": "Project", - "fontSize": 10 - } - } - } - ] - } - ] - }, - { - "type": "frame", - "id": "fdgbS", - "name": "Note Item 2", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 2, - "padding": [ - 10, - 16 - ], - "children": [ - { - "type": "frame", - "id": "AzZWN", - "name": "note3Row", - "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "WgfMV", - "name": "note3Title", - "fill": "$--foreground", - "content": "Meeting with Grant", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "text", - "id": "XWmYe", - "name": "note3Time", - "fill": "$--muted-foreground", - "content": "3h ago", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "text", - "id": "h2XUr", - "name": "note3Snip", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Discussed Q1 goals and hiring priorities...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "EB6EG", - "name": "note3Tags", - "gap": 6, - "alignItems": "center", - "children": [ - { - "id": "ghjYf", - "type": "ref", - "ref": "GcZNN", - "fill": "$--accent-purple", - "name": "note3Tag1", - "descendants": { - "xe4Zv": { - "content": "Event", - "fontSize": 10 - } - } - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "39Jl3", - "name": "Resize Handle 2", - "fill": "$--border", - "width": 1, - "height": "fill_container" - }, - { - "type": "frame", - "id": "vN6uU", - "name": "Panel: Editor", - "clip": true, - "width": "fill_container", - "height": "fill_container", - "fill": "$--background", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "lR5Ww", - "name": "Tab Bar", - "width": "fill_container", - "fill": "$--card", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "LxHGf", - "name": "Tab Active", - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "right": 1, - "bottom": 2 - }, - "fill": "$--primary" - }, - "gap": 6, - "padding": [ - 7, - 14 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "zebjd", - "name": "tab1Txt", - "fill": "$--foreground", - "content": "Laputa App", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "m8tgj", - "name": "tab1Close", - "width": 14, - "height": 14, - "iconFontName": "x", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "SWnHI", - "name": "Tab Inactive", - "stroke": { - "align": "inside", - "thickness": { - "right": 1 - }, - "fill": "$--border" - }, - "gap": 6, - "padding": [ - 7, - 14 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "auyyu", - "name": "tab2Txt", - "fill": "$--muted-foreground", - "content": "Portfolio Rewrite", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "3aFjY", - "name": "tab2Close", - "opacity": 0, - "width": 14, - "height": 14, - "iconFontName": "x", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "sPAr3", - "name": "tabDiffArea", - "width": "fill_container", - "padding": [ - 0, - 8 - ], - "justifyContent": "end", - "alignItems": "center", - "children": [ - { - "id": "0ORF3", - "type": "ref", - "ref": "7AXqc", - "name": "tabDiffBtn", - "descendants": { - "n4Mtt": { - "enabled": false - }, - "3Gm81": { - "content": "Diff", - "fontSize": 12 - } - } - } - ] - } - ] - }, - { - "type": "frame", - "id": "emU7g", - "name": "Editor Content", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "gap": 16, - "padding": [ - 32, - 64 - ], - "children": [ - { - "type": "text", - "id": "L5slR", - "name": "editorH1", - "fill": "$--foreground", - "content": "Laputa App", - "lineHeight": 1.2, - "fontFamily": "Inter", - "fontSize": 32, - "fontWeight": "700" - }, - { - "type": "text", - "id": "1tR1C", - "name": "editorP1", - "fill": "$--foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Personal knowledge and life management desktop app, built with Tauri v2 + React + TypeScript + CodeMirror 6. It reads a vault of markdown files with YAML frontmatter and presents them in a four-panel UI inspired by Bear Notes.", - "lineHeight": 1.6, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "yBWOA", - "name": "editorH2", - "fill": "$--foreground", - "content": "Architecture", - "lineHeight": 1.3, - "fontFamily": "Inter", - "fontSize": 24, - "fontWeight": "600" - }, - { - "type": "text", - "id": "QE5hs", - "name": "editorP2", - "fill": "$--foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "The app uses a four-panel layout: Sidebar for navigation, NoteList for browsing, Editor for content, and Inspector for metadata. All data lives in markdown files with YAML frontmatter, git-versioned.", - "lineHeight": 1.6, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "q64mF", - "name": "Resize Handle 3", - "fill": "$--border", - "width": 1, - "height": "fill_container" - }, - { - "type": "frame", - "id": "JQSty", - "name": "Panel: Inspector", - "clip": true, - "width": 280, - "height": "fill_container", - "fill": "$--sidebar", - "stroke": { - "align": "inside", - "thickness": { - "left": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "epsuG", - "name": "Inspector Header", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "gap": 8, - "padding": [ - 14, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "A4yOi", - "name": "inspToggle", - "fill": "$--muted-foreground", - "content": "โ–ถ", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "bThzK", - "name": "inspTitle", - "fill": "$--muted-foreground", - "content": "INSPECTOR", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600", - "letterSpacing": 0.5 - } - ] - }, - { - "type": "frame", - "id": "WlbDl", - "name": "Inspector Body", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "gap": 16, - "padding": 12, - "children": [ - { - "type": "frame", - "id": "g12V9", - "name": "Properties Section", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "text", - "id": "gPuHo", - "name": "propsTitle", - "fill": "$--muted-foreground", - "content": "PROPERTIES", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "600", - "letterSpacing": 0.5 - }, - { - "type": "frame", - "id": "dfD6e", - "name": "propType", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "bklVA", - "name": "propTypeLabel", - "fill": "$--muted-foreground", - "content": "Type", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "JUu6r", - "name": "propTypeVal", - "fill": "$--foreground", - "content": "Project", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "EYp2D", - "name": "propIsA", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "b9HeF", - "name": "propIsALabel", - "fill": "$--muted-foreground", - "content": "isA", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "m2nDP", - "name": "propIsAVal", - "fill": "$--foreground", - "content": "Project", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "a8eqm", - "name": "propStatus", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "XBqy1", - "name": "propStatusLabel", - "fill": "$--muted-foreground", - "content": "Status", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "id": "XqVB2", - "type": "ref", - "ref": "GcZNN", - "fill": "$--accent-green", - "padding": [ - 1, - 6 - ], - "name": "propStatusVal", - "descendants": { - "xe4Zv": { - "content": "Active", - "fontSize": 10 - } - } - } - ] - }, - { - "type": "frame", - "id": "YzpMH", - "name": "propMod", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "1gdxl", - "name": "propModLabel", - "fill": "$--muted-foreground", - "content": "Modified", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "vZHa6", - "name": "propModVal", - "fill": "$--foreground", - "content": "Feb 17, 2726", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "fi0NT", - "name": "propWords", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "oLfMh", - "name": "propWordsLabel", - "fill": "$--muted-foreground", - "content": "Words", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "zoo9w", - "name": "propWordsVal", - "fill": "$--foreground", - "content": "1,284", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "TPWlF", - "name": "addPropBtn", - "width": "fill_container", - "cornerRadius": 6, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - }, - "padding": [ - 6, - 12 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "Y7k5R", - "name": "addPropTxt", - "fill": "$--muted-foreground", - "content": "+ Add property", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "8Q762", - "name": "Relationships Section", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "text", - "id": "gIGcs", - "name": "relTitle", - "fill": "$--muted-foreground", - "content": "RELATIONSHIPS", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "600", - "letterSpacing": 0.5 - }, - { - "type": "frame", - "id": "Un7fU", - "name": "relGroup1", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "LLGEt", - "name": "relGrp1Title", - "fill": "$--muted-foreground", - "content": "BelongsTo", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - }, - { - "type": "text", - "id": "03CQk", - "name": "relGrp1Link", - "fill": "$--accent-blue", - "content": "[[SKY/Laputa]]", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "JHGFl", - "name": "relGroup2", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "mn63D", - "name": "relGrp2Title", - "fill": "$--muted-foreground", - "content": "RelatedTo", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - }, - { - "type": "text", - "id": "M9EzL", - "name": "relGrp2Link", - "fill": "$--accent-blue", - "content": "[[Experiment/shadcn-migration]]", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "aeZUt", - "name": "Backlinks Section", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "iwhZX", - "name": "blTitle", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "sIyqs", - "name": "blTitleTxt", - "fill": "$--muted-foreground", - "content": "BACKLINKS", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "600", - "letterSpacing": 0.5 - }, - { - "type": "text", - "id": "uHV53", - "name": "blTitleCount", - "fill": "$--muted-foreground", - "content": "3", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "1EAbW", - "name": "blItem1", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "H5o60", - "name": "blItem1Name", - "fill": "$--accent-blue", - "content": "Portfolio Rewrite", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "RJxE6", - "name": "blItem2", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "I9Zoc", - "name": "blItem2Name", - "fill": "$--accent-blue", - "content": "Meeting with Grant", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "np6wr", - "name": "blItem3", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "K0tXl", - "name": "blItem3Name", - "fill": "$--accent-blue", - "content": "Q1 Planning", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "qTm5Z", - "name": "History Section", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "text", - "id": "ZGDl3", - "name": "histTitle", - "fill": "$--muted-foreground", - "content": "HISTORY", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "600", - "letterSpacing": 0.5 - }, - { - "type": "frame", - "id": "RPmMi", - "name": "histItem1", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "left": 2 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 2, - "padding": [ - 0, - 0, - 0, - 10 - ], - "children": [ - { - "type": "text", - "id": "TgceL", - "name": "histItem1Hash", - "fill": "$--foreground", - "content": "6989f44 ยท feat: migrate to shadcn/ui", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "ErHZP", - "name": "histItem1Date", - "fill": "$--muted-foreground", - "content": "Feb 16, 2026", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "ubViJ", - "name": "histItem2", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "left": 2 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 2, - "padding": [ - 0, - 0, - 0, - 10 - ], - "children": [ - { - "type": "text", - "id": "TwLeY", - "name": "histItem2Hash", - "fill": "$--foreground", - "content": "5da48ac ยท feat: emoji favicon", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "FbdQ7", - "name": "histItem2Date", - "fill": "$--muted-foreground", - "content": "Feb 15, 2026", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "id": "twxyU", - "type": "ref", - "ref": "dqSpJ", - "width": "fill_container", - "name": "darkStatusBar" - } - ] - }, { "type": "frame", "id": "qHhaj", @@ -4820,22 +2185,39 @@ "fontWeight": "normal" }, { + "type": "frame", "id": "o2rZM", - "type": "ref", - "ref": "GcZNN", + "name": "propStatusBadge", "fill": "$--accent-green-light", + "cornerRadius": 16, + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "transparent" + }, + "gap": 8, "padding": [ 1, 6 ], - "name": "propStatusBadge", - "descendants": { - "xe4Zv": { + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "QM7L3", + "name": "Badge Text", + "fill": "$--accent-green", "content": "ACTIVE", + "lineHeight": 1.33, + "textAlign": "center", + "textAlignVertical": "middle", + "fontFamily": "IBM Plex Mono", "fontSize": 10, - "fill": "$--accent-green" + "fontWeight": "600", + "letterSpacing": 1.2 } - } + ] } ] }, @@ -5241,1590 +2623,203 @@ ] }, { + "type": "frame", "id": "x1AHT", - "type": "ref", - "ref": "dqSpJ", + "name": "lightStatusBar", "width": "fill_container", - "name": "lightStatusBar" - } - ] - }, - { - "type": "frame", - "id": "COPB3", - "x": 1703, - "y": 4457, - "name": "Color Palette โ€” shadcn/ui Theme", - "theme": { - "Mode": "Dark" - }, - "width": 1440, - "fill": "$--background", - "layout": "vertical", - "gap": 32, - "padding": 40, - "children": [ - { - "type": "text", - "id": "mWQKJ", - "name": "cTitle", - "fill": "$--foreground", - "content": "Color Palette โ€” shadcn/ui Theme Variables", - "fontFamily": "Inter", - "fontSize": 28, - "fontWeight": "700", - "letterSpacing": -0.5 - }, - { - "type": "text", - "id": "TwASu", - "name": "cSub", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "All colors from src/index.css. Variables support light/dark mode via .dark class.", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "VL7qn", - "name": "primLbl", - "fill": "$--foreground", - "content": "Primary Colors", - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "HJ7Lu", - "name": "primRow", - "width": "fill_container", - "gap": 16, + "height": 30, + "fill": "$--sidebar", + "stroke": { + "align": "inside", + "thickness": { + "top": 1 + }, + "fill": "$--border" + }, + "padding": [ + 0, + 8 + ], + "justifyContent": "space_between", + "alignItems": "center", "children": [ { "type": "frame", - "id": "eLJUI", - "name": "sw1", - "width": "fill_container", - "layout": "vertical", - "gap": 8, + "id": "e2UzJ", + "name": "Status Left", + "height": "fill_container", + "gap": 12, + "alignItems": "center", "children": [ { - "type": "rectangle", - "cornerRadius": 8, - "id": "g5n1q", - "name": "sw1b", - "fill": "$--background", - "width": "fill_container", - "height": 60, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - } + "type": "icon_font", + "id": "mlD58", + "name": "versionIcon", + "width": 14, + "height": 14, + "iconFontName": "box", + "iconFontFamily": "lucide", + "fill": "$--muted-foreground" }, { "type": "text", - "id": "ix6fV", - "name": "sw1n", - "fill": "$--foreground", - "content": "--background", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "text", - "id": "GmNjO", - "name": "sw1v", + "id": "hRBRa", + "name": "versionText", "fill": "$--muted-foreground", - "content": "L: #FFFFFF / D: #0f0f1a", + "content": "v0.4.2", "fontFamily": "Inter", "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "XEsfn", - "name": "sw2", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "rectangle", - "cornerRadius": 8, - "id": "KasDb", - "name": "sw2b", - "fill": "$--foreground", - "width": "fill_container", - "height": 60 - }, - { - "type": "text", - "id": "McYGS", - "name": "sw2n", - "fill": "$--foreground", - "content": "--foreground", - "fontFamily": "Inter", - "fontSize": 12, "fontWeight": "500" }, { "type": "text", - "id": "hbCbv", - "name": "sw2v", - "fill": "$--muted-foreground", - "content": "L: #37352F / D: #e0e0e0", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "8NhVX", - "name": "sw3", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "rectangle", - "cornerRadius": 8, - "id": "uC7Sn", - "name": "sw3b", - "fill": "$--primary", - "width": "fill_container", - "height": 60 - }, - { - "type": "text", - "id": "gtcz9", - "name": "sw3n", - "fill": "$--foreground", - "content": "--primary", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "text", - "id": "cjkwq", - "name": "sw3v", - "fill": "$--muted-foreground", - "content": "#155DFF", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "yjQGQ", - "name": "sw4", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "rectangle", - "cornerRadius": 8, - "id": "1OxTg", - "name": "sw4b", - "fill": "$--primary-foreground", - "width": "fill_container", - "height": 60, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - } - }, - { - "type": "text", - "id": "EkeoZ", - "name": "sw4n", - "fill": "$--foreground", - "content": "--primary-foreground", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "text", - "id": "tt2cD", - "name": "sw4v", - "fill": "$--muted-foreground", - "content": "L: #FFFFFF / D: #ffffff", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "text", - "id": "crhHt", - "name": "accLbl", - "fill": "$--foreground", - "content": "Accent & Semantic Colors", - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "k1HTr", - "name": "accRow", - "width": "fill_container", - "gap": 16, - "children": [ - { - "type": "frame", - "id": "pSeKo", - "name": "a1", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "rectangle", - "cornerRadius": 8, - "id": "INS18", - "name": "a1b", - "fill": "$--accent-blue", - "width": "fill_container", - "height": 60 - }, - { - "type": "text", - "id": "KqJzJ", - "name": "a1n", - "fill": "$--foreground", - "content": "--accent-blue", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "Ablbh", - "name": "a2", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "rectangle", - "cornerRadius": 8, - "id": "Rfk1S", - "name": "a2b", - "fill": "$--accent-green", - "width": "fill_container", - "height": 60 - }, - { - "type": "text", - "id": "MZuvu", - "name": "a2n", - "fill": "$--foreground", - "content": "--accent-green", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "QYDeM", - "name": "a3", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "rectangle", - "cornerRadius": 8, - "id": "0n5qg", - "name": "a3b", - "fill": "$--accent-yellow", - "width": "fill_container", - "height": 60 - }, - { - "type": "text", - "id": "J0365", - "name": "a3n", - "fill": "$--foreground", - "content": "--accent-yellow", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "mMfIb", - "name": "a4", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "rectangle", - "cornerRadius": 8, - "id": "EsIyr", - "name": "a4b", - "fill": "$--accent-red", - "width": "fill_container", - "height": 60 - }, - { - "type": "text", - "id": "BMn82", - "name": "a4n", - "fill": "$--foreground", - "content": "--destructive", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "ZiFIw", - "name": "a5", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "rectangle", - "cornerRadius": 8, - "id": "C78tM", - "name": "a5b", - "fill": "$--accent-purple", - "width": "fill_container", - "height": 60 - }, - { - "type": "text", - "id": "C1rYT", - "name": "a5n", - "fill": "$--foreground", - "content": "--accent-purple", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - } - ] - }, - { - "type": "text", - "id": "7uUTH", - "name": "darkLightLbl", - "fill": "$--foreground", - "content": "Accent Light Backgrounds", - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "3vJ5x", - "name": "accLightRow", - "width": "fill_container", - "gap": 16, - "children": [ - { - "type": "frame", - "id": "z1hMk", - "name": "al1", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "rectangle", - "cornerRadius": 8, - "id": "kpswd", - "name": "al1b", - "fill": "$--accent-blue-light", - "width": "fill_container", - "height": 60, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - } - }, - { - "type": "text", - "id": "0KAqb", - "name": "al1n", - "fill": "$--foreground", - "content": "--accent-blue-light", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "R1boT", - "name": "al2", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "rectangle", - "cornerRadius": 8, - "id": "R0qqH", - "name": "al2b", - "fill": "$--accent-green-light", - "width": "fill_container", - "height": 60, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - } - }, - { - "type": "text", - "id": "2B8DU", - "name": "al2n", - "fill": "$--foreground", - "content": "--accent-green-light", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "zcKSe", - "name": "al3", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "rectangle", - "cornerRadius": 8, - "id": "ltVm8", - "name": "al3b", - "fill": "$--accent-yellow-light", - "width": "fill_container", - "height": 60, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - } - }, - { - "type": "text", - "id": "a9QH0", - "name": "al3n", - "fill": "$--foreground", - "content": "--accent-yellow-light", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "6hhPO", - "name": "al4", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "rectangle", - "cornerRadius": 8, - "id": "QPIYp", - "name": "al4b", - "fill": "$--accent-red-light", - "width": "fill_container", - "height": 60, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - } - }, - { - "type": "text", - "id": "IQkg3", - "name": "al4n", - "fill": "$--foreground", - "content": "--accent-red-light", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "jGnce", - "name": "al5", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "rectangle", - "cornerRadius": 8, - "id": "FCkuJ", - "name": "al5b", - "fill": "$--accent-purple-light", - "width": "fill_container", - "height": 60, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - } - }, - { - "type": "text", - "id": "XuoAn", - "name": "al5n", - "fill": "$--foreground", - "content": "--accent-purple-light", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - } - ] - }, - { - "type": "text", - "id": "Nu9H0", - "name": "surfLbl", - "fill": "$--foreground", - "content": "Surface & Border Colors", - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "qKfwR", - "name": "surfRow", - "width": "fill_container", - "gap": 16, - "children": [ - { - "type": "frame", - "id": "7UCir", - "name": "s1", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "rectangle", - "cornerRadius": 8, - "id": "cPfNQ", - "name": "s1b", - "fill": "$--card", - "width": "fill_container", - "height": 60, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - } - }, - { - "type": "text", - "id": "C8OF4", - "name": "s1n", - "fill": "$--foreground", - "content": "--card", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "qGuKa", - "name": "s2", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "rectangle", - "cornerRadius": 8, - "id": "jWTl9", - "name": "s2b", - "fill": "$--sidebar", - "width": "fill_container", - "height": 60, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--sidebar-border" - } - }, - { - "type": "text", - "id": "ngfU3", - "name": "s2n", - "fill": "$--foreground", - "content": "--sidebar", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "0L9hT", - "name": "s3", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "rectangle", - "cornerRadius": 8, - "id": "10TTI", - "name": "s3b", - "fill": "$--secondary", - "width": "fill_container", - "height": 60 - }, - { - "type": "text", - "id": "8oPOS", - "name": "s3n", - "fill": "$--foreground", - "content": "--secondary", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "C356T", - "name": "s4", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "rectangle", - "cornerRadius": 8, - "id": "OPQnz", - "name": "s4b", + "id": "bFwrw", + "name": "sep1", "fill": "$--border", - "width": "fill_container", - "height": 60 + "content": "|", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + }, + { + "type": "icon_font", + "id": "ey3Gr", + "name": "branchIcon", + "width": 14, + "height": 14, + "iconFontName": "git-branch", + "iconFontFamily": "lucide", + "fill": "$--muted-foreground" }, { "type": "text", - "id": "a5F6B", - "name": "s4n", - "fill": "$--foreground", - "content": "--border / --input", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "MRGly", - "name": "s5", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "rectangle", - "cornerRadius": 8, - "id": "2TQdL", - "name": "s5b", + "id": "Kz0sS", + "name": "branchText", "fill": "$--muted-foreground", - "width": "fill_container", - "height": 60 + "content": "main", + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" }, { "type": "text", - "id": "uihaW", - "name": "s5n", - "fill": "$--foreground", - "content": "--muted-foreground", + "id": "6IY1E", + "name": "sep2", + "fill": "$--border", + "content": "|", "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "uBwva", - "x": 1703, - "y": 5252, - "name": "Typography & Spacing Specs", - "theme": { - "Mode": "Dark" - }, - "width": 1440, - "fill": "$--background", - "layout": "vertical", - "gap": 32, - "padding": 40, - "children": [ - { - "type": "text", - "id": "3XapS", - "name": "tTitle", - "fill": "$--foreground", - "content": "Typography Scale", - "fontFamily": "Inter", - "fontSize": 28, - "fontWeight": "700", - "letterSpacing": -0.5 - }, - { - "type": "text", - "id": "LWjBP", - "name": "tSub", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Fonts: Inter, IBM Plex Mono. Base: 14px. System fallback: -apple-system, BlinkMacSystemFont, sans-serif.", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "HDK4e", - "name": "t1", - "width": "fill_container", - "gap": 24, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "WQhdH", - "name": "t1s", - "fill": "$--foreground", - "content": "Heading 1", - "lineHeight": 1.2, - "fontFamily": "Inter", - "fontSize": 32, - "fontWeight": "700" - }, - { - "type": "text", - "id": "0e1XM", - "name": "t1d", - "fill": "$--muted-foreground", - "content": "32px / Bold / lh 1.2 โ€” Editor H1", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "NJFcu", - "name": "t2", - "width": "fill_container", - "gap": 24, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "F0Onf", - "name": "t2s", - "fill": "$--foreground", - "content": "Heading 2", - "lineHeight": 1.3, - "fontFamily": "Inter", - "fontSize": 24, - "fontWeight": "600" - }, - { - "type": "text", - "id": "MGPyI", - "name": "t2d", - "fill": "$--muted-foreground", - "content": "24px / Semibold / lh 1.3 โ€” Editor H2", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "EfVf8", - "name": "t3", - "width": "fill_container", - "gap": 24, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "IXlzW", - "name": "t3s", - "fill": "$--foreground", - "content": "App Title", - "fontFamily": "Inter", - "fontSize": 17, - "fontWeight": "700", - "letterSpacing": -0.3 - }, - { - "type": "text", - "id": "3nbkI", - "name": "t3d", - "fill": "$--muted-foreground", - "content": "17px / Bold / ls -0.3 โ€” Sidebar header", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "WdnCq", - "name": "t4", - "width": "fill_container", - "gap": 24, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "dOp96", - "name": "t4s", - "fill": "$--foreground", - "content": "Body Text", - "lineHeight": 1.6, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "e6pl1", - "name": "t4d", - "fill": "$--muted-foreground", - "content": "16px / Regular / lh 1.6 โ€” Editor paragraphs", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "XpOt8", - "name": "t5", - "width": "fill_container", - "gap": 24, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "m89X8", - "name": "t5s", - "fill": "$--foreground", - "content": "UI Label / Button", - "lineHeight": 1.43, - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "500" - }, - { - "type": "text", - "id": "rgaAH", - "name": "t5d", - "fill": "$--muted-foreground", - "content": "14px / Medium / lh 1.43 โ€” Buttons, NoteList header, Inspector labels", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "KFQtu", - "name": "t6", - "width": "fill_container", - "gap": 24, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "SApaW", - "name": "t6s", - "fill": "$--foreground", - "content": "Sidebar Item", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "text", - "id": "f6ZA3", - "name": "t6d", - "fill": "$--muted-foreground", - "content": "13px / Medium โ€” Sidebar nav items, filter items, search", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "GhKyK", - "name": "t7", - "width": "fill_container", - "gap": 24, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "QD0W3", - "name": "t7s", - "fill": "$--muted-foreground", - "content": "SECTION HEADER", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "600", - "letterSpacing": 0.5 - }, - { - "type": "text", - "id": "Nlp9r", - "name": "t7d", - "fill": "$--muted-foreground", - "content": "11px / Semibold / ls 0.5 โ€” Sidebar sections, type pills", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "8wp0i", - "name": "t8", - "width": "fill_container", - "gap": 24, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "228Sk", - "name": "t8s", - "fill": "$--foreground", - "content": "ALL-CAPS LABEL", - "fontFamily": "IBM Plex Mono", - "fontSize": 11, - "fontWeight": "600", - "letterSpacing": 1.2 - }, - { - "type": "text", - "id": "YvuOO", - "name": "t8d", - "fill": "$--muted-foreground", - "content": "11px / Semibold / ls 1.2 / IBM Plex Sans โ€” Section labels, metadata tags", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "vOypg", - "name": "t9", - "width": "fill_container", - "gap": 24, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "yCiRp", - "name": "t9s", - "fill": "$--muted-foreground", - "content": "OVERLINE TEXT", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "500", - "letterSpacing": 1.5 - }, - { - "type": "text", - "id": "OnVI9", - "name": "t9d", - "fill": "$--muted-foreground", - "content": "10px / Medium / ls 1.5 / IBM Plex Sans โ€” Overlines, category labels, timestamps", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "rectangle", - "id": "LZL2f", - "name": "div1", - "fill": "$--border", - "width": "fill_container", - "height": 1 - }, - { - "type": "text", - "id": "zukys", - "name": "spTitle", - "fill": "$--foreground", - "content": "Spacing & Layout Reference", - "fontFamily": "Inter", - "fontSize": 28, - "fontWeight": "700", - "letterSpacing": -0.5 - }, - { - "type": "frame", - "id": "VwXQg", - "name": "pnlRow", - "width": "fill_container", - "gap": 16, - "children": [ - { - "type": "frame", - "id": "cQVSE", - "name": "p1", - "width": "fill_container", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 6, - "padding": 16, - "children": [ + "fontSize": 11, + "fontWeight": "normal" + }, { - "type": "text", - "id": "QJTMm", - "name": "p1t", - "fill": "$--foreground", - "content": "Sidebar: 250px", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" + "type": "icon_font", + "id": "IjEG1", + "name": "syncIcon", + "width": 13, + "height": 13, + "iconFontName": "refresh-cw", + "iconFontFamily": "lucide", + "fill": "$--accent-green" }, { "type": "text", - "id": "KXZBq", - "name": "p1d", + "id": "srxkr", + "name": "syncText", "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "bg: --sidebar | padding: 8px container, 12px 16px header, 6px 16px items", + "content": "Synced 2m ago", "fontFamily": "Inter", - "fontSize": 12, + "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", - "id": "LxNWr", - "name": "p2", - "width": "fill_container", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 6, - "padding": 16, - "children": [ - { - "type": "text", - "id": "vR7Ch", - "name": "p2t", - "fill": "$--foreground", - "content": "NoteList: 300px", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" - }, - { - "type": "text", - "id": "g7zzi", - "name": "p2d", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "bg: --card | padding: 14px 16px header, 8px 12px search/pills, 10px 16px items", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "ELNLd", - "name": "p3", - "width": "fill_container", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 6, - "padding": 16, - "children": [ - { - "type": "text", - "id": "r3glq", - "name": "p3t", - "fill": "$--foreground", - "content": "Editor: flexible", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" - }, - { - "type": "text", - "id": "7CDJm", - "name": "p3d", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "bg: --background | padding: 32px 64px content, 7px 14px tabs, gap: 16px", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "SwGHD", - "name": "p4", - "width": "fill_container", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 6, - "padding": 16, - "children": [ - { - "type": "text", - "id": "0dLRT", - "name": "p4t", - "fill": "$--foreground", - "content": "Inspector: 280px", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" - }, - { - "type": "text", - "id": "zcp5I", - "name": "p4d", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "bg: --sidebar | padding: 14px 12px header, 12px body, 16px section gap, 8px prop gap", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "text", - "id": "ugr8F", - "name": "radLbl", - "fill": "$--foreground", - "content": "Border Radius", - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "asPgq", - "name": "radRow", - "width": "fill_container", - "gap": 16, - "children": [ - { - "type": "frame", - "id": "D4LA1", - "name": "r1", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "rectangle", - "cornerRadius": 4, - "id": "GZ3tL", - "name": "r1b", - "fill": "$--secondary", - "width": 80, - "height": 60, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - } - }, - { - "type": "text", - "id": "4OpFd", - "name": "r1n", - "fill": "$--foreground", - "content": "4px (sm) โ€” chips", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "EKpWB", - "name": "r2", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "rectangle", - "cornerRadius": 6, - "id": "WjpNG", - "name": "r2b", - "fill": "$--secondary", - "width": 80, - "height": 60, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - } - }, - { - "type": "text", - "id": "H6av3", - "name": "r2n", - "fill": "$--foreground", - "content": "6px (md) โ€” buttons, inputs", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "LX4qK", - "name": "r3", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "rectangle", - "cornerRadius": 8, - "id": "ucuH2", - "name": "r3b", - "fill": "$--secondary", - "width": 80, - "height": 60, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - } - }, - { - "type": "text", - "id": "i6R5g", - "name": "r3n", - "fill": "$--foreground", - "content": "8px (lg) โ€” cards, dialogs", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "WehOP", - "name": "r4", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "rectangle", - "cornerRadius": 16, - "id": "aeuNO", - "name": "r4b", - "fill": "$--secondary", - "width": 80, - "height": 60, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - } - }, - { - "type": "text", - "id": "TZumG", - "name": "r4n", - "fill": "$--foreground", - "content": "16px โ€” badges", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "kaTsy", - "name": "div2", - "fill": "$--border", - "width": "fill_container", - "height": 1 - }, - { - "type": "text", - "id": "LPG02", - "name": "compTitle", - "fill": "$--foreground", - "content": "shadcn/ui Component Inventory", - "fontFamily": "Inter", - "fontSize": 28, - "fontWeight": "700", - "letterSpacing": -0.5 - }, - { - "type": "frame", - "id": "U7NFU", - "name": "compRow", - "width": "fill_container", - "gap": 16, - "children": [ - { - "type": "frame", - "id": "DWuiV", - "name": "cg1", - "width": "fill_container", - "fill": "$--card", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - }, - "layout": "vertical", + "id": "4jgQF", + "name": "Status Right", + "height": "fill_container", "gap": 12, - "padding": 16, + "alignItems": "center", "children": [ { - "type": "text", - "id": "r92Ay", - "name": "cg1t", - "fill": "$--accent-green", - "content": "In Use", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" + "type": "icon_font", + "id": "3RPmA", + "name": "aiIcon", + "width": 13, + "height": 13, + "iconFontName": "sparkles", + "iconFontFamily": "lucide", + "fill": "$--accent-purple" }, { "type": "text", - "id": "G7XhA", - "name": "cg1r1", - "fill": "$--foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Button โ€” 5 variants (Default, Secondary, Outline, Ghost, Destructive)", + "id": "t0NOA", + "name": "aiText", + "fill": "$--muted-foreground", + "content": "Claude Sonnet 4", "fontFamily": "Inter", - "fontSize": 12, + "fontSize": 11, "fontWeight": "normal" }, { "type": "text", - "id": "QVrLd", - "name": "cg1r2", - "fill": "$--foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Input โ€” Default text input with label group", + "id": "16V7i", + "name": "sep3", + "fill": "$--border", + "content": "|", "fontFamily": "Inter", - "fontSize": 12, + "fontSize": 11, + "fontWeight": "normal" + }, + { + "type": "icon_font", + "id": "PXVrd", + "name": "notesCount", + "width": 13, + "height": 13, + "iconFontName": "file-text", + "iconFontFamily": "lucide", + "fill": "$--muted-foreground" + }, + { + "type": "text", + "id": "2FxCi", + "name": "notesText", + "fill": "$--muted-foreground", + "content": "1,247 notes", + "fontFamily": "Inter", + "fontSize": 11, "fontWeight": "normal" }, { "type": "text", - "id": "dyMJU", - "name": "cg1r3", - "fill": "$--foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Dialog โ€” Modal overlay (CreateNote, Commit)", + "id": "pB6ds", + "name": "sep4", + "fill": "$--border", + "content": "|", "fontFamily": "Inter", - "fontSize": 12, + "fontSize": 11, "fontWeight": "normal" }, { - "type": "text", - "id": "JJKSC", - "name": "cg1r4", - "fill": "$--foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Badge โ€” 4 variants (Default, Secondary, Outline, Destructive)", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "KSggN", - "name": "cg2", - "width": "fill_container", - "fill": "$--card", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 12, - "padding": 16, - "children": [ - { - "type": "text", - "id": "x0zMO", - "name": "cg2t", - "fill": "$--accent-orange", - "content": "Available (Not Yet Used)", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" + "type": "icon_font", + "id": "fRHKs", + "name": "bellIcon", + "width": 13, + "height": 13, + "iconFontName": "bell", + "iconFontFamily": "lucide", + "fill": "$--muted-foreground" }, { - "type": "text", - "id": "teIKV", - "name": "cg2r1", - "fill": "$--foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "DropdownMenu โ€” Context / dropdown menus", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "sKAHD", - "name": "cg2r2", - "fill": "$--foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Tabs โ€” Tab navigation component", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "yZhbc", - "name": "cg2r3", - "fill": "$--foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Tooltip, Select, Card, Separator, ScrollArea", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" + "type": "icon_font", + "id": "2sEBS", + "name": "settingsIcon", + "width": 13, + "height": 13, + "iconFontName": "settings", + "iconFontFamily": "lucide", + "fill": "$--muted-foreground" } ] } @@ -8414,212 +4409,6 @@ ] } ] - }, - { - "type": "frame", - "id": "dqSpJ", - "x": 0, - "y": 3250, - "name": "Status Bar", - "reusable": true, - "width": 1440, - "height": 30, - "fill": "$--sidebar", - "stroke": { - "align": "inside", - "thickness": { - "top": 1 - }, - "fill": "$--border" - }, - "padding": [ - 0, - 8 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "jGNFw", - "name": "Status Left", - "height": "fill_container", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "q78ui", - "name": "versionIcon", - "width": 14, - "height": 14, - "iconFontName": "box", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "EPW1Q", - "name": "versionText", - "fill": "$--muted-foreground", - "content": "v0.4.2", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - }, - { - "type": "text", - "id": "d6Hq4", - "name": "sep1", - "fill": "$--border", - "content": "|", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "j1mGt", - "name": "branchIcon", - "width": 14, - "height": 14, - "iconFontName": "git-branch", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "yYZC3", - "name": "branchText", - "fill": "$--muted-foreground", - "content": "main", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "mBJ2Q", - "name": "sep2", - "fill": "$--border", - "content": "|", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "82Mip", - "name": "syncIcon", - "width": 13, - "height": 13, - "iconFontName": "refresh-cw", - "iconFontFamily": "lucide", - "fill": "$--accent-green" - }, - { - "type": "text", - "id": "grkK6", - "name": "syncText", - "fill": "$--muted-foreground", - "content": "Synced 2m ago", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "Yfepb", - "name": "Status Right", - "height": "fill_container", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "OjgVL", - "name": "aiIcon", - "width": 13, - "height": 13, - "iconFontName": "sparkles", - "iconFontFamily": "lucide", - "fill": "$--accent-purple" - }, - { - "type": "text", - "id": "SQwue", - "name": "aiText", - "fill": "$--muted-foreground", - "content": "Claude Sonnet 4", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "HBoWk", - "name": "sep3", - "fill": "$--border", - "content": "|", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "j2rOQ", - "name": "notesCount", - "width": 13, - "height": 13, - "iconFontName": "file-text", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "XOiQp", - "name": "notesText", - "fill": "$--muted-foreground", - "content": "1,247 notes", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "GTXQv", - "name": "sep4", - "fill": "$--border", - "content": "|", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "SlUIf", - "name": "bellIcon", - "width": 13, - "height": 13, - "iconFontName": "bell", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "38KK8", - "name": "settingsIcon", - "width": 13, - "height": 13, - "iconFontName": "settings", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] } ], "themes": {