{ "version": "2.9", "children": [ { "type": "frame", "id": "sec1_hdr", "x": 0, "y": 0, "name": "1 — Foundations", "theme": { "Mode": "Light" }, "width": 1440, "height": 60, "fill": "$--foreground", "padding": [ 0, 60 ], "alignItems": "center", "children": [ { "type": "text", "id": "sec1_hdr_lbl", "fill": "$--background", "content": "1 — FOUNDATIONS", "fontFamily": "Inter", "fontSize": 24, "fontWeight": "700", "letterSpacing": 2 } ] }, { "type": "frame", "id": "manual_view_ordering_sidebar", "x": 0, "y": 12740, "name": "Manual saved View ordering - sidebar row", "theme": { "Mode": "Light" }, "width": 420, "height": 206, "fill": "$--sidebar", "stroke": { "align": "inside", "thickness": 1, "fill": "$--sidebar-border" }, "layout": "vertical", "gap": 10, "padding": 16, "children": [ { "type": "text", "id": "manual_view_ordering_hdr", "fill": "$--muted-foreground", "content": "VIEWS", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "700", "letterSpacing": 0 }, { "type": "frame", "id": "manual_view_ordering_row", "width": "fill_container", "height": 32, "fill": "$--accent", "cornerRadius": 4, "padding": [ 6, 8, 6, 8 ], "alignItems": "center", "gap": 8, "children": [ { "type": "text", "id": "manual_view_ordering_name", "fill": "$--foreground", "width": "fill_container", "content": "Active Projects", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500", "letterSpacing": 0 }, { "type": "text", "id": "manual_view_ordering_actions", "fill": "$--muted-foreground", "content": "edit delete", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500", "letterSpacing": 0 } ] }, { "type": "text", "id": "manual_view_ordering_note", "fill": "$--muted-foreground", "textGrowth": "fixed-width", "width": "fill_container", "content": "Saved Views keep the same row UI as before: pointer users drag the row itself to reorder, while keyboard users use command-palette move actions.", "lineHeight": 1.45, "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal", "letterSpacing": 0 } ] }, { "type": "frame", "id": "dark_mode_settings_flow", "x": 460, "y": 12740, "name": "Settings Appearance - immediate dark mode", "theme": { "Mode": "Light" }, "width": 520, "height": 190, "fill": "$--background", "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "layout": "vertical", "gap": 12, "padding": 20, "children": [ { "type": "text", "id": "dark_mode_settings_heading", "fill": "$--foreground", "content": "Appearance", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "700", "letterSpacing": 0 }, { "type": "text", "id": "dark_mode_settings_behavior", "fill": "$--muted-foreground", "textGrowth": "fixed-width", "width": "fill_container", "content": "Choosing Dark applies the app-owned theme immediately to Settings, shell chrome, editor surfaces, and the local theme mirror; the same setting persists through app settings.", "lineHeight": 1.45, "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal", "letterSpacing": 0 } ] }, { "type": "frame", "id": "mOf4J", "x": 0, "y": 100, "name": "Color Palette — shadcn/ui Theme (Light)", "theme": { "Mode": "Light" }, "width": 1440, "fill": "$--background", "layout": "vertical", "gap": 32, "padding": 40, "children": [ { "type": "text", "id": "rmJdn", "name": "cTitle", "fill": "$--foreground", "content": "Color Palette — shadcn/ui Theme Variables (Light)", "fontFamily": "Inter", "fontSize": 28, "fontWeight": "700", "letterSpacing": -0.5 }, { "type": "text", "id": "V79Zu", "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": "Xbdzq", "name": "primLbl", "fill": "$--foreground", "content": "Primary Colors", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "600" }, { "type": "frame", "id": "NyoC7", "name": "primRow", "width": "fill_container", "gap": 16, "children": [ { "type": "frame", "id": "Inb1x", "name": "sw1", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "rectangle", "cornerRadius": 8, "id": "HRsVC", "name": "sw1b", "fill": "$--background", "width": "fill_container", "height": 60, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" } }, { "type": "text", "id": "jV89s", "name": "sw1n", "fill": "$--foreground", "content": "--background", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "qOUUY", "name": "sw1v", "fill": "$--muted-foreground", "content": "L: #FFFFFF / D: #0f0f1a", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "QytAQ", "name": "sw2", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "rectangle", "cornerRadius": 8, "id": "TMuHH", "name": "sw2b", "fill": "$--foreground", "width": "fill_container", "height": 60 }, { "type": "text", "id": "k9qK4", "name": "sw2n", "fill": "$--foreground", "content": "--foreground", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "BfEn7", "name": "sw2v", "fill": "$--muted-foreground", "content": "L: #37352F / D: #e0e0e0", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "gJZtB", "name": "sw3", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "rectangle", "cornerRadius": 8, "id": "RRsQg", "name": "sw3b", "fill": "$--primary", "width": "fill_container", "height": 60 }, { "type": "text", "id": "CtJe4", "name": "sw3n", "fill": "$--foreground", "content": "--primary", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "1iFr6", "name": "sw3v", "fill": "$--muted-foreground", "content": "#155DFF", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "mbvua", "name": "sw4", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "rectangle", "cornerRadius": 8, "id": "fajNZ", "name": "sw4b", "fill": "$--primary-foreground", "width": "fill_container", "height": 60, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" } }, { "type": "text", "id": "wVJ7z", "name": "sw4n", "fill": "$--foreground", "content": "--primary-foreground", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "Oum5Q", "name": "sw4v", "fill": "$--muted-foreground", "content": "L: #FFFFFF / D: #ffffff", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] } ] }, { "type": "text", "id": "UvI4d", "name": "accLbl", "fill": "$--foreground", "content": "Accent & Semantic Colors", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "600" }, { "type": "frame", "id": "jOmo7", "name": "accRow", "width": "fill_container", "gap": 16, "children": [ { "type": "frame", "id": "uFXJ3", "name": "a1", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "rectangle", "cornerRadius": 8, "id": "NRr0w", "name": "a1b", "fill": "$--accent-blue", "width": "fill_container", "height": 60 }, { "type": "text", "id": "ECVqk", "name": "a1n", "fill": "$--foreground", "content": "--accent-blue", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "csKEt", "name": "a2", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "rectangle", "cornerRadius": 8, "id": "5IiT2", "name": "a2b", "fill": "$--accent-green", "width": "fill_container", "height": 60 }, { "type": "text", "id": "aCPba", "name": "a2n", "fill": "$--foreground", "content": "--accent-green", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "XbY7C", "name": "a3", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "rectangle", "cornerRadius": 8, "id": "I9qCz", "name": "a3b", "fill": "$--accent-yellow", "width": "fill_container", "height": 60 }, { "type": "text", "id": "DfZVh", "name": "a3n", "fill": "$--foreground", "content": "--accent-yellow", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "nROw3", "name": "a4", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "rectangle", "cornerRadius": 8, "id": "IcIoP", "name": "a4b", "fill": "$--accent-red", "width": "fill_container", "height": 60 }, { "type": "text", "id": "eGgz6", "name": "a4n", "fill": "$--foreground", "content": "--destructive", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "J95fv", "name": "a5", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "rectangle", "cornerRadius": 8, "id": "o03fQ", "name": "a5b", "fill": "$--accent-purple", "width": "fill_container", "height": 60 }, { "type": "text", "id": "H9VWy", "name": "a5n", "fill": "$--foreground", "content": "--accent-purple", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] } ] }, { "type": "text", "id": "GcYle", "name": "lightLightLbl", "fill": "$--foreground", "content": "Accent Light Backgrounds", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "600" }, { "type": "frame", "id": "Ju2xp", "name": "accLightRow", "width": "fill_container", "gap": 16, "children": [ { "type": "frame", "id": "5dnn5", "name": "al1", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "rectangle", "cornerRadius": 8, "id": "7kcqW", "name": "ll1b", "fill": "$--accent-blue-light", "width": "fill_container", "height": 60, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" } }, { "type": "text", "id": "dBCbF", "name": "ll1n", "fill": "$--foreground", "content": "--accent-blue-light", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "W0t0j", "name": "al2", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "rectangle", "cornerRadius": 8, "id": "1vepp", "name": "ll2b", "fill": "$--accent-green-light", "width": "fill_container", "height": 60, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" } }, { "type": "text", "id": "6kUyf", "name": "ll2n", "fill": "$--foreground", "content": "--accent-green-light", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "zyV1j", "name": "al3", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "rectangle", "cornerRadius": 8, "id": "yUDBN", "name": "ll3b", "fill": "$--accent-yellow-light", "width": "fill_container", "height": 60, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" } }, { "type": "text", "id": "dmfZ4", "name": "ll3n", "fill": "$--foreground", "content": "--accent-yellow-light", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "yGmmo", "name": "al4", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "rectangle", "cornerRadius": 8, "id": "eLu8o", "name": "ll4b", "fill": "$--accent-red-light", "width": "fill_container", "height": 60, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" } }, { "type": "text", "id": "PVLwR", "name": "ll4n", "fill": "$--foreground", "content": "--accent-red-light", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "0BO2b", "name": "al5", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "rectangle", "cornerRadius": 8, "id": "6FBws", "name": "ll5b", "fill": "$--accent-purple-light", "width": "fill_container", "height": 60, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" } }, { "type": "text", "id": "i2DfV", "name": "ll5n", "fill": "$--foreground", "content": "--accent-purple-light", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] } ] }, { "type": "text", "id": "JFocf", "name": "surfLbl", "fill": "$--foreground", "content": "Surface & Border Colors", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "600" }, { "type": "frame", "id": "YAJLW", "name": "surfRow", "width": "fill_container", "gap": 16, "children": [ { "type": "frame", "id": "JHS3j", "name": "s1", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "rectangle", "cornerRadius": 8, "id": "9Bj41", "name": "s1b", "fill": "$--card", "width": "fill_container", "height": 60, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" } }, { "type": "text", "id": "wn4ua", "name": "s1n", "fill": "$--foreground", "content": "--card", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "Fyvfd", "name": "s2", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "rectangle", "cornerRadius": 8, "id": "UFLw5", "name": "s2b", "fill": "$--sidebar", "width": "fill_container", "height": 60, "stroke": { "align": "inside", "thickness": 1, "fill": "$--sidebar-border" } }, { "type": "text", "id": "gngfL", "name": "s2n", "fill": "$--foreground", "content": "--sidebar", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "zbyEJ", "name": "s3", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "rectangle", "cornerRadius": 8, "id": "WnmQD", "name": "s3b", "fill": "$--secondary", "width": "fill_container", "height": 60 }, { "type": "text", "id": "wnkxR", "name": "s3n", "fill": "$--foreground", "content": "--secondary", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "Z2FuK", "name": "s4", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "rectangle", "cornerRadius": 8, "id": "lNPnc", "name": "s4b", "fill": "$--border", "width": "fill_container", "height": 60 }, { "type": "text", "id": "x9aeh", "name": "s4n", "fill": "$--foreground", "content": "--border / --input", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "TDDQ0", "name": "s5", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "rectangle", "cornerRadius": 8, "id": "MwHOe", "name": "s5b", "fill": "$--muted-foreground", "width": "fill_container", "height": 60 }, { "type": "text", "id": "dHZj5", "name": "s5n", "fill": "$--foreground", "content": "--muted-foreground", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] } ] } ] }, { "type": "frame", "id": "HZonq", "x": 0, "y": 1004, "name": "Typography & Spacing Specs (Light)", "theme": { "Mode": "Light" }, "width": 1440, "fill": "$--background", "layout": "vertical", "gap": 32, "padding": 40, "children": [ { "type": "text", "id": "nGLlU", "name": "tTitle", "fill": "$--foreground", "content": "Typography Scale (Light)", "fontFamily": "Inter", "fontSize": 28, "fontWeight": "700", "letterSpacing": -0.5 }, { "type": "text", "id": "gkQqO", "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": "QL9fK", "name": "t1", "width": "fill_container", "gap": 24, "alignItems": "center", "children": [ { "type": "text", "id": "px1l7", "name": "t1s", "fill": "$--foreground", "content": "Heading 1", "lineHeight": 1.2, "fontFamily": "Inter", "fontSize": 32, "fontWeight": "700" }, { "type": "text", "id": "3UWKu", "name": "t1d", "fill": "$--muted-foreground", "content": "32px / Bold / lh 1.2 — Editor H1", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "Yjhit", "name": "t2", "width": "fill_container", "gap": 24, "alignItems": "center", "children": [ { "type": "text", "id": "iFzl0", "name": "t2s", "fill": "$--foreground", "content": "Heading 2", "lineHeight": 1.3, "fontFamily": "Inter", "fontSize": 24, "fontWeight": "600" }, { "type": "text", "id": "cF55I", "name": "t2d", "fill": "$--muted-foreground", "content": "24px / Semibold / lh 1.3 — Editor H2", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "bBHMa", "name": "t3", "width": "fill_container", "gap": 24, "alignItems": "center", "children": [ { "type": "text", "id": "kpSyr", "name": "t3s", "fill": "$--foreground", "content": "App Title", "fontFamily": "Inter", "fontSize": 17, "fontWeight": "700", "letterSpacing": -0.3 }, { "type": "text", "id": "xUuNz", "name": "t3d", "fill": "$--muted-foreground", "content": "17px / Bold / ls -0.3 — Sidebar header", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "Lsh7F", "name": "t4", "width": "fill_container", "gap": 24, "alignItems": "center", "children": [ { "type": "text", "id": "vTRSs", "name": "t4s", "fill": "$--foreground", "content": "Body Text", "lineHeight": 1.6, "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal" }, { "type": "text", "id": "fKa3p", "name": "t4d", "fill": "$--muted-foreground", "content": "16px / Regular / lh 1.6 — Editor paragraphs", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "rpOTz", "name": "t5", "width": "fill_container", "gap": 24, "alignItems": "center", "children": [ { "type": "text", "id": "VXY3Z", "name": "t5s", "fill": "$--foreground", "content": "UI Label / Button", "lineHeight": 1.43, "fontFamily": "Inter", "fontSize": 14, "fontWeight": "500" }, { "type": "text", "id": "F6GQz", "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": "H6Rgt", "name": "t6", "width": "fill_container", "gap": 24, "alignItems": "center", "children": [ { "type": "text", "id": "xWvbj", "name": "t6s", "fill": "$--foreground", "content": "Sidebar Item", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" }, { "type": "text", "id": "bvBBm", "name": "t6d", "fill": "$--muted-foreground", "content": "13px / Medium — Sidebar nav items, filter items, search", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "GrFAq", "name": "t7", "width": "fill_container", "gap": 24, "alignItems": "center", "children": [ { "type": "text", "id": "vY8j4", "name": "t7s", "fill": "$--muted-foreground", "content": "SECTION HEADER", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600", "letterSpacing": 0.5 }, { "type": "text", "id": "okws6", "name": "t7d", "fill": "$--muted-foreground", "content": "11px / Semibold / ls 0.5 — Sidebar sections, type pills", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "awxls", "name": "t8", "width": "fill_container", "gap": 24, "alignItems": "center", "children": [ { "type": "text", "id": "mD3f5", "name": "t8s", "fill": "$--foreground", "content": "ALL-CAPS LABEL", "fontFamily": "IBM Plex Mono", "fontSize": 11, "fontWeight": "600", "letterSpacing": 1.2 }, { "type": "text", "id": "jFpLw", "name": "t8d", "fill": "$--muted-foreground", "content": "11px / Semibold / ls 1.2 / IBM Plex Mono — Section labels, metadata tags", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "ToLzL", "name": "t9", "width": "fill_container", "gap": 24, "alignItems": "center", "children": [ { "type": "text", "id": "LEsxW", "name": "t9s", "fill": "$--muted-foreground", "content": "OVERLINE TEXT", "fontFamily": "IBM Plex Mono", "fontSize": 10, "fontWeight": "500", "letterSpacing": 1.5 }, { "type": "text", "id": "HQ3Df", "name": "t9d", "fill": "$--muted-foreground", "content": "10px / Medium / ls 1.5 / IBM Plex Mono — Overlines, category labels, timestamps", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "rectangle", "id": "3tiJ7", "name": "div1", "fill": "$--border", "width": "fill_container", "height": 1 }, { "type": "text", "id": "b2Mt9", "name": "spTitle", "fill": "$--foreground", "content": "Spacing & Layout Reference", "fontFamily": "Inter", "fontSize": 28, "fontWeight": "700", "letterSpacing": -0.5 }, { "type": "frame", "id": "o6ETJ", "name": "pnlRow", "width": "fill_container", "gap": 16, "children": [ { "type": "frame", "id": "HhbOn", "name": "p1", "width": "fill_container", "cornerRadius": 8, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "layout": "vertical", "gap": 6, "padding": 16, "children": [ { "type": "text", "id": "YBekR", "name": "p1t", "fill": "$--foreground", "content": "Sidebar: 250px", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" }, { "type": "text", "id": "dT8Xe", "name": "p1d", "fill": "$--muted-foreground", "textGrowth": "fixed-width", "width": "fill_container", "content": "bg: --sidebar | padding: 8px container, 12px 16px header, 6px 16px items", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "aYkMZ", "name": "p2", "width": "fill_container", "cornerRadius": 8, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "layout": "vertical", "gap": 6, "padding": 16, "children": [ { "type": "text", "id": "Eycne", "name": "p2t", "fill": "$--foreground", "content": "NoteList: 300px", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" }, { "type": "text", "id": "lyTZN", "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": "E6G3g", "name": "p3", "width": "fill_container", "cornerRadius": 8, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "layout": "vertical", "gap": 6, "padding": 16, "children": [ { "type": "text", "id": "Xy5Gl", "name": "p3t", "fill": "$--foreground", "content": "Editor: flexible", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" }, { "type": "text", "id": "y4svr", "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": "RBPav", "name": "p4", "width": "fill_container", "cornerRadius": 8, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "layout": "vertical", "gap": 6, "padding": 16, "children": [ { "type": "text", "id": "xKUWC", "name": "p4t", "fill": "$--foreground", "content": "Inspector: 280px", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" }, { "type": "text", "id": "u81W5", "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": "VvZyF", "name": "radLbl", "fill": "$--foreground", "content": "Border Radius", "fontFamily": "Inter", "fontSize": 18, "fontWeight": "600" }, { "type": "frame", "id": "OwJH7", "name": "radRow", "width": "fill_container", "gap": 16, "children": [ { "type": "frame", "id": "DHrzV", "name": "r1", "width": "fill_container", "layout": "vertical", "gap": 8, "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 4, "id": "V35oi", "name": "r1b", "fill": "$--secondary", "width": 80, "height": 60, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" } }, { "type": "text", "id": "HVQpq", "name": "r1n", "fill": "$--foreground", "content": "4px (sm) — chips", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "wp350", "name": "r2", "width": "fill_container", "layout": "vertical", "gap": 8, "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 6, "id": "E031z", "name": "r2b", "fill": "$--secondary", "width": 80, "height": 60, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" } }, { "type": "text", "id": "rDLff", "name": "r2n", "fill": "$--foreground", "content": "6px (md) — buttons, inputs", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "d6tJt", "name": "r3", "width": "fill_container", "layout": "vertical", "gap": 8, "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 8, "id": "PNkS4", "name": "r3b", "fill": "$--secondary", "width": 80, "height": 60, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" } }, { "type": "text", "id": "rZGXb", "name": "r3n", "fill": "$--foreground", "content": "8px (lg) — cards, dialogs", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "UAZ8u", "name": "r4", "width": "fill_container", "layout": "vertical", "gap": 8, "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 16, "id": "wgMVG", "name": "r4b", "fill": "$--secondary", "width": 80, "height": 60, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" } }, { "type": "text", "id": "zw3RY", "name": "r4n", "fill": "$--foreground", "content": "16px — badges", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] } ] }, { "type": "rectangle", "id": "kIrXE", "name": "div2", "fill": "$--border", "width": "fill_container", "height": 1 }, { "type": "text", "id": "FYw8k", "name": "compTitle", "fill": "$--foreground", "content": "shadcn/ui Component Inventory", "fontFamily": "Inter", "fontSize": 28, "fontWeight": "700", "letterSpacing": -0.5 }, { "type": "frame", "id": "7Q1Fi", "name": "compRow", "width": "fill_container", "gap": 16, "children": [ { "type": "frame", "id": "XfUwj", "name": "cg1", "width": "fill_container", "fill": "$--card", "cornerRadius": 8, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "layout": "vertical", "gap": 12, "padding": 16, "children": [ { "type": "text", "id": "ly7m0", "name": "cg1t", "fill": "$--accent-green", "content": "In Use", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" }, { "type": "text", "id": "Re89a", "name": "cg1r1", "fill": "$--foreground", "textGrowth": "fixed-width", "width": "fill_container", "content": "Button — 5 variants (Default, Secondary, Outline, Ghost, Destructive)", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "ILbjW", "name": "cg1r2", "fill": "$--foreground", "textGrowth": "fixed-width", "width": "fill_container", "content": "Input — Default text input with label group", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "eurqS", "name": "cg1r3", "fill": "$--foreground", "textGrowth": "fixed-width", "width": "fill_container", "content": "Dialog — Modal overlay (CreateNote, Commit)", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "AZyZP", "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": "WtehQ", "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": "KaMZ9", "name": "cg2t", "fill": "$--accent-yellow", "content": "Available (Not Yet Used)", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" }, { "type": "text", "id": "F8wam", "name": "cg2r1", "fill": "$--foreground", "textGrowth": "fixed-width", "width": "fill_container", "content": "DropdownMenu — Context / dropdown menus", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "Nl1aV", "name": "cg2r2", "fill": "$--foreground", "textGrowth": "fixed-width", "width": "fill_container", "content": "Tabs — Tab navigation component", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "0sBwH", "name": "cg2r3", "fill": "$--foreground", "textGrowth": "fixed-width", "width": "fill_container", "content": "Tooltip, Select, Card, Separator, ScrollArea", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] } ] }, { "type": "frame", "id": "ds_spacing", "x": 0, "y": 2369, "name": "Spacing Scale", "theme": { "Mode": "Light" }, "width": 700, "fill": "$--background", "layout": "vertical", "gap": 24, "padding": 40, "children": [ { "type": "text", "id": "ds_sp_title", "fill": "$--foreground", "content": "Spacing Scale", "fontFamily": "Inter", "fontSize": 20, "fontWeight": "600" }, { "type": "text", "id": "ds_sp_sub", "fill": "$--muted-foreground", "content": "Consistent spacing tokens used throughout the app.", "lineHeight": 1.5, "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" }, { "type": "frame", "id": "sp_xs", "width": "fill_container", "gap": 16, "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 2, "id": "sp_xs_box", "fill": "$--primary", "width": 4, "height": 24 }, { "type": "text", "id": "sp_xs_lbl", "fill": "$--foreground", "content": "--spacing-xs: 4px", "fontFamily": "IBM Plex Mono", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "sp_sm", "width": "fill_container", "gap": 16, "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 2, "id": "sp_sm_box", "fill": "$--primary", "width": 8, "height": 24 }, { "type": "text", "id": "sp_sm_lbl", "fill": "$--foreground", "content": "--spacing-sm: 8px", "fontFamily": "IBM Plex Mono", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "sp_md", "width": "fill_container", "gap": 16, "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 2, "id": "sp_md_box", "fill": "$--primary", "width": 12, "height": 24 }, { "type": "text", "id": "sp_md_lbl", "fill": "$--foreground", "content": "--spacing-md: 12px", "fontFamily": "IBM Plex Mono", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "sp_lg", "width": "fill_container", "gap": 16, "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 2, "id": "sp_lg_box", "fill": "$--primary", "width": 16, "height": 24 }, { "type": "text", "id": "sp_lg_lbl", "fill": "$--foreground", "content": "--spacing-lg: 16px", "fontFamily": "IBM Plex Mono", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "sp_xl", "width": "fill_container", "gap": 16, "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 2, "id": "sp_xl_box", "fill": "$--primary", "width": 24, "height": 24 }, { "type": "text", "id": "sp_xl_lbl", "fill": "$--foreground", "content": "--spacing-xl: 24px", "fontFamily": "IBM Plex Mono", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "sp_2xl", "width": "fill_container", "gap": 16, "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 2, "id": "sp_2xl_box", "fill": "$--primary", "width": 32, "height": 24 }, { "type": "text", "id": "sp_2xl_lbl", "fill": "$--foreground", "content": "--spacing-2xl: 32px", "fontFamily": "IBM Plex Mono", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "sp_3xl", "width": "fill_container", "gap": 16, "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": 2, "id": "sp_3xl_box", "fill": "$--primary", "width": 40, "height": 24 }, { "type": "text", "id": "sp_3xl_lbl", "fill": "$--foreground", "content": "--spacing-3xl: 40px", "fontFamily": "IBM Plex Mono", "fontSize": 13, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "ds_heights", "x": 740, "y": 2369, "name": "Height Variables", "theme": { "Mode": "Light" }, "width": 700, "fill": "$--background", "layout": "vertical", "gap": 24, "padding": 40, "children": [ { "type": "text", "id": "ds_ht_title", "fill": "$--foreground", "content": "Height Variables", "fontFamily": "Inter", "fontSize": 20, "fontWeight": "600" }, { "type": "text", "id": "ds_ht_sub", "fill": "$--muted-foreground", "content": "Fixed heights for key layout regions.", "lineHeight": 1.5, "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" }, { "type": "frame", "id": "ht_titlebar", "width": "fill_container", "gap": 16, "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": "$--radius-sm", "id": "ht_titlebar_bar", "fill": "$--sidebar", "width": 120, "height": 38, "stroke": { "thickness": 1, "fill": "$--border" } }, { "type": "text", "id": "ht_titlebar_lbl", "fill": "$--foreground", "content": "--height-titlebar: 38px", "fontFamily": "IBM Plex Mono", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "ht_tabbar", "width": "fill_container", "gap": 16, "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": "$--radius-sm", "id": "ht_tabbar_bar", "fill": "$--sidebar", "width": 120, "height": 45, "stroke": { "thickness": 1, "fill": "$--border" } }, { "type": "text", "id": "ht_tabbar_lbl", "fill": "$--foreground", "content": "--height-tabbar: 45px", "fontFamily": "IBM Plex Mono", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "ht_breadcrumb", "width": "fill_container", "gap": 16, "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": "$--radius-sm", "id": "ht_breadcrumb_bar", "fill": "$--background", "width": 120, "height": 45, "stroke": { "thickness": 1, "fill": "$--border" } }, { "type": "text", "id": "ht_breadcrumb_lbl", "fill": "$--foreground", "content": "--height-breadcrumb: 45px", "fontFamily": "IBM Plex Mono", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "ht_statusbar", "width": "fill_container", "gap": 16, "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": "$--radius-sm", "id": "ht_statusbar_bar", "fill": "$--sidebar", "width": 120, "height": 30, "stroke": { "thickness": 1, "fill": "$--border" } }, { "type": "text", "id": "ht_statusbar_lbl", "fill": "$--foreground", "content": "--height-statusbar: 30px", "fontFamily": "IBM Plex Mono", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "ht_modal_header", "width": "fill_container", "gap": 16, "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": "$--radius-sm", "id": "ht_modal_header_bar", "fill": "$--background", "width": 120, "height": 56, "stroke": { "thickness": 1, "fill": "$--border" } }, { "type": "text", "id": "ht_modal_header_lbl", "fill": "$--foreground", "content": "--height-modal-header: 56px", "fontFamily": "IBM Plex Mono", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "ht_inspector_header", "width": "fill_container", "gap": 16, "alignItems": "center", "children": [ { "type": "rectangle", "cornerRadius": "$--radius-sm", "id": "ht_inspector_header_bar", "fill": "$--background", "width": 120, "height": 36, "stroke": { "thickness": 1, "fill": "$--border" } }, { "type": "text", "id": "ht_inspector_header_lbl", "fill": "$--foreground", "content": "--height-inspector-header: 36px", "fontFamily": "IBM Plex Mono", "fontSize": 13, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "ds_shadows", "x": 0, "y": 2951, "name": "Shadows", "theme": { "Mode": "Light" }, "width": 700, "fill": "$--background", "layout": "vertical", "gap": 32, "padding": 40, "children": [ { "type": "text", "id": "ds_sh_title", "fill": "$--foreground", "content": "Shadows", "fontFamily": "Inter", "fontSize": 20, "fontWeight": "600" }, { "type": "text", "id": "ds_sh_sub", "fill": "$--muted-foreground", "content": "Elevation levels for cards, modals, and popovers.", "lineHeight": 1.5, "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" }, { "type": "frame", "id": "sh_sm", "width": "fill_container", "gap": 24, "alignItems": "center", "children": [ { "type": "frame", "id": "sh_sm_box", "width": 120, "height": 80, "fill": "$--card", "cornerRadius": "$--radius-lg", "effect": { "type": "shadow", "shadowType": "outer", "color": "#0000000D", "offset": { "x": 0, "y": 1 }, "blur": 2 } }, { "type": "frame", "id": "sh_sm_info", "layout": "vertical", "gap": 4, "children": [ { "type": "text", "id": "sh_sm_name", "fill": "$--foreground", "content": "Shadow SM", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" }, { "type": "text", "id": "sh_sm_desc", "fill": "$--muted-foreground", "content": "0 1px 2px rgba(0,0,0,0.05)", "fontFamily": "IBM Plex Mono", "fontSize": 11, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "sh_md", "width": "fill_container", "gap": 24, "alignItems": "center", "children": [ { "type": "frame", "id": "sh_md_box", "width": 120, "height": 80, "fill": "$--card", "cornerRadius": "$--radius-lg", "effect": { "type": "shadow", "shadowType": "outer", "color": "#00000012", "offset": { "x": 0, "y": 4 }, "blur": 6 } }, { "type": "frame", "id": "sh_md_info", "layout": "vertical", "gap": 4, "children": [ { "type": "text", "id": "sh_md_name", "fill": "$--foreground", "content": "Shadow MD", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" }, { "type": "text", "id": "sh_md_desc", "fill": "$--muted-foreground", "content": "0 4px 6px rgba(0,0,0,0.07)", "fontFamily": "IBM Plex Mono", "fontSize": 11, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "sh_lg", "width": "fill_container", "gap": 24, "alignItems": "center", "children": [ { "type": "frame", "id": "sh_lg_box", "width": 120, "height": 80, "fill": "$--card", "cornerRadius": "$--radius-lg", "effect": { "type": "shadow", "shadowType": "outer", "color": "#0000001A", "offset": { "x": 0, "y": 10 }, "blur": 15 } }, { "type": "frame", "id": "sh_lg_info", "layout": "vertical", "gap": 4, "children": [ { "type": "text", "id": "sh_lg_name", "fill": "$--foreground", "content": "Shadow LG", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" }, { "type": "text", "id": "sh_lg_desc", "fill": "$--muted-foreground", "content": "0 10px 15px rgba(0,0,0,0.1)", "fontFamily": "IBM Plex Mono", "fontSize": 11, "fontWeight": "normal" } ] } ] } ] }, { "type": "frame", "id": "sec2_hdr", "x": 0, "y": 3543, "name": "2 — Components", "theme": { "Mode": "Light" }, "width": 1440, "height": 60, "fill": "$--foreground", "padding": [ 0, 60 ], "alignItems": "center", "children": [ { "type": "text", "id": "sec2_hdr_lbl", "fill": "$--background", "content": "2 — COMPONENTS", "fontFamily": "Inter", "fontSize": 24, "fontWeight": "700", "letterSpacing": 2 } ] }, { "type": "text", "id": "sub_atoms", "x": -100, "y": 3633, "theme": { "Mode": "Light" }, "fill": "$--muted-foreground", "content": "ATOMS", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "600", "letterSpacing": 1 }, { "type": "frame", "id": "comp_StatusDot", "x": 0, "y": 3660, "name": "component/StatusDot", "theme": { "Mode": "Light" }, "reusable": true, "children": [ { "type": "ellipse", "id": "StatusDot_dot", "fill": "$--accent-orange", "width": 6, "height": 6 } ] }, { "type": "frame", "id": "comp_Separator", "x": 100, "y": 3660, "name": "component/Separator", "theme": { "Mode": "Light" }, "reusable": true, "width": "fill_container(200)", "height": 1, "fill": "$--border" }, { "type": "frame", "id": "comp_Badge", "x": 400, "y": 3660, "name": "component/Badge", "theme": { "Mode": "Light" }, "reusable": true, "fill": "$--accent-blue-light", "cornerRadius": 12, "padding": [ 2, 8 ], "children": [ { "type": "text", "id": "Badge_label", "fill": "$--accent-blue", "content": "Badge", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "comp_ButtonPrimary", "x": 0, "y": 3700, "name": "component/Button/Primary", "theme": { "Mode": "Light" }, "reusable": true, "height": 36, "fill": "$--primary", "cornerRadius": "$--radius-md", "gap": 6, "padding": [ 8, 16 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "BtnPri_label", "fill": "$--primary-foreground", "content": "Button", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "sec3_hdr", "x": 0, "y": 5000, "name": "3 — Full Layouts", "theme": { "Mode": "Light" }, "width": 1440, "height": 60, "fill": "$--foreground", "padding": [ 0, 60 ], "alignItems": "center", "children": [ { "type": "text", "id": "sec3_hdr_lbl", "fill": "$--background", "content": "3 — FULL LAYOUTS", "fontFamily": "Inter", "fontSize": 24, "fontWeight": "700", "letterSpacing": 2 } ] }, { "type": "frame", "id": "comp_ButtonSecondary", "x": 200, "y": 3700, "name": "component/Button/Secondary", "theme": { "Mode": "Light" }, "reusable": true, "height": 36, "fill": "$--secondary", "cornerRadius": "$--radius-md", "gap": 6, "padding": [ 8, 16 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "BtnSec_label", "fill": "$--secondary-foreground", "content": "Button", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "comp_ButtonGhost", "x": 400, "y": 3700, "name": "component/Button/Ghost", "theme": { "Mode": "Light" }, "reusable": true, "height": 36, "cornerRadius": "$--radius-md", "gap": 6, "padding": [ 8, 16 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "BtnGho_label", "fill": "$--foreground", "content": "Button", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "comp_Input", "x": 0, "y": 3750, "name": "component/Input", "theme": { "Mode": "Light" }, "reusable": true, "width": 240, "height": 36, "fill": "$--background", "cornerRadius": "$--radius-md", "stroke": { "align": "inside", "thickness": 1, "fill": "$--input" }, "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "text", "id": "Input_placeholder", "fill": "$--muted-foreground", "content": "Placeholder...", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "comp_IconButton", "x": 300, "y": 3750, "name": "component/IconButton", "theme": { "Mode": "Light" }, "reusable": true, "width": 28, "height": 28, "cornerRadius": "$--radius-sm", "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "IconBtn_icon", "width": 16, "height": 16, "iconFontName": "plus", "iconFontFamily": "lucide", "fill": "$--muted-foreground" } ] }, { "type": "text", "id": "sub_molecules", "x": -145, "y": 3810, "theme": { "Mode": "Light" }, "fill": "$--muted-foreground", "content": "MOLECULES", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "600", "letterSpacing": 1 }, { "type": "frame", "id": "comp_CommandPaletteItem", "x": 550, "y": 4010, "name": "component/CommandPaletteItem", "theme": { "Mode": "Light" }, "reusable": true, "width": "fill_container(460)", "height": 40, "cornerRadius": "$--radius-md", "gap": 12, "padding": [ 0, 16 ], "alignItems": "center", "children": [ { "type": "icon_font", "id": "CPI_icon", "width": 16, "height": 16, "iconFontName": "file-text", "iconFontFamily": "lucide", "fill": "$--muted-foreground" }, { "type": "frame", "id": "CPI_content", "width": "fill_container", "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "CPI_title", "fill": "$--foreground", "content": "Command Name", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "text", "id": "CPI_shortcut", "fill": "$--muted-foreground", "content": "⌘K", "fontFamily": "IBM Plex Mono", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "command_palette_theme_mode_actions", "x": 1040, "y": 4010, "name": "Command palette theme mode actions", "theme": { "Mode": "Light" }, "width": 420, "height": 160, "fill": "$--popover", "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "cornerRadius": "$--radius-lg", "layout": "vertical", "gap": 8, "padding": 12, "children": [ { "type": "text", "id": "command_palette_theme_mode_title", "fill": "$--muted-foreground", "content": "COMMAND PALETTE / SETTINGS", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "700", "letterSpacing": 0 }, { "type": "frame", "id": "command_palette_theme_mode_light", "width": "fill_container", "height": 40, "fill": "$--accent", "cornerRadius": "$--radius-md", "padding": [ 0, 12 ], "alignItems": "center", "gap": 10, "children": [ { "type": "icon_font", "id": "command_palette_theme_mode_light_icon", "width": 16, "height": 16, "iconFontName": "sun", "iconFontFamily": "lucide", "fill": "$--muted-foreground" }, { "type": "text", "id": "command_palette_theme_mode_light_label", "fill": "$--foreground", "content": "Use Light Mode", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "command_palette_theme_mode_dark", "width": "fill_container", "height": 40, "cornerRadius": "$--radius-md", "padding": [ 0, 12 ], "alignItems": "center", "gap": 10, "children": [ { "type": "icon_font", "id": "command_palette_theme_mode_dark_icon", "width": 16, "height": 16, "iconFontName": "moon", "iconFontFamily": "lucide", "fill": "$--muted-foreground" }, { "type": "text", "id": "command_palette_theme_mode_dark_label", "fill": "$--foreground", "content": "Use Dark Mode", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "HGjqA", "x": 0, "y": 5100, "name": "Full Layout", "theme": { "Mode": "Light" }, "clip": true, "width": 1440, "height": 900, "fill": "$--background", "layout": "vertical", "children": [ { "type": "frame", "id": "YCRX1", "name": "macOS Title Bar", "width": "fill_container", "height": 38, "fill": "$--sidebar", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "$--border" }, "gap": 12, "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "frame", "id": "Eoho0", "name": "trafficLights", "gap": 8, "alignItems": "center", "children": [ { "type": "ellipse", "id": "gquvn", "name": "closeBtn", "fill": "$--traffic-red", "width": 12, "height": 12 }, { "type": "ellipse", "id": "OCr9S", "name": "minimizeBtn", "fill": "$--traffic-yellow", "width": 12, "height": 12 }, { "type": "ellipse", "id": "RObvD", "name": "maximizeBtn", "fill": "$--traffic-green", "width": 12, "height": 12 } ] } ] }, { "type": "frame", "id": "G346h", "name": "Content", "width": "fill_container", "height": "fill_container", "children": [ { "type": "frame", "id": "sXONu", "name": "sbRef", "theme": { "Mode": "Light" }, "clip": true, "width": 250, "height": "fill_container", "fill": "$--sidebar", "stroke": { "align": "inside", "thickness": 0, "fill": "$--sidebar-border" }, "layout": "vertical", "children": [ { "type": "frame", "id": "6XWoI", "name": "Filters", "width": "fill_container", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "$--border" }, "layout": "vertical", "gap": 1, "padding": [ 8, 8, 16, 8 ], "children": [ { "id": "Adt7o", "type": "ref", "ref": "7ckWW", "width": "fill_container", "fill": "$--accent-blue-light", "name": "f1", "height": "fit_content", "x": 8, "y": 8, "descendants": { "irI5G": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 7 }, "7I3Jh": { "iconFontName": "tray-fill", "fill": "$--primary" }, "gzPe9": { "content": "Inbox", "fill": "$--primary", "fontWeight": "600", "x": 26 }, "v96mi": { "fill": "$--primary", "width": "fit_content", "x": 193, "y": 6 }, "5hore": { "content": "24", "fill": "$--primary-foreground", "x": 6, "y": 4 } } }, { "id": "Iydl4", "type": "ref", "ref": "7ckWW", "width": "fill_container", "name": "f2", "height": "fit_content", "x": 8, "y": 41, "descendants": { "irI5G": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 7 }, "7I3Jh": { "iconFontName": "cardholder" }, "gzPe9": { "content": "All Notes", "x": 26 }, "v96mi": { "width": "fit_content", "x": 199, "y": 6 }, "5hore": { "content": "6", "x": 6, "y": 4 } } }, { "id": "ZOoXW", "type": "ref", "ref": "7ckWW", "width": "fill_container", "name": "f3", "height": "fit_content", "x": 8, "y": 74, "descendants": { "irI5G": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 7 }, "7I3Jh": { "iconFontName": "trash" }, "gzPe9": { "content": "Archive", "x": 26 }, "v96mi": { "width": "fit_content", "x": 199, "y": 6 }, "5hore": { "content": "2", "x": 6, "y": 4 } } }, { "id": "tZnon", "type": "ref", "ref": "7ckWW", "width": "fill_container", "name": "f4", "height": "fit_content", "x": 8, "y": 107, "descendants": { "irI5G": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 7 }, "7I3Jh": { "iconFontName": "git-branch" }, "gzPe9": { "content": "Changes", "x": 26 }, "v96mi": { "width": "fit_content", "x": 199, "y": 6 }, "5hore": { "content": "3", "x": 6, "y": 4 } } } ] }, { "type": "frame", "id": "moSnd", "name": "Sections", "width": "fill_container", "height": "fill_container", "layout": "vertical", "padding": [ 8, 0 ], "children": [ { "type": "frame", "id": "6WO0x", "name": "projGroup", "width": "fill_container", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": { "type": "color", "color": "$--border", "enabled": false } }, "layout": "vertical", "gap": 2, "padding": [ 4, 6, 8, 6 ], "children": [ { "id": "a1uoj", "type": "ref", "ref": "YxnFy", "width": "fill_container", "name": "s1", "height": "fit_content", "x": 6, "y": 4, "descendants": { "sqaEa": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 6 }, "ckRGK": { "iconFontName": "wrench", "fill": "$--accent-red" }, "TB6OW": { "content": "Projects", "x": 26 }, "SWlrA": { "iconFontName": "chevron-down", "x": 208, "y": 8 } } }, { "type": "frame", "id": "gqehb", "name": "projItem1", "width": "fill_container", "fill": "$--accent-red-light", "cornerRadius": 6, "padding": [ 6, 16, 6, 28 ], "alignItems": "center", "children": [ { "type": "text", "id": "r0fdT", "name": "proj1Txt", "fill": "$--accent-red", "content": "Laputa App", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "Bo0yl", "name": "projItem2", "width": "fill_container", "cornerRadius": 6, "padding": [ 6, 16, 6, 28 ], "alignItems": "center", "children": [ { "type": "text", "id": "KZTj7", "name": "proj2Txt", "fill": "$--muted-foreground", "content": "Portfolio Rewrite", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "vBQEA", "name": "projItem3", "width": "fill_container", "cornerRadius": 6, "padding": [ 6, 16, 6, 28 ], "alignItems": "center", "children": [ { "type": "text", "id": "ap4Oo", "name": "proj3Txt", "fill": "$--muted-foreground", "content": "AI Habit Tracker", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "78uPE", "name": "respGroup", "width": "fill_container", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": { "type": "color", "color": "$--border", "enabled": false } }, "layout": "vertical", "gap": 2, "padding": [ 4, 6 ], "children": [ { "id": "39Vyr", "type": "ref", "ref": "YxnFy", "width": "fill_container", "name": "s2", "height": "fit_content", "x": 6, "y": 4, "descendants": { "sqaEa": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 6 }, "ckRGK": { "iconFontName": "medal", "fill": "$--accent-purple" }, "TB6OW": { "content": "Responsibilities", "x": 26 }, "SWlrA": { "iconFontName": "chevron-right", "x": 208, "y": 8 } } } ] }, { "type": "frame", "id": "Jp74g", "name": "procGroup", "width": "fill_container", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": { "type": "color", "color": "$--border", "enabled": false } }, "layout": "vertical", "gap": 2, "padding": [ 4, 6 ], "children": [ { "id": "1sDOm", "type": "ref", "ref": "YxnFy", "width": "fill_container", "name": "s3", "height": "fit_content", "x": 6, "y": 4, "descendants": { "sqaEa": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 6 }, "ckRGK": { "iconFontName": "arrows-clockwise", "fill": "$--accent-purple" }, "TB6OW": { "content": "Procedures", "x": 26 }, "SWlrA": { "iconFontName": "chevron-right", "x": 208, "y": 8 } } } ] }, { "type": "frame", "id": "KUQZr", "name": "peopleGroup", "width": "fill_container", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": { "type": "color", "color": "$--border", "enabled": false } }, "layout": "vertical", "gap": 2, "padding": [ 4, 6 ], "children": [ { "id": "Ssx4P", "type": "ref", "ref": "YxnFy", "width": "fill_container", "name": "s4", "height": "fit_content", "x": 6, "y": 4, "descendants": { "sqaEa": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 6 }, "ckRGK": { "iconFontName": "users", "fill": "$--accent-yellow" }, "TB6OW": { "content": "People", "x": 26 }, "SWlrA": { "iconFontName": "chevron-right", "x": 208, "y": 8 } } } ] }, { "type": "frame", "id": "uKXTs", "name": "eventsGroup", "width": "fill_container", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": { "type": "color", "color": "$--border", "enabled": false } }, "layout": "vertical", "gap": 2, "padding": [ 4, 6 ], "children": [ { "id": "aqMYC", "type": "ref", "ref": "YxnFy", "width": "fill_container", "name": "s5", "height": "fit_content", "x": 6, "y": 4, "descendants": { "sqaEa": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 6 }, "ckRGK": { "iconFontName": "calendar-blank", "fill": "$--accent-yellow" }, "TB6OW": { "content": "Events", "x": 26 }, "SWlrA": { "iconFontName": "chevron-right", "x": 208, "y": 8 } } } ] }, { "type": "frame", "id": "gwuHB", "name": "topicsGroup", "width": "fill_container", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": { "type": "color", "color": "$--border", "enabled": false } }, "layout": "vertical", "gap": 2, "padding": [ 4, 6 ], "children": [ { "id": "VdQCY", "type": "ref", "ref": "YxnFy", "width": "fill_container", "name": "s6", "height": "fit_content", "x": 6, "y": 4, "descendants": { "sqaEa": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 6 }, "ckRGK": { "iconFontName": "tag", "fill": "$--accent-green" }, "TB6OW": { "content": "Topics", "x": 26 }, "SWlrA": { "iconFontName": "chevron-right", "x": 208, "y": 8 } } } ] }, { "type": "frame", "id": "oRaOh", "name": "topicsGroup", "width": "fill_container", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": { "type": "color", "color": "$--border", "enabled": false } }, "layout": "vertical", "gap": 2, "padding": [ 4, 6 ], "children": [ { "id": "Nrcw4", "type": "ref", "ref": "YxnFy", "width": "fill_container", "name": "s7", "height": "fit_content", "x": 6, "y": 4, "descendants": { "sqaEa": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 6 }, "ckRGK": { "iconFontName": "leaf", "fill": "$--accent-green" }, "TB6OW": { "content": "Notes", "x": 26 }, "SWlrA": { "iconFontName": "chevron-right", "x": 208, "y": 8 } } }, { "type": "frame", "id": "iHbwB", "name": "eventsHeader", "width": "fill_container", "cornerRadius": 4, "gap": 8, "padding": [ 6, 16 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "1Nnj1", "name": "leftEvents", "gap": 8, "padding": [ 8, 0 ], "alignItems": "center", "children": [ { "type": "icon_font", "id": "8r9iD", "name": "eventsIcon", "width": 18, "height": 18, "iconFontName": "plus", "iconFontFamily": "phosphor", "weight": 700, "fill": "$--muted-foreground" }, { "type": "text", "id": "uH8wP", "name": "eventsLbl", "fill": "$--muted-foreground", "content": "Create new type", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] } ] } ] } ] }, { "type": "frame", "id": "x6ej7", "name": "Commit Area", "width": "fill_container", "stroke": { "align": "inside", "thickness": { "top": 1 }, "fill": "$--border" }, "layout": "vertical", "padding": 12, "children": [ { "type": "frame", "id": "Q2Qse", "name": "commitBtn", "width": "fill_container", "fill": "$--primary", "cornerRadius": 6, "gap": 6, "padding": [ 8, 16 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "PB7LZ", "name": "commitIcon", "width": 14, "height": 14, "iconFontName": "git-commit-horizontal", "iconFontFamily": "lucide", "fill": "$--primary-foreground" }, { "type": "text", "id": "x4LQB", "name": "commitTxt", "fill": "$--primary-foreground", "content": "Commit & Push", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" }, { "type": "frame", "id": "QoHxC", "name": "commitBadge", "height": 18, "fill": "$--white-overlay", "cornerRadius": 9, "padding": [ 0, 5 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "UGPa6", "name": "commitBadgeTxt", "fill": "$--white", "content": "3", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "600" } ] } ] } ] } ] }, { "type": "rectangle", "id": "ZX2Ep", "name": "Resize Handle", "fill": "$--border", "width": 1, "height": "fill_container" }, { "type": "frame", "id": "kg64a", "name": "nlRef", "theme": { "Mode": "Light" }, "clip": true, "width": 300, "height": "fill_container", "fill": "$--card", "stroke": { "align": "inside", "thickness": 0, "fill": "$--border" }, "layout": "vertical", "children": [ { "type": "frame", "id": "g1Xx8", "name": "NoteList Header", "width": "fill_container", "height": 45, "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "$--border" }, "padding": [ 14, 16 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "E2PMl", "name": "nlTitle", "fill": "$--foreground", "content": "Laputa App", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" }, { "type": "frame", "id": "Nicze", "name": "nlActions", "gap": 12, "alignItems": "center", "children": [ { "type": "icon_font", "id": "4flgj", "name": "searchIcon", "width": 16, "height": 16, "iconFontName": "magnifying-glass", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" }, { "type": "icon_font", "id": "bjE7B", "name": "plusIcon", "width": 16, "height": 16, "iconFontName": "plus", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" } ] } ] }, { "type": "frame", "id": "dAve2", "name": "Note Items", "clip": true, "width": "fill_container", "height": "fill_container", "layout": "vertical", "children": [ { "type": "frame", "id": "7EI7z", "name": "Backlinks Group", "width": "fill_container", "layout": "vertical", "children": [ { "type": "frame", "id": "s7pSH", "name": "Note Item Selected", "width": "fill_container", "fill": "$--accent-red-light", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "$--border" }, "children": [ { "type": "rectangle", "id": "Tw96Y", "name": "leftAccent", "fill": "$--accent-red", "width": 3, "height": "fill_container" }, { "id": "LL68d", "type": "ref", "ref": "2nsLn", "width": "fill_container", "stroke": { "align": "inside", "thickness": 0, "fill": "#00000000" }, "gap": 6, "name": "nsel", "height": "fit_content", "x": 3, "y": 0, "descendants": { "lOrq7": { "width": "fill_container", "height": "fit_content", "x": 16, "y": 14 }, "VlWUT": { "width": "fill_container", "height": "fit_content" }, "kQ4LK": { "content": "Laputa App", "fontWeight": "600" }, "pPh0z": { "iconFontFamily": "lucide", "iconFontName": "wrench", "fill": "$--accent-red", "x": 251, "y": 1 }, "vm86r": { "content": "Personal knowledge and life management desktop app...", "width": "fill_container", "x": 16, "y": 36 } } } ] } ] }, { "type": "frame", "id": "T0Hb7", "name": "Related Notes Group", "width": "fill_container", "layout": "vertical", "children": [ { "id": "dGaln", "type": "ref", "ref": "CGiVI", "width": "fill_container", "name": "h1", "y": 0, "descendants": { "rKzdN": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 9.5 }, "xr1Bv": { "content": "Related Notes" }, "Yh4xV": { "content": "2", "x": 80 }, "CGSHU": { "width": "fit_content", "height": "fit_content", "x": 228, "y": 10 }, "FcKJx": { "x": 22 }, "dEkjQ": { "x": 44 } } }, { "id": "gXVkg", "type": "ref", "ref": "2nsLn", "width": "fill_container", "name": "n1", "height": "fit_content", "y": 32, "descendants": { "lOrq7": { "width": "fill_container", "height": "fit_content", "x": 16, "y": 14 }, "VlWUT": { "width": "fill_container", "height": "fit_content" }, "kQ4LK": { "content": "Portfolio Rewrite" }, "pPh0z": { "iconFontName": "leaf", "fill": "$--accent-green", "x": 254, "y": 1 }, "vm86r": { "content": "Redesigning portfolio site with modern stack and updated visual language...", "width": "fill_container", "x": 16, "y": 38 } } }, { "id": "m12d1", "type": "ref", "ref": "2nsLn", "width": "fill_container", "name": "n2", "height": "fit_content", "y": 120, "descendants": { "lOrq7": { "width": "fill_container", "height": "fit_content", "x": 16, "y": 14 }, "VlWUT": { "width": "fill_container", "height": "fit_content" }, "kQ4LK": { "content": "Sample note 2" }, "pPh0z": { "iconFontName": "leaf", "fill": "$--accent-green", "x": 254, "y": 1 }, "vm86r": { "content": "Lorem ipsum dolor sit amet consequetur with modern stack and updated language...", "width": "fill_container", "x": 16, "y": 38 } } } ] }, { "type": "frame", "id": "cvZGr", "name": "Events Group", "width": "fill_container", "layout": "vertical", "children": [ { "id": "Ranhf", "type": "ref", "ref": "CGiVI", "width": "fill_container", "name": "h2", "y": 0, "descendants": { "rKzdN": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 9.5 }, "xr1Bv": { "content": "Events" }, "Yh4xV": { "content": "2", "x": 42 }, "CGSHU": { "width": "fit_content", "height": "fit_content", "x": 228, "y": 10 }, "FcKJx": { "x": 22 }, "dEkjQ": { "x": 44 } } }, { "id": "CR1KI", "type": "ref", "ref": "2nsLn", "width": "fill_container", "name": "n3", "height": "fit_content", "y": 32, "descendants": { "lOrq7": { "width": "fill_container", "height": "fit_content", "x": 16, "y": 14 }, "VlWUT": { "width": "fill_container", "height": "fit_content" }, "kQ4LK": { "content": "Meeting with Grant" }, "pPh0z": { "iconFontFamily": "lucide", "iconFontName": "calendar", "fill": "$--accent-yellow", "x": 254, "y": 1 }, "vm86r": { "content": "Discussed Q1 goals and hiring priorities with the engineering team leads...", "width": "fill_container", "x": 16, "y": 38 } } }, { "id": "q0onl", "type": "ref", "ref": "2nsLn", "width": "fill_container", "name": "n4", "height": "fit_content", "y": 120, "descendants": { "lOrq7": { "width": "fill_container", "height": "fit_content", "x": 16, "y": 14 }, "VlWUT": { "width": "fill_container", "height": "fit_content" }, "kQ4LK": { "content": "Meeting with Matteo" }, "pPh0z": { "iconFontFamily": "lucide", "iconFontName": "calendar", "fill": "$--accent-yellow", "x": 254, "y": 1 }, "vm86r": { "content": "Discussed Q1 goals and hiring priorities with the engineering team leads...", "width": "fill_container", "x": 16, "y": 38 } } } ] } ] }, { "type": "frame", "id": "jmDLa", "name": "Filter Pills Bar", "width": "fill_container", "fill": { "type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 0, "size": { "height": 1 }, "colors": [ { "color": "#FFFFFF00", "position": 0 }, { "color": "#FFFFFFEE", "position": 0.3 }, { "color": "#FFFFFFFF", "position": 1 } ] }, "gap": 8, "padding": [ 12, 16 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "frame", "id": "B58ZN", "name": "Pill Week", "fill": "$--accent-blue-light", "cornerRadius": 9999, "gap": 6, "padding": [ 6, 14 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "Le2xa", "name": "label", "fill": "$--primary", "content": "Week", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "DLM4M", "name": "count", "opacity": 0.7, "fill": "$--primary", "content": "12", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "QjCQw", "name": "Pill Quarter", "fill": "$--secondary", "cornerRadius": 9999, "stroke": { "thickness": 0 }, "gap": 6, "padding": [ 6, 14 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "snyrx", "name": "label", "fill": "$--secondary-foreground", "content": "Quarter", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "xNwu8", "name": "count", "fill": "$--muted-foreground", "content": "34", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "T8iNb", "name": "Pill Year", "fill": "$--secondary", "cornerRadius": 9999, "stroke": { "thickness": 0 }, "gap": 6, "padding": [ 6, 14 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "EoZI3", "name": "label", "fill": "$--secondary-foreground", "content": "Year", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "Ikw48", "name": "count", "fill": "$--muted-foreground", "content": "86", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] } ] } ] }, { "type": "rectangle", "id": "at42h", "name": "Resize Handle 2", "fill": "$--border", "width": 1, "height": "fill_container" }, { "type": "frame", "id": "suVcE", "name": "Panel: Editor", "clip": true, "width": "fill_container", "height": "fill_container", "fill": "$--background", "layout": "vertical", "children": [ { "type": "frame", "id": "fmpg5", "name": "Editor Body", "width": "fill_container", "height": "fill_container", "children": [ { "type": "frame", "id": "GXuX5", "name": "edRef", "theme": { "Mode": "Light" }, "clip": true, "width": "fill_container", "height": "fill_container", "layout": "vertical", "children": [ { "id": "owWlH", "type": "ref", "ref": "ABj4R", "width": "fill_container", "name": "ib", "y": 0, "stroke": { "align": "inside", "thickness": { "bottom": 1 } }, "descendants": { "tahyf": { "x": 16, "y": 22.5 }, "LxtfH": { "width": "fit_content", "height": "fit_content", "x": 484, "y": 14.5 }, "S0HhS": { "x": 28 }, "RMnGX": { "x": 56 }, "Roqzk": { "x": 84 }, "QWemM": { "x": 112 } } }, { "type": "frame", "id": "CNdHe", "name": "Editor Content", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 16, "padding": [ 32, 64 ], "children": [ { "type": "frame", "id": "OqYDF", "name": "titleRow", "width": "fill_container", "gap": 12, "alignItems": "center", "children": [ { "type": "text", "id": "VKJX1", "name": "noteH1", "fill": "$--foreground", "content": "🗓️ Laputa App", "lineHeight": 1.2, "fontFamily": "Inter Tight", "fontSize": 36, "fontWeight": "700" } ] }, { "type": "rectangle", "id": "2OfYK", "name": "titleSeparator", "fill": "$--border", "width": "fill_container", "height": 1 }, { "type": "text", "id": "p25wy", "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": 15, "fontWeight": "normal" }, { "type": "text", "id": "KMqPj", "name": "editorH2", "fill": "$--foreground", "content": "Architecture", "lineHeight": 1.3, "fontFamily": "Inter", "fontSize": 24, "fontWeight": "600" }, { "type": "text", "id": "3o3gt", "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": 15, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "mxEx0", "name": "insRef", "theme": { "Mode": "Light" }, "clip": true, "width": 260, "height": "fill_container", "fill": "$--background", "stroke": { "align": "inside", "thickness": { "left": 1 }, "fill": "$--border" }, "layout": "vertical", "children": [ { "type": "frame", "id": "DFthW", "name": "Inspector Header", "width": "fill_container", "height": 45, "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "$--border" }, "gap": 8, "padding": [ 0, 12 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "AfG5c", "name": "leftGroup", "gap": 8, "alignItems": "center", "children": [ { "type": "icon_font", "id": "U2m2E", "name": "propIcon", "width": 16, "height": 16, "iconFontName": "sliders", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" }, { "type": "text", "id": "OVXRQ", "name": "inspTitle", "fill": "$--muted-foreground", "content": "Properties", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "icon_font", "id": "DaUvC", "name": "sidebarIcon", "width": 16, "height": 16, "iconFontName": "x", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" } ] }, { "type": "frame", "id": "65WNg", "name": "Inspector Body", "clip": true, "width": "fill_container", "height": "fill_container", "layout": "vertical", "padding": [ 12, 0 ], "children": [ { "type": "frame", "id": "dhE7n", "name": "Section Group 1", "width": "fill_container", "layout": "vertical", "gap": 20, "padding": [ 0, 12, 20, 12 ], "children": [ { "type": "frame", "id": "TdPVi", "name": "Properties Section", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "id": "0Dx4R", "type": "ref", "ref": "2bVOu", "width": "fill_container", "name": "p1", "height": "fit_content", "x": 0, "y": 0, "descendants": { "SS4ef": { "content": "Type", "y": 3 }, "lKjFb": { "type": "frame", "id": "M0hAz", "name": "newChip", "fill": "$--accent-red-light", "cornerRadius": 4, "gap": 4, "padding": [ 3, 8 ], "alignItems": "center", "children": [ { "type": "icon_font", "id": "g3MKg", "name": "chipIco", "width": 12, "height": 12, "iconFontName": "wrench", "iconFontFamily": "phosphor", "fill": "$--accent-red" }, { "type": "text", "id": "I6AZ7", "name": "chipTxt", "fill": "$--accent-red", "content": "Project", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] } } }, { "id": "gaem6", "type": "ref", "ref": "2bVOu", "width": "fill_container", "name": "p2", "height": "fit_content", "x": 0, "y": 29, "descendants": { "SS4ef": { "content": "Status", "y": 3 }, "lKjFb": { "type": "frame", "id": "6LXwV", "name": "statusChip", "fill": "$--accent-green-light", "cornerRadius": 4, "gap": 6, "padding": [ 3, 8 ], "alignItems": "center", "children": [ { "type": "ellipse", "id": "xPlRa", "name": "statusDot", "fill": "$--accent-green", "width": 6, "height": 6 }, { "type": "text", "id": "YVwUM", "name": "statusTxt", "fill": "$--accent-green", "content": "Active", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] } } }, { "id": "K8j7m", "type": "ref", "ref": "2bVOu", "width": "fill_container", "name": "p3", "height": "fit_content", "x": 0, "y": 58, "descendants": { "SS4ef": { "content": "Date", "y": 3 }, "lKjFb": { "width": "fit_content", "height": "fit_content", "x": 142 }, "38JOz": { "content": "Mar 23, 2026", "x": 8, "y": 3 } } }, { "id": "W2ddA", "type": "ref", "ref": "2bVOu", "width": "fill_container", "name": "p4", "height": "fit_content", "x": 0, "y": 87, "descendants": { "SS4ef": { "content": "URL", "y": 3 }, "lKjFb": { "fill": "transparent", "width": "fit_content", "height": "fit_content", "x": 131 }, "38JOz": { "content": "acme.dev/docs", "fill": "$--primary", "x": 8, "y": 3 } } }, { "type": "frame", "id": "LICOf", "name": "propArchived", "width": "fill_container", "height": 21, "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "7NoVl", "name": "propArchivedLbl", "gap": 4, "alignItems": "center", "children": [ { "type": "text", "id": "QNZYV", "name": "archivedTxt", "fill": "$--muted-foreground", "content": "Archived", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "yC8oO", "name": "propArchivedToggle", "width": 15, "height": 15, "fill": "$--background", "cornerRadius": 3, "stroke": { "align": "inside", "thickness": 1.5, "fill": "$--border" } } ] }, { "type": "frame", "id": "oeTN7", "name": "propTags", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "espYX", "name": "propTagsLbl", "gap": 4, "alignItems": "center", "children": [ { "type": "text", "id": "fE8Ci", "name": "tagsTxt", "fill": "$--muted-foreground", "content": "Tags", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "NU5Hy", "name": "propTagsChips", "gap": 4, "alignItems": "center", "children": [ { "type": "frame", "id": "TVhVX", "name": "tagChip1", "fill": "$--accent-purple-light", "cornerRadius": 4, "padding": [ 3, 8 ], "alignItems": "center", "children": [ { "type": "text", "id": "pazIy", "name": "tag1txt", "fill": "$--accent-purple", "content": "v2", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "KHA4r", "name": "tagChip2", "fill": "$--accent-orange-light", "cornerRadius": 4, "padding": [ 3, 8 ], "alignItems": "center", "children": [ { "type": "text", "id": "XrZgQ", "name": "tag2txt", "fill": "$--accent-orange", "content": "docs", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] } ] } ] }, { "id": "Ziiwa", "type": "ref", "ref": "2bVOu", "width": "fill_container", "name": "p5", "height": "fit_content", "x": 0, "y": 174, "descendants": { "SS4ef": { "content": "Author", "y": 3 }, "lKjFb": { "width": "fit_content", "height": "fit_content", "x": 192 }, "38JOz": { "content": "Luca", "x": 8, "y": 3 } } }, { "type": "frame", "id": "NPt9L", "name": "addPropRow", "width": "fill_container", "gap": 4, "alignItems": "center", "children": [ { "type": "icon_font", "id": "CbnWB", "name": "addIco", "opacity": 0.5, "width": 12, "height": 12, "iconFontName": "plus", "iconFontFamily": "lucide", "fill": "$--muted-foreground" }, { "type": "text", "id": "nkTdr", "name": "addTxt", "opacity": 0.5, "rotation": -0.43548563406852797, "fill": "$--muted-foreground", "content": "Add property", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "ebmG7", "name": "Relationships Section", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [ { "type": "frame", "id": "cQrBv", "name": "relGroup1", "width": "fill_container", "layout": "vertical", "gap": 4, "children": [ { "type": "frame", "id": "XB87G", "name": "relGrp1Title", "gap": 4, "alignItems": "center", "children": [ { "type": "icon_font", "id": "QwKXS", "name": "belongsIco", "width": 12, "height": 12, "iconFontName": "arrow-up-right", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" }, { "type": "text", "id": "W4Dkw", "name": "belongsTxt", "fill": "$--muted-foreground", "content": "Belongs to", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "id": "9X0Of", "type": "ref", "ref": "n6iwQ", "width": "fill_container", "name": "r1", "height": "fit_content", "x": 0, "y": 19, "descendants": { "OTLK6": { "content": "Laputa", "x": 10, "y": 6 }, "s37c7": { "iconFontName": "tag", "x": 212, "y": 6.5 } } }, { "id": "KRI2c", "type": "ref", "ref": "n6iwQ", "width": "fill_container", "name": "r2", "height": "fit_content", "x": 0, "y": 50, "descendants": { "OTLK6": { "content": "Building", "x": 10, "y": 6 }, "s37c7": { "iconFontName": "tag", "x": 212, "y": 6.5 } } }, { "type": "frame", "id": "ZymwB", "name": "linkExisting", "width": "fill_container", "cornerRadius": 6, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "padding": [ 6, 10 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "j7K2C", "name": "laputaTxt", "fill": "$--muted-foreground", "content": "+ Link existing", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "sa21a", "name": "relGroup2", "width": "fill_container", "layout": "vertical", "gap": 4, "children": [ { "type": "frame", "id": "AMBrj", "name": "relGrp2Title", "gap": 4, "alignItems": "center", "children": [ { "type": "icon_font", "id": "8Qgyf", "name": "relatedIco", "width": 12, "height": 12, "iconFontName": "arrow-up-right", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" }, { "type": "text", "id": "JKpHv", "name": "relatedTxt", "fill": "$--muted-foreground", "content": "Related to", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "id": "U8dBf", "type": "ref", "ref": "n6iwQ", "width": "fill_container", "fill": "$--accent-red-light", "name": "r3", "height": "fit_content", "x": 0, "y": 19, "descendants": { "OTLK6": { "content": "Shadcn Migration", "fill": "$--accent-red", "x": 10, "y": 6 }, "s37c7": { "iconFontName": "flask", "fill": "$--accent-red", "x": 212, "y": 6.5 } } }, { "type": "frame", "id": "DoMDz", "name": "linkExisting", "width": "fill_container", "cornerRadius": 6, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "padding": [ 6, 10 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "0c3FL", "name": "laputaTxt", "fill": "$--muted-foreground", "content": "+ Link existing", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "aJxyl", "name": "addRelRow", "width": "fill_container", "gap": 4, "alignItems": "center", "children": [ { "type": "icon_font", "id": "v2Taw", "name": "addRelIco", "opacity": 0.5, "width": 12, "height": 12, "iconFontName": "plus", "iconFontFamily": "lucide", "fill": "$--muted-foreground" }, { "type": "text", "id": "g6CqN", "name": "addRelTxt", "opacity": 0.5, "fill": "$--muted-foreground", "content": "Add relationship", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] } ] }, { "id": "euAlL", "type": "ref", "ref": "comp_Separator", "name": "sep1", "width": "fill_container", "x": 0, "y": 502.577211185393 }, { "type": "frame", "id": "xQOQu", "name": "Section Group 2", "width": "fill_container", "layout": "vertical", "gap": 20, "padding": [ 20, 12 ], "children": [ { "type": "frame", "id": "kNPfM", "name": "Backlinks Section", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "s6enj", "name": "blTitle", "gap": 4, "alignItems": "center", "children": [ { "type": "frame", "id": "fIGDr", "name": "blTitleTxt", "gap": 4, "alignItems": "center", "children": [ { "type": "icon_font", "id": "gRi8d", "name": "blIco", "width": 12, "height": 12, "iconFontName": "arrow-down-left", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" }, { "type": "text", "id": "y7qWL", "name": "blTxt", "fill": "$--muted-foreground", "content": "Backlinks", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "text", "id": "G2YoR", "name": "blItem1", "fill": "$--primary", "content": "Portfolio Rewrite", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "45DYM", "name": "blItem2", "fill": "$--primary", "content": "Meeting with Grant", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "gozsE", "name": "blItem3", "fill": "$--primary", "content": "Q1 Planning", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "id": "xs6er", "type": "ref", "ref": "comp_Separator", "name": "sep2", "width": "fill_container", "x": 0, "y": 627.577211185393 }, { "type": "frame", "id": "911LP", "name": "Section Group 3", "width": "fill_container", "layout": "vertical", "gap": 20, "padding": [ 20, 12, 0, 12 ], "children": [ { "type": "frame", "id": "YzDqX", "name": "History Section", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "oglDy", "name": "histTitle", "gap": 4, "alignItems": "center", "children": [ { "type": "icon_font", "id": "76jjZ", "name": "histIco", "width": 12, "height": 12, "iconFontName": "clock-counter-clockwise", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" }, { "type": "text", "id": "zOdWG", "name": "histTxt", "fill": "$--muted-foreground", "content": "History", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "ati3l", "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": "85GOy", "name": "histItem1Hash", "fill": "$--accent-blue", "content": "a089f44 · feat: migrate to shadcn/ui", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "text", "id": "XeIaw", "name": "histItem1Date", "fill": "$--muted-foreground", "content": "Feb 16, 2026", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "normal" } ] }, { "type": "frame", "id": "wLtzW", "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": "lwvz5", "name": "histItem2Hash", "fill": "$--accent-blue", "content": "5a4b4ac · feat: emoji favicon", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "text", "id": "XdIN3", "name": "histItem2Date", "fill": "$--muted-foreground", "content": "Feb 15, 2026", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "normal" } ] } ] } ] } ] } ] } ] } ] } ] }, { "type": "frame", "id": "Vzpxw", "name": "lightStatusBar", "width": "fill_container", "height": 30, "fill": "$--sidebar", "stroke": { "align": "inside", "thickness": { "top": 1 }, "fill": "$--border" }, "padding": [ 0, 8 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "j9Z1R", "name": "Status Left", "height": "fill_container", "gap": 12, "alignItems": "center", "children": [ { "type": "icon_font", "id": "CK3yB", "name": "versionIcon", "width": 14, "height": 14, "iconFontName": "box", "iconFontFamily": "lucide", "fill": "$--muted-foreground" }, { "type": "text", "id": "TVv4s", "name": "versionText", "fill": "$--muted-foreground", "content": "v0.4.2", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" }, { "type": "text", "id": "xIZO3", "name": "sep1", "fill": "$--border", "content": "|", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "icon_font", "id": "51IE0", "name": "branchIcon", "width": 14, "height": 14, "iconFontName": "git-branch", "iconFontFamily": "lucide", "fill": "$--muted-foreground" }, { "type": "text", "id": "ZTFnJ", "name": "branchText", "fill": "$--muted-foreground", "content": "main", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "text", "id": "VxnS4", "name": "sep2", "fill": "$--border", "content": "|", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "icon_font", "id": "NvcOz", "name": "syncIcon", "width": 13, "height": 13, "iconFontName": "refresh-cw", "iconFontFamily": "lucide", "fill": "$--accent-green" }, { "type": "text", "id": "noitj", "name": "syncText", "fill": "$--muted-foreground", "content": "Synced 2m ago", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "3CsbD", "name": "Status Right", "height": "fill_container", "gap": 12, "alignItems": "center", "children": [ { "type": "icon_font", "id": "NcaRa", "name": "aiIcon", "width": 13, "height": 13, "iconFontName": "sparkles", "iconFontFamily": "lucide", "fill": "$--accent-purple" }, { "type": "text", "id": "cqybL", "name": "aiText", "fill": "$--muted-foreground", "content": "Claude Sonnet 4", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "text", "id": "h7Rgs", "name": "sep3", "fill": "$--border", "content": "|", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "icon_font", "id": "7kbAi", "name": "notesCount", "width": 13, "height": 13, "iconFontName": "file-text", "iconFontFamily": "lucide", "fill": "$--muted-foreground" }, { "type": "text", "id": "GNqBk", "name": "notesText", "fill": "$--muted-foreground", "content": "1,247 notes", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "text", "id": "lSPMZ", "name": "sep4", "fill": "$--border", "content": "|", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "icon_font", "id": "z2xrF", "name": "bellIcon", "width": 13, "height": 13, "iconFontName": "bell", "iconFontFamily": "lucide", "fill": "$--muted-foreground" }, { "type": "icon_font", "id": "SSnLP", "name": "settingsIcon", "width": 13, "height": 13, "iconFontName": "settings", "iconFontFamily": "lucide", "fill": "$--muted-foreground" } ] } ] } ] }, { "type": "text", "id": "fg_modals_and_settings", "x": 0, "y": 6176, "theme": { "Mode": "Light" }, "fill": "$--muted-foreground", "content": "MODALS & SETTINGS", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "600", "letterSpacing": 1 }, { "type": "frame", "id": "iogBH", "x": 0, "y": 6206, "name": "Settings Panel — Modal", "theme": { "Mode": "Light" }, "width": 520, "fill": "$--background", "cornerRadius": 12, "stroke": { "thickness": 1, "fill": "$--border" }, "layout": "vertical", "children": [ { "type": "frame", "id": "61XqC", "name": "Header", "width": "fill_container", "height": 56, "stroke": { "thickness": { "bottom": 1 }, "fill": "$--border" }, "padding": [ 0, 24 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "2IAX7", "name": "Title", "fill": "$--foreground", "content": "Settings", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "600" }, { "type": "icon_font", "id": "kIGy9", "name": "Close Icon", "width": 16, "height": 16, "iconFontName": "x", "iconFontFamily": "lucide", "fill": "$--muted-foreground" } ] }, { "type": "frame", "id": "Jk6ga", "name": "Body", "width": "fill_container", "layout": "vertical", "gap": 24, "padding": 24, "children": [ { "type": "text", "id": "efWNx", "name": "Section Label", "fill": "$--foreground", "content": "AI Provider Keys", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "600" }, { "type": "text", "id": "wYQL5", "name": "Section Description", "fill": "$--muted-foreground", "textGrowth": "fixed-width", "width": "fill_container", "content": "API keys are stored locally on your device. Never sent to our servers.", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "frame", "id": "lo4r8", "name": "Anthropic Key Row", "width": "fill_container", "layout": "vertical", "gap": 6, "children": [ { "type": "text", "id": "WogRV", "name": "anthropicLabel", "fill": "$--foreground", "content": "Anthropic", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "frame", "id": "GUELn", "name": "Input", "width": "fill_container", "height": 36, "fill": "$--background", "cornerRadius": "$--radius-md", "stroke": { "thickness": 1, "fill": "$--border" }, "gap": 8, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "NjLRf", "name": "anthropicValue", "fill": "$--foreground", "content": "sk-ant-•••••••••••••k4Rm", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" }, { "type": "icon_font", "id": "kBDAI", "name": "anthropicClear", "width": 14, "height": 14, "iconFontName": "x", "iconFontFamily": "lucide", "fill": "$--muted-foreground" } ] } ] }, { "type": "frame", "id": "qaTjV", "name": "OpenAI Key Row", "width": "fill_container", "layout": "vertical", "gap": 6, "children": [ { "type": "text", "id": "etofy", "name": "openaiLabel", "fill": "$--foreground", "content": "OpenAI", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "frame", "id": "BKXuT", "name": "Input Empty", "width": "fill_container", "height": 36, "fill": "$--background", "cornerRadius": "$--radius-md", "stroke": { "thickness": 1, "fill": "$--border" }, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "EHi9A", "name": "openaiPlaceholder", "fill": "$--muted-foreground", "content": "sk-...", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "ZM8dg", "name": "Google Key Row", "width": "fill_container", "layout": "vertical", "gap": 6, "children": [ { "type": "text", "id": "qzpsp", "name": "googleLabel", "fill": "$--foreground", "content": "Google AI", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "frame", "id": "pRsLr", "name": "Input Empty", "width": "fill_container", "height": 36, "fill": "$--background", "cornerRadius": "$--radius-md", "stroke": { "thickness": 1, "fill": "$--border" }, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "KAqg2", "name": "googlePlaceholder", "fill": "$--muted-foreground", "content": "AIza...", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] } ] } ] }, { "type": "frame", "id": "be7TS", "name": "Footer", "width": "fill_container", "height": 56, "stroke": { "thickness": { "top": 1 }, "fill": "$--border" }, "gap": 12, "padding": [ 0, 24 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "text", "id": "LAIeB", "name": "footerHint", "fill": "$--muted-foreground", "content": "Cmd+, to open settings", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "frame", "id": "DR2VW", "name": "Spacer", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "u9fBE", "name": "Save Button", "height": 32, "fill": "$--primary", "cornerRadius": "$--radius-md", "padding": [ 0, 16 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "yRYWq", "name": "saveBtnLabel", "fill": "$--primary-foreground", "content": "Save", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] } ] } ] }, { "type": "frame", "id": "ghv01", "x": 560, "y": 6206, "name": "GitHub Vault — Modal empty state", "theme": { "Mode": "Light" }, "clip": true, "width": 560, "height": 480, "fill": "$--background", "cornerRadius": 12, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "layout": "vertical", "children": [ { "type": "frame", "id": "ghv01-hdr", "name": "Header", "width": "fill_container", "height": 56, "fill": "$--background", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "$--border" }, "padding": [ 0, 24 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghv01-title", "name": "title", "fill": "$--foreground", "content": "Connect GitHub Repo", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal" }, { "type": "frame", "id": "ghv01-close", "name": "closeBtn", "width": 24, "height": 24, "cornerRadius": 4, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "ghv01-x", "fill": "$--muted-foreground", "content": "X", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "ghv01-tabs", "name": "TabBar", "width": "fill_container", "height": 44, "fill": "$--background", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "$--border" }, "padding": [ 0, 24 ], "alignItems": "end", "children": [ { "type": "frame", "id": "ghv01-tab-clone", "name": "Tab: Clone Existing", "stroke": { "align": "inside", "thickness": { "bottom": 2 }, "fill": "$--accent-blue" }, "padding": [ 8, 16 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghv01-tab-clone-lbl", "fill": "$--foreground", "content": "Clone Existing", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "ghv01-tab-create", "name": "Tab: Create New", "padding": [ 8, 16 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghv01-tab-create-lbl", "fill": "$--muted-foreground", "content": "Create New", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "ghv01-body", "name": "Body: Empty State", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 16, "padding": [ 32, 24 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "frame", "id": "ghv01-icon", "name": "githubIcon", "width": 48, "height": 48, "fill": "$--accent", "cornerRadius": 24, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "ghv01-gh", "fill": "$--muted-foreground", "content": "GH", "fontFamily": "Inter", "fontSize": 20, "fontWeight": "normal" } ] }, { "type": "text", "id": "ghv01-heading", "fill": "$--foreground", "content": "Clone an existing GitHub repository", "textAlign": "center", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "normal" }, { "type": "text", "id": "ghv01-desc", "fill": "$--muted-foreground", "content": "Search your repos or paste a URL to clone a GitHub repo as a vault.", "textAlign": "center", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" }, { "type": "frame", "id": "ghv01-search", "name": "SearchInput", "width": 400, "height": 40, "fill": "$--input", "cornerRadius": 8, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghv01-placeholder", "fill": "$--muted-foreground", "content": "Search repos or paste URL...", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "ghv01-footer", "name": "Footer", "width": "fill_container", "height": 56, "stroke": { "align": "inside", "thickness": { "top": 1 }, "fill": "$--border" }, "padding": [ 0, 24 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghv01-hint", "fill": "$--muted-foreground", "content": "Connected as @lucaong", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "frame", "id": "ghv01-btns", "name": "buttons", "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "ghv01-cancel", "name": "cancelBtn", "cornerRadius": 6, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "padding": [ 6, 16 ], "children": [ { "type": "text", "id": "ghv01-cancel-lbl", "fill": "$--foreground", "content": "Cancel", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] } ] } ] } ] }, { "type": "frame", "id": "ghv02", "x": 1160, "y": 6206, "name": "GitHub Vault — Clone repo list", "theme": { "Mode": "Light" }, "clip": true, "width": 560, "height": 540, "fill": "$--background", "cornerRadius": 12, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "layout": "vertical", "children": [ { "type": "frame", "id": "ghv02-hdr", "name": "Header", "width": "fill_container", "height": 56, "fill": "$--background", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "$--border" }, "padding": [ 0, 24 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghv02-title", "fill": "$--foreground", "content": "Connect GitHub Repo", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal" }, { "type": "frame", "id": "ghv02-close", "name": "closeBtn", "width": 24, "height": 24, "cornerRadius": 4, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "ghv02-x", "fill": "$--muted-foreground", "content": "X", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "ghv02-tabs", "name": "TabBar", "width": "fill_container", "height": 44, "fill": "$--background", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "$--border" }, "padding": [ 0, 24 ], "alignItems": "end", "children": [ { "type": "frame", "id": "ghv02-tab-clone", "name": "Tab: Clone Existing (active)", "stroke": { "align": "inside", "thickness": { "bottom": 2 }, "fill": "$--accent-blue" }, "padding": [ 8, 16 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghv02-tab-clone-lbl", "fill": "$--foreground", "content": "Clone Existing", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "ghv02-tab-create", "name": "Tab: Create New", "padding": [ 8, 16 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghv02-tab-create-lbl", "fill": "$--muted-foreground", "content": "Create New", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "ghv02-body", "name": "Body: Repo List", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 12, "padding": [ 16, 24 ], "children": [ { "type": "frame", "id": "ghv02-search", "name": "SearchInput (filled)", "width": "fill_container", "height": 40, "fill": "$--input", "cornerRadius": 8, "stroke": { "align": "inside", "thickness": 1, "fill": "$--ring" }, "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghv02-search-val", "fill": "$--foreground", "content": "laputa", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "ghv02-list", "name": "RepoList", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 2, "children": [ { "type": "frame", "id": "ghv02-repo1", "name": "RepoItem: selected", "width": "fill_container", "height": 56, "fill": "$--accent", "cornerRadius": 6, "layout": "vertical", "gap": 4, "padding": [ 8, 12 ], "justifyContent": "center", "children": [ { "type": "frame", "id": "ghv02-repo1-row", "name": "topRow", "gap": 8, "alignItems": "center", "children": [ { "type": "text", "id": "ghv02-repo1-name", "fill": "$--foreground", "content": "lucaong/laputa-vault", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" }, { "type": "frame", "id": "ghv02-repo1-badge", "name": "privateBadge", "cornerRadius": 4, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "padding": [ 2, 6 ], "children": [ { "type": "text", "id": "ghv02-repo1-priv", "fill": "$--muted-foreground", "content": "Private", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "normal" } ] } ] }, { "type": "text", "id": "ghv02-repo1-desc", "fill": "$--muted-foreground", "content": "Personal knowledge vault — markdown + YAML frontmatter", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "ghv02-repo2", "name": "RepoItem: unselected", "width": "fill_container", "height": 56, "cornerRadius": 6, "layout": "vertical", "gap": 4, "padding": [ 8, 12 ], "justifyContent": "center", "children": [ { "type": "frame", "id": "ghv02-repo2-row", "name": "topRow", "gap": 8, "alignItems": "center", "children": [ { "type": "text", "id": "ghv02-repo2-name", "fill": "$--foreground", "content": "lucaong/laputa-app", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" }, { "type": "frame", "id": "ghv02-repo2-badge", "name": "publicBadge", "cornerRadius": 4, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "padding": [ 2, 6 ], "children": [ { "type": "text", "id": "ghv02-repo2-pub", "fill": "$--muted-foreground", "content": "Public", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "normal" } ] } ] }, { "type": "text", "id": "ghv02-repo2-desc", "fill": "$--muted-foreground", "content": "Laputa desktop app — Tauri + React + CodeMirror 6", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "ghv02-repo3", "name": "RepoItem: unselected 2", "width": "fill_container", "height": 56, "cornerRadius": 6, "layout": "vertical", "gap": 4, "padding": [ 8, 12 ], "justifyContent": "center", "children": [ { "type": "frame", "id": "ghv02-repo3-row", "name": "topRow", "gap": 8, "alignItems": "center", "children": [ { "type": "text", "id": "ghv02-repo3-name", "fill": "$--foreground", "content": "lucaong/dotfiles", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "text", "id": "ghv02-repo3-desc", "fill": "$--muted-foreground", "content": "My macOS dotfiles and config", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "ghv02-path", "name": "LocalPathPicker", "width": "fill_container", "layout": "vertical", "gap": 6, "children": [ { "type": "text", "id": "ghv02-path-lbl", "fill": "$--foreground", "content": "Clone to:", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "frame", "id": "ghv02-path-input", "name": "pathInput", "width": "fill_container", "height": 36, "fill": "$--input", "cornerRadius": 6, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghv02-path-val", "fill": "$--foreground", "content": "~/Vaults/laputa-vault", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] } ] }, { "type": "frame", "id": "ghv02-footer", "name": "Footer", "width": "fill_container", "height": 56, "stroke": { "align": "inside", "thickness": { "top": 1 }, "fill": "$--border" }, "padding": [ 0, 24 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghv02-hint", "fill": "$--muted-foreground", "content": "3 repos found", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "frame", "id": "ghv02-btns", "name": "buttons", "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "ghv02-cancel", "name": "cancelBtn", "cornerRadius": 6, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "padding": [ 6, 16 ], "children": [ { "type": "text", "id": "ghv02-cancel-lbl", "fill": "$--foreground", "content": "Cancel", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "ghv02-clone-btn", "name": "cloneBtn", "fill": "$--primary", "cornerRadius": 6, "padding": [ 6, 16 ], "children": [ { "type": "text", "id": "ghv02-clone-lbl", "fill": "$--background", "content": "Clone & Open", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] } ] } ] } ] }, { "type": "frame", "id": "ghv03", "x": 0, "y": 6786, "name": "GitHub Vault — Create new repo", "theme": { "Mode": "Light" }, "clip": true, "width": 560, "height": 440, "fill": "$--background", "cornerRadius": 12, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "layout": "vertical", "children": [ { "type": "frame", "id": "ghv03-hdr", "name": "Header", "width": "fill_container", "height": 56, "fill": "$--background", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "$--border" }, "padding": [ 0, 24 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghv03-title", "fill": "$--foreground", "content": "Connect GitHub Repo", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal" }, { "type": "frame", "id": "ghv03-close", "name": "closeBtn", "width": 24, "height": 24, "cornerRadius": 4, "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "ghv03-x", "fill": "$--muted-foreground", "content": "X", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "ghv03-tabs", "name": "TabBar", "width": "fill_container", "height": 44, "fill": "$--background", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "$--border" }, "padding": [ 0, 24 ], "alignItems": "end", "children": [ { "type": "frame", "id": "ghv03-tab-clone", "name": "Tab: Clone Existing", "padding": [ 8, 16 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghv03-tab-clone-lbl", "fill": "$--muted-foreground", "content": "Clone Existing", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "ghv03-tab-create", "name": "Tab: Create New (active)", "stroke": { "align": "inside", "thickness": { "bottom": 2 }, "fill": "$--accent-blue" }, "padding": [ 8, 16 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghv03-tab-create-lbl", "fill": "$--foreground", "content": "Create New", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "ghv03-body", "name": "Body: Create Form", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 20, "padding": 24, "children": [ { "type": "frame", "id": "ghv03-name-field", "name": "RepoNameField", "width": "fill_container", "layout": "vertical", "gap": 6, "children": [ { "type": "text", "id": "ghv03-name-lbl", "fill": "$--foreground", "content": "Repository name", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "frame", "id": "ghv03-name-input", "name": "nameInput", "width": "fill_container", "height": 40, "fill": "$--input", "cornerRadius": 8, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghv03-name-val", "fill": "$--foreground", "content": "my-vault", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "text", "id": "ghv03-name-hint", "fill": "$--muted-foreground", "content": "github.com/lucaong/my-vault", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "ghv03-vis-field", "name": "VisibilityToggle", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "text", "id": "ghv03-vis-lbl", "fill": "$--foreground", "content": "Visibility", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "frame", "id": "ghv03-vis-opts", "name": "options", "gap": 12, "alignItems": "center", "children": [ { "type": "frame", "id": "ghv03-opt-priv", "name": "PrivateOption (selected)", "fill": "$--accent", "cornerRadius": 6, "stroke": { "align": "inside", "thickness": 1, "fill": "$--accent-blue" }, "gap": 6, "padding": [ 6, 12 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghv03-opt-priv-icon", "fill": "$--accent-blue", "content": "Lock", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" }, { "type": "text", "id": "ghv03-opt-priv-lbl", "fill": "$--foreground", "content": "Private", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "ghv03-opt-pub", "name": "PublicOption", "cornerRadius": 6, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "gap": 6, "padding": [ 6, 12 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghv03-opt-pub-icon", "fill": "$--muted-foreground", "content": "Globe", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" }, { "type": "text", "id": "ghv03-opt-pub-lbl", "fill": "$--muted-foreground", "content": "Public", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] } ] } ] }, { "type": "frame", "id": "ghv03-path-field", "name": "LocalPathField", "width": "fill_container", "layout": "vertical", "gap": 6, "children": [ { "type": "text", "id": "ghv03-path-lbl", "fill": "$--foreground", "content": "Clone to:", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "frame", "id": "ghv03-path-input", "name": "pathInput", "width": "fill_container", "height": 36, "fill": "$--input", "cornerRadius": 6, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "padding": [ 0, 10 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghv03-path-val", "fill": "$--foreground", "content": "~/Vaults/my-vault", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] } ] }, { "type": "frame", "id": "ghv03-footer", "name": "Footer", "width": "fill_container", "height": 56, "stroke": { "align": "inside", "thickness": { "top": 1 }, "fill": "$--border" }, "padding": [ 0, 24 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "frame", "id": "ghv03-btns", "name": "buttons", "gap": 8, "alignItems": "center", "children": [ { "type": "frame", "id": "ghv03-cancel", "name": "cancelBtn", "cornerRadius": 6, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "padding": [ 6, 16 ], "children": [ { "type": "text", "id": "ghv03-cancel-lbl", "fill": "$--foreground", "content": "Cancel", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "ghv03-create-btn", "name": "createBtn", "fill": "$--primary", "cornerRadius": 6, "padding": [ 6, 16 ], "children": [ { "type": "text", "id": "ghv03-create-lbl", "fill": "$--background", "content": "Create & Clone", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] } ] } ] } ] }, { "type": "frame", "id": "ghv04", "x": 600, "y": 6786, "name": "GitHub Vault — Clone in progress", "theme": { "Mode": "Light" }, "clip": true, "width": 560, "height": 320, "fill": "$--background", "cornerRadius": 12, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "layout": "vertical", "children": [ { "type": "frame", "id": "ghv04-hdr", "name": "Header", "width": "fill_container", "height": 56, "fill": "$--background", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "$--border" }, "padding": [ 0, 24 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghv04-title", "fill": "$--foreground", "content": "Cloning Repository...", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal" } ] }, { "type": "frame", "id": "ghv04-body", "name": "Body: Progress", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 20, "padding": [ 32, 24 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "frame", "id": "ghv04-spinner", "name": "spinner", "width": 40, "height": 40, "cornerRadius": 20, "stroke": { "align": "inside", "thickness": 3, "fill": "$--accent-blue" } }, { "type": "text", "id": "ghv04-status", "fill": "$--foreground", "content": "Cloning lucaong/laputa-vault...", "textAlign": "center", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal" }, { "type": "text", "id": "ghv04-sub", "fill": "$--muted-foreground", "content": "Receiving objects: 67% (1,234/1,842)", "textAlign": "center", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "frame", "id": "ghv04-bar-bg", "name": "progressBarBg", "width": 360, "height": 4, "fill": "$--accent", "cornerRadius": 2, "children": [ { "type": "frame", "id": "ghv04-bar-fill", "name": "progressBarFill", "width": 241, "height": 4, "fill": "$--accent-blue", "cornerRadius": 2 } ] } ] }, { "type": "frame", "id": "ghv04-footer", "name": "Footer", "width": "fill_container", "height": 56, "stroke": { "align": "inside", "thickness": { "top": 1 }, "fill": "$--border" }, "padding": [ 0, 24 ], "justifyContent": "end", "alignItems": "center", "children": [ { "type": "frame", "id": "ghv04-cancel", "name": "cancelBtn", "cornerRadius": 6, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "padding": [ 6, 16 ], "children": [ { "type": "text", "id": "ghv04-cancel-lbl", "fill": "$--foreground", "content": "Cancel", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] } ] } ] }, { "type": "text", "id": "fg_editor_and_wikilinks", "x": 0, "y": 7266, "theme": { "Mode": "Light" }, "fill": "$--muted-foreground", "content": "EDITOR & WIKILINKS", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "600", "letterSpacing": 1 }, { "type": "frame", "id": "wlc01", "x": 0, "y": 7296, "name": "Wikilink Colors — Editor View (Light)", "theme": { "Mode": "Light" }, "clip": true, "width": 760, "height": 440, "fill": "$--background", "layout": "vertical", "gap": 12, "padding": [ 32, 40 ], "children": [ { "type": "text", "id": "wlc02", "fill": "$--foreground", "content": "Build Laputa App", "fontFamily": "Inter", "fontSize": 28, "fontWeight": "normal" }, { "type": "text", "id": "wlc03", "fill": "$--foreground", "content": "Wiki-Links", "fontFamily": "Inter", "fontSize": 20, "fontWeight": "normal" }, { "type": "frame", "id": "wlc10", "width": "fill_container", "children": [ { "type": "text", "id": "wlc10a", "fill": "$--foreground", "content": "See ", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "normal" }, { "type": "text", "id": "wlc10b", "fill": "$--accent-red", "content": "Stock Screener — EMA200 Wick Bounce", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "normal" }, { "type": "text", "id": "wlc10c", "fill": "$--foreground", "content": " for the experiment approach.", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "normal" } ] }, { "type": "frame", "id": "wlc11", "width": "fill_container", "children": [ { "type": "text", "id": "wlc11a", "fill": "$--foreground", "content": "Contact ", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "normal" }, { "type": "text", "id": "wlc11b", "fill": "$--accent-yellow", "content": "Matteo Cellini", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "normal" }, { "type": "text", "id": "wlc11c", "fill": "$--foreground", "content": " for sponsorship data.", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "normal" } ] }, { "type": "frame", "id": "wlc12", "width": "fill_container", "children": [ { "type": "text", "id": "wlc12a", "fill": "$--foreground", "content": "Link to ", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "normal" }, { "type": "text", "id": "wlc12b", "fill": "$--accent-purple", "content": "Grow Newsletter", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "normal" }, { "type": "text", "id": "wlc12c", "fill": "$--foreground", "content": " responsibility.", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "normal" } ] }, { "type": "frame", "id": "wlc13", "width": "fill_container", "children": [ { "type": "text", "id": "wlc13a", "fill": "$--foreground", "content": "Check ", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "normal" }, { "type": "text", "id": "wlc13b", "fill": "$--accent-green", "content": "Software Development", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "normal" }, { "type": "text", "id": "wlc13c", "fill": "$--foreground", "content": " for tech notes.", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "normal" } ] }, { "type": "frame", "id": "wlc14", "width": "fill_container", "children": [ { "type": "text", "id": "wlc14a", "fill": "$--foreground", "content": "See ", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "normal" }, { "type": "text", "id": "wlc14b", "fill": "$--accent-yellow", "content": "Laputa App Design Session", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "normal" }, { "type": "text", "id": "wlc14c", "fill": "$--foreground", "content": " event recap.", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "normal" } ] }, { "type": "frame", "id": "wlc15", "name": "Legend", "width": "fill_container", "gap": 16, "padding": [ 12, 0, 0, 0 ], "children": [ { "type": "text", "id": "wlc15a", "fill": "$--accent-red", "content": "Experiment", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "wlc15b", "fill": "$--accent-yellow", "content": "Person / Event", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "wlc15c", "fill": "$--accent-purple", "content": "Responsibility", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "wlc15d", "fill": "$--accent-green", "content": "Topic", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "wlc20", "x": 800, "y": 7296, "name": "Wikilink Colors — Broken Link State", "theme": { "Mode": "Light" }, "clip": true, "width": 500, "height": 200, "fill": "$--background", "layout": "vertical", "gap": 12, "padding": [ 32, 40 ], "children": [ { "type": "text", "id": "wlc21", "fill": "$--foreground", "content": "Broken Wikilink", "fontFamily": "Inter", "fontSize": 20, "fontWeight": "normal" }, { "type": "frame", "id": "wlc22", "width": "fill_container", "children": [ { "type": "text", "id": "wlc22a", "fill": "$--foreground", "content": "Also see ", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "normal" }, { "type": "text", "id": "wlc22b", "opacity": 0.7, "fill": "$--muted-foreground", "content": "Non-Existent Note", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "normal" }, { "type": "text", "id": "wlc22c", "fill": "$--foreground", "content": " which is a broken link.", "fontFamily": "Inter", "fontSize": 15, "fontWeight": "normal" } ] }, { "type": "text", "id": "wlc23", "fill": "$--muted-foreground", "content": "Broken links show muted color + dashed underline + reduced opacity", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal", "fontStyle": "italic" } ] }, { "type": "frame", "id": "ghDO1", "x": 0, "y": 7776, "name": "Git History — Diff Open", "theme": { "Mode": "Light" }, "width": 600, "fill": "$--background", "cornerRadius": "$--radius-lg", "stroke": { "thickness": 1, "fill": "$--border" }, "layout": "vertical", "children": [ { "type": "frame", "id": "ghDObc", "width": "fill_container", "height": 36, "fill": "$--muted", "stroke": { "thickness": { "bottom": 1 }, "fill": "$--border" }, "gap": 8, "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghDObcP", "fill": "$--muted-foreground", "content": "responsibility / grow-newsletter.md", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "frame", "id": "ghDObcS", "width": "fill_container", "height": 1 }, { "type": "frame", "id": "ghDObcB", "fill": "$--primary", "cornerRadius": "$--radius-sm", "padding": [ 2, 8 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghDObcBt", "fill": "$--primary-foreground", "content": "Diff: a1b2c3d", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "600" } ] } ] }, { "type": "frame", "id": "ghDOb", "width": "fill_container", "layout": "vertical", "children": [ { "type": "frame", "id": "ghDOl1", "width": "fill_container", "height": 22, "fill": "$--muted", "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghDOl1n", "fill": "$--muted-foreground", "textGrowth": "fixed-width", "width": 30, "content": "1", "textAlign": "right", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "text", "id": "ghDOl1t", "fill": "$--muted-foreground", "content": "diff --git a/grow-newsletter.md b/grow-newsletter.md", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "ghDOl2", "width": "fill_container", "height": 22, "fill": "$--accent-blue-light", "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghDOl2n", "fill": "$--muted-foreground", "textGrowth": "fixed-width", "width": 30, "content": "2", "textAlign": "right", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "text", "id": "ghDOl2t", "fill": "$--primary", "content": "@@ -5,3 +5,5 @@", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal", "fontStyle": "italic" } ] }, { "type": "frame", "id": "ghDOl3", "width": "fill_container", "height": 22, "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghDOl3n", "fill": "$--muted-foreground", "textGrowth": "fixed-width", "width": 30, "content": "3", "textAlign": "right", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "text", "id": "ghDOl3t", "fill": "$--secondary-foreground", "content": " # Grow Newsletter", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "ghDOl4", "width": "fill_container", "height": 22, "fill": "$--accent-red-light", "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghDOl4n", "fill": "$--muted-foreground", "textGrowth": "fixed-width", "width": 30, "content": "4", "textAlign": "right", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "text", "id": "ghDOl4t", "fill": "$--accent-red", "content": "-Old paragraph from before a1b2c3d.", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "ghDOl5", "width": "fill_container", "height": 22, "fill": "$--accent-green-light", "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghDOl5n", "fill": "$--muted-foreground", "textGrowth": "fixed-width", "width": 30, "content": "5", "textAlign": "right", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "text", "id": "ghDOl5t", "fill": "$--accent-green", "content": "+Updated paragraph at commit a1b2c3d.", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "ghDOl6", "width": "fill_container", "height": 22, "fill": "$--accent-green-light", "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "text", "id": "ghDOl6n", "fill": "$--muted-foreground", "textGrowth": "fixed-width", "width": 30, "content": "6", "textAlign": "right", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "text", "id": "ghDOl6t", "fill": "$--accent-green", "content": "+New content added in this commit.", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] } ] } ] }, { "type": "frame", "id": "gCzh9", "x": 1540, "y": 100, "name": "Live Theme Editing Flow", "width": 900, "fill": "#F0F0EF", "gap": 24, "padding": 24, "children": [ { "type": "frame", "id": "8ydja", "name": "Editor — Theme JSON", "width": 400, "fill": "#FFFFFF", "cornerRadius": 8, "stroke": { "align": "inside", "thickness": 1, "fill": "#E9E9E7" }, "layout": "vertical", "children": [ { "type": "frame", "id": "N13BE", "width": "fill_container", "height": 36, "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "#E9E9E7" }, "gap": 8, "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "icon_font", "id": "4oLSt", "width": 14, "height": 14, "iconFontName": "file", "iconFontFamily": "lucide", "fill": "#787774" }, { "type": "text", "id": "Gi6aI", "fill": "#37352F", "content": "_themes/default.json", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "AC7Br", "width": "fill_container", "layout": "vertical", "gap": 2, "padding": 16, "children": [ { "type": "text", "id": "Pz8Re", "fill": "#37352F", "content": "{", "fontFamily": "IBM Plex Mono", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "p0Vnb", "fill": "#37352F", "content": " \"name\": \"Default\",", "fontFamily": "IBM Plex Mono", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "k8XCj", "fill": "#37352F", "content": " \"colors\": {", "fontFamily": "IBM Plex Mono", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "r4nRd", "fill": "#155DFF", "content": " \"background\": \"#FFFFFF\",", "fontFamily": "IBM Plex Mono", "fontSize": 12, "fontWeight": "600" }, { "type": "text", "id": "JtI7a", "fill": "#37352F", "content": " \"sidebar-background\": \"#F7F6F3\",", "fontFamily": "IBM Plex Mono", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "GM82z", "fill": "#37352F", "content": " \"accent\": \"#155DFF\"", "fontFamily": "IBM Plex Mono", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "SXRp9", "fill": "#37352F", "content": " }", "fontFamily": "IBM Plex Mono", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "lRFwV", "fill": "#37352F", "content": "}", "fontFamily": "IBM Plex Mono", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "oaOJu", "name": "Arrow", "width": 40, "layout": "vertical", "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "MxjOf", "width": 24, "height": 24, "iconFontName": "arrow-right", "iconFontFamily": "lucide", "fill": "#787774" }, { "type": "text", "id": "wLG4i", "fill": "#787774", "content": "~300ms", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "500" } ] }, { "type": "frame", "id": "epg5P", "name": "App Preview", "width": 380, "fill": "#FFFFFF", "cornerRadius": 8, "stroke": { "align": "inside", "thickness": 1, "fill": "#E9E9E7" }, "layout": "vertical", "children": [ { "type": "frame", "id": "L1Ea8", "width": "fill_container", "height": 28, "fill": "#F7F6F3", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "#E9E9E7" }, "gap": 6, "padding": [ 0, 8 ], "alignItems": "center", "children": [ { "type": "ellipse", "id": "FRy4o", "fill": "#FF5F57", "width": 8, "height": 8 }, { "type": "ellipse", "id": "DwZXd", "fill": "#FEBC2E", "width": 8, "height": 8 }, { "type": "ellipse", "id": "9E62n", "fill": "#28C840", "width": 8, "height": 8 } ] }, { "type": "frame", "id": "OmvKe", "width": "fill_container", "height": 260, "children": [ { "type": "frame", "id": "uFDos", "width": 80, "height": "fill_container", "fill": "#F7F6F3", "stroke": { "align": "inside", "thickness": { "right": 1 }, "fill": "#E9E9E7" }, "layout": "vertical", "gap": 4, "padding": [ 8, 6 ], "children": [ { "type": "frame", "id": "2lVUm", "width": "fill_container", "height": 20, "fill": "#EBEBEA", "cornerRadius": 4 }, { "type": "frame", "id": "9Wh45", "width": "fill_container", "height": 20, "cornerRadius": 4 }, { "type": "frame", "id": "SKbH1", "width": "fill_container", "height": 20, "cornerRadius": 4 } ] }, { "type": "frame", "id": "uxY6L", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 8, "padding": 16, "children": [ { "type": "frame", "id": "xDBG4", "width": 160, "height": 12, "fill": "#37352F", "cornerRadius": 2 }, { "type": "frame", "id": "hO7Sw", "width": "fill_container", "height": 8, "fill": "#F0F0EF", "cornerRadius": 2 }, { "type": "frame", "id": "UabDD", "width": 220, "height": 8, "fill": "#F0F0EF", "cornerRadius": 2 }, { "type": "frame", "id": "yNVho", "width": 180, "height": 8, "fill": "#F0F0EF", "cornerRadius": 2 } ] } ] }, { "type": "frame", "id": "UpXiE", "width": "fill_container", "height": 28, "stroke": { "align": "inside", "thickness": { "top": 1 }, "fill": "#E9E9E7" }, "gap": 6, "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "ellipse", "id": "Cm1F8", "fill": "#38A169", "width": 6, "height": 6 }, { "type": "text", "id": "mNEER", "fill": "#787774", "content": "Live — CSS variables update instantly", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "normal" } ] } ] } ] }, { "type": "frame", "id": "7ckWW", "x": 0, "y": 3840, "name": "component/SidebarFilter", "theme": { "Mode": "Light" }, "reusable": true, "width": "fill_container(250)", "cornerRadius": 6, "gap": 8, "padding": [ 6, 16 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "irI5G", "name": "leftGroup", "gap": 8, "alignItems": "center", "children": [ { "type": "icon_font", "id": "7I3Jh", "name": "sfIcon", "width": 18, "height": 18, "iconFontName": "tray-fill", "iconFontFamily": "phosphor", "weight": 700, "fill": "$--foreground" }, { "type": "text", "id": "gzPe9", "name": "sfLabel", "fill": "$--foreground", "content": "Inbox", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "v96mi", "name": "countBadge", "height": 20, "fill": "$--secondary", "cornerRadius": 9999, "padding": [ 0, 6 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "5hore", "name": "sfCount", "fill": "$--muted-foreground", "content": "24", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "600" } ] } ] }, { "type": "frame", "id": "YxnFy", "x": 300, "y": 3840, "name": "component/SidebarSection", "theme": { "Mode": "Light" }, "reusable": true, "width": "fill_container(250)", "cornerRadius": 4, "gap": 8, "padding": [ 6, 16 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "sqaEa", "name": "leftGroup", "gap": 8, "alignItems": "center", "children": [ { "type": "icon_font", "id": "ckRGK", "name": "ssIcon", "width": 18, "height": 18, "iconFontName": "wrench", "iconFontFamily": "phosphor", "weight": 700, "fill": "$--accent-red" }, { "type": "text", "id": "TB6OW", "name": "ssLabel", "fill": "$--foreground", "content": "Projects", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "icon_font", "id": "SWlrA", "name": "ssChev", "width": 14, "height": 14, "iconFontName": "chevron-down", "iconFontFamily": "lucide", "fill": "$--muted-foreground" } ] }, { "type": "frame", "id": "CGiVI", "x": 0, "y": 3880, "name": "component/NoteListGroupHeader", "theme": { "Mode": "Light" }, "reusable": true, "width": "fill_container(300)", "height": 32, "fill": "$--muted", "padding": [ 0, 16 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "rKzdN", "name": "leftGroup", "gap": 6, "alignItems": "center", "children": [ { "type": "text", "id": "xr1Bv", "name": "ghLabel", "fill": "$--muted-foreground", "content": "Related Notes", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" }, { "type": "text", "id": "Yh4xV", "name": "ghCount", "fill": "$--muted-foreground", "content": "2", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" } ] }, { "type": "frame", "id": "CGSHU", "name": "rightGroup", "gap": 10, "alignItems": "center", "children": [ { "type": "icon_font", "id": "V4aU1", "name": "ghFilter", "width": 12, "height": 12, "iconFontName": "funnel", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" }, { "type": "icon_font", "id": "FcKJx", "name": "ghPlus", "width": 12, "height": 12, "iconFontName": "plus", "iconFontFamily": "lucide", "fill": "$--muted-foreground" }, { "type": "icon_font", "id": "dEkjQ", "name": "ghChev", "width": 12, "height": 12, "iconFontName": "chevron-down", "iconFontFamily": "lucide", "fill": "$--muted-foreground" } ] } ] }, { "type": "frame", "id": "2nsLn", "x": 0, "y": 3930, "name": "component/NoteListItem", "theme": { "Mode": "Light" }, "reusable": true, "width": "fill_container(300)", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "$--border" }, "layout": "vertical", "gap": 8, "padding": [ 14, 16 ], "children": [ { "type": "frame", "id": "lOrq7", "name": "titleRow", "width": "fill_container", "gap": 8, "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "VlWUT", "name": "titleGroup", "width": "fill_container", "gap": 6, "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "kQ4LK", "name": "niTitle", "fill": "$--foreground", "content": "Note Title", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" }, { "type": "icon_font", "id": "pPh0z", "name": "niIcon", "width": 14, "height": 14, "iconFontName": "leaf", "iconFontFamily": "phosphor", "fill": "$--accent-green" } ] } ] }, { "type": "text", "id": "vm86r", "name": "niSnippet", "fill": "$--muted-foreground", "textGrowth": "fixed-width", "width": "fill_container", "content": "Preview text of the note content goes here...", "lineHeight": 1.5, "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "2bVOu", "x": 350, "y": 3930, "name": "component/PropertyRow", "theme": { "Mode": "Light" }, "reusable": true, "width": "fill_container(250)", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "SS4ef", "name": "prLabel", "fill": "$--muted-foreground", "content": "Label", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "frame", "id": "lKjFb", "name": "valueChip", "fill": "$--muted", "cornerRadius": 4, "padding": [ 3, 8 ], "alignItems": "center", "children": [ { "type": "text", "id": "38JOz", "name": "prVal", "fill": "$--accent-foreground", "content": "Value", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] } ] }, { "type": "frame", "id": "n6iwQ", "x": 350, "y": 3960, "name": "component/RelationshipPill", "theme": { "Mode": "Light" }, "reusable": true, "width": "fill_container(250)", "fill": "$--accent-green-light", "cornerRadius": 6, "padding": [ 6, 10 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "OTLK6", "name": "rpText", "fill": "$--accent-green", "content": "Linked Note", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "icon_font", "id": "s37c7", "name": "rpIcon", "opacity": 0.5, "width": 14, "height": 14, "iconFontName": "tag", "iconFontFamily": "phosphor", "fill": "$--accent-green" } ] }, { "type": "frame", "id": "ABj4R", "x": 0, "y": 4010, "name": "component/InfoBar", "theme": { "Mode": "Light" }, "reusable": true, "width": "fill_container(500)", "height": 45, "fill": "$--background", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "$--border" }, "padding": [ 6, 16 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "tahyf", "name": "leftGroup", "width": "fit_content(0)", "height": "fit_content(0)", "gap": 6, "alignItems": "center" }, { "type": "frame", "id": "LxtfH", "name": "rightGroup", "gap": 12, "alignItems": "center", "children": [ { "type": "icon_font", "id": "07vzo", "name": "ibSearch", "width": 16, "height": 16, "iconFontName": "magnifying-glass", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" }, { "type": "icon_font", "id": "S0HhS", "name": "ibBranch", "width": 16, "height": 16, "iconFontName": "git-branch", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" }, { "type": "icon_font", "id": "RMnGX", "name": "ibEdit", "width": 16, "height": 16, "iconFontName": "cursor-text", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" }, { "type": "icon_font", "id": "Roqzk", "name": "ibAI", "width": 16, "height": 16, "iconFontName": "sparkle", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" }, { "type": "icon_font", "id": "QWemM", "name": "ibMore", "width": 16, "height": 16, "iconFontName": "dots-three", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" } ] } ] }, { "type": "text", "id": "AFWzn", "x": -146, "y": 4080, "name": "ORGANISMS", "theme": { "Mode": "Light" }, "fill": "$--muted-foreground", "content": "ORGANISMS", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "600", "letterSpacing": 1 }, { "type": "frame", "id": "egetu", "x": 0, "y": 4110, "name": "organism/Sidebar", "theme": { "Mode": "Light" }, "clip": true, "width": 250, "height": 630, "fill": "$--sidebar", "stroke": { "align": "inside", "thickness": 0, "fill": "$--sidebar-border" }, "layout": "vertical", "children": [ { "type": "frame", "id": "qgLOD", "name": "Filters", "width": "fill_container", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "$--border" }, "layout": "vertical", "gap": 1, "padding": [ 8, 8, 16, 8 ], "children": [ { "id": "NWjcu", "type": "ref", "ref": "7ckWW", "width": "fill_container", "fill": "$--accent-blue-light", "name": "f1", "height": "fit_content", "x": 8, "y": 8, "descendants": { "irI5G": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 7 }, "7I3Jh": { "iconFontName": "tray-fill", "fill": "$--primary" }, "gzPe9": { "content": "Inbox", "fill": "$--primary", "fontWeight": "600", "x": 26 }, "v96mi": { "fill": "$--primary", "width": "fit_content", "x": 193, "y": 6 }, "5hore": { "content": "24", "fill": "$--primary-foreground", "x": 6, "y": 4 } } }, { "id": "eTR1j", "type": "ref", "ref": "7ckWW", "width": "fill_container", "name": "f2", "height": "fit_content", "x": 8, "y": 41, "descendants": { "irI5G": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 7 }, "7I3Jh": { "iconFontName": "cardholder" }, "gzPe9": { "content": "All Notes", "x": 26 }, "v96mi": { "width": "fit_content", "x": 199, "y": 6 }, "5hore": { "content": "6", "x": 6, "y": 4 } } }, { "id": "yQUtJ", "type": "ref", "ref": "7ckWW", "width": "fill_container", "name": "f3", "height": "fit_content", "x": 8, "y": 74, "descendants": { "irI5G": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 7 }, "7I3Jh": { "iconFontName": "trash" }, "gzPe9": { "content": "Archive", "x": 26 }, "v96mi": { "width": "fit_content", "x": 199, "y": 6 }, "5hore": { "content": "2", "x": 6, "y": 4 } } }, { "id": "iskQ8", "type": "ref", "ref": "7ckWW", "width": "fill_container", "name": "f4", "height": "fit_content", "x": 8, "y": 107, "descendants": { "irI5G": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 7 }, "7I3Jh": { "iconFontName": "git-branch" }, "gzPe9": { "content": "Changes", "x": 26 }, "v96mi": { "width": "fit_content", "x": 199, "y": 6 }, "5hore": { "content": "3", "x": 6, "y": 4 } } } ] }, { "type": "frame", "id": "ACoM7", "name": "Sections", "width": "fill_container", "height": "fill_container", "layout": "vertical", "padding": [ 8, 0 ], "children": [ { "type": "frame", "id": "zv0YL", "name": "projGroup", "width": "fill_container", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": { "type": "color", "color": "$--border", "enabled": false } }, "layout": "vertical", "gap": 2, "padding": [ 4, 6, 8, 6 ], "children": [ { "id": "9qcwY", "type": "ref", "ref": "YxnFy", "width": "fill_container", "name": "s1", "height": "fit_content", "x": 6, "y": 4, "descendants": { "sqaEa": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 6 }, "ckRGK": { "iconFontName": "wrench", "fill": "$--accent-red" }, "TB6OW": { "content": "Projects", "x": 26 }, "SWlrA": { "iconFontName": "chevron-down", "x": 208, "y": 8 } } }, { "type": "frame", "id": "2QOQc", "name": "projItem1", "width": "fill_container", "fill": "$--accent-red-light", "cornerRadius": 6, "padding": [ 6, 16, 6, 28 ], "alignItems": "center", "children": [ { "type": "text", "id": "I9l7N", "name": "proj1Txt", "fill": "$--accent-red", "content": "Laputa App", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "8vkxG", "name": "projItem2", "width": "fill_container", "cornerRadius": 6, "padding": [ 6, 16, 6, 28 ], "alignItems": "center", "children": [ { "type": "text", "id": "msWLo", "name": "proj2Txt", "fill": "$--muted-foreground", "content": "Portfolio Rewrite", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "MmI12", "name": "projItem3", "width": "fill_container", "cornerRadius": 6, "padding": [ 6, 16, 6, 28 ], "alignItems": "center", "children": [ { "type": "text", "id": "Bnpbp", "name": "proj3Txt", "fill": "$--muted-foreground", "content": "AI Habit Tracker", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "VuoaL", "name": "respGroup", "width": "fill_container", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": { "type": "color", "color": "$--border", "enabled": false } }, "layout": "vertical", "gap": 2, "padding": [ 4, 6 ], "children": [ { "id": "ZYfNb", "type": "ref", "ref": "YxnFy", "width": "fill_container", "name": "s2", "height": "fit_content", "x": 6, "y": 4, "descendants": { "sqaEa": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 6 }, "ckRGK": { "iconFontName": "medal", "fill": "$--accent-purple" }, "TB6OW": { "content": "Responsibilities", "x": 26 }, "SWlrA": { "iconFontName": "chevron-right", "x": 208, "y": 8 } } } ] }, { "type": "frame", "id": "fiq6w", "name": "procGroup", "width": "fill_container", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": { "type": "color", "color": "$--border", "enabled": false } }, "layout": "vertical", "gap": 2, "padding": [ 4, 6 ], "children": [ { "id": "zzcZK", "type": "ref", "ref": "YxnFy", "width": "fill_container", "name": "s3", "height": "fit_content", "x": 6, "y": 4, "descendants": { "sqaEa": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 6 }, "ckRGK": { "iconFontName": "arrows-clockwise", "fill": "$--accent-purple" }, "TB6OW": { "content": "Procedures", "x": 26 }, "SWlrA": { "iconFontName": "chevron-right", "x": 208, "y": 8 } } } ] }, { "type": "frame", "id": "yWBwJ", "name": "peopleGroup", "width": "fill_container", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": { "type": "color", "color": "$--border", "enabled": false } }, "layout": "vertical", "gap": 2, "padding": [ 4, 6 ], "children": [ { "id": "567KW", "type": "ref", "ref": "YxnFy", "width": "fill_container", "name": "s4", "height": "fit_content", "x": 6, "y": 4, "descendants": { "sqaEa": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 6 }, "ckRGK": { "iconFontName": "users", "fill": "$--accent-yellow" }, "TB6OW": { "content": "People", "x": 26 }, "SWlrA": { "iconFontName": "chevron-right", "x": 208, "y": 8 } } } ] }, { "type": "frame", "id": "W31uX", "name": "eventsGroup", "width": "fill_container", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": { "type": "color", "color": "$--border", "enabled": false } }, "layout": "vertical", "gap": 2, "padding": [ 4, 6 ], "children": [ { "id": "B8Tla", "type": "ref", "ref": "YxnFy", "width": "fill_container", "name": "s5", "height": "fit_content", "x": 6, "y": 4, "descendants": { "sqaEa": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 6 }, "ckRGK": { "iconFontName": "calendar-blank", "fill": "$--accent-yellow" }, "TB6OW": { "content": "Events", "x": 26 }, "SWlrA": { "iconFontName": "chevron-right", "x": 208, "y": 8 } } } ] }, { "type": "frame", "id": "tdxOP", "name": "topicsGroup", "width": "fill_container", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": { "type": "color", "color": "$--border", "enabled": false } }, "layout": "vertical", "gap": 2, "padding": [ 4, 6 ], "children": [ { "id": "EU7S4", "type": "ref", "ref": "YxnFy", "width": "fill_container", "name": "s6", "height": "fit_content", "x": 6, "y": 4, "descendants": { "sqaEa": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 6 }, "ckRGK": { "iconFontName": "tag", "fill": "$--accent-green" }, "TB6OW": { "content": "Topics", "x": 26 }, "SWlrA": { "iconFontName": "chevron-right", "x": 208, "y": 8 } } } ] }, { "type": "frame", "id": "2jsNO", "name": "topicsGroup", "width": "fill_container", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": { "type": "color", "color": "$--border", "enabled": false } }, "layout": "vertical", "gap": 2, "padding": [ 4, 6 ], "children": [ { "id": "Tmslj", "type": "ref", "ref": "YxnFy", "width": "fill_container", "name": "s7", "height": "fit_content", "x": 6, "y": 4, "descendants": { "sqaEa": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 6 }, "ckRGK": { "iconFontName": "leaf", "fill": "$--accent-green" }, "TB6OW": { "content": "Notes", "x": 26 }, "SWlrA": { "iconFontName": "chevron-right", "x": 208, "y": 8 } } }, { "type": "frame", "id": "6Q2CU", "name": "eventsHeader", "width": "fill_container", "cornerRadius": 4, "gap": 8, "padding": [ 6, 16 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "MSuWv", "name": "leftEvents", "gap": 8, "padding": [ 8, 0 ], "alignItems": "center", "children": [ { "type": "icon_font", "id": "SlE7g", "name": "eventsIcon", "width": 18, "height": 18, "iconFontName": "plus", "iconFontFamily": "phosphor", "weight": 700, "fill": "$--muted-foreground" }, { "type": "text", "id": "NaEtB", "name": "eventsLbl", "fill": "$--muted-foreground", "content": "Create new type", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] } ] } ] } ] }, { "type": "frame", "id": "xUnbx", "name": "Commit Area", "width": "fill_container", "stroke": { "align": "inside", "thickness": { "top": 1 }, "fill": "$--border" }, "layout": "vertical", "padding": 12, "children": [ { "type": "frame", "id": "LWl7a", "name": "commitBtn", "width": "fill_container", "fill": "$--primary", "cornerRadius": 6, "gap": 6, "padding": [ 8, 16 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "LQt9F", "name": "commitIcon", "width": 14, "height": 14, "iconFontName": "git-commit-horizontal", "iconFontFamily": "lucide", "fill": "$--primary-foreground" }, { "type": "text", "id": "nFrAH", "name": "commitTxt", "fill": "$--primary-foreground", "content": "Commit & Push", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" }, { "type": "frame", "id": "5H9LX", "name": "commitBadge", "height": 18, "fill": "$--white-overlay", "cornerRadius": 9, "padding": [ 0, 5 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "kh7FN", "name": "commitBadgeTxt", "fill": "$--white", "content": "3", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "600" } ] } ] } ] } ] }, { "type": "frame", "id": "fKGKs", "x": 300, "y": 4110, "name": "organism/NoteList", "theme": { "Mode": "Light" }, "clip": true, "width": 300, "height": 600, "fill": "$--card", "stroke": { "align": "inside", "thickness": 0, "fill": "$--border" }, "layout": "vertical", "children": [ { "type": "frame", "id": "19epR", "name": "NoteList Header", "width": "fill_container", "height": 45, "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "$--border" }, "padding": [ 14, 16 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "EVKYQ", "name": "nlTitle", "fill": "$--foreground", "content": "Laputa App", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" }, { "type": "frame", "id": "nmOv0", "name": "nlActions", "gap": 12, "alignItems": "center", "children": [ { "type": "icon_font", "id": "RhIBP", "name": "searchIcon", "width": 16, "height": 16, "iconFontName": "magnifying-glass", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" }, { "type": "icon_font", "id": "mLZ00", "name": "plusIcon", "width": 16, "height": 16, "iconFontName": "plus", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" } ] } ] }, { "type": "frame", "id": "xhfY5", "name": "Note Items", "clip": true, "width": "fill_container", "height": "fill_container", "layout": "vertical", "children": [ { "type": "frame", "id": "9mW4k", "name": "Backlinks Group", "width": "fill_container", "layout": "vertical", "children": [ { "type": "frame", "id": "H5Ld0", "name": "Note Item Selected", "width": "fill_container", "fill": "$--accent-red-light", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "$--border" }, "children": [ { "type": "rectangle", "id": "G7IE8", "name": "leftAccent", "fill": "$--accent-red", "width": 3, "height": "fill_container" }, { "id": "anYem", "type": "ref", "ref": "2nsLn", "width": "fill_container", "stroke": { "align": "inside", "thickness": 0, "fill": "#00000000" }, "gap": 6, "name": "nsel", "height": "fit_content", "x": 3, "y": 0, "descendants": { "lOrq7": { "width": "fill_container", "height": "fit_content", "x": 16, "y": 14 }, "VlWUT": { "width": "fill_container", "height": "fit_content" }, "kQ4LK": { "content": "Laputa App", "fontWeight": "600" }, "pPh0z": { "iconFontFamily": "lucide", "iconFontName": "wrench", "fill": "$--accent-red", "x": 251, "y": 1 }, "vm86r": { "content": "Personal knowledge and life management desktop app...", "width": "fill_container", "x": 16, "y": 36 } } } ] } ] }, { "type": "frame", "id": "j0K31", "name": "Related Notes Group", "width": "fill_container", "layout": "vertical", "children": [ { "id": "kfwjU", "type": "ref", "ref": "CGiVI", "width": "fill_container", "name": "h1", "y": 0, "descendants": { "rKzdN": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 9.5 }, "xr1Bv": { "content": "Related Notes" }, "Yh4xV": { "content": "2", "x": 80 }, "CGSHU": { "width": "fit_content", "height": "fit_content", "x": 228, "y": 10 }, "FcKJx": { "x": 22 }, "dEkjQ": { "x": 44 } } }, { "id": "6NAwq", "type": "ref", "ref": "2nsLn", "width": "fill_container", "name": "n1", "height": "fit_content", "y": 32, "descendants": { "lOrq7": { "width": "fill_container", "height": "fit_content", "x": 16, "y": 14 }, "VlWUT": { "width": "fill_container", "height": "fit_content" }, "kQ4LK": { "content": "Portfolio Rewrite" }, "pPh0z": { "iconFontName": "leaf", "fill": "$--accent-green", "x": 254, "y": 1 }, "vm86r": { "content": "Redesigning portfolio site with modern stack and updated visual language...", "width": "fill_container", "x": 16, "y": 38 } } }, { "id": "s573X", "type": "ref", "ref": "2nsLn", "width": "fill_container", "name": "n2", "height": "fit_content", "y": 120, "descendants": { "lOrq7": { "width": "fill_container", "height": "fit_content", "x": 16, "y": 14 }, "VlWUT": { "width": "fill_container", "height": "fit_content" }, "kQ4LK": { "content": "Sample note 2" }, "pPh0z": { "iconFontName": "leaf", "fill": "$--accent-green", "x": 254, "y": 1 }, "vm86r": { "content": "Lorem ipsum dolor sit amet consequetur with modern stack and updated language...", "width": "fill_container", "x": 16, "y": 38 } } } ] }, { "type": "frame", "id": "NXnG4", "name": "Events Group", "width": "fill_container", "layout": "vertical", "children": [ { "id": "RYvH6", "type": "ref", "ref": "CGiVI", "width": "fill_container", "name": "h2", "y": 0, "descendants": { "rKzdN": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 9.5 }, "xr1Bv": { "content": "Events" }, "Yh4xV": { "content": "2", "x": 42 }, "CGSHU": { "width": "fit_content", "height": "fit_content", "x": 228, "y": 10 }, "FcKJx": { "x": 22 }, "dEkjQ": { "x": 44 } } }, { "id": "T2KFL", "type": "ref", "ref": "2nsLn", "width": "fill_container", "name": "n3", "height": "fit_content", "y": 32, "descendants": { "lOrq7": { "width": "fill_container", "height": "fit_content", "x": 16, "y": 14 }, "VlWUT": { "width": "fill_container", "height": "fit_content" }, "kQ4LK": { "content": "Meeting with Grant" }, "pPh0z": { "iconFontFamily": "lucide", "iconFontName": "calendar", "fill": "$--accent-yellow", "x": 254, "y": 1 }, "vm86r": { "content": "Discussed Q1 goals and hiring priorities with the engineering team leads...", "width": "fill_container", "x": 16, "y": 38 } } }, { "id": "J5wAA", "type": "ref", "ref": "2nsLn", "width": "fill_container", "name": "n4", "height": "fit_content", "y": 120, "descendants": { "lOrq7": { "width": "fill_container", "height": "fit_content", "x": 16, "y": 14 }, "VlWUT": { "width": "fill_container", "height": "fit_content" }, "kQ4LK": { "content": "Meeting with Matteo" }, "pPh0z": { "iconFontFamily": "lucide", "iconFontName": "calendar", "fill": "$--accent-yellow", "x": 254, "y": 1 }, "vm86r": { "content": "Discussed Q1 goals and hiring priorities with the engineering team leads...", "width": "fill_container", "x": 16, "y": 38 } } } ] } ] }, { "type": "frame", "id": "Ifl3D", "name": "Filter Pills Bar", "width": "fill_container", "fill": { "type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 0, "size": { "height": 1 }, "colors": [ { "color": "#FFFFFF00", "position": 0 }, { "color": "#FFFFFFEE", "position": 0.3 }, { "color": "#FFFFFFFF", "position": 1 } ] }, "gap": 8, "padding": [ 12, 16 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "frame", "id": "jQN5P", "name": "Pill Week", "fill": "$--accent-blue-light", "cornerRadius": 9999, "gap": 6, "padding": [ 6, 14 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "QKoI4", "name": "label", "fill": "$--primary", "content": "Week", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "GicxE", "name": "count", "opacity": 0.7, "fill": "$--primary", "content": "12", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "IIHpE", "name": "Pill Quarter", "fill": "$--secondary", "cornerRadius": 9999, "stroke": { "thickness": 0 }, "gap": 6, "padding": [ 6, 14 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "Up4gL", "name": "label", "fill": "$--secondary-foreground", "content": "Quarter", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "2Sjfb", "name": "count", "fill": "$--muted-foreground", "content": "34", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "FMLbv", "name": "Pill Year", "fill": "$--secondary", "cornerRadius": 9999, "stroke": { "thickness": 0 }, "gap": 6, "padding": [ 6, 14 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "DoITo", "name": "label", "fill": "$--secondary-foreground", "content": "Year", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "Dffa4", "name": "count", "fill": "$--muted-foreground", "content": "86", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] } ] } ] }, { "type": "frame", "id": "111Se", "x": 650, "y": 4110, "name": "organism/Editor", "theme": { "Mode": "Light" }, "clip": true, "width": 500, "height": 600, "layout": "vertical", "children": [ { "id": "KPYPC", "type": "ref", "ref": "ABj4R", "width": "fill_container", "name": "ib", "y": 0, "descendants": { "tahyf": { "x": 16, "y": 22.5 }, "LxtfH": { "width": "fit_content", "height": "fit_content", "x": 356, "y": 14.5 }, "S0HhS": { "x": 28 }, "RMnGX": { "x": 56 }, "Roqzk": { "x": 84 }, "QWemM": { "x": 112 } } }, { "type": "frame", "id": "F4Dui", "name": "Editor Content", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 16, "padding": [ 32, 64 ], "children": [ { "type": "frame", "id": "KTyHr", "name": "titleRow", "width": "fill_container", "gap": 12, "alignItems": "center", "children": [ { "type": "text", "id": "PJ1id", "name": "noteH1", "fill": "$--foreground", "content": "🗓️ Laputa App", "lineHeight": 1.2, "fontFamily": "Inter Tight", "fontSize": 36, "fontWeight": "700" } ] }, { "type": "rectangle", "id": "j6zfj", "name": "titleSeparator", "fill": "$--border", "width": "fill_container", "height": 1 }, { "type": "text", "id": "8zTpy", "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": 15, "fontWeight": "normal" }, { "type": "text", "id": "w2kJV", "name": "editorH2", "fill": "$--foreground", "content": "Architecture", "lineHeight": 1.3, "fontFamily": "Inter", "fontSize": 24, "fontWeight": "600" }, { "type": "text", "id": "7V2II", "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": 15, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "cq3Av", "x": 1200, "y": 4110, "name": "organism/Inspector", "theme": { "Mode": "Light" }, "clip": true, "width": 260, "height": 814, "fill": "$--background", "stroke": { "align": "inside", "thickness": { "left": 1 }, "fill": "$--border" }, "layout": "vertical", "children": [ { "type": "frame", "id": "BbUqQ", "name": "Inspector Header", "width": "fill_container", "height": 45, "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "$--border" }, "gap": 8, "padding": [ 0, 12 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "8c34u", "name": "leftGroup", "gap": 8, "alignItems": "center", "children": [ { "type": "icon_font", "id": "AR1VI", "name": "propIcon", "width": 16, "height": 16, "iconFontName": "sliders", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" }, { "type": "text", "id": "SUcCd", "name": "inspTitle", "fill": "$--muted-foreground", "content": "Properties", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "icon_font", "id": "dLalj", "name": "sidebarIcon", "width": 16, "height": 16, "iconFontName": "x", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" } ] }, { "type": "frame", "id": "pB4RB", "name": "Inspector Body", "clip": true, "width": "fill_container", "height": "fill_container", "layout": "vertical", "padding": [ 12, 0 ], "children": [ { "type": "frame", "id": "uCPkF", "name": "Section Group 1", "width": "fill_container", "layout": "vertical", "gap": 20, "padding": [ 0, 12, 20, 12 ], "children": [ { "type": "frame", "id": "zqRC4", "name": "Properties Section", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "id": "k7ok8", "type": "ref", "ref": "2bVOu", "width": "fill_container", "name": "p1", "height": "fit_content", "x": 0, "y": 0, "descendants": { "SS4ef": { "content": "Type", "y": 3 }, "lKjFb": { "type": "frame", "id": "qy4P9", "name": "newChip", "fill": "$--accent-red-light", "cornerRadius": 4, "gap": 4, "padding": [ 3, 8 ], "alignItems": "center", "children": [ { "type": "icon_font", "id": "m5KI7", "name": "chipIco", "width": 12, "height": 12, "iconFontName": "wrench", "iconFontFamily": "phosphor", "fill": "$--accent-red" }, { "type": "text", "id": "Buytc", "name": "chipTxt", "fill": "$--accent-red", "content": "Project", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] } } }, { "id": "E5QFS", "type": "ref", "ref": "2bVOu", "width": "fill_container", "name": "p2", "height": "fit_content", "x": 0, "y": 29, "descendants": { "SS4ef": { "content": "Status", "y": 3 }, "lKjFb": { "type": "frame", "id": "ywH6n", "name": "statusChip", "fill": "$--accent-green-light", "cornerRadius": 4, "gap": 6, "padding": [ 3, 8 ], "alignItems": "center", "children": [ { "type": "ellipse", "id": "081sf", "name": "statusDot", "fill": "$--accent-green", "width": 6, "height": 6 }, { "type": "text", "id": "axaG5", "name": "statusTxt", "fill": "$--accent-green", "content": "Active", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] } } }, { "id": "GwVIl", "type": "ref", "ref": "2bVOu", "width": "fill_container", "name": "p3", "height": "fit_content", "x": 0, "y": 58, "descendants": { "SS4ef": { "content": "Date", "y": 3 }, "lKjFb": { "width": "fit_content", "height": "fit_content", "x": 142 }, "38JOz": { "content": "Mar 23, 2026", "x": 8, "y": 3 } } }, { "id": "zRK71", "type": "ref", "ref": "2bVOu", "width": "fill_container", "name": "p4", "height": "fit_content", "x": 0, "y": 87, "descendants": { "SS4ef": { "content": "URL", "y": 3 }, "lKjFb": { "fill": "transparent", "width": "fit_content", "height": "fit_content", "x": 131 }, "38JOz": { "content": "acme.dev/docs", "fill": "$--primary", "x": 8, "y": 3 } } }, { "type": "frame", "id": "CFBUE", "name": "propArchived", "width": "fill_container", "height": 21, "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "OR4KD", "name": "propArchivedLbl", "gap": 4, "alignItems": "center", "children": [ { "type": "text", "id": "xoT00", "name": "archivedTxt", "fill": "$--muted-foreground", "content": "Archived", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "stkW3", "name": "propArchivedToggle", "width": 15, "height": 15, "fill": "$--background", "cornerRadius": 3, "stroke": { "align": "inside", "thickness": 1.5, "fill": "$--border" } } ] }, { "type": "frame", "id": "52BKa", "name": "propTags", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "6kXVB", "name": "propTagsLbl", "gap": 4, "alignItems": "center", "children": [ { "type": "text", "id": "r8ci1", "name": "tagsTxt", "fill": "$--muted-foreground", "content": "Tags", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "fop5O", "name": "propTagsChips", "gap": 4, "alignItems": "center", "children": [ { "type": "frame", "id": "nd6Sn", "name": "tagChip1", "fill": "$--accent-purple-light", "cornerRadius": 4, "padding": [ 3, 8 ], "alignItems": "center", "children": [ { "type": "text", "id": "Q5lxH", "name": "tag1txt", "fill": "$--accent-purple", "content": "v2", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "feGnC", "name": "tagChip2", "fill": "$--accent-orange-light", "cornerRadius": 4, "padding": [ 3, 8 ], "alignItems": "center", "children": [ { "type": "text", "id": "s4sb9", "name": "tag2txt", "fill": "$--accent-orange", "content": "docs", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] } ] } ] }, { "id": "yQtwo", "type": "ref", "ref": "2bVOu", "width": "fill_container", "name": "p5", "height": "fit_content", "x": 0, "y": 174, "descendants": { "SS4ef": { "content": "Author", "y": 3 }, "lKjFb": { "width": "fit_content", "height": "fit_content", "x": 192 }, "38JOz": { "content": "Luca", "x": 8, "y": 3 } } }, { "type": "frame", "id": "JjKfC", "name": "addPropRow", "width": "fill_container", "gap": 4, "alignItems": "center", "children": [ { "type": "icon_font", "id": "RojBf", "name": "addIco", "opacity": 0.5, "width": 12, "height": 12, "iconFontName": "plus", "iconFontFamily": "lucide", "fill": "$--muted-foreground" }, { "type": "text", "id": "3S2Zt", "name": "addTxt", "opacity": 0.5, "rotation": -0.43548563406852797, "fill": "$--muted-foreground", "content": "Add property", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "WdQWv", "name": "Relationships Section", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [ { "type": "frame", "id": "bySX6", "name": "relGroup1", "width": "fill_container", "layout": "vertical", "gap": 4, "children": [ { "type": "frame", "id": "UgsrS", "name": "relGrp1Title", "gap": 4, "alignItems": "center", "children": [ { "type": "icon_font", "id": "xwwOp", "name": "belongsIco", "width": 12, "height": 12, "iconFontName": "arrow-up-right", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" }, { "type": "text", "id": "jYIuU", "name": "belongsTxt", "fill": "$--muted-foreground", "content": "Belongs to", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "id": "aNsbm", "type": "ref", "ref": "n6iwQ", "width": "fill_container", "name": "r1", "height": "fit_content", "x": 0, "y": 19, "descendants": { "OTLK6": { "content": "Laputa", "x": 10, "y": 6 }, "s37c7": { "iconFontName": "tag", "x": 212, "y": 6.5 } } }, { "id": "ZyuiR", "type": "ref", "ref": "n6iwQ", "width": "fill_container", "name": "r2", "height": "fit_content", "x": 0, "y": 50, "descendants": { "OTLK6": { "content": "Building", "x": 10, "y": 6 }, "s37c7": { "iconFontName": "tag", "x": 212, "y": 6.5 } } }, { "type": "frame", "id": "l1N1e", "name": "linkExisting", "width": "fill_container", "cornerRadius": 6, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "padding": [ 6, 10 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "PjQdA", "name": "laputaTxt", "fill": "$--muted-foreground", "content": "+ Link existing", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "o99WC", "name": "relGroup2", "width": "fill_container", "layout": "vertical", "gap": 4, "children": [ { "type": "frame", "id": "QWS2E", "name": "relGrp2Title", "gap": 4, "alignItems": "center", "children": [ { "type": "icon_font", "id": "mz5ML", "name": "relatedIco", "width": 12, "height": 12, "iconFontName": "arrow-up-right", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" }, { "type": "text", "id": "Bsayg", "name": "relatedTxt", "fill": "$--muted-foreground", "content": "Related to", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "id": "I1IaJ", "type": "ref", "ref": "n6iwQ", "width": "fill_container", "fill": "$--accent-red-light", "name": "r3", "height": "fit_content", "x": 0, "y": 19, "descendants": { "OTLK6": { "content": "Shadcn Migration", "fill": "$--accent-red", "x": 10, "y": 6 }, "s37c7": { "iconFontName": "flask", "fill": "$--accent-red", "x": 212, "y": 6.5 } } }, { "type": "frame", "id": "WC2IL", "name": "linkExisting", "width": "fill_container", "cornerRadius": 6, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "padding": [ 6, 10 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "f4Knr", "name": "laputaTxt", "fill": "$--muted-foreground", "content": "+ Link existing", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "7pmjT", "name": "addRelRow", "width": "fill_container", "gap": 4, "alignItems": "center", "children": [ { "type": "icon_font", "id": "WrvVT", "name": "addRelIco", "opacity": 0.5, "width": 12, "height": 12, "iconFontName": "plus", "iconFontFamily": "lucide", "fill": "$--muted-foreground" }, { "type": "text", "id": "rt2Vh", "name": "addRelTxt", "opacity": 0.5, "fill": "$--muted-foreground", "content": "Add relationship", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] } ] }, { "id": "36Qpm", "type": "ref", "ref": "comp_Separator", "name": "sep1", "width": "fill_container", "x": 0, "y": 502.577211185393 }, { "type": "frame", "id": "zedOf", "name": "Section Group 2", "width": "fill_container", "layout": "vertical", "gap": 20, "padding": [ 20, 12 ], "children": [ { "type": "frame", "id": "3beOc", "name": "Backlinks Section", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "vCnQ9", "name": "blTitle", "gap": 4, "alignItems": "center", "children": [ { "type": "frame", "id": "wuT2e", "name": "blTitleTxt", "gap": 4, "alignItems": "center", "children": [ { "type": "icon_font", "id": "9PcJK", "name": "blIco", "width": 12, "height": 12, "iconFontName": "arrow-down-left", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" }, { "type": "text", "id": "3hrVq", "name": "blTxt", "fill": "$--muted-foreground", "content": "Backlinks", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "text", "id": "ra2vD", "name": "blItem1", "fill": "$--primary", "content": "Portfolio Rewrite", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "2JCLY", "name": "blItem2", "fill": "$--primary", "content": "Meeting with Grant", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "GYQDO", "name": "blItem3", "fill": "$--primary", "content": "Q1 Planning", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "id": "aaTRW", "type": "ref", "ref": "comp_Separator", "name": "sep2", "width": "fill_container", "x": 0, "y": 627.577211185393 }, { "type": "frame", "id": "jyOGY", "name": "Section Group 3", "width": "fill_container", "layout": "vertical", "gap": 20, "padding": [ 20, 12, 0, 12 ], "children": [ { "type": "frame", "id": "SkJkn", "name": "History Section", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "9RhOA", "name": "histTitle", "gap": 4, "alignItems": "center", "children": [ { "type": "icon_font", "id": "MD8P3", "name": "histIco", "width": 12, "height": 12, "iconFontName": "clock-counter-clockwise", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" }, { "type": "text", "id": "TiXHR", "name": "histTxt", "fill": "$--muted-foreground", "content": "History", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "N8sFt", "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": "82xBA", "name": "histItem1Hash", "fill": "$--accent-blue", "content": "a089f44 · feat: migrate to shadcn/ui", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "text", "id": "wpM0x", "name": "histItem1Date", "fill": "$--muted-foreground", "content": "Feb 16, 2026", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "normal" } ] }, { "type": "frame", "id": "75l81", "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": "oG3KR", "name": "histItem2Hash", "fill": "$--accent-blue", "content": "5a4b4ac · feat: emoji favicon", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "text", "id": "JSxVy", "name": "histItem2Date", "fill": "$--muted-foreground", "content": "Feb 15, 2026", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "normal" } ] } ] } ] } ] } ] }, { "type": "frame", "id": "8Hjcy", "x": 1549, "y": 5100, "name": "Folder Tree Sidebar", "theme": { "Mode": "Light" }, "clip": true, "width": 1440, "height": 900, "fill": "$--background", "layout": "vertical", "children": [ { "type": "frame", "id": "mzmNN", "name": "macOS Title Bar", "width": "fill_container", "height": 38, "fill": "$--sidebar", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "$--border" }, "gap": 12, "padding": [ 0, 12 ], "alignItems": "center", "children": [ { "type": "frame", "id": "S6CDt", "name": "trafficLights", "gap": 8, "alignItems": "center", "children": [ { "type": "ellipse", "id": "p47YL", "name": "closeBtn", "fill": "$--traffic-red", "width": 12, "height": 12 }, { "type": "ellipse", "id": "2L2cy", "name": "minimizeBtn", "fill": "$--traffic-yellow", "width": 12, "height": 12 }, { "type": "ellipse", "id": "6UXoF", "name": "maximizeBtn", "fill": "$--traffic-green", "width": 12, "height": 12 } ] } ] }, { "type": "frame", "id": "VaNIH", "name": "Content", "width": "fill_container", "height": "fill_container", "children": [ { "type": "frame", "id": "XYYGz", "name": "sbRef", "theme": { "Mode": "Light" }, "clip": true, "width": 250, "height": "fill_container", "fill": "$--sidebar", "stroke": { "align": "inside", "thickness": 0, "fill": "$--sidebar-border" }, "layout": "vertical", "children": [ { "type": "frame", "id": "a0EuZ", "name": "Filters", "width": "fill_container", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "$--border" }, "layout": "vertical", "gap": 1, "padding": [ 8, 8, 16, 8 ], "children": [ { "id": "LWh15", "type": "ref", "ref": "7ckWW", "width": "fill_container", "fill": "$--accent-blue-light", "name": "f1", "height": "fit_content", "x": 8, "y": 8, "descendants": { "irI5G": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 7 }, "7I3Jh": { "iconFontName": "tray-fill", "fill": "$--primary" }, "gzPe9": { "content": "Inbox", "fill": "$--primary", "fontWeight": "600", "x": 26 }, "v96mi": { "fill": "$--primary", "width": "fit_content", "x": 193, "y": 6 }, "5hore": { "content": "24", "fill": "$--primary-foreground", "x": 6, "y": 4 } } }, { "id": "IqOfM", "type": "ref", "ref": "7ckWW", "width": "fill_container", "name": "f2", "height": "fit_content", "x": 8, "y": 41, "descendants": { "irI5G": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 7 }, "7I3Jh": { "iconFontName": "cardholder" }, "gzPe9": { "content": "All Notes", "x": 26 }, "v96mi": { "width": "fit_content", "x": 199, "y": 6 }, "5hore": { "content": "6", "x": 6, "y": 4 } } }, { "id": "SZSqv", "type": "ref", "ref": "7ckWW", "width": "fill_container", "name": "f3", "height": "fit_content", "x": 8, "y": 74, "descendants": { "irI5G": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 7 }, "7I3Jh": { "iconFontName": "trash" }, "gzPe9": { "content": "Archive", "x": 26 }, "v96mi": { "width": "fit_content", "x": 199, "y": 6 }, "5hore": { "content": "2", "x": 6, "y": 4 } } }, { "id": "1S6jQ", "type": "ref", "ref": "7ckWW", "width": "fill_container", "name": "f4", "height": "fit_content", "x": 8, "y": 107, "descendants": { "irI5G": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 7 }, "7I3Jh": { "iconFontName": "git-branch" }, "gzPe9": { "content": "Changes", "x": 26 }, "v96mi": { "width": "fit_content", "x": 199, "y": 6 }, "5hore": { "content": "3", "x": 6, "y": 4 } } } ] }, { "type": "frame", "id": "GoNhn", "name": "Sections", "width": "fill_container", "height": "fill_container", "layout": "vertical", "padding": [ 8, 0 ], "children": [ { "type": "frame", "id": "D55mW", "name": "TypesSection", "width": "fill_container", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "$--border" }, "layout": "vertical", "padding": [ 0, 0, 4, 0 ], "children": [ { "type": "frame", "id": "3My8w", "name": "TypesHeader", "width": "fill_container", "padding": [ 6, 14, 6, 16 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "o7h7N", "name": "typesLeft", "gap": 4, "alignItems": "center", "children": [ { "type": "icon_font", "id": "epS6N", "name": "typesChevIcon", "width": 12, "height": 12, "iconFontName": "chevron-down", "iconFontFamily": "lucide", "fill": "$--muted-foreground" }, { "type": "text", "id": "v29gZ", "name": "typesLabel", "fill": "$--muted-foreground", "content": "TYPES", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "600", "letterSpacing": 0.5 } ] }, { "type": "icon_font", "id": "1rsaG", "name": "typesPlus", "width": 12, "height": 12, "iconFontName": "plus", "iconFontFamily": "lucide", "fill": "$--muted-foreground" } ] }, { "type": "frame", "id": "qzdMR", "name": "TypesList", "width": "fill_container", "layout": "vertical", "gap": 2, "padding": [ 2, 6, 4, 6 ], "children": [ { "id": "akeOZ", "type": "ref", "ref": "YxnFy", "width": "fill_container", "name": "t1", "height": "fit_content", "x": 6, "y": 2, "descendants": { "sqaEa": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 6 }, "ckRGK": { "fill": "$--accent-red", "iconFontName": "wrench" }, "TB6OW": { "content": "Projects", "x": 26 }, "SWlrA": { "iconFontName": "chevron-right", "x": 208, "y": 8 } } }, { "id": "wn1Xe", "type": "ref", "ref": "YxnFy", "width": "fill_container", "name": "t2", "height": "fit_content", "x": 6, "y": 34, "descendants": { "sqaEa": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 6 }, "ckRGK": { "fill": "$--accent-yellow", "iconFontName": "users" }, "TB6OW": { "content": "People", "x": 26 }, "SWlrA": { "iconFontName": "chevron-right", "x": 208, "y": 8 } } }, { "id": "8RWVy", "type": "ref", "ref": "YxnFy", "width": "fill_container", "name": "t3", "height": "fit_content", "x": 6, "y": 66, "descendants": { "sqaEa": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 6 }, "ckRGK": { "fill": "$--accent-green", "iconFontName": "tag" }, "TB6OW": { "content": "Topics", "x": 26 }, "SWlrA": { "iconFontName": "chevron-right", "x": 208, "y": 8 } } }, { "id": "OORHX", "type": "ref", "ref": "YxnFy", "width": "fill_container", "name": "t4", "height": "fit_content", "x": 6, "y": 98, "descendants": { "sqaEa": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 6 }, "ckRGK": { "fill": "$--accent-green", "iconFontName": "leaf" }, "TB6OW": { "content": "Notes", "x": 26 }, "SWlrA": { "iconFontName": "chevron-right", "x": 208, "y": 8 } } } ] } ] }, { "type": "frame", "id": "bNxbc", "name": "FoldersSection", "width": "fill_container", "layout": "vertical", "padding": [ 8, 0 ], "children": [ { "type": "frame", "id": "YFyEm", "name": "FolderHeader", "width": "fill_container", "padding": [ 6, 14, 6, 16 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "GoOYA", "name": "foldersLeft", "gap": 4, "alignItems": "center", "children": [ { "type": "icon_font", "id": "i3yqZ", "name": "foldersChev", "width": 12, "height": 12, "iconFontName": "chevron-down", "iconFontFamily": "lucide", "fill": "$--muted-foreground" }, { "type": "text", "id": "dsoQP", "name": "foldersLabel", "fill": "$--muted-foreground", "content": "FOLDERS", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "600", "letterSpacing": 0.5 } ] }, { "type": "icon_font", "id": "ZnY0e", "name": "headerPlus", "width": 12, "height": 12, "iconFontName": "plus", "iconFontFamily": "lucide", "fill": "$--muted-foreground" } ] }, { "type": "frame", "id": "FtzeF", "name": "FolderTree", "width": "fill_container", "layout": "vertical", "gap": 2, "padding": [ 2, 6, 8, 14 ], "children": [ { "type": "frame", "id": "0dvhE", "name": "folder-projects", "width": "fill_container", "fill": "$--accent-blue-light", "cornerRadius": 5, "gap": 8, "padding": [ 5, 8 ], "alignItems": "center", "children": [ { "type": "icon_font", "id": "MlZbr", "name": "r1chev", "width": 18, "height": 18, "iconFontName": "folder-open-fill", "iconFontFamily": "phosphor", "fill": "$--primary" }, { "type": "text", "id": "b1Iuo", "name": "r1txt", "fill": "$--primary", "content": "projects", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" } ] }, { "type": "frame", "id": "5IMlP", "name": "projectsChildren", "width": "fill_container", "stroke": { "align": "inside", "thickness": 0, "fill": "$--border" }, "padding": [ 0, 0, 0, 15 ], "children": [ { "type": "rectangle", "id": "EDcem", "name": "guideLine", "opacity": 0.3, "fill": "$--muted-foreground", "width": 1, "height": "fill_container" }, { "type": "frame", "id": "JCJJm", "name": "childrenCol", "width": "fill_container", "layout": "vertical", "children": [ { "type": "frame", "id": "a5wxq", "name": "folder-laputa-app", "width": "fill_container", "cornerRadius": 5, "gap": 8, "padding": [ 5, 8, 5, 10 ], "alignItems": "center", "children": [ { "type": "icon_font", "id": "lvfG6", "name": "chevA", "width": 18, "height": 18, "iconFontName": "folder", "iconFontFamily": "phosphor", "fill": "$--foreground" }, { "type": "text", "id": "TcyzB", "name": "txtA", "fill": "$--foreground", "content": "laputa-app", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] }, { "type": "frame", "id": "cKYti", "name": "folder-portfolio", "width": "fill_container", "cornerRadius": 5, "gap": 8, "padding": [ 5, 8, 5, 10 ], "alignItems": "center", "children": [ { "type": "icon_font", "id": "d2cZE", "name": "chevB", "width": 18, "height": 18, "iconFontName": "folder", "iconFontFamily": "phosphor", "fill": "$--foreground" }, { "type": "text", "id": "yOW5x", "name": "txtB", "fill": "$--foreground", "content": "portfolio-rewrite", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] } ] } ] }, { "type": "frame", "id": "3KpjG", "name": "folder-areas", "width": "fill_container", "cornerRadius": 5, "gap": 8, "padding": [ 5, 8 ], "alignItems": "center", "children": [ { "type": "icon_font", "id": "037iD", "name": "r2chev", "width": 18, "height": 18, "iconFontName": "folder", "iconFontFamily": "phosphor", "fill": "$--foreground" }, { "type": "text", "id": "9v2pP", "name": "r2txt", "fill": "$--foreground", "content": "areas", "fontFamily": "Inter", "fontSize": 13 } ] }, { "type": "frame", "id": "HdPM9", "name": "folder-resources", "width": "fill_container", "cornerRadius": 5, "gap": 8, "padding": [ 5, 8 ], "alignItems": "center", "children": [ { "type": "icon_font", "id": "z06Fw", "name": "r3chev", "width": 18, "height": 18, "iconFontName": "folder", "iconFontFamily": "phosphor", "fill": "$--foreground" }, { "type": "text", "id": "VUtbZ", "name": "r3txt", "fill": "$--foreground", "content": "resources", "fontFamily": "Inter", "fontSize": 13 } ] }, { "type": "frame", "id": "I8Zit", "name": "folder-journal", "width": "fill_container", "cornerRadius": 5, "gap": 8, "padding": [ 5, 8 ], "alignItems": "center", "children": [ { "type": "icon_font", "id": "JA2qM", "name": "r4chev", "width": 18, "height": 18, "iconFontName": "folder", "iconFontFamily": "phosphor", "fill": "$--foreground" }, { "type": "text", "id": "SstQO", "name": "r4txt", "fill": "$--foreground", "content": "journal", "fontFamily": "Inter", "fontSize": 13 } ] }, { "type": "frame", "id": "f7XnF", "name": "folder-archive", "width": "fill_container", "cornerRadius": 5, "gap": 8, "padding": [ 5, 8 ], "alignItems": "center", "children": [ { "type": "icon_font", "id": "rxd69", "name": "r6chev", "width": 18, "height": 18, "iconFontName": "folder", "iconFontFamily": "phosphor", "fill": "$--foreground" }, { "type": "text", "id": "KGVPg", "name": "r6txt", "fill": "$--foreground", "content": "archive", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal" } ] } ] } ] } ] }, { "type": "frame", "id": "V9xQR", "name": "Commit Area", "width": "fill_container", "stroke": { "align": "inside", "thickness": { "top": 1 }, "fill": "$--border" }, "layout": "vertical", "padding": 12, "children": [ { "type": "frame", "id": "liqOR", "name": "commitBtn", "width": "fill_container", "fill": "$--primary", "cornerRadius": 6, "gap": 6, "padding": [ 8, 16 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "icon_font", "id": "sPe5s", "name": "commitIcon", "width": 14, "height": 14, "iconFontName": "git-commit-horizontal", "iconFontFamily": "lucide", "fill": "$--primary-foreground" }, { "type": "text", "id": "pZZVy", "name": "commitTxt", "fill": "$--primary-foreground", "content": "Commit & Push", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500" }, { "type": "frame", "id": "vEGYn", "name": "commitBadge", "height": 18, "fill": "$--white-overlay", "cornerRadius": 9, "padding": [ 0, 5 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "yOU4E", "name": "commitBadgeTxt", "fill": "$--white", "content": "3", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "600" } ] } ] } ] } ] }, { "type": "rectangle", "id": "HD9X6", "name": "Resize Handle", "fill": "$--border", "width": 1, "height": "fill_container" }, { "type": "frame", "id": "gEkuO", "name": "nlRef", "theme": { "Mode": "Light" }, "clip": true, "width": 300, "height": "fill_container", "fill": "$--card", "stroke": { "align": "inside", "thickness": 0, "fill": "$--border" }, "layout": "vertical", "children": [ { "type": "frame", "id": "ASdeI", "name": "NoteList Header", "width": "fill_container", "height": 45, "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "$--border" }, "padding": [ 14, 16 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "lG8Gf", "name": "nlTitle", "fill": "$--foreground", "content": "Laputa App", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600" }, { "type": "frame", "id": "kduXx", "name": "nlActions", "gap": 12, "alignItems": "center", "children": [ { "type": "icon_font", "id": "SuxnI", "name": "searchIcon", "width": 16, "height": 16, "iconFontName": "magnifying-glass", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" }, { "type": "icon_font", "id": "uiZ6B", "name": "plusIcon", "width": 16, "height": 16, "iconFontName": "plus", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" } ] } ] }, { "type": "frame", "id": "U2rm1", "name": "Note Items", "clip": true, "width": "fill_container", "height": "fill_container", "layout": "vertical", "children": [ { "type": "frame", "id": "dMz40", "name": "Backlinks Group", "width": "fill_container", "layout": "vertical", "children": [ { "type": "frame", "id": "VhcPh", "name": "Note Item Selected", "width": "fill_container", "fill": "$--accent-red-light", "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "$--border" }, "children": [ { "type": "rectangle", "id": "HSk0P", "name": "leftAccent", "fill": "$--accent-red", "width": 3, "height": "fill_container" }, { "id": "5HpfH", "type": "ref", "ref": "2nsLn", "width": "fill_container", "stroke": { "align": "inside", "thickness": 0, "fill": "#00000000" }, "gap": 6, "name": "nsel", "height": "fit_content", "x": 3, "y": 0, "descendants": { "lOrq7": { "width": "fill_container", "height": "fit_content", "x": 16, "y": 14 }, "VlWUT": { "width": "fill_container", "height": "fit_content" }, "kQ4LK": { "content": "Laputa App", "fontWeight": "600" }, "pPh0z": { "iconFontFamily": "lucide", "iconFontName": "wrench", "fill": "$--accent-red", "x": 251, "y": 1 }, "vm86r": { "content": "Personal knowledge and life management desktop app...", "width": "fill_container", "x": 16, "y": 36 } } } ] } ] }, { "type": "frame", "id": "YoTrL", "name": "Related Notes Group", "width": "fill_container", "layout": "vertical", "children": [ { "id": "czNrf", "type": "ref", "ref": "CGiVI", "width": "fill_container", "name": "h1", "y": 0, "descendants": { "rKzdN": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 9.5 }, "xr1Bv": { "content": "Related Notes" }, "Yh4xV": { "content": "2", "x": 80 }, "CGSHU": { "width": "fit_content", "height": "fit_content", "x": 228, "y": 10 }, "FcKJx": { "x": 22 }, "dEkjQ": { "x": 44 } } }, { "id": "hTq1s", "type": "ref", "ref": "2nsLn", "width": "fill_container", "name": "n1", "height": "fit_content", "y": 32, "descendants": { "lOrq7": { "width": "fill_container", "height": "fit_content", "x": 16, "y": 14 }, "VlWUT": { "width": "fill_container", "height": "fit_content" }, "kQ4LK": { "content": "Portfolio Rewrite" }, "pPh0z": { "iconFontName": "leaf", "fill": "$--accent-green", "x": 254, "y": 1 }, "vm86r": { "content": "Redesigning portfolio site with modern stack and updated visual language...", "width": "fill_container", "x": 16, "y": 38 } } }, { "id": "8rf0u", "type": "ref", "ref": "2nsLn", "width": "fill_container", "name": "n2", "height": "fit_content", "y": 120, "descendants": { "lOrq7": { "width": "fill_container", "height": "fit_content", "x": 16, "y": 14 }, "VlWUT": { "width": "fill_container", "height": "fit_content" }, "kQ4LK": { "content": "Sample note 2" }, "pPh0z": { "iconFontName": "leaf", "fill": "$--accent-green", "x": 254, "y": 1 }, "vm86r": { "content": "Lorem ipsum dolor sit amet consequetur with modern stack and updated language...", "width": "fill_container", "x": 16, "y": 38 } } } ] }, { "type": "frame", "id": "0Eqoj", "name": "Events Group", "width": "fill_container", "layout": "vertical", "children": [ { "id": "cZPw7", "type": "ref", "ref": "CGiVI", "width": "fill_container", "name": "h2", "y": 0, "descendants": { "rKzdN": { "width": "fit_content", "height": "fit_content", "x": 16, "y": 9.5 }, "xr1Bv": { "content": "Events" }, "Yh4xV": { "content": "2", "x": 42 }, "CGSHU": { "width": "fit_content", "height": "fit_content", "x": 228, "y": 10 }, "FcKJx": { "x": 22 }, "dEkjQ": { "x": 44 } } }, { "id": "tQBDp", "type": "ref", "ref": "2nsLn", "width": "fill_container", "name": "n3", "height": "fit_content", "y": 32, "descendants": { "lOrq7": { "width": "fill_container", "height": "fit_content", "x": 16, "y": 14 }, "VlWUT": { "width": "fill_container", "height": "fit_content" }, "kQ4LK": { "content": "Meeting with Grant" }, "pPh0z": { "iconFontFamily": "lucide", "iconFontName": "calendar", "fill": "$--accent-yellow", "x": 254, "y": 1 }, "vm86r": { "content": "Discussed Q1 goals and hiring priorities with the engineering team leads...", "width": "fill_container", "x": 16, "y": 38 } } }, { "id": "lYwoh", "type": "ref", "ref": "2nsLn", "width": "fill_container", "name": "n4", "height": "fit_content", "y": 120, "descendants": { "lOrq7": { "width": "fill_container", "height": "fit_content", "x": 16, "y": 14 }, "VlWUT": { "width": "fill_container", "height": "fit_content" }, "kQ4LK": { "content": "Meeting with Matteo" }, "pPh0z": { "iconFontFamily": "lucide", "iconFontName": "calendar", "fill": "$--accent-yellow", "x": 254, "y": 1 }, "vm86r": { "content": "Discussed Q1 goals and hiring priorities with the engineering team leads...", "width": "fill_container", "x": 16, "y": 38 } } } ] } ] }, { "type": "frame", "id": "1NIGv", "name": "Filter Pills Bar", "width": "fill_container", "fill": { "type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 0, "size": { "height": 1 }, "colors": [ { "color": "#FFFFFF00", "position": 0 }, { "color": "#FFFFFFEE", "position": 0.3 }, { "color": "#FFFFFFFF", "position": 1 } ] }, "gap": 8, "padding": [ 12, 16 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "frame", "id": "5bR8y", "name": "Pill Week", "fill": "$--accent-blue-light", "cornerRadius": 9999, "gap": 6, "padding": [ 6, 14 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "HxHj5", "name": "label", "fill": "$--primary", "content": "Week", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "A5UE4", "name": "count", "opacity": 0.7, "fill": "$--primary", "content": "12", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "iqFUf", "name": "Pill Quarter", "fill": "$--secondary", "cornerRadius": 9999, "stroke": { "thickness": 0 }, "gap": 6, "padding": [ 6, 14 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "kMJqw", "name": "label", "fill": "$--secondary-foreground", "content": "Quarter", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "RODbT", "name": "count", "fill": "$--muted-foreground", "content": "34", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] }, { "type": "frame", "id": "7I0m7", "name": "Pill Year", "fill": "$--secondary", "cornerRadius": 9999, "stroke": { "thickness": 0 }, "gap": 6, "padding": [ 6, 14 ], "justifyContent": "center", "alignItems": "center", "children": [ { "type": "text", "id": "9B3ye", "name": "label", "fill": "$--secondary-foreground", "content": "Year", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" }, { "type": "text", "id": "JBcjN", "name": "count", "fill": "$--muted-foreground", "content": "86", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "600" } ] } ] } ] }, { "type": "rectangle", "id": "kwcqd", "name": "Resize Handle 2", "fill": "$--border", "width": 1, "height": "fill_container" }, { "type": "frame", "id": "l7G2Z", "name": "Panel: Editor", "clip": true, "width": "fill_container", "height": "fill_container", "fill": "$--background", "layout": "vertical", "children": [ { "type": "frame", "id": "oocuC", "name": "Editor Body", "width": "fill_container", "height": "fill_container", "children": [ { "type": "frame", "id": "KEJIl", "name": "edRef", "theme": { "Mode": "Light" }, "clip": true, "width": "fill_container", "height": "fill_container", "layout": "vertical", "children": [ { "id": "MQXyV", "type": "ref", "ref": "ABj4R", "width": "fill_container", "name": "ib", "y": 0, "stroke": { "align": "inside", "thickness": { "bottom": 1 } }, "descendants": { "tahyf": { "x": 16, "y": 22.5 }, "LxtfH": { "width": "fit_content", "height": "fit_content", "x": 484, "y": 14.5 }, "S0HhS": { "x": 28 }, "RMnGX": { "x": 56 }, "Roqzk": { "x": 84 }, "QWemM": { "x": 112 } } }, { "type": "frame", "id": "aGrwk", "name": "Editor Content", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 16, "padding": [ 32, 64 ], "children": [ { "type": "frame", "id": "ecG43", "name": "titleRow", "width": "fill_container", "gap": 12, "alignItems": "center", "children": [ { "type": "text", "id": "q0oqT", "name": "noteH1", "fill": "$--foreground", "content": "🗓️ Laputa App", "lineHeight": 1.2, "fontFamily": "Inter Tight", "fontSize": 36, "fontWeight": "700" } ] }, { "type": "rectangle", "id": "GtFgT", "name": "titleSeparator", "fill": "$--border", "width": "fill_container", "height": 1 }, { "type": "text", "id": "MlwLa", "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": 15, "fontWeight": "normal" }, { "type": "text", "id": "RL4Dx", "name": "editorH2", "fill": "$--foreground", "content": "Architecture", "lineHeight": 1.3, "fontFamily": "Inter", "fontSize": 24, "fontWeight": "600" }, { "type": "text", "id": "6hyVX", "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": 15, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "SIQfO", "name": "insRef", "theme": { "Mode": "Light" }, "clip": true, "width": 260, "height": "fill_container", "fill": "$--background", "stroke": { "align": "inside", "thickness": { "left": 1 }, "fill": "$--border" }, "layout": "vertical", "children": [ { "type": "frame", "id": "GJO7K", "name": "Inspector Header", "width": "fill_container", "height": 45, "stroke": { "align": "inside", "thickness": { "bottom": 1 }, "fill": "$--border" }, "gap": 8, "padding": [ 0, 12 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "5pS5h", "name": "leftGroup", "gap": 8, "alignItems": "center", "children": [ { "type": "icon_font", "id": "oPLj4", "name": "propIcon", "width": 16, "height": 16, "iconFontName": "sliders", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" }, { "type": "text", "id": "u9AYA", "name": "inspTitle", "fill": "$--muted-foreground", "content": "Properties", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "600" } ] }, { "type": "icon_font", "id": "hTVfq", "name": "sidebarIcon", "width": 16, "height": 16, "iconFontName": "x", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" } ] }, { "type": "frame", "id": "YQBB5", "name": "Inspector Body", "clip": true, "width": "fill_container", "height": "fill_container", "layout": "vertical", "padding": [ 12, 0 ], "children": [ { "type": "frame", "id": "uT0iE", "name": "Section Group 1", "width": "fill_container", "layout": "vertical", "gap": 20, "padding": [ 0, 12, 20, 12 ], "children": [ { "type": "frame", "id": "6Laox", "name": "Properties Section", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "id": "gnLJk", "type": "ref", "ref": "2bVOu", "width": "fill_container", "name": "p1", "height": "fit_content", "x": 0, "y": 0, "descendants": { "SS4ef": { "content": "Type", "y": 3, "fontSize": 12, "letterSpacing": 0 }, "lKjFb": { "type": "frame", "id": "Zncou", "name": "newChip", "fill": "$--accent-red-light", "cornerRadius": 4, "gap": 4, "padding": [ 3, 8 ], "alignItems": "center", "children": [ { "type": "icon_font", "id": "vcxwP", "name": "chipIco", "width": 12, "height": 12, "iconFontName": "wrench", "iconFontFamily": "phosphor", "fill": "$--accent-red" }, { "type": "text", "id": "akdl5", "name": "chipTxt", "fill": "$--accent-red", "content": "Project", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] } } }, { "id": "i8AYj", "type": "ref", "ref": "2bVOu", "width": "fill_container", "name": "p2", "height": "fit_content", "x": 0, "y": 29, "descendants": { "SS4ef": { "content": "Status", "y": 3 }, "lKjFb": { "type": "frame", "id": "eqe9E", "name": "statusChip", "fill": "$--accent-green-light", "cornerRadius": 4, "gap": 6, "padding": [ 3, 8 ], "alignItems": "center", "children": [ { "type": "ellipse", "id": "hjrL6", "name": "statusDot", "fill": "$--accent-green", "width": 6, "height": 6 }, { "type": "text", "id": "FAztt", "name": "statusTxt", "fill": "$--accent-green", "content": "Active", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] } } }, { "id": "2aUYf", "type": "ref", "ref": "2bVOu", "width": "fill_container", "name": "p3", "height": "fit_content", "x": 0, "y": 58, "descendants": { "SS4ef": { "content": "Date", "y": 3 }, "lKjFb": { "width": "fit_content", "height": "fit_content", "x": 142 }, "38JOz": { "content": "Mar 23, 2026", "x": 8, "y": 3 } } }, { "id": "QxHTY", "type": "ref", "ref": "2bVOu", "width": "fill_container", "name": "p4", "height": "fit_content", "x": 0, "y": 87, "descendants": { "SS4ef": { "content": "URL", "y": 3 }, "lKjFb": { "fill": "transparent", "width": "fit_content", "height": "fit_content", "x": 131 }, "38JOz": { "content": "acme.dev/docs", "fill": "$--primary", "x": 8, "y": 3 } } }, { "type": "frame", "id": "ifID2", "name": "propArchived", "width": "fill_container", "height": 21, "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "ENYTp", "name": "propArchivedLbl", "gap": 4, "alignItems": "center", "children": [ { "type": "text", "id": "sLZpE", "name": "archivedTxt", "fill": "$--muted-foreground", "content": "Archived", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "GBwmg", "name": "propArchivedToggle", "width": 15, "height": 15, "fill": "$--background", "cornerRadius": 3, "stroke": { "align": "inside", "thickness": 1.5, "fill": "$--border" } } ] }, { "type": "frame", "id": "Urufa", "name": "propTags", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "t7x4Q", "name": "propTagsLbl", "gap": 4, "alignItems": "center", "children": [ { "type": "text", "id": "oRDgI", "name": "tagsTxt", "fill": "$--muted-foreground", "content": "Tags", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "kqyQ4", "name": "propTagsChips", "gap": 4, "alignItems": "center", "children": [ { "type": "frame", "id": "m6Z8U", "name": "tagChip1", "fill": "$--accent-purple-light", "cornerRadius": 4, "padding": [ 3, 8 ], "alignItems": "center", "children": [ { "type": "text", "id": "4LKxL", "name": "tag1txt", "fill": "$--accent-purple", "content": "v2", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] }, { "type": "frame", "id": "WZKJn", "name": "tagChip2", "fill": "$--accent-orange-light", "cornerRadius": 4, "padding": [ 3, 8 ], "alignItems": "center", "children": [ { "type": "text", "id": "dguRE", "name": "tag2txt", "fill": "$--accent-orange", "content": "docs", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500" } ] } ] } ] }, { "id": "xaKek", "type": "ref", "ref": "2bVOu", "width": "fill_container", "name": "p5", "height": "fit_content", "x": 0, "y": 174, "descendants": { "SS4ef": { "content": "Author", "y": 3 }, "lKjFb": { "width": "fit_content", "height": "fit_content", "x": 192 }, "38JOz": { "content": "Luca", "x": 8, "y": 3 } } }, { "type": "frame", "id": "v6jWn", "name": "addPropRow", "width": "fill_container", "gap": 4, "alignItems": "center", "children": [ { "type": "icon_font", "id": "503Xx", "name": "addIco", "opacity": 0.5, "width": 12, "height": 12, "iconFontName": "plus", "iconFontFamily": "lucide", "fill": "$--muted-foreground" }, { "type": "text", "id": "D0U3S", "name": "addTxt", "opacity": 0.5, "rotation": -0.43548563406852797, "fill": "$--muted-foreground", "content": "Add property", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "2ATek", "name": "Relationships Section", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [ { "type": "frame", "id": "tXTui", "name": "relGroup1", "width": "fill_container", "layout": "vertical", "gap": 4, "children": [ { "type": "frame", "id": "x6MGE", "name": "relGrp1Title", "gap": 4, "alignItems": "center", "children": [ { "type": "icon_font", "id": "WyIlJ", "name": "belongsIco", "width": 12, "height": 12, "iconFontName": "arrow-up-right", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" }, { "type": "text", "id": "ySLwx", "name": "belongsTxt", "fill": "$--muted-foreground", "content": "Belongs to", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "id": "oWXIe", "type": "ref", "ref": "n6iwQ", "width": "fill_container", "name": "r1", "height": "fit_content", "x": 0, "y": 19, "descendants": { "OTLK6": { "content": "Laputa", "x": 10, "y": 6 }, "s37c7": { "iconFontName": "tag", "x": 212, "y": 6.5 } } }, { "id": "eRfdI", "type": "ref", "ref": "n6iwQ", "width": "fill_container", "name": "r2", "height": "fit_content", "x": 0, "y": 50, "descendants": { "OTLK6": { "content": "Building", "x": 10, "y": 6 }, "s37c7": { "iconFontName": "tag", "x": 212, "y": 6.5 } } }, { "type": "frame", "id": "mQRif", "name": "linkExisting", "width": "fill_container", "cornerRadius": 6, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "padding": [ 6, 10 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "m6BqZ", "name": "laputaTxt", "fill": "$--muted-foreground", "content": "+ Link existing", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "I7qBC", "name": "relGroup2", "width": "fill_container", "layout": "vertical", "gap": 4, "children": [ { "type": "frame", "id": "cOazX", "name": "relGrp2Title", "gap": 4, "alignItems": "center", "children": [ { "type": "icon_font", "id": "mBTjs", "name": "relatedIco", "width": 12, "height": 12, "iconFontName": "arrow-up-right", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" }, { "type": "text", "id": "G8vvT", "name": "relatedTxt", "fill": "$--muted-foreground", "content": "Related to", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "id": "KWfe9", "type": "ref", "ref": "n6iwQ", "width": "fill_container", "fill": "$--accent-red-light", "name": "r3", "height": "fit_content", "x": 0, "y": 19, "descendants": { "OTLK6": { "content": "Shadcn Migration", "fill": "$--accent-red", "x": 10, "y": 6 }, "s37c7": { "iconFontName": "flask", "fill": "$--accent-red", "x": 212, "y": 6.5 } } }, { "type": "frame", "id": "ZsMZJ", "name": "linkExisting", "width": "fill_container", "cornerRadius": 6, "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "padding": [ 6, 10 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "text", "id": "gf8IP", "name": "laputaTxt", "fill": "$--muted-foreground", "content": "+ Link existing", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "frame", "id": "rZ32x", "name": "addRelRow", "width": "fill_container", "gap": 4, "alignItems": "center", "children": [ { "type": "icon_font", "id": "WMqYk", "name": "addRelIco", "opacity": 0.5, "width": 12, "height": 12, "iconFontName": "plus", "iconFontFamily": "lucide", "fill": "$--muted-foreground" }, { "type": "text", "id": "Z0Xjw", "name": "addRelTxt", "opacity": 0.5, "fill": "$--muted-foreground", "content": "Add relationship", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] } ] }, { "id": "8dTwx", "type": "ref", "ref": "comp_Separator", "name": "sep1", "width": "fill_container", "x": 0, "y": 502.577211185393 }, { "type": "frame", "id": "aqqat", "name": "Section Group 2", "width": "fill_container", "layout": "vertical", "gap": 20, "padding": [ 20, 12 ], "children": [ { "type": "frame", "id": "k1Da6", "name": "Backlinks Section", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "EXpUD", "name": "blTitle", "gap": 4, "alignItems": "center", "children": [ { "type": "frame", "id": "PYpPc", "name": "blTitleTxt", "gap": 4, "alignItems": "center", "children": [ { "type": "icon_font", "id": "2U4ji", "name": "blIco", "width": 12, "height": 12, "iconFontName": "arrow-down-left", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" }, { "type": "text", "id": "U1RX7", "name": "blTxt", "fill": "$--muted-foreground", "content": "Backlinks", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "type": "text", "id": "iCMpl", "name": "blItem1", "fill": "$--primary", "content": "Portfolio Rewrite", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "KbNWM", "name": "blItem2", "fill": "$--primary", "content": "Meeting with Grant", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" }, { "type": "text", "id": "5uRiP", "name": "blItem3", "fill": "$--primary", "content": "Q1 Planning", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] } ] }, { "id": "781CE", "type": "ref", "ref": "comp_Separator", "name": "sep2", "width": "fill_container", "x": 0, "y": 627.577211185393 }, { "type": "frame", "id": "1lv1P", "name": "Section Group 3", "width": "fill_container", "layout": "vertical", "gap": 20, "padding": [ 20, 12, 0, 12 ], "children": [ { "type": "frame", "id": "y2ihJ", "name": "History Section", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { "type": "frame", "id": "9McCK", "name": "histTitle", "gap": 4, "alignItems": "center", "children": [ { "type": "icon_font", "id": "voB01", "name": "histIco", "width": 12, "height": 12, "iconFontName": "clock-counter-clockwise", "iconFontFamily": "phosphor", "fill": "$--muted-foreground" }, { "type": "text", "id": "7U2jU", "name": "histTxt", "fill": "$--muted-foreground", "content": "History", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal" } ] }, { "type": "frame", "id": "eM4AA", "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": "BkaQW", "name": "histItem1Hash", "fill": "$--accent-blue", "content": "a089f44 · feat: migrate to shadcn/ui", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "text", "id": "USetN", "name": "histItem1Date", "fill": "$--muted-foreground", "content": "Feb 16, 2026", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "normal" } ] }, { "type": "frame", "id": "Sq3V0", "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": "B8D8M", "name": "histItem2Hash", "fill": "$--accent-blue", "content": "5a4b4ac · feat: emoji favicon", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "text", "id": "KcUft", "name": "histItem2Date", "fill": "$--muted-foreground", "content": "Feb 15, 2026", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "normal" } ] } ] } ] } ] } ] } ] } ] } ] }, { "type": "frame", "id": "9QgAe", "name": "lightStatusBar", "width": "fill_container", "height": 30, "fill": "$--sidebar", "stroke": { "align": "inside", "thickness": { "top": 1 }, "fill": "$--border" }, "padding": [ 0, 8 ], "justifyContent": "space_between", "alignItems": "center", "children": [ { "type": "frame", "id": "HvdQl", "name": "Status Left", "height": "fill_container", "gap": 12, "alignItems": "center", "children": [ { "type": "icon_font", "id": "z41bj", "name": "versionIcon", "width": 14, "height": 14, "iconFontName": "box", "iconFontFamily": "lucide", "fill": "$--muted-foreground" }, { "type": "text", "id": "2F5m9", "name": "versionText", "fill": "$--muted-foreground", "content": "v0.4.2", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "500" }, { "type": "text", "id": "3zlVi", "name": "sep1", "fill": "$--border", "content": "|", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "icon_font", "id": "DGW93", "name": "branchIcon", "width": 14, "height": 14, "iconFontName": "git-branch", "iconFontFamily": "lucide", "fill": "$--muted-foreground" }, { "type": "text", "id": "NieED", "name": "branchText", "fill": "$--muted-foreground", "content": "main", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "text", "id": "XaTaL", "name": "sep2", "fill": "$--border", "content": "|", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "icon_font", "id": "baJ34", "name": "syncIcon", "width": 13, "height": 13, "iconFontName": "refresh-cw", "iconFontFamily": "lucide", "fill": "$--accent-green" }, { "type": "text", "id": "2be9I", "name": "syncText", "fill": "$--muted-foreground", "content": "Synced 2m ago", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" } ] }, { "type": "frame", "id": "RrTfE", "name": "Status Right", "height": "fill_container", "gap": 12, "alignItems": "center", "children": [ { "type": "icon_font", "id": "R3SB6", "name": "aiIcon", "width": 13, "height": 13, "iconFontName": "sparkles", "iconFontFamily": "lucide", "fill": "$--accent-purple" }, { "type": "text", "id": "uj6GM", "name": "aiText", "fill": "$--muted-foreground", "content": "Claude Sonnet 4", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "text", "id": "l3SNr", "name": "sep3", "fill": "$--border", "content": "|", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "icon_font", "id": "zKhu2", "name": "notesCount", "width": 13, "height": 13, "iconFontName": "file-text", "iconFontFamily": "lucide", "fill": "$--muted-foreground" }, { "type": "text", "id": "SipxO", "name": "notesText", "fill": "$--muted-foreground", "content": "1,247 notes", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "text", "id": "R7hFy", "name": "sep4", "fill": "$--border", "content": "|", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal" }, { "type": "icon_font", "id": "4ki4j", "name": "bellIcon", "width": 13, "height": 13, "iconFontName": "bell", "iconFontFamily": "lucide", "fill": "$--muted-foreground" }, { "type": "icon_font", "id": "VIzQo", "name": "settingsIcon", "width": 13, "height": 13, "iconFontName": "settings", "iconFontFamily": "lucide", "fill": "$--muted-foreground" } ] } ] } ] }, { "type": "frame", "id": "gitignored_visibility_settings", "x": 1480, "y": 7900, "name": "Settings - Gitignored files visibility", "theme": { "Mode": "Light" }, "width": 520, "height": 188, "fill": "$--background", "padding": [ 24, 24 ], "children": [ { "type": "text", "id": "gitignored_visibility_heading", "name": "sectionHeading", "fill": "$--muted-foreground", "content": "VAULT CONTENT", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "700", "letterSpacing": 0 }, { "type": "text", "id": "gitignored_visibility_description", "name": "sectionDescription", "fill": "$--muted-foreground", "content": "Control whether files matched by the vault .gitignore appear in Tolaria.", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal", "letterSpacing": 0 }, { "type": "frame", "id": "gitignored_visibility_row", "name": "switchRow", "width": 472, "height": 54, "children": [ { "type": "text", "id": "gitignored_visibility_label", "fill": "$--foreground", "content": "Hide files and folders ignored by Git", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500", "letterSpacing": 0 }, { "type": "text", "id": "gitignored_visibility_helper", "fill": "$--muted-foreground", "content": "Keeps generated and local-only vault files out of notes, search, quick open, and folders.", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "normal", "letterSpacing": 0 } ] } ] }, { "type": "frame", "id": "mcp_config_copy_design", "x": 0, "y": 12580, "name": "MCP Config Copy — Light", "theme": { "Mode": "Light" }, "width": 1440, "fill": "$--background", "layout": "vertical", "gap": 20, "padding": 40, "children": [ { "type": "text", "id": "mcp_config_copy_title", "fill": "$--foreground", "content": "MCP Config Copy", "fontFamily": "Inter", "fontSize": 24, "fontWeight": "700", "letterSpacing": 0 }, { "type": "text", "id": "mcp_config_copy_description", "fill": "$--muted-foreground", "content": "AI panel exposes a compact Copy MCP config action; setup dialog shows the exact generated JSON with a keyboard-focusable code block and copy button.", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal", "letterSpacing": 0 }, { "type": "frame", "id": "mcp_config_copy_ai_header", "name": "AI panel header action", "width": 520, "height": 52, "fill": "$--background", "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "children": [ { "type": "text", "id": "mcp_config_copy_ai_label", "fill": "$--muted-foreground", "content": "AI Agent · Claude Code", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "600", "letterSpacing": 0 }, { "type": "rectangle", "id": "mcp_config_copy_icon_button", "name": "Copy MCP config icon button", "x": 440, "y": 14, "width": 24, "height": 24, "cornerRadius": 6, "fill": "$--muted" } ] }, { "type": "frame", "id": "mcp_config_copy_manual_block", "name": "Manual MCP config block", "width": 520, "fill": "$--background", "layout": "vertical", "gap": 8, "children": [ { "type": "text", "id": "mcp_config_copy_manual_title", "fill": "$--foreground", "content": "Manual MCP config", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "600", "letterSpacing": 0 }, { "type": "rectangle", "id": "mcp_config_copy_code_block", "width": 520, "height": 148, "cornerRadius": 8, "fill": "$--background", "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" } } ] } ] }, { "type": "frame", "id": "ai_agent_permission_mode_header", "x": 560, "y": 13980, "name": "AI agent permission mode - panel header", "theme": { "Mode": "Light" }, "width": 360, "height": 96, "fill": "$--background", "stroke": { "align": "inside", "thickness": 1, "fill": "$--border" }, "layout": "vertical", "padding": 12, "gap": 10, "children": [ { "type": "frame", "id": "ai_agent_permission_mode_title_row", "width": "fill_container", "height": 28, "alignItems": "center", "gap": 8, "children": [ { "type": "text", "id": "ai_agent_permission_mode_icon", "fill": "$--muted-foreground", "content": "robot", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600", "letterSpacing": 0 }, { "type": "frame", "id": "ai_agent_permission_mode_title_stack", "width": "fill_container", "height": 28, "layout": "vertical", "gap": 2, "children": [ { "type": "text", "id": "ai_agent_permission_mode_title", "fill": "$--muted-foreground", "content": "AI Agent", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "600", "letterSpacing": 0 }, { "type": "text", "id": "ai_agent_permission_mode_agent", "fill": "$--muted-foreground", "content": "Claude Code · Safe", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "400", "letterSpacing": 0 } ] } ] }, { "type": "frame", "id": "ai_agent_permission_mode_toggle", "width": "fill_container", "height": 28, "fill": "$--muted", "cornerRadius": 6, "padding": 2, "gap": 2, "children": [ { "type": "text", "id": "ai_agent_permission_mode_safe", "width": "fill_container", "height": 24, "fill": "$--foreground", "content": "Vault Safe", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600", "letterSpacing": 0 }, { "type": "text", "id": "ai_agent_permission_mode_power", "width": "fill_container", "height": 24, "fill": "$--muted-foreground", "content": "Power User", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "500", "letterSpacing": 0 } ] } ] }, { "type": "frame", "id": "view_color_sidebar_row", "x": 960, "y": 13980, "name": "Saved View color metadata - sidebar row", "theme": { "Mode": "Light" }, "width": 420, "height": 128, "fill": "$--sidebar", "stroke": { "align": "inside", "thickness": 1, "fill": "$--sidebar-border" }, "layout": "vertical", "gap": 10, "padding": 16, "children": [ { "type": "text", "id": "view_color_sidebar_header", "fill": "$--muted-foreground", "content": "VIEWS", "fontFamily": "Inter", "fontSize": 11, "fontWeight": "700", "letterSpacing": 0 }, { "type": "frame", "id": "view_color_sidebar_active_row", "width": "fill_container", "height": 32, "fill": "$--accent-blue-light", "cornerRadius": 4, "padding": [ 6, 8, 6, 16 ], "alignItems": "center", "gap": 8, "children": [ { "type": "text", "id": "view_color_sidebar_icon", "fill": "$--accent-blue", "content": "rocket", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600", "letterSpacing": 0 }, { "type": "text", "id": "view_color_sidebar_label", "fill": "$--accent-blue", "width": "fill_container", "content": "Active Projects", "fontFamily": "Inter", "fontSize": 13, "fontWeight": "500", "letterSpacing": 0 }, { "type": "text", "id": "view_color_sidebar_count", "fill": "$--text-inverse", "content": "4", "fontFamily": "Inter", "fontSize": 10, "fontWeight": "600", "letterSpacing": 0 } ] }, { "type": "text", "id": "view_color_sidebar_note", "fill": "$--muted-foreground", "textGrowth": "fixed-width", "width": "fill_container", "content": "Saved Views with color metadata use the accent for the icon, active label, active row tint, and active count pill; invalid or missing colors keep the default active row treatment.", "lineHeight": 1.45, "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal", "letterSpacing": 0 } ] } ], "themes": { "Mode": [ "Dark" ] }, "variables": { "--accent": { "type": "color", "value": [ { "value": "#EBEBEA" }, { "value": "#252545", "theme": { "Mode": "Dark" } } ] }, "--accent-blue": { "type": "color", "value": [ { "value": "#2383E2" }, { "value": "#4a9eff", "theme": { "Mode": "Dark" } }, { "value": "#155DFF" }, { "value": "#155DFF", "theme": { "Mode": "Dark" } } ] }, "--accent-foreground": { "type": "color", "value": [ { "value": "#37352F" }, { "value": "#ffffff", "theme": { "Mode": "Dark" } } ] }, "--accent-green": { "type": "color", "value": [ { "value": "#0F7B6C" }, { "value": "#4caf50", "theme": { "Mode": "Dark" } }, { "value": "#00B38B" }, { "value": "#00B38B", "theme": { "Mode": "Dark" } } ] }, "--accent-orange": { "type": "color", "value": [ { "value": "#D9730D" }, { "value": "#ff9800", "theme": { "Mode": "Dark" } } ] }, "--accent-purple": { "type": "color", "value": [ { "value": "#9065B0" }, { "value": "#9c72ff", "theme": { "Mode": "Dark" } }, { "value": "#A932FF" }, { "value": "#A932FF", "theme": { "Mode": "Dark" } } ] }, "--accent-red": { "type": "color", "value": [ { "value": "#E03E3E" }, { "value": "#f44336", "theme": { "Mode": "Dark" } } ] }, "--background": { "type": "color", "value": [ { "value": "#FFFFFF" }, { "value": "#0f0f1a", "theme": { "Mode": "Dark" } } ] }, "--black": { "type": "color", "value": "#000000" }, "--border": { "type": "color", "value": [ { "value": "#E9E9E7" }, { "value": "#2a2a4a", "theme": { "Mode": "Dark" } } ] }, "--card": { "type": "color", "value": [ { "value": "#FFFFFF" }, { "value": "#16162a", "theme": { "Mode": "Dark" } } ] }, "--card-foreground": { "type": "color", "value": [ { "value": "#37352F" }, { "value": "#e0e0e0", "theme": { "Mode": "Dark" } } ] }, "--destructive": { "type": "color", "value": [ { "value": "#E03E3E" }, { "value": "#f44336", "theme": { "Mode": "Dark" } } ] }, "--destructive-foreground": { "type": "color", "value": [ { "value": "#FFFFFF" }, { "value": "#ffffff", "theme": { "Mode": "Dark" } } ] }, "--font-primary": { "type": "string", "value": [ { "value": "Inter" }, { "value": "-apple-system, BlinkMacSystemFont, Inter, sans-serif" }, { "value": "Inter" } ] }, "--font-system": { "type": "string", "value": "-apple-system, BlinkMacSystemFont, sans-serif" }, "--foreground": { "type": "color", "value": [ { "value": "#37352F" }, { "value": "#e0e0e0", "theme": { "Mode": "Dark" } } ] }, "--input": { "type": "color", "value": [ { "value": "#E9E9E7" }, { "value": "#2a2a4a", "theme": { "Mode": "Dark" } } ] }, "--muted": { "type": "color", "value": [ { "value": "#F0F0EF" }, { "value": "#1e1e3a", "theme": { "Mode": "Dark" } } ] }, "--muted-foreground": { "type": "color", "value": [ { "value": "#787774" }, { "value": "#888888", "theme": { "Mode": "Dark" } } ] }, "--popover": { "type": "color", "value": [ { "value": "#FFFFFF" }, { "value": "#1e1e3a", "theme": { "Mode": "Dark" } } ] }, "--popover-foreground": { "type": "color", "value": [ { "value": "#37352F" }, { "value": "#e0e0e0", "theme": { "Mode": "Dark" } } ] }, "--primary": { "type": "color", "value": [ { "value": "#2383E2" }, { "value": "#4a9eff", "theme": { "Mode": "Dark" } }, { "value": "#155DFF" }, { "value": "#155DFF", "theme": { "Mode": "Dark" } } ] }, "--primary-foreground": { "type": "color", "value": [ { "value": "#FFFFFF" }, { "value": "#ffffff", "theme": { "Mode": "Dark" } } ] }, "--radius-lg": { "type": "number", "value": 8 }, "--radius-md": { "type": "number", "value": 6 }, "--radius-sm": { "type": "number", "value": 4 }, "--ring": { "type": "color", "value": [ { "value": "#2383E2" }, { "value": "#4a9eff", "theme": { "Mode": "Dark" } }, { "value": "#155DFF" }, { "value": "#155DFF", "theme": { "Mode": "Dark" } } ] }, "--secondary": { "type": "color", "value": [ { "value": "#EBEBEA" }, { "value": "#2a2a4a", "theme": { "Mode": "Dark" } } ] }, "--secondary-foreground": { "type": "color", "value": [ { "value": "#37352F" }, { "value": "#e0e0e0", "theme": { "Mode": "Dark" } } ] }, "--sidebar": { "type": "color", "value": [ { "value": "#F7F6F3" }, { "value": "#1a1a2e", "theme": { "Mode": "Dark" } } ] }, "--sidebar-accent": { "type": "color", "value": [ { "value": "#EBEBEA" }, { "value": "#252545", "theme": { "Mode": "Dark" } } ] }, "--sidebar-accent-foreground": { "type": "color", "value": [ { "value": "#37352F" }, { "value": "#ffffff", "theme": { "Mode": "Dark" } } ] }, "--sidebar-border": { "type": "color", "value": [ { "value": "#E9E9E7" }, { "value": "#2a2a4a", "theme": { "Mode": "Dark" } } ] }, "--sidebar-foreground": { "type": "color", "value": [ { "value": "#37352F" }, { "value": "#e0e0e0", "theme": { "Mode": "Dark" } } ] }, "--sidebar-primary": { "type": "color", "value": [ { "value": "#2383E2" }, { "value": "#4a9eff", "theme": { "Mode": "Dark" } }, { "value": "#155DFF" }, { "value": "#155DFF", "theme": { "Mode": "Dark" } } ] }, "--sidebar-primary-foreground": { "type": "color", "value": [ { "value": "#FFFFFF" }, { "value": "#ffffff", "theme": { "Mode": "Dark" } } ] }, "--sidebar-ring": { "type": "color", "value": [ { "value": "#2383E2" }, { "value": "#4a9eff", "theme": { "Mode": "Dark" } }, { "value": "#155DFF" }, { "value": "#155DFF", "theme": { "Mode": "Dark" } } ] }, "--white": { "type": "color", "value": "#ffffff" }, "--accent-yellow": { "type": "color", "value": [ { "value": "#F0B100" }, { "value": "#F0B100", "theme": { "Mode": "Dark" } } ] }, "--accent-blue-light": { "type": "color", "value": [ { "value": "#155DFF14" }, { "value": "#155DFF20", "theme": { "Mode": "Dark" } } ] }, "--accent-green-light": { "type": "color", "value": [ { "value": "#00B38B14" }, { "value": "#00B38B20", "theme": { "Mode": "Dark" } } ] }, "--accent-purple-light": { "type": "color", "value": [ { "value": "#A932FF14" }, { "value": "#A932FF20", "theme": { "Mode": "Dark" } } ] }, "--accent-red-light": { "type": "color", "value": [ { "value": "#E03E3E14" }, { "value": "#f4433620", "theme": { "Mode": "Dark" } } ] }, "--accent-yellow-light": { "type": "color", "value": [ { "value": "#F0B10014" }, { "value": "#F0B10020", "theme": { "Mode": "Dark" } } ] }, "--spacing-xs": { "type": "number", "value": 4 }, "--spacing-sm": { "type": "number", "value": 8 }, "--spacing-md": { "type": "number", "value": 12 }, "--spacing-lg": { "type": "number", "value": 16 }, "--spacing-xl": { "type": "number", "value": 24 }, "--spacing-2xl": { "type": "number", "value": 32 }, "--spacing-3xl": { "type": "number", "value": 40 }, "--height-titlebar": { "type": "number", "value": 38 }, "--height-tabbar": { "type": "number", "value": 45 }, "--height-breadcrumb": { "type": "number", "value": 45 }, "--height-statusbar": { "type": "number", "value": 30 }, "--height-search-bar": { "type": "number", "value": 40 }, "--height-note-item": { "type": "number", "value": 64 }, "--height-inspector-header": { "type": "number", "value": 36 }, "--height-modal-header": { "type": "number", "value": 56 }, "--height-modal-footer": { "type": "number", "value": 56 }, "--shadow-sm": { "type": "string", "value": "0 1px 2px rgba(0,0,0,0.05)" }, "--shadow-md": { "type": "string", "value": "0 4px 6px rgba(0,0,0,0.07)" }, "--shadow-lg": { "type": "string", "value": "0 10px 15px rgba(0,0,0,0.1)" }, "--font-mono": { "type": "string", "value": "IBM Plex Mono, monospace" }, "--search-bg": { "type": "color", "value": [ { "value": "#FFFFFF" }, { "value": "#1E1E2E", "theme": { "Mode": "Dark" } } ] }, "--search-input-bg": { "type": "color", "value": [ { "value": "#F0F0EF" }, { "value": "#2A2A3C", "theme": { "Mode": "Dark" } } ] }, "--search-text": { "type": "color", "value": [ { "value": "#37352F" }, { "value": "#ccccdd", "theme": { "Mode": "Dark" } } ] }, "--search-text-muted": { "type": "color", "value": [ { "value": "#787774" }, { "value": "#8888aa", "theme": { "Mode": "Dark" } } ] }, "--search-text-dim": { "type": "color", "value": [ { "value": "#787774" }, { "value": "#666680", "theme": { "Mode": "Dark" } } ] }, "--search-heading": { "type": "color", "value": [ { "value": "#37352F" }, { "value": "#e0e0f0", "theme": { "Mode": "Dark" } } ] }, "--search-border": { "type": "color", "value": [ { "value": "#E9E9E7" }, { "value": "#4c4c6d", "theme": { "Mode": "Dark" } } ] }, "--search-highlight": { "type": "color", "value": [ { "value": "#37352F" }, { "value": "#555570", "theme": { "Mode": "Dark" } } ] }, "--search-snippet": { "type": "color", "value": [ { "value": "#787774" }, { "value": "#888899", "theme": { "Mode": "Dark" } } ] }, "--search-count": { "type": "color", "value": [ { "value": "#787774" }, { "value": "#c0c0d0", "theme": { "Mode": "Dark" } } ] }, "--traffic-red": { "type": "color", "value": "#ff5f57" }, "--traffic-yellow": { "type": "color", "value": "#febc2e" }, "--traffic-green": { "type": "color", "value": "#28c840" }, "--white-overlay": { "type": "color", "value": "#ffffff40" }, "--accent-orange-light": { "type": "color", "value": "#D9730D14" } }, "fonts": [ { "name": "GT Pressura Trial", "url": "GT-Pressura-Regular-Trial.otf" } ] }