From 8a1742100036a9d88ad9bf7113ad88184500a0bd Mon Sep 17 00:00:00 2001 From: lucaronin Date: Wed, 1 Apr 2026 11:14:57 +0200 Subject: [PATCH] chore: update ui-design.pen --- ui-design.pen | 32218 ++++++++++-------------------------------------- 1 file changed, 6626 insertions(+), 25592 deletions(-) diff --git a/ui-design.pen b/ui-design.pen index ff883f1c..c1afc114 100644 --- a/ui-design.pen +++ b/ui-design.pen @@ -1,11 +1,11 @@ { - "version": "2.8", + "version": "2.9", "children": [ { "type": "frame", "id": "sec1_hdr", "x": 0, - "y": 500, + "y": 0, "name": "1 — Foundations", "theme": { "Mode": "Light" @@ -35,7 +35,7 @@ "type": "frame", "id": "mOf4J", "x": 0, - "y": 600, + "y": 100, "name": "Color Palette — shadcn/ui Theme (Light)", "theme": { "Mode": "Light" @@ -788,7 +788,7 @@ "type": "frame", "id": "HZonq", "x": 0, - "y": 1600, + "y": 1004, "name": "Typography & Spacing Specs (Light)", "theme": { "Mode": "Light" @@ -1618,7 +1618,7 @@ "type": "frame", "id": "ds_spacing", "x": 0, - "y": 3000, + "y": 2369, "name": "Spacing Scale", "theme": { "Mode": "Light" @@ -1835,8 +1835,8 @@ { "type": "frame", "id": "ds_heights", - "x": 800, - "y": 3000, + "x": 740, + "y": 2369, "name": "Height Variables", "theme": { "Mode": "Light" @@ -2052,7 +2052,7 @@ "type": "frame", "id": "ds_shadows", "x": 0, - "y": 3600, + "y": 2951, "name": "Shadows", "theme": { "Mode": "Light" @@ -2247,7 +2247,7 @@ "type": "frame", "id": "sec2_hdr", "x": 0, - "y": 4200, + "y": 3543, "name": "2 — Components", "theme": { "Mode": "Light" @@ -2276,8 +2276,8 @@ { "type": "text", "id": "sub_atoms", - "x": 0, - "y": 4290, + "x": -100, + "y": 3633, "theme": { "Mode": "Light" }, @@ -2292,7 +2292,7 @@ "type": "frame", "id": "comp_StatusDot", "x": 0, - "y": 4320, + "y": 3660, "name": "component/StatusDot", "theme": { "Mode": "Light" @@ -2312,7 +2312,7 @@ "type": "frame", "id": "comp_Separator", "x": 100, - "y": 4320, + "y": 3660, "name": "component/Separator", "theme": { "Mode": "Light" @@ -2326,7 +2326,7 @@ "type": "frame", "id": "comp_Badge", "x": 400, - "y": 4320, + "y": 3660, "name": "component/Badge", "theme": { "Mode": "Light" @@ -2354,7 +2354,7 @@ "type": "frame", "id": "comp_ButtonPrimary", "x": 0, - "y": 4380, + "y": 3700, "name": "component/Button/Primary", "theme": { "Mode": "Light" @@ -2382,11 +2382,41 @@ } ] }, + { + "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": 4380, + "y": 3700, "name": "component/Button/Secondary", "theme": { "Mode": "Light" @@ -2418,7 +2448,7 @@ "type": "frame", "id": "comp_ButtonGhost", "x": 400, - "y": 4380, + "y": 3700, "name": "component/Button/Ghost", "theme": { "Mode": "Light" @@ -2449,7 +2479,7 @@ "type": "frame", "id": "comp_Input", "x": 0, - "y": 4440, + "y": 3750, "name": "component/Input", "theme": { "Mode": "Light" @@ -2485,7 +2515,7 @@ "type": "frame", "id": "comp_IconButton", "x": 300, - "y": 4440, + "y": 3750, "name": "component/IconButton", "theme": { "Mode": "Light" @@ -2508,253 +2538,11 @@ } ] }, - { - "type": "frame", - "id": "showcase_Atoms", - "x": 0, - "y": 4520, - "name": "Showcase — Atoms", - "theme": { - "Mode": "Light" - }, - "width": 1440, - "fill": "$--background", - "layout": "vertical", - "gap": 24, - "padding": 40, - "children": [ - { - "type": "text", - "id": "showcase_Atoms_title", - "fill": "$--foreground", - "content": "Atoms", - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "show_comp_StatusDot", - "layout": "vertical", - "gap": 8, - "padding": [ - 12, - 0 - ], - "children": [ - { - "type": "text", - "id": "show_comp_StatusDot_lbl", - "fill": "$--muted-foreground", - "content": "StatusDot", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal", - "letterSpacing": 0.5 - }, - { - "id": "show_comp_StatusDot_ref", - "type": "ref", - "ref": "comp_StatusDot" - } - ] - }, - { - "type": "frame", - "id": "show_comp_Separator", - "layout": "vertical", - "gap": 8, - "padding": [ - 12, - 0 - ], - "children": [ - { - "type": "text", - "id": "show_comp_Separator_lbl", - "fill": "$--muted-foreground", - "content": "Separator", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal", - "letterSpacing": 0.5 - }, - { - "id": "show_comp_Separator_ref", - "type": "ref", - "ref": "comp_Separator" - } - ] - }, - { - "type": "frame", - "id": "show_comp_Badge", - "layout": "vertical", - "gap": 8, - "padding": [ - 12, - 0 - ], - "children": [ - { - "type": "text", - "id": "show_comp_Badge_lbl", - "fill": "$--muted-foreground", - "content": "Badge", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal", - "letterSpacing": 0.5 - }, - { - "id": "show_comp_Badge_ref", - "type": "ref", - "ref": "comp_Badge" - } - ] - }, - { - "type": "frame", - "id": "show_comp_ButtonPrimary", - "layout": "vertical", - "gap": 8, - "padding": [ - 12, - 0 - ], - "children": [ - { - "type": "text", - "id": "show_comp_ButtonPrimary_lbl", - "fill": "$--muted-foreground", - "content": "Button/Primary", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal", - "letterSpacing": 0.5 - }, - { - "id": "show_comp_ButtonPrimary_ref", - "type": "ref", - "ref": "comp_ButtonPrimary" - } - ] - }, - { - "type": "frame", - "id": "show_comp_ButtonSecondary", - "layout": "vertical", - "gap": 8, - "padding": [ - 12, - 0 - ], - "children": [ - { - "type": "text", - "id": "show_comp_ButtonSecondary_lbl", - "fill": "$--muted-foreground", - "content": "Button/Secondary", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal", - "letterSpacing": 0.5 - }, - { - "id": "show_comp_ButtonSecondary_ref", - "type": "ref", - "ref": "comp_ButtonSecondary" - } - ] - }, - { - "type": "frame", - "id": "show_comp_ButtonGhost", - "layout": "vertical", - "gap": 8, - "padding": [ - 12, - 0 - ], - "children": [ - { - "type": "text", - "id": "show_comp_ButtonGhost_lbl", - "fill": "$--muted-foreground", - "content": "Button/Ghost", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal", - "letterSpacing": 0.5 - }, - { - "id": "show_comp_ButtonGhost_ref", - "type": "ref", - "ref": "comp_ButtonGhost" - } - ] - }, - { - "type": "frame", - "id": "show_comp_Input", - "layout": "vertical", - "gap": 8, - "padding": [ - 12, - 0 - ], - "children": [ - { - "type": "text", - "id": "show_comp_Input_lbl", - "fill": "$--muted-foreground", - "content": "Input", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal", - "letterSpacing": 0.5 - }, - { - "id": "show_comp_Input_ref", - "type": "ref", - "ref": "comp_Input" - } - ] - }, - { - "type": "frame", - "id": "show_comp_IconButton", - "layout": "vertical", - "gap": 8, - "padding": [ - 12, - 0 - ], - "children": [ - { - "type": "text", - "id": "show_comp_IconButton_lbl", - "fill": "$--muted-foreground", - "content": "IconButton", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal", - "letterSpacing": 0.5 - }, - { - "id": "show_comp_IconButton_ref", - "type": "ref", - "ref": "comp_IconButton" - } - ] - } - ] - }, { "type": "text", "id": "sub_molecules", - "x": 0, - "y": 4870, + "x": -145, + "y": 3810, "theme": { "Mode": "Light" }, @@ -2765,498 +2553,11 @@ "fontWeight": "600", "letterSpacing": 1 }, - { - "type": "frame", - "id": "comp_InspectorHeader", - "x": 0, - "y": 4900, - "name": "component/InspectorHeader", - "theme": { - "Mode": "Light" - }, - "reusable": true, - "width": "fill_container(320)", - "padding": [ - 0, - 12 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "IH_left", - "name": "leftGroup", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "IH_icon", - "width": 16, - "height": 16, - "iconFontName": "sliders-horizontal", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "IH_title", - "fill": "$--muted-foreground", - "content": "Properties", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - } - ] - }, - { - "type": "icon_font", - "id": "IH_close", - "width": 16, - "height": 16, - "iconFontName": "x", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "comp_NoteListItem", - "x": 0, - "y": 4960, - "name": "component/NoteListItem", - "theme": { - "Mode": "Light" - }, - "reusable": true, - "width": "fill_container(340)", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "NLI_titleRow", - "name": "titleRow", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "NLI_titleGroup", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "NLI_title", - "fill": "$--foreground", - "content": "Note Title", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "text", - "id": "NLI_time", - "fill": "$--muted-foreground", - "content": "2m ago", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "text", - "id": "NLI_snippet", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Preview text of the note content...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "comp_TabActive", - "x": 400, - "y": 4900, - "name": "component/Tab/Active", - "theme": { - "Mode": "Light" - }, - "reusable": true, - "height": "fill_container(45)", - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "right": 1 - }, - "fill": "$--border" - }, - "gap": 6, - "padding": [ - 0, - 14 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "TabA_label", - "fill": "$--foreground", - "content": "Tab Title", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "TabA_close", - "width": 14, - "height": 14, - "iconFontName": "x", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "comp_TabInactive", - "x": 600, - "y": 4900, - "name": "component/Tab/Inactive", - "theme": { - "Mode": "Light" - }, - "reusable": true, - "height": "fill_container(45)", - "stroke": { - "align": "inside", - "thickness": { - "right": 1, - "bottom": 1 - }, - "fill": "$--sidebar-border" - }, - "gap": 6, - "padding": [ - 0, - 14 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "TabI_label", - "fill": "$--muted-foreground", - "content": "Tab Title", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "TabI_close", - "opacity": 0, - "width": 14, - "height": 14, - "iconFontName": "x", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "comp_PropertyRow", - "x": 0, - "y": 5060, - "name": "component/PropertyRow", - "theme": { - "Mode": "Light" - }, - "reusable": true, - "width": "fill_container(300)", - "cornerRadius": 4, - "padding": [ - 4, - 6 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "PR_label", - "fill": "$--muted-foreground", - "content": "LABEL", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "500", - "letterSpacing": 1.2 - }, - { - "type": "text", - "id": "PR_value", - "fill": "$--foreground", - "content": "Value", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "comp_RelationshipPill", - "x": 0, - "y": 5120, - "name": "component/RelationshipPill", - "theme": { - "Mode": "Light" - }, - "reusable": true, - "width": "fill_container(280)", - "fill": "$--accent-blue-light", - "cornerRadius": 6, - "gap": 6, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "RP_title", - "fill": "$--accent-blue", - "content": "Related Note", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "RP_icon", - "width": 14, - "height": 14, - "iconFontName": "wrench", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-blue" - } - ] - }, - { - "type": "frame", - "id": "comp_SidebarFilterItem", - "x": 400, - "y": 5060, - "name": "component/SidebarFilterItem", - "theme": { - "Mode": "Light" - }, - "reusable": true, - "width": "fill_container(250)", - "cornerRadius": 6, - "gap": 8, - "padding": [ - 6, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "SFI_icon", - "width": 16, - "height": 16, - "iconFontName": "folder", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "SFI_label", - "fill": "$--foreground", - "content": "Filter Item", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "SFI_count", - "fill": "$--muted-foreground", - "content": "42", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "comp_SectionLabel", - "x": 0, - "y": 5180, - "name": "component/SectionLabel", - "theme": { - "Mode": "Light" - }, - "reusable": true, - "width": "fill_container(280)", - "padding": [ - 0, - 12 - ], - "children": [ - { - "type": "text", - "id": "SL_label", - "fill": "$--muted-foreground", - "content": "SECTION", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "letterSpacing": 1.2 - } - ] - }, - { - "type": "frame", - "id": "comp_SectionCountHeader", - "x": 400, - "y": 5180, - "name": "component/SectionCountHeader", - "theme": { - "Mode": "Light" - }, - "reusable": true, - "width": "fill_container(280)", - "padding": [ - 4, - 0 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "SCH_label", - "fill": "$--muted-foreground", - "content": "SECTION", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "letterSpacing": 1.2 - }, - { - "type": "text", - "id": "SCH_count", - "fill": "$--muted-foreground", - "content": "3", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "comp_AddButton", - "x": 0, - "y": 5240, - "name": "component/AddButton", - "theme": { - "Mode": "Light" - }, - "reusable": true, - "width": "fill_container(280)", - "height": 32, - "cornerRadius": 6, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - }, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "AB_label", - "fill": "$--muted-foreground", - "content": "+ Add property", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "comp_RelGroupLabel", - "x": 400, - "y": 5240, - "name": "component/RelGroupLabel", - "theme": { - "Mode": "Light" - }, - "reusable": true, - "width": "fill_container(280)", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "RGL_label", - "fill": "$--muted-foreground", - "content": "BELONGS TO", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "letterSpacing": 0.5 - }, - { - "type": "text", - "id": "RGL_count", - "fill": "$--muted-foreground", - "content": "3", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - }, { "type": "frame", "id": "comp_CommandPaletteItem", - "x": 0, - "y": 5300, + "x": 550, + "y": 4010, "name": "component/CommandPaletteItem", "theme": { "Mode": "Light" @@ -3310,3854 +2611,12 @@ } ] }, - { - "type": "frame", - "id": "comp_EditableValue", - "x": 0, - "y": 5360, - "name": "component/EditableValue", - "theme": { - "Mode": "Light" - }, - "reusable": true, - "width": "fill_container(200)", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "EV_value", - "fill": "$--foreground", - "content": "Editable Value", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "EV_edit", - "opacity": 0, - "width": 12, - "height": 12, - "iconFontName": "pencil", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "showcase_Molecules", - "x": 0, - "y": 5420, - "name": "Showcase — Molecules", - "theme": { - "Mode": "Light" - }, - "width": 1440, - "fill": "$--background", - "layout": "vertical", - "gap": 24, - "padding": 40, - "children": [ - { - "type": "text", - "id": "showcase_Molecules_title", - "fill": "$--foreground", - "content": "Molecules", - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "show_comp_InspectorHeader", - "layout": "vertical", - "gap": 8, - "padding": [ - 12, - 0 - ], - "children": [ - { - "type": "text", - "id": "show_comp_InspectorHeader_lbl", - "fill": "$--muted-foreground", - "content": "InspectorHeader", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal", - "letterSpacing": 0.5 - }, - { - "id": "show_comp_InspectorHeader_ref", - "type": "ref", - "ref": "comp_InspectorHeader" - } - ] - }, - { - "type": "frame", - "id": "show_comp_NoteListItem", - "layout": "vertical", - "gap": 8, - "padding": [ - 12, - 0 - ], - "children": [ - { - "type": "text", - "id": "show_comp_NoteListItem_lbl", - "fill": "$--muted-foreground", - "content": "NoteListItem", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal", - "letterSpacing": 0.5 - }, - { - "id": "show_comp_NoteListItem_ref", - "type": "ref", - "ref": "comp_NoteListItem" - } - ] - }, - { - "type": "frame", - "id": "show_comp_TabActive", - "layout": "vertical", - "gap": 8, - "padding": [ - 12, - 0 - ], - "children": [ - { - "type": "text", - "id": "show_comp_TabActive_lbl", - "fill": "$--muted-foreground", - "content": "Tab/Active", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal", - "letterSpacing": 0.5 - }, - { - "id": "show_comp_TabActive_ref", - "type": "ref", - "ref": "comp_TabActive" - } - ] - }, - { - "type": "frame", - "id": "show_comp_TabInactive", - "layout": "vertical", - "gap": 8, - "padding": [ - 12, - 0 - ], - "children": [ - { - "type": "text", - "id": "show_comp_TabInactive_lbl", - "fill": "$--muted-foreground", - "content": "Tab/Inactive", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal", - "letterSpacing": 0.5 - }, - { - "id": "show_comp_TabInactive_ref", - "type": "ref", - "ref": "comp_TabInactive" - } - ] - }, - { - "type": "frame", - "id": "show_comp_PropertyRow", - "layout": "vertical", - "gap": 8, - "padding": [ - 12, - 0 - ], - "children": [ - { - "type": "text", - "id": "show_comp_PropertyRow_lbl", - "fill": "$--muted-foreground", - "content": "PropertyRow", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal", - "letterSpacing": 0.5 - }, - { - "id": "show_comp_PropertyRow_ref", - "type": "ref", - "ref": "comp_PropertyRow" - } - ] - }, - { - "type": "frame", - "id": "show_comp_RelationshipPill", - "layout": "vertical", - "gap": 8, - "padding": [ - 12, - 0 - ], - "children": [ - { - "type": "text", - "id": "show_comp_RelationshipPill_lbl", - "fill": "$--muted-foreground", - "content": "RelationshipPill", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal", - "letterSpacing": 0.5 - }, - { - "id": "show_comp_RelationshipPill_ref", - "type": "ref", - "ref": "comp_RelationshipPill" - } - ] - }, - { - "type": "frame", - "id": "show_comp_SidebarFilterItem", - "layout": "vertical", - "gap": 8, - "padding": [ - 12, - 0 - ], - "children": [ - { - "type": "text", - "id": "show_comp_SidebarFilterItem_lbl", - "fill": "$--muted-foreground", - "content": "SidebarFilterItem", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal", - "letterSpacing": 0.5 - }, - { - "id": "show_comp_SidebarFilterItem_ref", - "type": "ref", - "ref": "comp_SidebarFilterItem" - } - ] - }, - { - "type": "frame", - "id": "show_comp_SectionLabel", - "layout": "vertical", - "gap": 8, - "padding": [ - 12, - 0 - ], - "children": [ - { - "type": "text", - "id": "show_comp_SectionLabel_lbl", - "fill": "$--muted-foreground", - "content": "SectionLabel", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal", - "letterSpacing": 0.5 - }, - { - "id": "show_comp_SectionLabel_ref", - "type": "ref", - "ref": "comp_SectionLabel" - } - ] - }, - { - "type": "frame", - "id": "show_comp_SectionCountHeader", - "layout": "vertical", - "gap": 8, - "padding": [ - 12, - 0 - ], - "children": [ - { - "type": "text", - "id": "show_comp_SectionCountHeader_lbl", - "fill": "$--muted-foreground", - "content": "SectionCountHeader", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal", - "letterSpacing": 0.5 - }, - { - "id": "show_comp_SectionCountHeader_ref", - "type": "ref", - "ref": "comp_SectionCountHeader" - } - ] - }, - { - "type": "frame", - "id": "show_comp_AddButton", - "layout": "vertical", - "gap": 8, - "padding": [ - 12, - 0 - ], - "children": [ - { - "type": "text", - "id": "show_comp_AddButton_lbl", - "fill": "$--muted-foreground", - "content": "AddButton", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal", - "letterSpacing": 0.5 - }, - { - "id": "show_comp_AddButton_ref", - "type": "ref", - "ref": "comp_AddButton" - } - ] - }, - { - "type": "frame", - "id": "show_comp_RelGroupLabel", - "layout": "vertical", - "gap": 8, - "padding": [ - 12, - 0 - ], - "children": [ - { - "type": "text", - "id": "show_comp_RelGroupLabel_lbl", - "fill": "$--muted-foreground", - "content": "RelGroupLabel", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal", - "letterSpacing": 0.5 - }, - { - "id": "show_comp_RelGroupLabel_ref", - "type": "ref", - "ref": "comp_RelGroupLabel" - } - ] - }, - { - "type": "frame", - "id": "show_comp_CommandPaletteItem", - "layout": "vertical", - "gap": 8, - "padding": [ - 12, - 0 - ], - "children": [ - { - "type": "text", - "id": "show_comp_CommandPaletteItem_lbl", - "fill": "$--muted-foreground", - "content": "CommandPaletteItem", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal", - "letterSpacing": 0.5 - }, - { - "id": "show_comp_CommandPaletteItem_ref", - "type": "ref", - "ref": "comp_CommandPaletteItem" - } - ] - }, - { - "type": "frame", - "id": "show_comp_EditableValue", - "layout": "vertical", - "gap": 8, - "padding": [ - 12, - 0 - ], - "children": [ - { - "type": "text", - "id": "show_comp_EditableValue_lbl", - "fill": "$--muted-foreground", - "content": "EditableValue", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal", - "letterSpacing": 0.5 - }, - { - "id": "show_comp_EditableValue_ref", - "type": "ref", - "ref": "comp_EditableValue" - } - ] - } - ] - }, - { - "type": "text", - "id": "sub_organisms", - "x": 0, - "y": 5870, - "theme": { - "Mode": "Light" - }, - "fill": "$--muted-foreground", - "content": "ORGANISMS", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "letterSpacing": 1 - }, - { - "type": "frame", - "id": "comp_Toast", - "x": 0, - "y": 5900, - "name": "component/Toast", - "theme": { - "Mode": "Light" - }, - "reusable": true, - "width": 360, - "fill": "$--card", - "cornerRadius": "$--radius-lg", - "stroke": { - "thickness": 1, - "fill": "$--border" - }, - "effect": { - "type": "shadow", - "shadowType": "outer", - "color": "#0000001A", - "offset": { - "x": 0, - "y": 4 - }, - "blur": 12 - }, - "gap": 12, - "padding": [ - 12, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "Toast_icon", - "width": 20, - "height": 20, - "iconFontName": "check-circle", - "iconFontFamily": "lucide", - "fill": "$--accent-green" - }, - { - "type": "frame", - "id": "Toast_content", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "children": [ - { - "type": "text", - "id": "Toast_title", - "fill": "$--foreground", - "content": "Success", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - }, - { - "type": "text", - "id": "Toast_msg", - "fill": "$--muted-foreground", - "content": "Your changes have been saved.", - "lineHeight": 1.4, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "icon_font", - "id": "Toast_close", - "width": 14, - "height": 14, - "iconFontName": "x", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "comp_AIChatMessage", - "x": 0, - "y": 5980, - "name": "component/AIChatMessage", - "theme": { - "Mode": "Light" - }, - "reusable": true, - "width": "fill_container(400)", - "gap": 12, - "padding": [ - 12, - 16 - ], - "children": [ - { - "type": "frame", - "id": "AIM_avatar", - "width": 28, - "height": 28, - "fill": "$--accent-purple-light", - "cornerRadius": 14, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "AIM_avatarIcon", - "width": 16, - "height": 16, - "iconFontName": "sparkles", - "iconFontFamily": "lucide", - "fill": "$--accent-purple" - } - ] - }, - { - "type": "frame", - "id": "AIM_body", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "AIM_sender", - "fill": "$--foreground", - "content": "AI Assistant", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "600" - }, - { - "type": "text", - "id": "AIM_text", - "fill": "$--foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Here's a summary of your recent notes...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "showcase_Organisms", - "x": 0, - "y": 6100, - "name": "Showcase — Organisms", - "theme": { - "Mode": "Light" - }, - "width": 1440, - "fill": "$--background", - "layout": "vertical", - "gap": 24, - "padding": 40, - "children": [ - { - "type": "text", - "id": "showcase_Organisms_title", - "fill": "$--foreground", - "content": "Organisms", - "fontFamily": "Inter", - "fontSize": 18, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "show_comp_Toast", - "layout": "vertical", - "gap": 8, - "padding": [ - 12, - 0 - ], - "children": [ - { - "type": "text", - "id": "show_comp_Toast_lbl", - "fill": "$--muted-foreground", - "content": "Toast", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal", - "letterSpacing": 0.5 - }, - { - "id": "show_comp_Toast_ref", - "type": "ref", - "ref": "comp_Toast" - } - ] - }, - { - "type": "frame", - "id": "show_comp_AIChatMessage", - "layout": "vertical", - "gap": 8, - "padding": [ - 12, - 0 - ], - "children": [ - { - "type": "text", - "id": "show_comp_AIChatMessage_lbl", - "fill": "$--muted-foreground", - "content": "AIChatMessage", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal", - "letterSpacing": 0.5 - }, - { - "id": "show_comp_AIChatMessage_ref", - "type": "ref", - "ref": "comp_AIChatMessage" - } - ] - } - ] - }, - { - "type": "frame", - "id": "sec3_hdr", - "x": 0, - "y": 6600, - "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": "qHhaj", - "x": 0, - "y": 6700, - "name": "Laputa App — Full Layout (Light)", - "theme": { - "Mode": "Light" - }, - "clip": true, - "width": 1440, - "height": 900, - "fill": "$--background", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "yVQFF", - "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": "0MCME", - "name": "trafficLights", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "ellipse", - "id": "c2AU6", - "name": "closeBtn", - "fill": "$--traffic-red", - "width": 12, - "height": 12 - }, - { - "type": "ellipse", - "id": "h0zbh", - "name": "minimizeBtn", - "fill": "$--traffic-yellow", - "width": 12, - "height": 12 - }, - { - "type": "ellipse", - "id": "tcqbu", - "name": "maximizeBtn", - "fill": "$--traffic-green", - "width": 12, - "height": 12 - } - ] - } - ] - }, - { - "type": "frame", - "id": "oHDfa", - "name": "Content", - "width": "fill_container", - "height": "fill_container", - "children": [ - { - "type": "frame", - "id": "ZTOSJ", - "name": "Panel: Sidebar", - "clip": true, - "width": 250, - "height": "fill_container", - "fill": "$--sidebar", - "stroke": { - "align": "inside", - "thickness": 0, - "fill": "$--sidebar-border" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "4wMva", - "name": "Filters", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 1, - "padding": [ - 8, - 8, - 16, - 8 - ], - "children": [ - { - "type": "frame", - "id": "Q78hg", - "name": "filterAll", - "width": "fill_container", - "fill": "$--accent-blue-light", - "cornerRadius": 6, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "5ip58", - "name": "leftAll", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "PXpWi", - "name": "iconAll", - "width": 18, - "height": 18, - "iconFontName": "tray-fill", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--primary" - }, - { - "type": "text", - "id": "NWprl", - "name": "fAllTxt", - "fill": "$--primary", - "content": "Untagged", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - } - ] - }, - { - "type": "frame", - "id": "NZ9Dv", - "name": "countAll", - "height": 20, - "fill": "$--primary", - "cornerRadius": 9999, - "padding": [ - 0, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "mPlUV", - "name": "badgeAllTxt", - "fill": "$--primary-foreground", - "content": "24", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] - } - ] - }, - { - "type": "frame", - "id": "YLWsY", - "name": "filterUntagged", - "width": "fill_container", - "cornerRadius": 6, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "k7LIr", - "name": "leftUntagged", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "FMVlh", - "name": "untaggedIcon", - "width": 18, - "height": 18, - "iconFontName": "cardholder", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--foreground" - }, - { - "type": "text", - "id": "5XllD", - "name": "untaggedTxt", - "fill": "$--foreground", - "content": "All Notes", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "aSpGv", - "name": "countUntagged", - "height": 20, - "fill": "$--secondary", - "cornerRadius": 9999, - "padding": [ - 0, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "qZUFt", - "name": "untaggedBadgeTxt", - "fill": "$--muted-foreground", - "content": "6", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] - } - ] - }, - { - "type": "frame", - "id": "Jahon", - "name": "filterTrash", - "width": "fill_container", - "cornerRadius": 6, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "IOiBI", - "name": "leftTrash", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "X6F74", - "name": "trashIcon", - "width": 18, - "height": 18, - "iconFontName": "trash", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--foreground" - }, - { - "type": "text", - "id": "vRMH9", - "name": "trashTxt", - "fill": "$--foreground", - "content": "Archive", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "JMpkq", - "name": "countTrash", - "height": 20, - "fill": "$--secondary", - "cornerRadius": 9999, - "padding": [ - 0, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "0cKm4", - "name": "trashBadgeTxt", - "fill": "$--muted-foreground", - "content": "2", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] - } - ] - }, - { - "type": "frame", - "id": "6RMbq", - "name": "filterChanges", - "width": "fill_container", - "cornerRadius": 6, - "gap": 6, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "DpdBu", - "name": "leftChanges", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "VTusA", - "name": "iconChanges", - "width": 18, - "height": 18, - "iconFontName": "git-branch", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--foreground" - }, - { - "type": "text", - "id": "qvq5O", - "name": "fChangesTxt", - "fill": "$--foreground", - "content": "Changes", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "qAMES", - "name": "countChanges", - "height": 20, - "fill": "$--secondary", - "cornerRadius": 9999, - "padding": [ - 0, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "nkzVk", - "name": "badgeChangesTxt", - "fill": "$--muted-foreground", - "content": "3", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "SSEUP", - "name": "Sections", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "padding": [ - 8, - 0 - ], - "children": [ - { - "type": "frame", - "id": "nM2Cn", - "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": [ - { - "type": "frame", - "id": "ouIl9", - "name": "projHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "Rx1Cp", - "name": "leftProj", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "t5WJJ", - "name": "projIcon", - "width": 18, - "height": 18, - "iconFontName": "wrench", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-red" - }, - { - "type": "text", - "id": "S3sGC", - "name": "projLabel", - "fill": "$--foreground", - "content": "Projects", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "FKwSS", - "name": "projChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "IHzFh", - "name": "projItem1", - "width": "fill_container", - "fill": "$--accent-red-light", - "cornerRadius": 6, - "padding": [ - 6, - 16, - 6, - 28 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "iiFcl", - "name": "proj1Txt", - "fill": "$--accent-red", - "content": "Laputa App", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "LdaU9", - "name": "projItem2", - "width": "fill_container", - "cornerRadius": 6, - "padding": [ - 6, - 16, - 6, - 28 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "XRll4", - "name": "proj2Txt", - "fill": "$--muted-foreground", - "content": "Portfolio Rewrite", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "Vmykd", - "name": "projItem3", - "width": "fill_container", - "cornerRadius": 6, - "padding": [ - 6, - 16, - 6, - 28 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "0PqQQ", - "name": "proj3Txt", - "fill": "$--muted-foreground", - "content": "AI Habit Tracker", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "WAQtn", - "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": [ - { - "type": "frame", - "id": "aSi3l", - "name": "respHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "lov6B", - "name": "leftResp", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "Em4ns", - "name": "respIcon", - "width": 18, - "height": 18, - "iconFontName": "medal", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-purple" - }, - { - "type": "text", - "id": "WPRCo", - "name": "respLabel", - "fill": "$--foreground", - "content": "Responsibilities", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "6hDdQ", - "name": "respChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "FmUu0", - "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": [ - { - "type": "frame", - "id": "Dat6o", - "name": "respHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "iJlgx", - "name": "leftResp", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "I2J1R", - "name": "respIcon", - "width": 18, - "height": 18, - "iconFontName": "arrows-clockwise", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-purple" - }, - { - "type": "text", - "id": "AToF0", - "name": "Procedures", - "fill": "$--foreground", - "content": "Procedures", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "meEIL", - "name": "procChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "T4NG2", - "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": [ - { - "type": "frame", - "id": "Q01iL", - "name": "peopleHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "eE6Ca", - "name": "leftPeople", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "jOmVa", - "name": "peopleIcon", - "width": 18, - "height": 18, - "iconFontName": "users", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-yellow" - }, - { - "type": "text", - "id": "caelD", - "name": "peopleLbl", - "fill": "$--foreground", - "content": "People", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "TkuS1", - "name": "peopleChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "BY1Qx", - "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": [ - { - "type": "frame", - "id": "v28d8", - "name": "eventsHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "TPyOc", - "name": "leftEvents", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "ELRMi", - "name": "eventsIcon", - "width": 18, - "height": 18, - "iconFontName": "calendar-blank", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-yellow" - }, - { - "type": "text", - "id": "OlI6Q", - "name": "eventsLbl", - "fill": "$--foreground", - "content": "Events", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "TZwK8", - "name": "eventsChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "trKNW", - "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": [ - { - "type": "frame", - "id": "qdbZ3", - "name": "eventsHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "JP83M", - "name": "leftEvents", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "Q57kF", - "name": "eventsIcon", - "width": 18, - "height": 18, - "iconFontName": "tag", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-green" - }, - { - "type": "text", - "id": "DeVxP", - "name": "eventsLbl", - "fill": "$--foreground", - "content": "Topics", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "nzAcm", - "name": "topicsChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "ZWXuk", - "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": [ - { - "type": "frame", - "id": "CQaLg", - "name": "eventsHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "2SMcN", - "name": "leftEvents", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "0N8UH", - "name": "eventsIcon", - "width": 18, - "height": 18, - "iconFontName": "leaf", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-green" - }, - { - "type": "text", - "id": "6XB2H", - "name": "eventsLbl", - "fill": "$--foreground", - "content": "Notes", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "NmBSB", - "name": "topicsChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "2cQBp", - "name": "eventsHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "0f10v", - "name": "leftEvents", - "gap": 8, - "padding": [ - 8, - 0 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "xBv1X", - "name": "eventsIcon", - "width": 18, - "height": 18, - "iconFontName": "plus", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "viWPL", - "name": "eventsLbl", - "fill": "$--muted-foreground", - "content": "Create new type", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "8lLHp", - "name": "Commit Area", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "top": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "padding": 12, - "children": [ - { - "type": "frame", - "id": "YYjuy", - "name": "commitBtn", - "width": "fill_container", - "fill": "$--primary", - "cornerRadius": 6, - "gap": 6, - "padding": [ - 8, - 16 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "YF44G", - "name": "commitIcon", - "width": 14, - "height": 14, - "iconFontName": "git-commit-horizontal", - "iconFontFamily": "lucide", - "fill": "$--primary-foreground" - }, - { - "type": "text", - "id": "vpzJm", - "name": "commitTxt", - "fill": "$--primary-foreground", - "content": "Commit & Push", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "vhU5z", - "name": "commitBadge", - "height": 18, - "fill": "$--white-overlay", - "cornerRadius": 9, - "padding": [ - 0, - 5 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "sdvYT", - "name": "commitBadgeTxt", - "fill": "$--white", - "content": "3", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "IIvWr", - "name": "Resize Handle", - "fill": "$--border", - "width": 1, - "height": "fill_container" - }, - { - "type": "frame", - "id": "zFIJv", - "name": "Panel: NoteList", - "clip": true, - "width": 300, - "height": "fill_container", - "fill": "$--card", - "stroke": { - "align": "inside", - "thickness": 0, - "fill": "$--border" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "uZJVN", - "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": "hmbdb", - "name": "nlTitle", - "fill": "$--foreground", - "content": "Laputa App", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "m6AeW", - "name": "nlActions", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "8gMXE", - "name": "searchIcon", - "width": 16, - "height": 16, - "iconFontName": "magnifying-glass", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "YqvSN", - "name": "plusIcon", - "width": 16, - "height": 16, - "iconFontName": "plus", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "0aJUm", - "name": "Note Items", - "clip": true, - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "y9y05", - "name": "Backlinks Group", - "width": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "tMsM4", - "name": "Note Item Selected", - "width": "fill_container", - "fill": "$--accent-red-light", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "children": [ - { - "type": "rectangle", - "id": "npYuc", - "name": "leftAccent", - "fill": "$--accent-red", - "width": 3, - "height": "fill_container" - }, - { - "type": "frame", - "id": "a33Wx", - "name": "noteSelContent", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "AZkyx", - "name": "noteSelRow", - "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "j7GDJ", - "name": "titleGroup", - "width": "fill_container", - "gap": 6, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "j7o2Q", - "name": "noteSelTitle", - "fill": "$--foreground", - "content": "Laputa App", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - }, - { - "type": "icon_font", - "id": "BnkTG", - "name": "ico", - "width": 14, - "height": 14, - "iconFontName": "wrench", - "iconFontFamily": "lucide", - "fill": "$--accent-red" - } - ] - } - ] - }, - { - "type": "text", - "id": "Ac5Ds", - "name": "noteSelSnip", - "fill": "$--foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Personal knowledge and life management desktop app...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "9ASsT", - "name": "noteSelTime", - "fill": "$--accent-red", - "content": "2m ago", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "7G8pN", - "name": "Related Notes Group", - "width": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "fDxtF", - "name": "Related Notes Header", - "width": "fill_container", - "height": 32, - "fill": "$--muted", - "padding": [ - 0, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "UBRdO", - "name": "rnLeft", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "8Z4Wq", - "name": "rnLabel", - "fill": "$--muted-foreground", - "content": "RELATED NOTES", - "fontFamily": "IBM Plex Mono", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "vpnZr", - "name": "rnCount", - "fill": "$--muted-foreground", - "content": "2", - "fontFamily": "IBM Plex Mono", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "X9LIR", - "name": "rnRight", - "gap": 10, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "fzVWu", - "name": "rnFilter", - "width": 12, - "height": 12, - "iconFontName": "funnel", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "wuqsO", - "name": "rnPlus", - "width": 12, - "height": 12, - "iconFontName": "plus", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "SbjLq", - "name": "rnChev", - "width": 12, - "height": 12, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "AsAKG", - "name": "Note Item", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "QX5A1", - "name": "note2Row", - "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "rYdta", - "name": "leafGroup", - "width": "fill_container", - "gap": 6, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "PC9XN", - "name": "note2Title", - "fill": "$--foreground", - "content": "Portfolio Rewrite", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "oI64Y", - "name": "leafIco", - "width": 14, - "height": 14, - "iconFontName": "leaf", - "iconFontFamily": "phosphor", - "fill": "$--accent-green" - } - ] - } - ] - }, - { - "type": "text", - "id": "S9JPj", - "name": "note2Snip", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Redesigning portfolio site with modern stack and updated visual language...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "lU75x", - "name": "note2Time", - "fill": "$--muted-foreground", - "content": "1h ago", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "u6E6Z", - "name": "Note Item", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "ZjCz3", - "name": "note2Row", - "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "mxCzu", - "name": "leafGroup", - "width": "fill_container", - "gap": 6, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "INenY", - "name": "note2Title", - "fill": "$--foreground", - "content": "Sample note 2", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "gz6qS", - "name": "leafIco", - "width": 14, - "height": 14, - "iconFontName": "leaf", - "iconFontFamily": "phosphor", - "fill": "$--accent-green" - } - ] - } - ] - }, - { - "type": "text", - "id": "s141z", - "name": "note2Snip", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Lorem ipsum dolor sit amet consequetur with modern stack and updated language...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "SvGnt", - "name": "note2Time", - "fill": "$--muted-foreground", - "content": "1h ago", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "1GwHB", - "name": "Events Group", - "width": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "fp4xI", - "name": "Events Header", - "width": "fill_container", - "height": 32, - "fill": "$--muted", - "padding": [ - 0, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "MNNuU", - "name": "evLeft", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "BNxZp", - "name": "evLabel", - "fill": "$--muted-foreground", - "content": "EVENTS", - "fontFamily": "IBM Plex Mono", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "qcEvw", - "name": "evCount", - "fill": "$--muted-foreground", - "content": "2", - "fontFamily": "IBM Plex Sans", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "WCyfc", - "name": "evRight", - "gap": 10, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "SpCoO", - "name": "evFilter", - "width": 12, - "height": 12, - "iconFontName": "funnel", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "G1DCl", - "name": "evPlus", - "width": 12, - "height": 12, - "iconFontName": "plus", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "sAalN", - "name": "evChev", - "width": 12, - "height": 12, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "k7CjA", - "name": "Note Item 2", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "og5Gz", - "name": "note3Row", - "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "ttBdk", - "name": "calGroup", - "width": "fill_container", - "gap": 6, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "KI8Bf", - "name": "note3Title", - "fill": "$--foreground", - "content": "Meeting with Grant", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "LdRjU", - "name": "calIco", - "width": 14, - "height": 14, - "iconFontName": "calendar", - "iconFontFamily": "lucide", - "fill": "$--accent-yellow" - } - ] - } - ] - }, - { - "type": "text", - "id": "FfPXa", - "name": "note3Snip", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Discussed Q1 goals and hiring priorities with the engineering team leads...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "BHh4Z", - "name": "note3Time", - "fill": "$--muted-foreground", - "content": "Yesterday", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "AQ51u", - "name": "Note Item 2", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "SHgK3", - "name": "note3Row", - "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "3rIet", - "name": "calGroup", - "width": "fill_container", - "gap": 6, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "dCwzu", - "name": "note3Title", - "fill": "$--foreground", - "content": "Meeting with Matteo", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "l8O2I", - "name": "calIco", - "width": 14, - "height": 14, - "iconFontName": "calendar", - "iconFontFamily": "lucide", - "fill": "$--accent-yellow" - } - ] - } - ] - }, - { - "type": "text", - "id": "1L4oo", - "name": "note3Snip", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Discussed Q1 goals and hiring priorities with the engineering team leads...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "3oBam", - "name": "note3Time", - "fill": "$--muted-foreground", - "content": "Yesterday", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "MeqjO", - "name": "Resize Handle 2", - "fill": "$--border", - "width": 1, - "height": "fill_container" - }, - { - "type": "frame", - "id": "zAbPt", - "name": "Panel: Editor", - "clip": true, - "width": "fill_container", - "height": "fill_container", - "fill": "$--background", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "NdYcO", - "name": "Tab Bar", - "width": "fill_container", - "height": 45, - "fill": "$--sidebar", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--sidebar-border" - }, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "nVUGr", - "name": "Tab Active", - "height": "fill_container", - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "right": 1 - }, - "fill": "$--border" - }, - "gap": 6, - "padding": [ - 0, - 14 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "kBpGX", - "name": "tab1Txt", - "fill": "$--foreground", - "content": "Laputa App", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "Bb2AE", - "name": "tab1Close", - "width": 14, - "height": 14, - "iconFontName": "x", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "GYeyL", - "name": "Tab Inactive", - "height": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "right": 1, - "bottom": 1 - }, - "fill": "$--sidebar-border" - }, - "gap": 6, - "padding": [ - 0, - 14 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "kZ1bn", - "name": "tab2Txt", - "fill": "$--muted-foreground", - "content": "Portfolio Rewrite", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "RwyYI", - "name": "tab2Close", - "opacity": 0, - "width": 14, - "height": 14, - "iconFontName": "x", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "sbpmq", - "name": "tabSpacer", - "width": "fill_container", - "height": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - } - }, - { - "type": "frame", - "id": "WF97k", - "name": "tabControls", - "height": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1, - "left": 1 - }, - "fill": "$--border" - }, - "gap": 12, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_around", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "rfSoS", - "name": "iconPlus", - "width": 16, - "height": 16, - "iconFontName": "plus", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "t0u6z", - "name": "iconSplit", - "width": 16, - "height": 16, - "iconFontName": "columns", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "kbe1P", - "name": "iconExpand", - "width": 16, - "height": 16, - "iconFontName": "arrows-out-simple", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "rTdKS", - "name": "Editor Body", - "width": "fill_container", - "height": "fill_container", - "children": [ - { - "type": "frame", - "id": "NfyTF", - "name": "Editor Left", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "hvoFh", - "name": "Info Bar", - "width": "fill_container", - "height": 45, - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "bTP0I", - "name": "infoLeft", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "Msj7v", - "name": "breadcrumbType", - "fill": "$--muted-foreground", - "content": "Project", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "wqdMG", - "name": "breadcrumbSep", - "fill": "$--muted-foreground", - "content": "›", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "FzENd", - "name": "breadcrumbName", - "fill": "$--foreground", - "content": "Laputa App", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "text", - "id": "pvTmc", - "name": "dotSep", - "fill": "$--muted-foreground", - "content": "·", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "9ga1R", - "name": "modifiedTxt", - "fill": "$--accent-yellow", - "content": "M", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "600" - } - ] - }, - { - "type": "frame", - "id": "3bzDp", - "name": "infoRight", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "9Ctb0", - "name": "iconSearch", - "width": 16, - "height": 16, - "iconFontName": "magnifying-glass", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "csHzz", - "name": "iconSearch", - "width": 16, - "height": 16, - "iconFontName": "git-branch", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "2s6Of", - "name": "iconSearch", - "width": 16, - "height": 16, - "iconFontName": "cursor-text", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "JVSlj", - "name": "iconAI", - "width": 16, - "height": 16, - "iconFontName": "sparkle", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "k3AiV", - "name": "iconMore", - "width": 16, - "height": 16, - "iconFontName": "dots-three", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "vvETz", - "name": "Editor Content", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "gap": 16, - "padding": [ - 32, - 64 - ], - "children": [ - { - "type": "text", - "id": "b6up3", - "name": "editorP1", - "fill": "$--foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Personal knowledge and life management desktop app, built with Tauri v2 + React + TypeScript + CodeMirror 6. It reads a vault of markdown files with YAML frontmatter and presents them in a four-panel UI inspired by Bear Notes.", - "lineHeight": 1.6, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "a2S43", - "name": "editorH2", - "fill": "$--foreground", - "content": "Architecture", - "lineHeight": 1.3, - "fontFamily": "Inter", - "fontSize": 24, - "fontWeight": "600" - }, - { - "type": "text", - "id": "wgvQa", - "name": "editorP2", - "fill": "$--foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "The app uses a four-panel layout: Sidebar for navigation, NoteList for browsing, Editor for content, and Inspector for metadata. All data lives in markdown files with YAML frontmatter, git-versioned.", - "lineHeight": 1.6, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "GGP97", - "name": "Inspector", - "clip": true, - "width": 260, - "height": "fill_container", - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "left": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "FbHy7", - "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": "sA7Dx", - "name": "leftGroup", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "0ccF1", - "name": "propIcon", - "width": 16, - "height": 16, - "iconFontName": "sliders-horizontal", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "T2vTZ", - "name": "inspTitle", - "fill": "$--muted-foreground", - "content": "Properties", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - } - ] - }, - { - "type": "icon_font", - "id": "NQOhZ", - "name": "sidebarIcon", - "width": 16, - "height": 16, - "iconFontName": "x", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "LYFki", - "name": "Inspector Body", - "clip": true, - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "gap": 16, - "padding": 12, - "children": [ - { - "type": "frame", - "id": "8g61y", - "name": "Properties Section", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "VhH4P", - "name": "addPropBtn", - "width": "fill_container", - "cornerRadius": 6, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - }, - "padding": [ - 6, - 12 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "Q9z8F", - "name": "addPropTxt", - "fill": "$--muted-foreground", - "content": "+ Add property", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "6PwTH", - "name": "propType", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "Vt2BC", - "name": "propTypeLbl", - "fill": "$--muted-foreground", - "content": "TYPE", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "uvBiY", - "name": "propTypeVal", - "fill": "$--foreground", - "content": "Project", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "FDbay", - "name": "propStatus", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "e426F", - "name": "propStatusLbl", - "fill": "$--muted-foreground", - "content": "STATUS", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "o2rZM", - "name": "propStatusBadge", - "fill": "$--accent-green-light", - "cornerRadius": 16, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "transparent" - }, - "gap": 8, - "padding": [ - 1, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "QM7L3", - "name": "Badge Text", - "fill": "$--accent-green", - "content": "ACTIVE", - "lineHeight": 1.33, - "textAlign": "center", - "textAlignVertical": "middle", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "600", - "letterSpacing": 1.2 - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "NmRLv", - "name": "Relationships Section", - "width": "fill_container", - "layout": "vertical", - "gap": 16, - "children": [ - { - "type": "frame", - "id": "WFVAr", - "name": "relGroup1", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "0N729", - "name": "relGrp1Title", - "fill": "$--muted-foreground", - "content": "BELONGS TO", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "zLl8F", - "name": "relLaputaBtn", - "width": "fill_container", - "fill": "$--accent-green-light", - "cornerRadius": 6, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "kw9vC", - "name": "laputaTxt", - "fill": "$--accent-green", - "content": "Laputa", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "RFvoz", - "name": "topicIcon", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "tag", - "iconFontFamily": "phosphor", - "fill": "$--accent-green" - } - ] - }, - { - "type": "frame", - "id": "ybi8Q", - "name": "relLaputaBtn", - "width": "fill_container", - "fill": "$--accent-green-light", - "cornerRadius": 6, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "VNcmt", - "name": "laputaTxt", - "fill": "$--accent-green", - "content": "Building", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "UVPwc", - "name": "topicIcon", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "tag", - "iconFontFamily": "phosphor", - "fill": "$--accent-green" - } - ] - }, - { - "type": "frame", - "id": "L6knW", - "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": "jwU3Z", - "name": "laputaTxt", - "fill": "$--muted-foreground", - "content": "+ Link existing", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "laPFL", - "name": "relGroup2", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "LOXUL", - "name": "relGrp2Title", - "fill": "$--muted-foreground", - "content": "RELATED TO", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "qLTYD", - "name": "relMigrationBtn", - "width": "fill_container", - "fill": "$--accent-red-light", - "cornerRadius": 6, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "GBk2u", - "name": "migrationTxt", - "fill": "$--accent-red", - "content": "Shadcn Migration", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "Sy14T", - "name": "expIcon", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "flask", - "iconFontFamily": "phosphor", - "fill": "$--accent-red" - } - ] - }, - { - "type": "frame", - "id": "u8ijV", - "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": "PUXx5", - "name": "laputaTxt", - "fill": "$--muted-foreground", - "content": "+ Link existing", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "6PUnO", - "name": "Backlinks Section", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "PllIu", - "name": "blTitle", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "ZbgbI", - "name": "blTitleTxt", - "rotation": -0.5285936385085725, - "fill": "$--muted-foreground", - "content": "BACKLINKS", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - } - ] - }, - { - "type": "text", - "id": "eRoDO", - "name": "blItem1", - "fill": "$--primary", - "content": "Portfolio Rewrite", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "u1olR", - "name": "blItem2", - "fill": "$--primary", - "content": "Meeting with Grant", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "oUd9s", - "name": "blItem3", - "fill": "$--primary", - "content": "Q1 Planning", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "yf0wj", - "name": "History Section", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "text", - "id": "dG7rj", - "name": "histTitle", - "fill": "$--muted-foreground", - "content": "HISTORY", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "z2Mdy", - "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": "AsiWz", - "name": "histItem1Hash", - "fill": "$--accent-blue", - "content": "a089f44 · feat: migrate to shadcn/ui", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "BdVhi", - "name": "histItem1Date", - "fill": "$--muted-foreground", - "content": "Feb 16, 2026", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "piJNC", - "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": "0PWoX", - "name": "histItem2Hash", - "fill": "$--accent-blue", - "content": "5a4b4ac · feat: emoji favicon", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "xySNW", - "name": "histItem2Date", - "fill": "$--muted-foreground", - "content": "Feb 15, 2026", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "x1AHT", - "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": "e2UzJ", - "name": "Status Left", - "height": "fill_container", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "mlD58", - "name": "versionIcon", - "width": 14, - "height": 14, - "iconFontName": "box", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "hRBRa", - "name": "versionText", - "fill": "$--muted-foreground", - "content": "v0.4.2", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - }, - { - "type": "text", - "id": "bFwrw", - "name": "sep1", - "fill": "$--border", - "content": "|", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "ey3Gr", - "name": "branchIcon", - "width": 14, - "height": 14, - "iconFontName": "git-branch", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "Kz0sS", - "name": "branchText", - "fill": "$--muted-foreground", - "content": "main", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "6IY1E", - "name": "sep2", - "fill": "$--border", - "content": "|", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "IjEG1", - "name": "syncIcon", - "width": 13, - "height": 13, - "iconFontName": "refresh-cw", - "iconFontFamily": "lucide", - "fill": "$--accent-green" - }, - { - "type": "text", - "id": "srxkr", - "name": "syncText", - "fill": "$--muted-foreground", - "content": "Synced 2m ago", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "4jgQF", - "name": "Status Right", - "height": "fill_container", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "3RPmA", - "name": "aiIcon", - "width": 13, - "height": 13, - "iconFontName": "sparkles", - "iconFontFamily": "lucide", - "fill": "$--accent-purple" - }, - { - "type": "text", - "id": "t0NOA", - "name": "aiText", - "fill": "$--muted-foreground", - "content": "Claude Sonnet 4", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "16V7i", - "name": "sep3", - "fill": "$--border", - "content": "|", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "PXVrd", - "name": "notesCount", - "width": 13, - "height": 13, - "iconFontName": "file-text", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "2FxCi", - "name": "notesText", - "fill": "$--muted-foreground", - "content": "1,247 notes", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "pB6ds", - "name": "sep4", - "fill": "$--border", - "content": "|", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "fRHKs", - "name": "bellIcon", - "width": 13, - "height": 13, - "iconFontName": "bell", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "2sEBS", - "name": "settingsIcon", - "width": 13, - "height": 13, - "iconFontName": "settings", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - } - ] - }, { "type": "frame", "id": "HGjqA", - "x": 1480, - "y": 6700, - "name": "Laputa App — Full Layout without tabs", + "x": 0, + "y": 5100, + "name": "Full Layout", "theme": { "Mode": "Light" }, @@ -7232,8 +2691,11 @@ "children": [ { "type": "frame", - "id": "csKUx", - "name": "Panel: Sidebar", + "id": "sXONu", + "name": "sbRef", + "theme": { + "Mode": "Light" + }, "clip": true, "width": 250, "height": "fill_container", @@ -7247,7 +2709,7 @@ "children": [ { "type": "frame", - "id": "JjEs1", + "id": "6XWoI", "name": "Filters", "width": "fill_container", "stroke": { @@ -7267,299 +2729,156 @@ ], "children": [ { - "type": "frame", - "id": "nXJ9d", - "name": "filterAll", + "id": "Adt7o", + "type": "ref", + "ref": "7ckWW", "width": "fill_container", "fill": "$--accent-blue-light", - "cornerRadius": 6, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "blUzF", - "name": "leftAll", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "JMF90", - "name": "iconAll", - "width": 18, - "height": 18, - "iconFontName": "tray-fill", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--primary" - }, - { - "type": "text", - "id": "FOoIZ", - "name": "fAllTxt", - "fill": "$--primary", - "content": "Untagged", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - } - ] + "name": "f1", + "height": "fit_content", + "x": 8, + "y": 8, + "descendants": { + "irI5G": { + "width": "fit_content", + "height": "fit_content", + "x": 16, + "y": 7 }, - { - "type": "frame", - "id": "ax0Vs", - "name": "countAll", - "height": 20, + "7I3Jh": { + "iconFontName": "tray-fill", + "fill": "$--primary" + }, + "gzPe9": { + "content": "Inbox", "fill": "$--primary", - "cornerRadius": 9999, - "padding": [ - 0, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "sxmAI", - "name": "badgeAllTxt", - "fill": "$--primary-foreground", - "content": "24", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] + "fontWeight": "600", + "x": 26 + }, + "v96mi": { + "fill": "$--primary", + "width": "fit_content", + "x": 193, + "y": 6 + }, + "5hore": { + "content": "24", + "fill": "$--primary-foreground", + "x": 6, + "y": 4 } - ] + } }, { - "type": "frame", - "id": "OymPA", - "name": "filterUntagged", + "id": "Iydl4", + "type": "ref", + "ref": "7ckWW", "width": "fill_container", - "cornerRadius": 6, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "V2PTo", - "name": "leftUntagged", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "eGPM3", - "name": "untaggedIcon", - "width": 18, - "height": 18, - "iconFontName": "cardholder", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--foreground" - }, - { - "type": "text", - "id": "dUVTj", - "name": "untaggedTxt", - "fill": "$--foreground", - "content": "All Notes", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] + "name": "f2", + "height": "fit_content", + "x": 8, + "y": 41, + "descendants": { + "irI5G": { + "width": "fit_content", + "height": "fit_content", + "x": 16, + "y": 7 }, - { - "type": "frame", - "id": "sBYmH", - "name": "countUntagged", - "height": 20, - "fill": "$--secondary", - "cornerRadius": 9999, - "padding": [ - 0, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "GNxFo", - "name": "untaggedBadgeTxt", - "fill": "$--muted-foreground", - "content": "6", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] + "7I3Jh": { + "iconFontName": "cardholder" + }, + "gzPe9": { + "content": "All Notes", + "x": 26 + }, + "v96mi": { + "width": "fit_content", + "x": 199, + "y": 6 + }, + "5hore": { + "content": "6", + "x": 6, + "y": 4 } - ] + } }, { - "type": "frame", - "id": "NHPJj", - "name": "filterTrash", + "id": "ZOoXW", + "type": "ref", + "ref": "7ckWW", "width": "fill_container", - "cornerRadius": 6, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "5qGxW", - "name": "leftTrash", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "xEfF6", - "name": "trashIcon", - "width": 18, - "height": 18, - "iconFontName": "trash", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--foreground" - }, - { - "type": "text", - "id": "LRyYz", - "name": "trashTxt", - "fill": "$--foreground", - "content": "Archive", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] + "name": "f3", + "height": "fit_content", + "x": 8, + "y": 74, + "descendants": { + "irI5G": { + "width": "fit_content", + "height": "fit_content", + "x": 16, + "y": 7 }, - { - "type": "frame", - "id": "90uKH", - "name": "countTrash", - "height": 20, - "fill": "$--secondary", - "cornerRadius": 9999, - "padding": [ - 0, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "02fvK", - "name": "trashBadgeTxt", - "fill": "$--muted-foreground", - "content": "2", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] + "7I3Jh": { + "iconFontName": "trash" + }, + "gzPe9": { + "content": "Archive", + "x": 26 + }, + "v96mi": { + "width": "fit_content", + "x": 199, + "y": 6 + }, + "5hore": { + "content": "2", + "x": 6, + "y": 4 } - ] + } }, { - "type": "frame", - "id": "d9XXg", - "name": "filterChanges", + "id": "tZnon", + "type": "ref", + "ref": "7ckWW", "width": "fill_container", - "cornerRadius": 6, - "gap": 6, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "4fvQC", - "name": "leftChanges", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "nzfZf", - "name": "iconChanges", - "width": 18, - "height": 18, - "iconFontName": "git-branch", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--foreground" - }, - { - "type": "text", - "id": "lu4cP", - "name": "fChangesTxt", - "fill": "$--foreground", - "content": "Changes", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] + "name": "f4", + "height": "fit_content", + "x": 8, + "y": 107, + "descendants": { + "irI5G": { + "width": "fit_content", + "height": "fit_content", + "x": 16, + "y": 7 }, - { - "type": "frame", - "id": "YiQ1O", - "name": "countChanges", - "height": 20, - "fill": "$--secondary", - "cornerRadius": 9999, - "padding": [ - 0, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "CmN6t", - "name": "badgeChangesTxt", - "fill": "$--muted-foreground", - "content": "3", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] + "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": "XgNFL", + "id": "moSnd", "name": "Sections", "width": "fill_container", "height": "fill_container", @@ -7571,7 +2890,7 @@ "children": [ { "type": "frame", - "id": "IJIWY", + "id": "6WO0x", "name": "projGroup", "width": "fill_container", "stroke": { @@ -7595,64 +2914,39 @@ ], "children": [ { - "type": "frame", - "id": "V8jbh", - "name": "projHeader", + "id": "a1uoj", + "type": "ref", + "ref": "YxnFy", "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "1YhVc", - "name": "leftProj", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "QqDxe", - "name": "projIcon", - "width": 18, - "height": 18, - "iconFontName": "wrench", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-red" - }, - { - "type": "text", - "id": "JwZCM", - "name": "projLabel", - "fill": "$--foreground", - "content": "Projects", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] + "name": "s1", + "height": "fit_content", + "x": 6, + "y": 4, + "descendants": { + "sqaEa": { + "width": "fit_content", + "height": "fit_content", + "x": 16, + "y": 6 }, - { - "type": "icon_font", - "id": "YQcq0", - "name": "projChev", - "width": 14, - "height": 14, + "ckRGK": { + "iconFontName": "wrench", + "fill": "$--accent-red" + }, + "TB6OW": { + "content": "Projects", + "x": 26 + }, + "SWlrA": { "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" + "x": 208, + "y": 8 } - ] + } }, { "type": "frame", - "id": "tOKoK", + "id": "gqehb", "name": "projItem1", "width": "fill_container", "fill": "$--accent-red-light", @@ -7667,7 +2961,7 @@ "children": [ { "type": "text", - "id": "g0Rob", + "id": "r0fdT", "name": "proj1Txt", "fill": "$--accent-red", "content": "Laputa App", @@ -7679,7 +2973,7 @@ }, { "type": "frame", - "id": "qJ0GX", + "id": "Bo0yl", "name": "projItem2", "width": "fill_container", "cornerRadius": 6, @@ -7693,7 +2987,7 @@ "children": [ { "type": "text", - "id": "LY1ga", + "id": "KZTj7", "name": "proj2Txt", "fill": "$--muted-foreground", "content": "Portfolio Rewrite", @@ -7705,7 +2999,7 @@ }, { "type": "frame", - "id": "1Qgb2", + "id": "vBQEA", "name": "projItem3", "width": "fill_container", "cornerRadius": 6, @@ -7719,7 +3013,7 @@ "children": [ { "type": "text", - "id": "HnUqu", + "id": "ap4Oo", "name": "proj3Txt", "fill": "$--muted-foreground", "content": "AI Habit Tracker", @@ -7733,7 +3027,7 @@ }, { "type": "frame", - "id": "IqC0v", + "id": "78uPE", "name": "respGroup", "width": "fill_container", "stroke": { @@ -7755,66 +3049,41 @@ ], "children": [ { - "type": "frame", - "id": "scy6X", - "name": "respHeader", + "id": "39Vyr", + "type": "ref", + "ref": "YxnFy", "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "HwsOX", - "name": "leftResp", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "6WyQs", - "name": "respIcon", - "width": 18, - "height": 18, - "iconFontName": "medal", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-purple" - }, - { - "type": "text", - "id": "Lezi1", - "name": "respLabel", - "fill": "$--foreground", - "content": "Responsibilities", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] + "name": "s2", + "height": "fit_content", + "x": 6, + "y": 4, + "descendants": { + "sqaEa": { + "width": "fit_content", + "height": "fit_content", + "x": 16, + "y": 6 }, - { - "type": "icon_font", - "id": "IhhDf", - "name": "respChev", - "width": 14, - "height": 14, + "ckRGK": { + "iconFontName": "medal", + "fill": "$--accent-purple" + }, + "TB6OW": { + "content": "Responsibilities", + "x": 26 + }, + "SWlrA": { "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" + "x": 208, + "y": 8 } - ] + } } ] }, { "type": "frame", - "id": "cR20C", + "id": "Jp74g", "name": "procGroup", "width": "fill_container", "stroke": { @@ -7836,66 +3105,41 @@ ], "children": [ { - "type": "frame", - "id": "YvNSg", - "name": "respHeader", + "id": "1sDOm", + "type": "ref", + "ref": "YxnFy", "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "O6iT1", - "name": "leftResp", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "bgcuy", - "name": "respIcon", - "width": 18, - "height": 18, - "iconFontName": "arrows-clockwise", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-purple" - }, - { - "type": "text", - "id": "sYgz0", - "name": "Procedures", - "fill": "$--foreground", - "content": "Procedures", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] + "name": "s3", + "height": "fit_content", + "x": 6, + "y": 4, + "descendants": { + "sqaEa": { + "width": "fit_content", + "height": "fit_content", + "x": 16, + "y": 6 }, - { - "type": "icon_font", - "id": "TrFsx", - "name": "procChev", - "width": 14, - "height": 14, + "ckRGK": { + "iconFontName": "arrows-clockwise", + "fill": "$--accent-purple" + }, + "TB6OW": { + "content": "Procedures", + "x": 26 + }, + "SWlrA": { "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" + "x": 208, + "y": 8 } - ] + } } ] }, { "type": "frame", - "id": "Q6wwq", + "id": "KUQZr", "name": "peopleGroup", "width": "fill_container", "stroke": { @@ -7917,66 +3161,41 @@ ], "children": [ { - "type": "frame", - "id": "jlfQx", - "name": "peopleHeader", + "id": "Ssx4P", + "type": "ref", + "ref": "YxnFy", "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "d260g", - "name": "leftPeople", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "VdcCw", - "name": "peopleIcon", - "width": 18, - "height": 18, - "iconFontName": "users", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-yellow" - }, - { - "type": "text", - "id": "59XOt", - "name": "peopleLbl", - "fill": "$--foreground", - "content": "People", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] + "name": "s4", + "height": "fit_content", + "x": 6, + "y": 4, + "descendants": { + "sqaEa": { + "width": "fit_content", + "height": "fit_content", + "x": 16, + "y": 6 }, - { - "type": "icon_font", - "id": "AQbK2", - "name": "peopleChev", - "width": 14, - "height": 14, + "ckRGK": { + "iconFontName": "users", + "fill": "$--accent-yellow" + }, + "TB6OW": { + "content": "People", + "x": 26 + }, + "SWlrA": { "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" + "x": 208, + "y": 8 } - ] + } } ] }, { "type": "frame", - "id": "151SK", + "id": "uKXTs", "name": "eventsGroup", "width": "fill_container", "stroke": { @@ -7998,66 +3217,41 @@ ], "children": [ { - "type": "frame", - "id": "XZ4ls", - "name": "eventsHeader", + "id": "aqMYC", + "type": "ref", + "ref": "YxnFy", "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "nFGdE", - "name": "leftEvents", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "evFFw", - "name": "eventsIcon", - "width": 18, - "height": 18, - "iconFontName": "calendar-blank", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-yellow" - }, - { - "type": "text", - "id": "BM70d", - "name": "eventsLbl", - "fill": "$--foreground", - "content": "Events", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] + "name": "s5", + "height": "fit_content", + "x": 6, + "y": 4, + "descendants": { + "sqaEa": { + "width": "fit_content", + "height": "fit_content", + "x": 16, + "y": 6 }, - { - "type": "icon_font", - "id": "FEhso", - "name": "eventsChev", - "width": 14, - "height": 14, + "ckRGK": { + "iconFontName": "calendar-blank", + "fill": "$--accent-yellow" + }, + "TB6OW": { + "content": "Events", + "x": 26 + }, + "SWlrA": { "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" + "x": 208, + "y": 8 } - ] + } } ] }, { "type": "frame", - "id": "BU5Jq", + "id": "gwuHB", "name": "topicsGroup", "width": "fill_container", "stroke": { @@ -8079,66 +3273,41 @@ ], "children": [ { - "type": "frame", - "id": "Oa5r0", - "name": "eventsHeader", + "id": "VdQCY", + "type": "ref", + "ref": "YxnFy", "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "oSeNy", - "name": "leftEvents", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "CBnfG", - "name": "eventsIcon", - "width": 18, - "height": 18, - "iconFontName": "tag", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-green" - }, - { - "type": "text", - "id": "OBjxN", - "name": "eventsLbl", - "fill": "$--foreground", - "content": "Topics", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] + "name": "s6", + "height": "fit_content", + "x": 6, + "y": 4, + "descendants": { + "sqaEa": { + "width": "fit_content", + "height": "fit_content", + "x": 16, + "y": 6 }, - { - "type": "icon_font", - "id": "MUtKg", - "name": "topicsChev", - "width": 14, - "height": 14, + "ckRGK": { + "iconFontName": "tag", + "fill": "$--accent-green" + }, + "TB6OW": { + "content": "Topics", + "x": 26 + }, + "SWlrA": { "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" + "x": 208, + "y": 8 } - ] + } } ] }, { "type": "frame", - "id": "SstqT", + "id": "oRaOh", "name": "topicsGroup", "width": "fill_container", "stroke": { @@ -8160,64 +3329,39 @@ ], "children": [ { - "type": "frame", - "id": "SyLYC", - "name": "eventsHeader", + "id": "Nrcw4", + "type": "ref", + "ref": "YxnFy", "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "kvpZQ", - "name": "leftEvents", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "f58ij", - "name": "eventsIcon", - "width": 18, - "height": 18, - "iconFontName": "leaf", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-green" - }, - { - "type": "text", - "id": "3bmwN", - "name": "eventsLbl", - "fill": "$--foreground", - "content": "Notes", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] + "name": "s7", + "height": "fit_content", + "x": 6, + "y": 4, + "descendants": { + "sqaEa": { + "width": "fit_content", + "height": "fit_content", + "x": 16, + "y": 6 }, - { - "type": "icon_font", - "id": "ZCJ9z", - "name": "topicsChev", - "width": 14, - "height": 14, + "ckRGK": { + "iconFontName": "leaf", + "fill": "$--accent-green" + }, + "TB6OW": { + "content": "Notes", + "x": 26 + }, + "SWlrA": { "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" + "x": 208, + "y": 8 } - ] + } }, { "type": "frame", - "id": "dnI15", + "id": "iHbwB", "name": "eventsHeader", "width": "fill_container", "cornerRadius": 4, @@ -8231,7 +3375,7 @@ "children": [ { "type": "frame", - "id": "VbTOq", + "id": "1Nnj1", "name": "leftEvents", "gap": 8, "padding": [ @@ -8242,7 +3386,7 @@ "children": [ { "type": "icon_font", - "id": "MwY58", + "id": "8r9iD", "name": "eventsIcon", "width": 18, "height": 18, @@ -8253,7 +3397,7 @@ }, { "type": "text", - "id": "oUXMW", + "id": "uH8wP", "name": "eventsLbl", "fill": "$--muted-foreground", "content": "Create new type", @@ -8271,7 +3415,7 @@ }, { "type": "frame", - "id": "5R0W7", + "id": "x6ej7", "name": "Commit Area", "width": "fill_container", "stroke": { @@ -8286,7 +3430,7 @@ "children": [ { "type": "frame", - "id": "6ayUb", + "id": "Q2Qse", "name": "commitBtn", "width": "fill_container", "fill": "$--primary", @@ -8301,7 +3445,7 @@ "children": [ { "type": "icon_font", - "id": "rZtFt", + "id": "PB7LZ", "name": "commitIcon", "width": 14, "height": 14, @@ -8311,7 +3455,7 @@ }, { "type": "text", - "id": "IV4wb", + "id": "x4LQB", "name": "commitTxt", "fill": "$--primary-foreground", "content": "Commit & Push", @@ -8321,7 +3465,7 @@ }, { "type": "frame", - "id": "bWu7m", + "id": "QoHxC", "name": "commitBadge", "height": 18, "fill": "$--white-overlay", @@ -8335,7 +3479,7 @@ "children": [ { "type": "text", - "id": "LKKyn", + "id": "UGPa6", "name": "commitBadgeTxt", "fill": "$--white", "content": "3", @@ -8361,8 +3505,11 @@ }, { "type": "frame", - "id": "TpgPS", - "name": "Panel: NoteList", + "id": "kg64a", + "name": "nlRef", + "theme": { + "Mode": "Light" + }, "clip": true, "width": 300, "height": "fill_container", @@ -8376,7 +3523,7 @@ "children": [ { "type": "frame", - "id": "GEM5G", + "id": "g1Xx8", "name": "NoteList Header", "width": "fill_container", "height": 45, @@ -8396,7 +3543,7 @@ "children": [ { "type": "text", - "id": "oWY8g", + "id": "E2PMl", "name": "nlTitle", "fill": "$--foreground", "content": "Laputa App", @@ -8406,14 +3553,14 @@ }, { "type": "frame", - "id": "AMjBt", + "id": "Nicze", "name": "nlActions", "gap": 12, "alignItems": "center", "children": [ { "type": "icon_font", - "id": "p34MR", + "id": "4flgj", "name": "searchIcon", "width": 16, "height": 16, @@ -8423,7 +3570,7 @@ }, { "type": "icon_font", - "id": "fUL1I", + "id": "bjE7B", "name": "plusIcon", "width": 16, "height": 16, @@ -8437,7 +3584,7 @@ }, { "type": "frame", - "id": "0VPOE", + "id": "dAve2", "name": "Note Items", "clip": true, "width": "fill_container", @@ -8446,14 +3593,14 @@ "children": [ { "type": "frame", - "id": "CM67m", + "id": "7EI7z", "name": "Backlinks Group", "width": "fill_container", "layout": "vertical", "children": [ { "type": "frame", - "id": "8XH4z", + "id": "s7pSH", "name": "Note Item Selected", "width": "fill_container", "fill": "$--accent-red-light", @@ -8467,195 +3614,56 @@ "children": [ { "type": "rectangle", - "id": "S0rYp", + "id": "Tw96Y", "name": "leftAccent", "fill": "$--accent-red", "width": 3, "height": "fill_container" }, { - "type": "frame", - "id": "ZFc9g", - "name": "noteSelContent", + "id": "LL68d", + "type": "ref", + "ref": "2nsLn", "width": "fill_container", - "layout": "vertical", + "stroke": { + "align": "inside", + "thickness": 0, + "fill": "#00000000" + }, "gap": 6, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "A9R3H", - "name": "noteSelRow", + "name": "nsel", + "height": "fit_content", + "x": 3, + "y": 0, + "descendants": { + "lOrq7": { "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "1Fgsj", - "name": "titleGroup", - "width": "fill_container", - "gap": 6, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "1AYwT", - "name": "noteSelTitle", - "fill": "$--foreground", - "content": "Laputa App", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - }, - { - "type": "icon_font", - "id": "RZSAF", - "name": "ico", - "width": 14, - "height": 14, - "iconFontName": "wrench", - "iconFontFamily": "lucide", - "fill": "$--accent-red" - } - ] - } - ] + "height": "fit_content", + "x": 16, + "y": 14 }, - { - "type": "text", - "id": "FkwcX", - "name": "noteSelSnip", - "fill": "$--foreground", - "textGrowth": "fixed-width", + "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...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "U3lZA", - "name": "pinnedChips", "width": "fill_container", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "ppjF1", - "name": "statusChip", - "fill": "$--accent-green-light", - "cornerRadius": 4, - "gap": 3, - "padding": [ - 2, - 6 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "mYyGC", - "name": "sc1i", - "width": 10, - "height": 10, - "iconFontName": "loader", - "iconFontFamily": "lucide", - "fill": "$--accent-green" - }, - { - "type": "text", - "id": "wPFN9", - "name": "sc1t", - "fill": "$--accent-green", - "content": "Active", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "DKibG", - "name": "belongsChip", - "fill": "$--accent-blue-light", - "cornerRadius": 4, - "gap": 3, - "padding": [ - 2, - 6 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "myqLO", - "name": "bc1i", - "width": 10, - "height": 10, - "iconFontName": "arrow-up-right", - "iconFontFamily": "lucide", - "fill": "$--accent-blue" - }, - { - "type": "text", - "id": "VD25l", - "name": "bc1t", - "fill": "$--accent-blue", - "content": "Laputa", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "updhE", - "name": "dateChip", - "fill": "$--muted", - "cornerRadius": 4, - "gap": 3, - "padding": [ - 2, - 6 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "zCQqp", - "name": "dc1i", - "width": 10, - "height": 10, - "iconFontName": "calendar", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "wC4B6", - "name": "dc1t", - "fill": "$--muted-foreground", - "content": "Mar 23", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - } - ] - } - ] + "x": 16, + "y": 36 } - ] + } } ] } @@ -8663,847 +3671,388 @@ }, { "type": "frame", - "id": "xmOhT", + "id": "T0Hb7", "name": "Related Notes Group", "width": "fill_container", "layout": "vertical", "children": [ { - "type": "frame", - "id": "Evo9a", - "name": "Related Notes Header", + "id": "dGaln", + "type": "ref", + "ref": "CGiVI", "width": "fill_container", - "height": 32, - "fill": "$--muted", - "padding": [ - 0, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "iB5Ep", - "name": "rnLeft", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "MUVYO", - "name": "rnLabel", - "fill": "$--muted-foreground", - "content": "Related Notes", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - }, - { - "type": "text", - "id": "CPxpx", - "name": "rnCount", - "fill": "$--muted-foreground", - "content": "2", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - } - ] + "name": "h1", + "y": 0, + "descendants": { + "rKzdN": { + "width": "fit_content", + "height": "fit_content", + "x": 16, + "y": 9.5 }, - { - "type": "frame", - "id": "i324M", - "name": "rnRight", - "gap": 10, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "JE0VS", - "name": "rnFilter", - "width": 12, - "height": 12, - "iconFontName": "funnel", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "VyviT", - "name": "rnPlus", - "width": 12, - "height": 12, - "iconFontName": "plus", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "lISJn", - "name": "rnChev", - "width": 12, - "height": 12, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] + "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 } - ] + } }, { - "type": "frame", - "id": "RPYu0", - "name": "Note Item", + "id": "gXVkg", + "type": "ref", + "ref": "2nsLn", "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 8, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "YqAlU", - "name": "note2Row", + "name": "n1", + "height": "fit_content", + "y": 32, + "descendants": { + "lOrq7": { "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "rG3V1", - "name": "leafGroup", - "width": "fill_container", - "gap": 6, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "yWwIW", - "name": "note2Title", - "fill": "$--foreground", - "content": "Portfolio Rewrite", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "QtmO1", - "name": "leafIco", - "width": 14, - "height": 14, - "iconFontName": "leaf", - "iconFontFamily": "phosphor", - "fill": "$--accent-green" - } - ] - } - ] + "height": "fit_content", + "x": 16, + "y": 14 }, - { - "type": "text", - "id": "5zeuT", - "name": "note2Snip", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", + "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...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "VlPH1", - "name": "pinnedChips", "width": "fill_container", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "ryf66", - "name": "statusChip", - "fill": "$--accent-green-light", - "cornerRadius": 4, - "gap": 3, - "padding": [ - 2, - 6 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "ylRGu", - "name": "sc2i", - "width": 10, - "height": 10, - "iconFontName": "loader", - "iconFontFamily": "lucide", - "fill": "$--accent-green" - }, - { - "type": "text", - "id": "iVqxE", - "name": "sc2t", - "fill": "$--accent-green", - "content": "Active", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "OHXAa", - "name": "belongsChip", - "fill": "$--accent-blue-light", - "cornerRadius": 4, - "gap": 3, - "padding": [ - 2, - 6 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "9qJtg", - "name": "bc2i", - "width": 10, - "height": 10, - "iconFontName": "arrow-up-right", - "iconFontFamily": "lucide", - "fill": "$--accent-blue" - }, - { - "type": "text", - "id": "Wso2E", - "name": "bc2t", - "fill": "$--accent-blue", - "content": "Building", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "DlhMC", - "name": "dateChip", - "fill": "$--muted", - "cornerRadius": 4, - "gap": 3, - "padding": [ - 2, - 6 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "S2zkE", - "name": "dc2i", - "width": 10, - "height": 10, - "iconFontName": "calendar", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "pddLs", - "name": "dc2t", - "fill": "$--muted-foreground", - "content": "Mar 20", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - } - ] - } - ] + "x": 16, + "y": 38 } - ] + } }, { - "type": "frame", - "id": "1Om75", - "name": "Note Item", + "id": "m12d1", + "type": "ref", + "ref": "2nsLn", "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 8, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "OAEAs", - "name": "note2Row", + "name": "n2", + "height": "fit_content", + "y": 120, + "descendants": { + "lOrq7": { "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "5SuTK", - "name": "leafGroup", - "width": "fill_container", - "gap": 6, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "sK9Jk", - "name": "note2Title", - "fill": "$--foreground", - "content": "Sample note 2", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "RNSbR", - "name": "leafIco", - "width": 14, - "height": 14, - "iconFontName": "leaf", - "iconFontFamily": "phosphor", - "fill": "$--accent-green" - } - ] - } - ] + "height": "fit_content", + "x": 16, + "y": 14 }, - { - "type": "text", - "id": "HMgcw", - "name": "note2Snip", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", + "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...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "3cEss", - "name": "pinnedChips", "width": "fill_container", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "F0va4", - "name": "statusChip", - "fill": "$--accent-purple-light", - "cornerRadius": 4, - "gap": 3, - "padding": [ - 2, - 6 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "rTE09", - "name": "sc3i", - "width": 10, - "height": 10, - "iconFontName": "loader", - "iconFontFamily": "lucide", - "fill": "$--accent-purple" - }, - { - "type": "text", - "id": "195uf", - "name": "sc3t", - "fill": "$--accent-purple", - "content": "Draft", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "6iee0", - "name": "dateChip", - "fill": "$--muted", - "cornerRadius": 4, - "gap": 3, - "padding": [ - 2, - 6 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "MJhV3", - "name": "dc3i", - "width": 10, - "height": 10, - "iconFontName": "calendar", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "NuqZN", - "name": "dc3t", - "fill": "$--muted-foreground", - "content": "Mar 18", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - } - ] - } - ] + "x": 16, + "y": 38 } - ] + } } ] }, { "type": "frame", - "id": "7Ehsw", + "id": "cvZGr", "name": "Events Group", "width": "fill_container", "layout": "vertical", "children": [ { - "type": "frame", - "id": "RiyV2", - "name": "Events Header", + "id": "Ranhf", + "type": "ref", + "ref": "CGiVI", "width": "fill_container", - "height": 32, - "fill": "$--muted", - "padding": [ - 0, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "vRvRX", - "name": "evLeft", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "40PXj", - "name": "evLabel", - "rotation": -360, - "fill": "$--muted-foreground", - "content": "Events", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - }, - { - "type": "text", - "id": "xINq0", - "name": "evCount", - "fill": "$--muted-foreground", - "content": "2", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - } - ] + "name": "h2", + "y": 0, + "descendants": { + "rKzdN": { + "width": "fit_content", + "height": "fit_content", + "x": 16, + "y": 9.5 }, - { - "type": "frame", - "id": "DoniE", - "name": "evRight", - "gap": 10, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "ZCIhY", - "name": "evFilter", - "width": 12, - "height": 12, - "iconFontName": "funnel", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "LCLVv", - "name": "evPlus", - "width": 12, - "height": 12, - "iconFontName": "plus", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "1iWrC", - "name": "evChev", - "width": 12, - "height": 12, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] + "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 } - ] + } }, { - "type": "frame", - "id": "LerQJ", - "name": "Note Item 2", + "id": "CR1KI", + "type": "ref", + "ref": "2nsLn", "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 8, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "EUKhI", - "name": "note3Row", + "name": "n3", + "height": "fit_content", + "y": 32, + "descendants": { + "lOrq7": { "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "te2v6", - "name": "calGroup", - "width": "fill_container", - "gap": 6, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "fCsE3", - "name": "note3Title", - "fill": "$--foreground", - "content": "Meeting with Grant", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "65TKj", - "name": "calIco", - "width": 14, - "height": 14, - "iconFontName": "calendar", - "iconFontFamily": "lucide", - "fill": "$--accent-yellow" - } - ] - } - ] + "height": "fit_content", + "x": 16, + "y": 14 }, - { - "type": "text", - "id": "6qqqU", - "name": "note3Snip", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", + "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...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "yZUKc", - "name": "pinnedChips", "width": "fill_container", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "Y9BD7", - "name": "belongsChip", - "fill": "$--accent-blue-light", - "cornerRadius": 4, - "gap": 3, - "padding": [ - 2, - 6 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "6D8Cp", - "name": "bc4i", - "width": 10, - "height": 10, - "iconFontName": "arrow-up-right", - "iconFontFamily": "lucide", - "fill": "$--accent-blue" - }, - { - "type": "text", - "id": "AcqSY", - "name": "bc4t", - "fill": "$--accent-blue", - "content": "Laputa", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "ITRHC", - "name": "dateChip", - "fill": "$--muted", - "cornerRadius": 4, - "gap": 3, - "padding": [ - 2, - 6 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "anDCg", - "name": "dc4i", - "width": 10, - "height": 10, - "iconFontName": "calendar", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "X1krg", - "name": "dc4t", - "fill": "$--muted-foreground", - "content": "Yesterday", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - } - ] - } - ] + "x": 16, + "y": 38 } - ] + } }, { - "type": "frame", - "id": "8YyQO", - "name": "Note Item 2", + "id": "q0onl", + "type": "ref", + "ref": "2nsLn", "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 8, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "fof87", - "name": "note3Row", + "name": "n4", + "height": "fit_content", + "y": 120, + "descendants": { + "lOrq7": { "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "tEqWM", - "name": "calGroup", - "width": "fill_container", - "gap": 6, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "qvma7", - "name": "note3Title", - "fill": "$--foreground", - "content": "Meeting with Matteo", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "Fzu4P", - "name": "calIco", - "width": 14, - "height": 14, - "iconFontName": "calendar", - "iconFontFamily": "lucide", - "fill": "$--accent-yellow" - } - ] - } - ] + "height": "fit_content", + "x": 16, + "y": 14 }, - { - "type": "text", - "id": "Joy2k", - "name": "note3Snip", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", + "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...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "fQvhR", - "name": "pinnedChips", "width": "fill_container", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "vEJND", - "name": "belongsChip", - "fill": "$--accent-blue-light", - "cornerRadius": 4, - "gap": 3, - "padding": [ - 2, - 6 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "DNXAm", - "name": "bc5i", - "width": 10, - "height": 10, - "iconFontName": "arrow-up-right", - "iconFontFamily": "lucide", - "fill": "$--accent-blue" - }, - { - "type": "text", - "id": "FnhZx", - "name": "bc5t", - "fill": "$--accent-blue", - "content": "Building", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "DDb2M", - "name": "dateChip", - "fill": "$--muted", - "cornerRadius": 4, - "gap": 3, - "padding": [ - 2, - 6 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "caFuS", - "name": "dc5i", - "width": 10, - "height": 10, - "iconFontName": "calendar", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "wp0ZY", - "name": "dc5t", - "fill": "$--muted-foreground", - "content": "Yesterday", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - } - ] - } - ] + "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" } ] } @@ -9538,105 +4087,57 @@ "children": [ { "type": "frame", - "id": "UxcsT", - "name": "Editor Left", + "id": "GXuX5", + "name": "edRef", + "theme": { + "Mode": "Light" + }, + "clip": true, "width": "fill_container", "height": "fill_container", "layout": "vertical", "children": [ { - "type": "frame", - "id": "9D3BF", - "name": "Info Bar", + "id": "owWlH", + "type": "ref", + "ref": "ABj4R", "width": "fill_container", - "height": 45, - "fill": "$--background", + "name": "ib", + "y": 0, "stroke": { "align": "inside", "thickness": { "bottom": 1 } }, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "RBwFg", - "name": "infoLeft", - "width": "fit_content(12)", - "height": "fit_content(15)", - "gap": 6, - "alignItems": "center" + "descendants": { + "tahyf": { + "x": 16, + "y": 22.5 }, - { - "type": "frame", - "id": "zhGpL", - "name": "infoRight", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "ZxPpZ", - "name": "iconSearch", - "width": 16, - "height": 16, - "iconFontName": "magnifying-glass", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "rRSEm", - "name": "iconSearch", - "width": 16, - "height": 16, - "iconFontName": "git-branch", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "eJwsS", - "name": "iconSearch", - "width": 16, - "height": 16, - "iconFontName": "cursor-text", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "UIuDY", - "name": "iconAI", - "width": 16, - "height": 16, - "iconFontName": "sparkle", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "VqkpX", - "name": "iconMore", - "width": 16, - "height": 16, - "iconFontName": "dots-three", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] + "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": "6sO2b", + "id": "CNdHe", "name": "Editor Content", "width": "fill_container", "height": "fill_container", @@ -9649,7 +4150,7 @@ "children": [ { "type": "frame", - "id": "nzHnC", + "id": "OqYDF", "name": "titleRow", "width": "fill_container", "gap": 12, @@ -9657,7 +4158,7 @@ "children": [ { "type": "text", - "id": "DcEIb", + "id": "VKJX1", "name": "noteH1", "fill": "$--foreground", "content": "🗓️ Laputa App", @@ -9670,7 +4171,7 @@ }, { "type": "rectangle", - "id": "q6EJL", + "id": "2OfYK", "name": "titleSeparator", "fill": "$--border", "width": "fill_container", @@ -9678,7 +4179,7 @@ }, { "type": "text", - "id": "jAqYC", + "id": "p25wy", "name": "editorP1", "fill": "$--foreground", "textGrowth": "fixed-width", @@ -9691,7 +4192,7 @@ }, { "type": "text", - "id": "YWPPd", + "id": "KMqPj", "name": "editorH2", "fill": "$--foreground", "content": "Architecture", @@ -9702,7 +4203,7 @@ }, { "type": "text", - "id": "kKn32", + "id": "3o3gt", "name": "editorP2", "fill": "$--foreground", "textGrowth": "fixed-width", @@ -9719,8 +4220,11 @@ }, { "type": "frame", - "id": "04cje", - "name": "Inspector", + "id": "mxEx0", + "name": "insRef", + "theme": { + "Mode": "Light" + }, "clip": true, "width": 260, "height": "fill_container", @@ -9736,7 +4240,7 @@ "children": [ { "type": "frame", - "id": "uZV8Z", + "id": "DFthW", "name": "Inspector Header", "width": "fill_container", "height": 45, @@ -9757,14 +4261,14 @@ "children": [ { "type": "frame", - "id": "6Z6cM", + "id": "AfG5c", "name": "leftGroup", "gap": 8, "alignItems": "center", "children": [ { "type": "icon_font", - "id": "BiNCi", + "id": "U2m2E", "name": "propIcon", "width": 16, "height": 16, @@ -9774,7 +4278,7 @@ }, { "type": "text", - "id": "lhqNb", + "id": "OVXRQ", "name": "inspTitle", "fill": "$--muted-foreground", "content": "Properties", @@ -9786,7 +4290,7 @@ }, { "type": "icon_font", - "id": "258iX", + "id": "DaUvC", "name": "sidebarIcon", "width": 16, "height": 16, @@ -9798,7 +4302,7 @@ }, { "type": "frame", - "id": "O89HC", + "id": "65WNg", "name": "Inspector Body", "clip": true, "width": "fill_container", @@ -9811,7 +4315,7 @@ "children": [ { "type": "frame", - "id": "H0rE0", + "id": "dhE7n", "name": "Section Group 1", "width": "fill_container", "layout": "vertical", @@ -9825,43 +4329,30 @@ "children": [ { "type": "frame", - "id": "bZlIT", + "id": "TdPVi", "name": "Properties Section", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [ { - "type": "frame", - "id": "7GOE5", - "name": "propType", + "id": "0Dx4R", + "type": "ref", + "ref": "2bVOu", "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "HVUKQ", - "name": "propTypeLbl", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "9GsKn", - "name": "typeTxt", - "fill": "$--muted-foreground", - "content": "Type", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] + "name": "p1", + "height": "fit_content", + "x": 0, + "y": 0, + "descendants": { + "SS4ef": { + "content": "Type", + "y": 3 }, - { + "lKjFb": { "type": "frame", - "id": "cfY6i", - "name": "propTypeChip", + "id": "M0hAz", + "name": "newChip", "fill": "$--accent-red-light", "cornerRadius": 4, "gap": 4, @@ -9873,8 +4364,8 @@ "children": [ { "type": "icon_font", - "id": "DGGFV", - "name": "typeValIco", + "id": "g3MKg", + "name": "chipIco", "width": 12, "height": 12, "iconFontName": "wrench", @@ -9883,8 +4374,8 @@ }, { "type": "text", - "id": "WYVYd", - "name": "typeValTxt", + "id": "I6AZ7", + "name": "chipTxt", "fill": "$--accent-red", "content": "Project", "fontFamily": "Inter", @@ -9893,57 +4384,38 @@ } ] } - ] + } }, { - "type": "frame", - "id": "bLar7", - "name": "propStatus", + "id": "gaem6", + "type": "ref", + "ref": "2bVOu", "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "TpIYw", - "name": "propStatusLbl", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "Dcgej", - "name": "statusTxt", - "fill": "$--muted-foreground", - "content": "Status", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] + "name": "p2", + "height": "fit_content", + "x": 0, + "y": 29, + "descendants": { + "SS4ef": { + "content": "Status", + "y": 3 }, - { + "lKjFb": { "type": "frame", - "id": "HLxW4", - "name": "propStatusBadge", + "id": "6LXwV", + "name": "statusChip", "fill": "$--accent-green-light", "cornerRadius": 4, - "stroke": { - "align": "inside", - "thickness": 0, - "fill": "transparent" - }, "gap": 6, "padding": [ 3, 8 ], - "justifyContent": "center", "alignItems": "center", "children": [ { "type": "ellipse", - "id": "ozCVp", + "id": "xPlRa", "name": "statusDot", "fill": "$--accent-green", "width": 6, @@ -9951,8 +4423,8 @@ }, { "type": "text", - "id": "41rea", - "name": "Badge Text", + "id": "YVwUM", + "name": "statusTxt", "fill": "$--accent-green", "content": "Active", "fontFamily": "Inter", @@ -9961,116 +4433,65 @@ } ] } - ] + } }, { - "type": "frame", - "id": "CLy0K", - "name": "propDate", + "id": "K8j7m", + "type": "ref", + "ref": "2bVOu", "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "xi2D9", - "name": "propDateLbl", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "z8Qvf", - "name": "dateTxt", - "fill": "$--muted-foreground", - "content": "Date", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] + "name": "p3", + "height": "fit_content", + "x": 0, + "y": 58, + "descendants": { + "SS4ef": { + "content": "Date", + "y": 3 }, - { - "type": "frame", - "id": "HxDRV", - "name": "propDateChip", - "fill": "$--muted", - "cornerRadius": 4, - "padding": [ - 3, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "mnyGr", - "name": "dateChipTxt", - "fill": "$--accent-foreground", - "content": "Mar 23, 2026", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] + "lKjFb": { + "width": "fit_content", + "height": "fit_content", + "x": 142 + }, + "38JOz": { + "content": "Mar 23, 2026", + "x": 8, + "y": 3 } - ] + } }, { - "type": "frame", - "id": "oL4CQ", - "name": "propUrl", + "id": "W2ddA", + "type": "ref", + "ref": "2bVOu", "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "N15ew", - "name": "propUrlLbl", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "1Orfj", - "name": "urlTxt", - "fill": "$--muted-foreground", - "content": "URL", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] + "name": "p4", + "height": "fit_content", + "x": 0, + "y": 87, + "descendants": { + "SS4ef": { + "content": "URL", + "y": 3 }, - { - "type": "frame", - "id": "lWgyT", - "name": "propUrlChip", - "cornerRadius": 4, - "padding": [ - 3, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "jy9Z4", - "name": "urlChipTxt", - "fill": "$--primary", - "content": "acme.dev/docs", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] + "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": "Ff3Io", + "id": "LICOf", "name": "propArchived", "width": "fill_container", "height": 21, @@ -10079,14 +4500,14 @@ "children": [ { "type": "frame", - "id": "mZKeD", + "id": "7NoVl", "name": "propArchivedLbl", "gap": 4, "alignItems": "center", "children": [ { "type": "text", - "id": "bDWEX", + "id": "QNZYV", "name": "archivedTxt", "fill": "$--muted-foreground", "content": "Archived", @@ -10098,7 +4519,7 @@ }, { "type": "frame", - "id": "yZ0YK", + "id": "yC8oO", "name": "propArchivedToggle", "width": 15, "height": 15, @@ -10114,7 +4535,7 @@ }, { "type": "frame", - "id": "x9JLV", + "id": "oeTN7", "name": "propTags", "width": "fill_container", "justifyContent": "space_between", @@ -10122,14 +4543,14 @@ "children": [ { "type": "frame", - "id": "tgSQE", + "id": "espYX", "name": "propTagsLbl", "gap": 4, "alignItems": "center", "children": [ { "type": "text", - "id": "K6npi", + "id": "fE8Ci", "name": "tagsTxt", "fill": "$--muted-foreground", "content": "Tags", @@ -10141,14 +4562,14 @@ }, { "type": "frame", - "id": "fuwFC", + "id": "NU5Hy", "name": "propTagsChips", "gap": 4, "alignItems": "center", "children": [ { "type": "frame", - "id": "jQ8WR", + "id": "TVhVX", "name": "tagChip1", "fill": "$--accent-purple-light", "cornerRadius": 4, @@ -10160,7 +4581,7 @@ "children": [ { "type": "text", - "id": "qJTBO", + "id": "pazIy", "name": "tag1txt", "fill": "$--accent-purple", "content": "v2", @@ -10172,7 +4593,7 @@ }, { "type": "frame", - "id": "GqvMa", + "id": "KHA4r", "name": "tagChip2", "fill": "$--accent-orange-light", "cornerRadius": 4, @@ -10184,7 +4605,7 @@ "children": [ { "type": "text", - "id": "zMBal", + "id": "XrZgQ", "name": "tag2txt", "fill": "$--accent-orange", "content": "docs", @@ -10199,61 +4620,34 @@ ] }, { - "type": "frame", - "id": "PMn4j", - "name": "propAuthor", + "id": "Ziiwa", + "type": "ref", + "ref": "2bVOu", "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "puVMm", - "name": "propAuthorLbl", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "gzDue", - "name": "authorTxt", - "fill": "$--muted-foreground", - "content": "Author", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] + "name": "p5", + "height": "fit_content", + "x": 0, + "y": 174, + "descendants": { + "SS4ef": { + "content": "Author", + "y": 3 }, - { - "type": "frame", - "id": "Mxkn6", - "name": "propAuthorChip", - "fill": "$--muted", - "cornerRadius": 4, - "padding": [ - 3, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "Bqeco", - "name": "authorValTxt", - "fill": "$--accent-foreground", - "content": "Luca", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] + "lKjFb": { + "width": "fit_content", + "height": "fit_content", + "x": 192 + }, + "38JOz": { + "content": "Luca", + "x": 8, + "y": 3 } - ] + } }, { "type": "frame", - "id": "y7rT3", + "id": "NPt9L", "name": "addPropRow", "width": "fill_container", "gap": 4, @@ -10261,7 +4655,7 @@ "children": [ { "type": "icon_font", - "id": "xkwig", + "id": "CbnWB", "name": "addIco", "opacity": 0.5, "width": 12, @@ -10272,9 +4666,10 @@ }, { "type": "text", - "id": "OqN03", + "id": "nkTdr", "name": "addTxt", "opacity": 0.5, + "rotation": -0.43548563406852797, "fill": "$--muted-foreground", "content": "Add property", "fontFamily": "Inter", @@ -10287,7 +4682,7 @@ }, { "type": "frame", - "id": "6hhBx", + "id": "ebmG7", "name": "Relationships Section", "width": "fill_container", "layout": "vertical", @@ -10295,7 +4690,7 @@ "children": [ { "type": "frame", - "id": "VlUix", + "id": "cQrBv", "name": "relGroup1", "width": "fill_container", "layout": "vertical", @@ -10303,14 +4698,14 @@ "children": [ { "type": "frame", - "id": "tanR0", + "id": "XB87G", "name": "relGrp1Title", "gap": 4, "alignItems": "center", "children": [ { "type": "icon_font", - "id": "yGeKx", + "id": "QwKXS", "name": "belongsIco", "width": 12, "height": 12, @@ -10320,7 +4715,7 @@ }, { "type": "text", - "id": "erKpc", + "id": "W4Dkw", "name": "belongsTxt", "fill": "$--muted-foreground", "content": "Belongs to", @@ -10331,82 +4726,52 @@ ] }, { - "type": "frame", - "id": "cJjEv", - "name": "relLaputaBtn", + "id": "9X0Of", + "type": "ref", + "ref": "n6iwQ", "width": "fill_container", - "fill": "$--accent-green-light", - "cornerRadius": 6, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "Kmd6u", - "name": "laputaTxt", - "fill": "$--accent-green", + "name": "r1", + "height": "fit_content", + "x": 0, + "y": 19, + "descendants": { + "OTLK6": { "content": "Laputa", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" + "x": 10, + "y": 6 }, - { - "type": "icon_font", - "id": "fBeYq", - "name": "topicIcon", - "opacity": 0.5, - "width": 14, - "height": 14, + "s37c7": { "iconFontName": "tag", - "iconFontFamily": "phosphor", - "fill": "$--accent-green" + "x": 212, + "y": 6.5 } - ] + } }, { - "type": "frame", - "id": "HBd0a", - "name": "relLaputaBtn", + "id": "KRI2c", + "type": "ref", + "ref": "n6iwQ", "width": "fill_container", - "fill": "$--accent-green-light", - "cornerRadius": 6, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "jhXGU", - "name": "laputaTxt", - "fill": "$--accent-green", + "name": "r2", + "height": "fit_content", + "x": 0, + "y": 50, + "descendants": { + "OTLK6": { "content": "Building", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" + "x": 10, + "y": 6 }, - { - "type": "icon_font", - "id": "urTvt", - "name": "topicIcon", - "opacity": 0.5, - "width": 14, - "height": 14, + "s37c7": { "iconFontName": "tag", - "iconFontFamily": "phosphor", - "fill": "$--accent-green" + "x": 212, + "y": 6.5 } - ] + } }, { "type": "frame", - "id": "17ibi", + "id": "ZymwB", "name": "linkExisting", "width": "fill_container", "cornerRadius": 6, @@ -10424,7 +4789,7 @@ "children": [ { "type": "text", - "id": "QV5Yl", + "id": "j7K2C", "name": "laputaTxt", "fill": "$--muted-foreground", "content": "+ Link existing", @@ -10438,7 +4803,7 @@ }, { "type": "frame", - "id": "ZOyKk", + "id": "sa21a", "name": "relGroup2", "width": "fill_container", "layout": "vertical", @@ -10446,14 +4811,14 @@ "children": [ { "type": "frame", - "id": "ovWen", + "id": "AMBrj", "name": "relGrp2Title", "gap": 4, "alignItems": "center", "children": [ { "type": "icon_font", - "id": "Fabhg", + "id": "8Qgyf", "name": "relatedIco", "width": 12, "height": 12, @@ -10463,7 +4828,7 @@ }, { "type": "text", - "id": "X4BAt", + "id": "JKpHv", "name": "relatedTxt", "fill": "$--muted-foreground", "content": "Related to", @@ -10474,45 +4839,33 @@ ] }, { - "type": "frame", - "id": "Ir5Fw", - "name": "relMigrationBtn", + "id": "U8dBf", + "type": "ref", + "ref": "n6iwQ", "width": "fill_container", "fill": "$--accent-red-light", - "cornerRadius": 6, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "JaJgj", - "name": "migrationTxt", - "fill": "$--accent-red", + "name": "r3", + "height": "fit_content", + "x": 0, + "y": 19, + "descendants": { + "OTLK6": { "content": "Shadcn Migration", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" + "fill": "$--accent-red", + "x": 10, + "y": 6 }, - { - "type": "icon_font", - "id": "jUJKZ", - "name": "expIcon", - "opacity": 0.5, - "width": 14, - "height": 14, + "s37c7": { "iconFontName": "flask", - "iconFontFamily": "phosphor", - "fill": "$--accent-red" + "fill": "$--accent-red", + "x": 212, + "y": 6.5 } - ] + } }, { "type": "frame", - "id": "u18cz", + "id": "DoMDz", "name": "linkExisting", "width": "fill_container", "cornerRadius": 6, @@ -10530,7 +4883,7 @@ "children": [ { "type": "text", - "id": "Tyiog", + "id": "0c3FL", "name": "laputaTxt", "fill": "$--muted-foreground", "content": "+ Link existing", @@ -10544,7 +4897,7 @@ }, { "type": "frame", - "id": "Y59EA", + "id": "aJxyl", "name": "addRelRow", "width": "fill_container", "gap": 4, @@ -10552,7 +4905,7 @@ "children": [ { "type": "icon_font", - "id": "Wp0We", + "id": "v2Taw", "name": "addRelIco", "opacity": 0.5, "width": 12, @@ -10563,7 +4916,7 @@ }, { "type": "text", - "id": "AxycS", + "id": "g6CqN", "name": "addRelTxt", "opacity": 0.5, "fill": "$--muted-foreground", @@ -10579,14 +4932,17 @@ ] }, { - "id": "PCLw7", + "id": "euAlL", "type": "ref", "ref": "comp_Separator", - "name": "sep1" + "name": "sep1", + "width": "fill_container", + "x": 0, + "y": 502.577211185393 }, { "type": "frame", - "id": "pHcGO", + "id": "xQOQu", "name": "Section Group 2", "width": "fill_container", "layout": "vertical", @@ -10598,7 +4954,7 @@ "children": [ { "type": "frame", - "id": "XRlQT", + "id": "kNPfM", "name": "Backlinks Section", "width": "fill_container", "layout": "vertical", @@ -10606,21 +4962,21 @@ "children": [ { "type": "frame", - "id": "ZALUv", + "id": "s6enj", "name": "blTitle", "gap": 4, "alignItems": "center", "children": [ { "type": "frame", - "id": "6PXNU", + "id": "fIGDr", "name": "blTitleTxt", "gap": 4, "alignItems": "center", "children": [ { "type": "icon_font", - "id": "UHxDH", + "id": "gRi8d", "name": "blIco", "width": 12, "height": 12, @@ -10630,7 +4986,7 @@ }, { "type": "text", - "id": "yGQMk", + "id": "y7qWL", "name": "blTxt", "fill": "$--muted-foreground", "content": "Backlinks", @@ -10644,7 +5000,7 @@ }, { "type": "text", - "id": "RuBpG", + "id": "G2YoR", "name": "blItem1", "fill": "$--primary", "content": "Portfolio Rewrite", @@ -10654,7 +5010,7 @@ }, { "type": "text", - "id": "TerDr", + "id": "45DYM", "name": "blItem2", "fill": "$--primary", "content": "Meeting with Grant", @@ -10664,7 +5020,7 @@ }, { "type": "text", - "id": "WMko1", + "id": "gozsE", "name": "blItem3", "fill": "$--primary", "content": "Q1 Planning", @@ -10677,14 +5033,17 @@ ] }, { - "id": "vLmnP", + "id": "xs6er", "type": "ref", "ref": "comp_Separator", - "name": "sep2" + "name": "sep2", + "width": "fill_container", + "x": 0, + "y": 627.577211185393 }, { "type": "frame", - "id": "V32dj", + "id": "911LP", "name": "Section Group 3", "width": "fill_container", "layout": "vertical", @@ -10698,7 +5057,7 @@ "children": [ { "type": "frame", - "id": "tNLEF", + "id": "YzDqX", "name": "History Section", "width": "fill_container", "layout": "vertical", @@ -10706,14 +5065,14 @@ "children": [ { "type": "frame", - "id": "tHUth", + "id": "oglDy", "name": "histTitle", "gap": 4, "alignItems": "center", "children": [ { "type": "icon_font", - "id": "nXyRc", + "id": "76jjZ", "name": "histIco", "width": 12, "height": 12, @@ -10723,7 +5082,7 @@ }, { "type": "text", - "id": "qrEvd", + "id": "zOdWG", "name": "histTxt", "fill": "$--muted-foreground", "content": "History", @@ -10735,7 +5094,7 @@ }, { "type": "frame", - "id": "YM3iO", + "id": "ati3l", "name": "histItem1", "width": "fill_container", "stroke": { @@ -10756,7 +5115,7 @@ "children": [ { "type": "text", - "id": "82tzK", + "id": "85GOy", "name": "histItem1Hash", "fill": "$--accent-blue", "content": "a089f44 · feat: migrate to shadcn/ui", @@ -10766,7 +5125,7 @@ }, { "type": "text", - "id": "eKfr2", + "id": "XeIaw", "name": "histItem1Date", "fill": "$--muted-foreground", "content": "Feb 16, 2026", @@ -10778,7 +5137,7 @@ }, { "type": "frame", - "id": "d6J4P", + "id": "wLtzW", "name": "histItem2", "width": "fill_container", "stroke": { @@ -10799,7 +5158,7 @@ "children": [ { "type": "text", - "id": "c3SJr", + "id": "lwvz5", "name": "histItem2Hash", "fill": "$--accent-blue", "content": "5a4b4ac · feat: emoji favicon", @@ -10809,7 +5168,7 @@ }, { "type": "text", - "id": "WJQqM", + "id": "XdIN3", "name": "histItem2Date", "fill": "$--muted-foreground", "content": "Feb 15, 2026", @@ -11038,16043 +5397,11 @@ } ] }, - { - "type": "frame", - "id": "SC_all", - "x": 0, - "y": 7700, - "name": "Sidebar Collapse — All panels visible", - "theme": { - "Mode": "Light" - }, - "clip": true, - "width": 1440, - "height": 900, - "fill": "$--background", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "SC_all_title", - "name": "macOS Title Bar", - "width": "fill_container", - "height": 38, - "fill": "$--sidebar", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "SC_all_tl", - "name": "trafficLights", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "ellipse", - "id": "SC_all_c", - "fill": "$--traffic-red", - "width": 12, - "height": 12 - }, - { - "type": "ellipse", - "id": "SC_all_m", - "fill": "$--traffic-yellow", - "width": 12, - "height": 12 - }, - { - "type": "ellipse", - "id": "SC_all_x", - "fill": "$--traffic-green", - "width": 12, - "height": 12 - } - ] - } - ] - }, - { - "type": "frame", - "id": "SC_all_content", - "name": "Content", - "width": "fill_container", - "height": "fill_container", - "children": [ - { - "type": "frame", - "id": "SC_all_sb", - "name": "Panel: Sidebar", - "clip": true, - "width": 250, - "height": "fill_container", - "fill": "$--sidebar", - "stroke": { - "align": "inside", - "thickness": { - "right": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "SC_all_sb_hdr", - "name": "SidebarHeader", - "width": "fill_container", - "height": 32, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "SC_all_sb_btn", - "name": "collapseBtn", - "width": 24, - "height": 24, - "fill": "transparent", - "cornerRadius": 4, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "SC_all_sb_btn_icon", - "name": "chevronIcon", - "width": 14, - "height": 14, - "iconFontName": "caret-left-bold", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "SC_all_sb_nav", - "name": "NavItems", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 1, - "padding": [ - 4, - 8 - ], - "children": [ - { - "type": "text", - "id": "SC_all_sb_t1", - "fill": "$--foreground", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "SC_all_sb_t2", - "fill": "$--muted-foreground", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "SC_all_sb_t3", - "fill": "$--muted-foreground", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "SC_all_sb_t4", - "fill": "$--muted-foreground", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "SC_all_sb_sec", - "name": "Sections", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "gap": 2, - "padding": 8, - "children": [ - { - "type": "text", - "id": "SC_all_sb_sh", - "fill": "$--muted-foreground", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal", - "letterSpacing": 1.2 - }, - { - "type": "text", - "id": "SC_all_sb_s1", - "fill": "$--foreground", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "SC_all_sb_s2", - "fill": "$--muted-foreground", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "SC_all_nl", - "name": "Panel: NoteList", - "clip": true, - "width": 300, - "height": "fill_container", - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "right": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "SC_all_nl_hdr", - "name": "NoteListHeader", - "width": "fill_container", - "height": 40, - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "SC_all_nl_title", - "fill": "$--foreground", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "SC_all_nl_count", - "fill": "$--muted-foreground", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "SC_all_nl_list", - "name": "NoteItems", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "SC_all_nl_n1", - "name": "noteItem1", - "width": "fill_container", - "fill": "$--accent", - "padding": [ - 10, - 16 - ], - "children": [ - { - "type": "text", - "id": "SC_all_nl_n1t", - "fill": "$--foreground", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "SC_all_nl_n2", - "name": "noteItem2", - "width": "fill_container", - "padding": [ - 10, - 16 - ], - "children": [ - { - "type": "text", - "id": "SC_all_nl_n2t", - "fill": "$--foreground", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "SC_all_nl_n3", - "name": "noteItem3", - "width": "fill_container", - "padding": [ - 10, - 16 - ], - "children": [ - { - "type": "text", - "id": "SC_all_nl_n3t", - "fill": "$--foreground", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "SC_all_ed", - "name": "Panel: Editor", - "clip": true, - "width": "fill_container", - "height": "fill_container", - "fill": "$--background", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "SC_all_ed_tabs", - "name": "TabBar", - "width": "fill_container", - "height": 36, - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "gap": 4, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "SC_all_ed_tab1", - "name": "activeTab", - "fill": "$--background", - "cornerRadius": [ - 6, - 6, - 0, - 0 - ], - "stroke": { - "align": "inside", - "thickness": { - "bottom": 2 - }, - "fill": "$--primary" - }, - "padding": [ - 6, - 12 - ], - "children": [ - { - "type": "text", - "id": "SC_all_ed_tab1t", - "fill": "$--foreground", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "SC_all_ed_content", - "name": "EditorContent", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "gap": 12, - "padding": [ - 24, - 48 - ], - "children": [ - { - "type": "text", - "id": "SC_all_ed_h1", - "fill": "$--foreground", - "fontFamily": "Inter", - "fontSize": 28, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "SC_all_ed_p1", - "fill": "$--foreground", - "lineHeight": 1.6, - "fontFamily": "Inter", - "fontSize": 15, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "SC_all_ed_p2", - "fill": "$--muted-foreground", - "lineHeight": 1.6, - "fontFamily": "Inter", - "fontSize": 15, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "SC_nosb", - "x": 0, - "y": 8700, - "name": "Sidebar Collapse — Sidebar collapsed", - "theme": { - "Mode": "Light" - }, - "clip": true, - "width": 1440, - "height": 900, - "fill": "$--background", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "SC_nosb_title", - "name": "macOS Title Bar", - "width": "fill_container", - "height": 38, - "fill": "$--sidebar", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "SC_nosb_tl", - "name": "trafficLights", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "ellipse", - "id": "SC_nosb_c", - "fill": "$--traffic-red", - "width": 12, - "height": 12 - }, - { - "type": "ellipse", - "id": "SC_nosb_m", - "fill": "$--traffic-yellow", - "width": 12, - "height": 12 - }, - { - "type": "ellipse", - "id": "SC_nosb_x", - "fill": "$--traffic-green", - "width": 12, - "height": 12 - } - ] - } - ] - }, - { - "type": "frame", - "id": "SC_nosb_content", - "name": "Content", - "width": "fill_container", - "height": "fill_container", - "children": [ - { - "type": "frame", - "id": "SC_nosb_nl", - "name": "Panel: NoteList", - "clip": true, - "width": 300, - "height": "fill_container", - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "right": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "SC_nosb_nl_hdr", - "name": "NoteListHeader", - "width": "fill_container", - "height": 40, - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "SC_nosb_nl_title", - "fill": "$--foreground", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "SC_nosb_nl_count", - "fill": "$--muted-foreground", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "SC_nosb_nl_list", - "name": "NoteItems", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "SC_nosb_nl_n1", - "name": "noteItem1", - "width": "fill_container", - "fill": "$--accent", - "padding": [ - 10, - 16 - ], - "children": [ - { - "type": "text", - "id": "SC_nosb_nl_n1t", - "fill": "$--foreground", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "SC_nosb_nl_n2", - "name": "noteItem2", - "width": "fill_container", - "padding": [ - 10, - 16 - ], - "children": [ - { - "type": "text", - "id": "SC_nosb_nl_n2t", - "fill": "$--foreground", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "SC_nosb_nl_n3", - "name": "noteItem3", - "width": "fill_container", - "padding": [ - 10, - 16 - ], - "children": [ - { - "type": "text", - "id": "SC_nosb_nl_n3t", - "fill": "$--foreground", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "SC_nosb_ed", - "name": "Panel: Editor", - "clip": true, - "width": "fill_container", - "height": "fill_container", - "fill": "$--background", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "SC_nosb_ed_tabs", - "name": "TabBar", - "width": "fill_container", - "height": 36, - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "gap": 4, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "SC_nosb_ed_tab1", - "name": "activeTab", - "fill": "$--background", - "cornerRadius": [ - 6, - 6, - 0, - 0 - ], - "stroke": { - "align": "inside", - "thickness": { - "bottom": 2 - }, - "fill": "$--primary" - }, - "padding": [ - 6, - 12 - ], - "children": [ - { - "type": "text", - "id": "SC_nosb_ed_tab1t", - "fill": "$--foreground", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "SC_nosb_ed_content", - "name": "EditorContent", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "gap": 12, - "padding": [ - 24, - 48 - ], - "children": [ - { - "type": "text", - "id": "SC_nosb_ed_h1", - "fill": "$--foreground", - "fontFamily": "Inter", - "fontSize": 28, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "SC_nosb_ed_p1", - "fill": "$--foreground", - "lineHeight": 1.6, - "fontFamily": "Inter", - "fontSize": 15, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "SC_nosb_ed_p2", - "fill": "$--muted-foreground", - "lineHeight": 1.6, - "fontFamily": "Inter", - "fontSize": 15, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "SC_edonly", - "x": 0, - "y": 9700, - "name": "Sidebar Collapse — Editor only", - "theme": { - "Mode": "Light" - }, - "clip": true, - "width": 1440, - "height": 900, - "fill": "$--background", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "SC_edonly_title", - "name": "macOS Title Bar", - "width": "fill_container", - "height": 38, - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "SC_edonly_tl", - "name": "trafficLights", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "ellipse", - "id": "SC_edonly_c", - "fill": "$--traffic-red", - "width": 12, - "height": 12 - }, - { - "type": "ellipse", - "id": "SC_edonly_m", - "fill": "$--traffic-yellow", - "width": 12, - "height": 12 - }, - { - "type": "ellipse", - "id": "SC_edonly_x", - "fill": "$--traffic-green", - "width": 12, - "height": 12 - } - ] - } - ] - }, - { - "type": "frame", - "id": "SC_edonly_content", - "name": "Content", - "width": "fill_container", - "height": "fill_container", - "children": [ - { - "type": "frame", - "id": "SC_edonly_ed", - "name": "Panel: Editor", - "clip": true, - "width": "fill_container", - "height": "fill_container", - "fill": "$--background", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "SC_edonly_ed_tabs", - "name": "TabBar", - "width": "fill_container", - "height": 36, - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "gap": 4, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "SC_edonly_ed_tab1", - "name": "activeTab", - "fill": "$--background", - "cornerRadius": [ - 6, - 6, - 0, - 0 - ], - "stroke": { - "align": "inside", - "thickness": { - "bottom": 2 - }, - "fill": "$--primary" - }, - "padding": [ - 6, - 12 - ], - "children": [ - { - "type": "text", - "id": "SC_edonly_ed_tab1t", - "fill": "$--foreground", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "SC_edonly_ed_content", - "name": "EditorContent", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "gap": 12, - "padding": [ - 24, - 48 - ], - "children": [ - { - "type": "text", - "id": "SC_edonly_ed_h1", - "fill": "$--foreground", - "fontFamily": "Inter", - "fontSize": 28, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "SC_edonly_ed_p1", - "fill": "$--foreground", - "lineHeight": 1.6, - "fontFamily": "Inter", - "fontSize": 15, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "SC_edonly_ed_p2", - "fill": "$--muted-foreground", - "lineHeight": 1.6, - "fontFamily": "Inter", - "fontSize": 15, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "SC_ednl", - "x": 0, - "y": 10700, - "name": "Sidebar Collapse — Editor + notes", - "theme": { - "Mode": "Light" - }, - "clip": true, - "width": 1440, - "height": 900, - "fill": "$--background", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "SC_ednl_title", - "name": "macOS Title Bar", - "width": "fill_container", - "height": 38, - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "SC_ednl_tl", - "name": "trafficLights", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "ellipse", - "id": "SC_ednl_c", - "fill": "$--traffic-red", - "width": 12, - "height": 12 - }, - { - "type": "ellipse", - "id": "SC_ednl_m", - "fill": "$--traffic-yellow", - "width": 12, - "height": 12 - }, - { - "type": "ellipse", - "id": "SC_ednl_x", - "fill": "$--traffic-green", - "width": 12, - "height": 12 - } - ] - } - ] - }, - { - "type": "frame", - "id": "SC_ednl_content", - "name": "Content", - "width": "fill_container", - "height": "fill_container", - "children": [ - { - "type": "frame", - "id": "SC_ednl_nl", - "name": "Panel: NoteList", - "clip": true, - "width": 300, - "height": "fill_container", - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "right": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "SC_ednl_nl_hdr", - "name": "NoteListHeader", - "width": "fill_container", - "height": 40, - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "SC_ednl_nl_title", - "fill": "$--foreground", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "SC_ednl_nl_count", - "fill": "$--muted-foreground", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "SC_ednl_nl_list", - "name": "NoteItems", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "SC_ednl_nl_n1", - "name": "noteItem1", - "width": "fill_container", - "fill": "$--accent", - "padding": [ - 10, - 16 - ], - "children": [ - { - "type": "text", - "id": "SC_ednl_nl_n1t", - "fill": "$--foreground", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "SC_ednl_nl_n2", - "name": "noteItem2", - "width": "fill_container", - "padding": [ - 10, - 16 - ], - "children": [ - { - "type": "text", - "id": "SC_ednl_nl_n2t", - "fill": "$--foreground", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "SC_ednl_nl_n3", - "name": "noteItem3", - "width": "fill_container", - "padding": [ - 10, - 16 - ], - "children": [ - { - "type": "text", - "id": "SC_ednl_nl_n3t", - "fill": "$--foreground", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "SC_ednl_ed", - "name": "Panel: Editor", - "clip": true, - "width": "fill_container", - "height": "fill_container", - "fill": "$--background", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "SC_ednl_ed_tabs", - "name": "TabBar", - "width": "fill_container", - "height": 36, - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "gap": 4, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "SC_ednl_ed_tab1", - "name": "activeTab", - "fill": "$--background", - "cornerRadius": [ - 6, - 6, - 0, - 0 - ], - "stroke": { - "align": "inside", - "thickness": { - "bottom": 2 - }, - "fill": "$--primary" - }, - "padding": [ - 6, - 12 - ], - "children": [ - { - "type": "text", - "id": "SC_ednl_ed_tab1t", - "fill": "$--foreground", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "SC_ednl_ed_content", - "name": "EditorContent", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "gap": 12, - "padding": [ - 24, - 48 - ], - "children": [ - { - "type": "text", - "id": "SC_ednl_ed_h1", - "fill": "$--foreground", - "fontFamily": "Inter", - "fontSize": 28, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "SC_ednl_ed_p1", - "fill": "$--foreground", - "lineHeight": 1.6, - "fontFamily": "Inter", - "fontSize": 15, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "SC_ednl_ed_p2", - "fill": "$--muted-foreground", - "lineHeight": 1.6, - "fontFamily": "Inter", - "fontSize": 15, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "FM_focus", - "x": 0, - "y": 11700, - "name": "Focus Mode — Distraction-free Writing", - "theme": { - "Mode": "Light" - }, - "clip": true, - "width": 1440, - "height": 900, - "fill": "$--background", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "FM_SC_edonly_title", - "name": "macOS Title Bar", - "width": "fill_container", - "height": 38, - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "FM_SC_edonly_tl", - "name": "trafficLights", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "ellipse", - "id": "FM_SC_edonly_c", - "fill": "$--traffic-red", - "width": 12, - "height": 12 - }, - { - "type": "ellipse", - "id": "FM_SC_edonly_m", - "fill": "$--traffic-yellow", - "width": 12, - "height": 12 - }, - { - "type": "ellipse", - "id": "FM_SC_edonly_x", - "fill": "$--traffic-green", - "width": 12, - "height": 12 - } - ] - } - ] - }, - { - "type": "frame", - "id": "FM_SC_edonly_content", - "name": "Content", - "width": "fill_container", - "height": "fill_container", - "children": [ - { - "type": "frame", - "id": "FM_SC_edonly_ed", - "name": "Panel: Editor", - "clip": true, - "width": "fill_container", - "height": "fill_container", - "fill": "$--background", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "FM_SC_edonly_ed_tabs", - "name": "TabBar", - "width": "fill_container", - "height": 36, - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "gap": 4, - "padding": [ - 0, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "FM_SC_edonly_ed_tab1", - "name": "activeTab", - "fill": "$--background", - "cornerRadius": [ - 6, - 6, - 0, - 0 - ], - "stroke": { - "align": "inside", - "thickness": { - "bottom": 2 - }, - "fill": "$--primary" - }, - "padding": [ - 6, - 12 - ], - "children": [ - { - "type": "text", - "id": "FM_SC_edonly_ed_tab1t", - "fill": "$--foreground", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "FM_SC_edonly_ed_content", - "name": "EditorContent", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "gap": 12, - "padding": [ - 24, - 48 - ], - "children": [ - { - "type": "text", - "id": "FM_SC_edonly_ed_h1", - "fill": "$--foreground", - "fontFamily": "Inter", - "fontSize": 28, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "FM_SC_edonly_ed_p1", - "fill": "$--foreground", - "lineHeight": 1.6, - "fontFamily": "Inter", - "fontSize": 15, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "FM_SC_edonly_ed_p2", - "fill": "$--muted-foreground", - "lineHeight": 1.6, - "fontFamily": "Inter", - "fontSize": 15, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "X6DiX", - "x": 0, - "y": 12800, - "name": "Full Layout — Editor Focused", - "theme": { - "Mode": "Light" - }, - "clip": true, - "width": 1440, - "height": 900, - "fill": "$--background", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "QXp_S", - "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": "a7ql_", - "name": "trafficLights", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "ellipse", - "id": "PIagL", - "name": "closeBtn", - "fill": "#FF5F57", - "width": 12, - "height": 12 - }, - { - "type": "ellipse", - "id": "UkrIX", - "name": "minimizeBtn", - "fill": "#FEBC2E", - "width": 12, - "height": 12 - }, - { - "type": "ellipse", - "id": "rpllF", - "name": "maximizeBtn", - "fill": "#28C840", - "width": 12, - "height": 12 - } - ] - } - ] - }, - { - "type": "frame", - "id": "YHu8M", - "name": "Content", - "width": "fill_container", - "height": "fill_container", - "children": [ - { - "type": "frame", - "id": "AUMkh", - "name": "Panel: Sidebar", - "clip": true, - "width": 250, - "height": "fill_container", - "fill": "$--sidebar", - "stroke": { - "align": "inside", - "thickness": 0, - "fill": "$--sidebar-border" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "jIs8c", - "name": "Filters", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 1, - "padding": [ - 8, - 8, - 16, - 8 - ], - "children": [ - { - "type": "frame", - "id": "uDixt", - "name": "filterAll", - "width": "fill_container", - "cornerRadius": 6, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "0ZAuF", - "name": "leftAll", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "CvmcV", - "name": "iconAll", - "width": 18, - "height": 18, - "iconFontName": "tray-fill", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--foreground" - }, - { - "type": "text", - "id": "_IXF5", - "name": "fAllTxt", - "fill": "$--foreground", - "content": "Untagged", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - } - ] - }, - { - "type": "frame", - "id": "cc5p7", - "name": "countAll", - "height": 20, - "fill": "$--secondary", - "cornerRadius": 9999, - "padding": [ - 0, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "wekdD", - "name": "badgeAllTxt", - "fill": "$--muted-foreground", - "content": "24", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] - } - ] - }, - { - "type": "frame", - "id": "UzJob", - "name": "filterUntagged", - "width": "fill_container", - "fill": "#4a9eff18", - "cornerRadius": 6, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "UassE", - "name": "leftUntagged", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "94gjp", - "name": "untaggedIcon", - "width": 18, - "height": 18, - "iconFontName": "cardholder", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--primary" - }, - { - "type": "text", - "id": "Z4kx8", - "name": "untaggedTxt", - "fill": "$--primary", - "content": "All Notes", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - } - ] - }, - { - "type": "frame", - "id": "mxu-s", - "name": "countUntagged", - "height": 20, - "fill": "$--primary", - "cornerRadius": 9999, - "padding": [ - 0, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "766If", - "name": "untaggedBadgeTxt", - "fill": "$--primary-foreground", - "content": "9247", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] - } - ] - }, - { - "type": "frame", - "id": "j6x6d", - "name": "filterTrash", - "width": "fill_container", - "cornerRadius": 6, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "2-DOi", - "name": "leftTrash", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "otR4H", - "name": "trashIcon", - "width": 18, - "height": 18, - "iconFontName": "trash", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--foreground" - }, - { - "type": "text", - "id": "XnkPL", - "name": "trashTxt", - "fill": "$--foreground", - "content": "Archive", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "FVqx6", - "name": "countTrash", - "height": 20, - "fill": "$--secondary", - "cornerRadius": 9999, - "padding": [ - 0, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "3QQmO", - "name": "trashBadgeTxt", - "fill": "$--muted-foreground", - "content": "2", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] - } - ] - }, - { - "type": "frame", - "id": "IGH4B", - "name": "filterChanges", - "width": "fill_container", - "cornerRadius": 6, - "gap": 6, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "RM0XF", - "name": "leftChanges", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "i-4iz", - "name": "iconChanges", - "width": 18, - "height": 18, - "iconFontName": "git-branch", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--foreground" - }, - { - "type": "text", - "id": "Px5GR", - "name": "fChangesTxt", - "fill": "$--foreground", - "content": "Changes", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "wO3WO", - "name": "countChanges", - "height": 20, - "fill": "$--secondary", - "cornerRadius": 9999, - "padding": [ - 0, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "YJxJn", - "name": "badgeChangesTxt", - "fill": "$--muted-foreground", - "content": "3", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "jXROv", - "name": "Sections", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "padding": [ - 8, - 0 - ], - "children": [ - { - "type": "frame", - "id": "sO-XL", - "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": [ - { - "type": "frame", - "id": "8e7Vt", - "name": "projHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "rcsfO", - "name": "leftProj", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "gytXN", - "name": "projIcon", - "width": 18, - "height": 18, - "iconFontName": "wrench", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-red" - }, - { - "type": "text", - "id": "-s_mS", - "name": "projLabel", - "fill": "$--foreground", - "content": "Projects", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "CwD_O", - "name": "projChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "52A6U", - "name": "projItem1", - "width": "fill_container", - "fill": "$--accent-red-light", - "cornerRadius": 6, - "padding": [ - 6, - 16, - 6, - 28 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "BgNaS", - "name": "proj1Txt", - "fill": "$--accent-red", - "content": "Laputa App", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "VdDh5", - "name": "projItem2", - "width": "fill_container", - "cornerRadius": 6, - "padding": [ - 6, - 16, - 6, - 28 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "A0wXl", - "name": "proj2Txt", - "fill": "$--muted-foreground", - "content": "Portfolio Rewrite", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "fZ-0x", - "name": "projItem3", - "width": "fill_container", - "cornerRadius": 6, - "padding": [ - 6, - 16, - 6, - 28 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "TtXDd", - "name": "proj3Txt", - "fill": "$--muted-foreground", - "content": "AI Habit Tracker", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "GZd6p", - "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": [ - { - "type": "frame", - "id": "E6xqR", - "name": "respHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "fa0Nk", - "name": "leftResp", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "S8AHA", - "name": "respIcon", - "width": 18, - "height": 18, - "iconFontName": "medal", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-purple" - }, - { - "type": "text", - "id": "xe_g8", - "name": "respLabel", - "fill": "$--foreground", - "content": "Responsibilities", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "XpuwI", - "name": "respChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "shgFZ", - "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": [ - { - "type": "frame", - "id": "8Ujcl", - "name": "respHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "J4tD5", - "name": "leftResp", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "jdHxB", - "name": "respIcon", - "width": 18, - "height": 18, - "iconFontName": "arrows-clockwise", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-purple" - }, - { - "type": "text", - "id": "Gt0UH", - "name": "Procedures", - "fill": "$--foreground", - "content": "Procedures", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "GFHmg", - "name": "procChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "hiql_", - "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": [ - { - "type": "frame", - "id": "hC4r1", - "name": "peopleHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "TrVIO", - "name": "leftPeople", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "Dr2Jm", - "name": "peopleIcon", - "width": 18, - "height": 18, - "iconFontName": "users", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-yellow" - }, - { - "type": "text", - "id": "lzFwD", - "name": "peopleLbl", - "fill": "$--foreground", - "content": "People", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "u7Y66", - "name": "peopleChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "v05Mj", - "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": [ - { - "type": "frame", - "id": "KVmYN", - "name": "eventsHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "P0NRp", - "name": "leftEvents", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "NaHtD", - "name": "eventsIcon", - "width": 18, - "height": 18, - "iconFontName": "calendar-blank", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-yellow" - }, - { - "type": "text", - "id": "YsEle", - "name": "eventsLbl", - "fill": "$--foreground", - "content": "Events", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "b0yk2", - "name": "eventsChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "oMYo2", - "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": [ - { - "type": "frame", - "id": "TUZI-", - "name": "eventsHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "6uK9k", - "name": "leftEvents", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "WJIXx", - "name": "eventsIcon", - "width": 18, - "height": 18, - "iconFontName": "tag", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-green" - }, - { - "type": "text", - "id": "3dn7l", - "name": "eventsLbl", - "fill": "$--foreground", - "content": "Topics", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "yPQuN", - "name": "topicsChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "N-qVJ", - "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": [ - { - "type": "frame", - "id": "dsXnU", - "name": "eventsHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "aW1pQ", - "name": "leftEvents", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "SQjcs", - "name": "eventsIcon", - "width": 18, - "height": 18, - "iconFontName": "leaf", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-green" - }, - { - "type": "text", - "id": "Vv4ha", - "name": "eventsLbl", - "fill": "$--foreground", - "content": "Notes", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "P1KUL", - "name": "topicsChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "MhWVM", - "name": "eventsHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "zgDZ5", - "name": "leftEvents", - "gap": 8, - "padding": [ - 8, - 0 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "sMBNg", - "name": "eventsIcon", - "width": 18, - "height": 18, - "iconFontName": "plus", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "gFAJs", - "name": "eventsLbl", - "fill": "$--muted-foreground", - "content": "Create new type", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "EyZli", - "name": "Commit Area", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "top": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "padding": 12, - "children": [ - { - "type": "frame", - "id": "1JRzZ", - "name": "commitBtn", - "width": "fill_container", - "fill": "$--primary", - "cornerRadius": 6, - "gap": 6, - "padding": [ - 8, - 16 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "Ts-7a", - "name": "commitIcon", - "width": 14, - "height": 14, - "iconFontName": "git-commit-horizontal", - "iconFontFamily": "lucide", - "fill": "$--primary-foreground" - }, - { - "type": "text", - "id": "pEh20", - "name": "commitTxt", - "fill": "$--primary-foreground", - "content": "Commit & Push", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "ZC4Tp", - "name": "commitBadge", - "height": 18, - "fill": "#ffffff40", - "cornerRadius": 9, - "padding": [ - 0, - 5 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "dH3M0", - "name": "commitBadgeTxt", - "fill": "$--white", - "content": "3", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "iayXd", - "name": "Resize Handle", - "fill": "$--border", - "width": 1, - "height": "fill_container" - }, - { - "type": "frame", - "id": "KYP3S", - "name": "Panel: NoteList", - "clip": true, - "width": 300, - "height": "fill_container", - "fill": "$--card", - "stroke": { - "align": "inside", - "thickness": 0, - "fill": "$--border" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "udhLQ", - "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": "ajmdp", - "name": "nlTitle", - "fill": "$--foreground", - "content": "All Notes", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "5SvsJ", - "name": "nlActions", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "qFJVP", - "name": "searchIcon", - "width": 16, - "height": 16, - "iconFontName": "magnifying-glass", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "cgafy", - "name": "plusIcon", - "width": 16, - "height": 16, - "iconFontName": "plus", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "koQ0J", - "name": "Note Items", - "clip": true, - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "1H3yZ", - "name": "Backlinks Group", - "width": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "3kSDX", - "name": "Note Item Selected", - "width": "fill_container", - "fill": "$--accent-red-light", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "#E9E9E7" - }, - "children": [ - { - "type": "rectangle", - "id": "Ha8HS", - "name": "leftAccent", - "fill": "$--accent-red", - "width": 3, - "height": "fill_container" - }, - { - "type": "frame", - "id": "pvIeZ", - "name": "noteSelContent", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "miGdK", - "name": "noteSelRow", - "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "XsFs9", - "name": "titleGroup", - "width": "fill_container", - "gap": 6, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "qGt0S", - "name": "noteSelTitle", - "fill": "$--foreground", - "content": "Laputa App", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - }, - { - "type": "icon_font", - "id": "nbrro", - "name": "ico", - "width": 14, - "height": 14, - "iconFontName": "wrench", - "iconFontFamily": "lucide", - "fill": "$--accent-red" - } - ] - } - ] - }, - { - "type": "text", - "id": "2ONoL", - "name": "noteSelSnip", - "fill": "$--foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Personal knowledge and life management desktop app...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "9An2M", - "name": "noteSelTime", - "fill": "$--accent-red", - "content": "2m ago", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "kZZVQ", - "name": "Related Notes Group", - "width": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "15OPP", - "name": "Related Notes Header", - "width": "fill_container", - "height": 32, - "fill": "$--muted", - "padding": [ - 0, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "VZfPV", - "name": "rnLeft", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "yt3sX", - "name": "rnLabel", - "fill": "$--muted-foreground", - "content": "RELATED NOTES", - "fontFamily": "IBM Plex Mono", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "rMUGk", - "name": "rnCount", - "fill": "$--muted-foreground", - "content": "2", - "fontFamily": "IBM Plex Mono", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "lxFxs", - "name": "rnRight", - "gap": 10, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "T9Tni", - "name": "rnFilter", - "width": 12, - "height": 12, - "iconFontName": "funnel", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "7zq2S", - "name": "rnPlus", - "width": 12, - "height": 12, - "iconFontName": "plus", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "k2dd-", - "name": "rnChev", - "width": 12, - "height": 12, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "64sl5", - "name": "Note Item", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "Jgqoc", - "name": "note2Row", - "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "u-lDr", - "name": "leafGroup", - "width": "fill_container", - "gap": 6, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "Sx4pi", - "name": "note2Title", - "fill": "$--foreground", - "content": "Portfolio Rewrite", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "FKgVd", - "name": "leafIco", - "width": 14, - "height": 14, - "iconFontName": "leaf", - "iconFontFamily": "phosphor", - "fill": "$--accent-green" - } - ] - } - ] - }, - { - "type": "text", - "id": "Or7kg", - "name": "note2Snip", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Redesigning portfolio site with modern stack and updated visual language...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "icctC", - "name": "note2Time", - "fill": "$--muted-foreground", - "content": "1h ago", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "lpkip", - "name": "Note Item", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "hV9DU", - "name": "note2Row", - "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "4MowJ", - "name": "leafGroup", - "width": "fill_container", - "gap": 6, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "OqjO4", - "name": "note2Title", - "fill": "$--foreground", - "content": "Sample note 2", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "geEmd", - "name": "leafIco", - "width": 14, - "height": 14, - "iconFontName": "leaf", - "iconFontFamily": "phosphor", - "fill": "$--accent-green" - } - ] - } - ] - }, - { - "type": "text", - "id": "ya9zF", - "name": "note2Snip", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Lorem ipsum dolor sit amet consequetur with modern stack and updated language...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "yfwf5", - "name": "note2Time", - "fill": "$--muted-foreground", - "content": "1h ago", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "piEtY", - "name": "Events Group", - "width": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "fOL6M", - "name": "Events Header", - "width": "fill_container", - "height": 32, - "fill": "$--muted", - "padding": [ - 0, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "cx0o6", - "name": "evLeft", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "4073P", - "name": "evLabel", - "fill": "$--muted-foreground", - "content": "EVENTS", - "fontFamily": "IBM Plex Mono", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "up3pe", - "name": "evCount", - "fill": "$--muted-foreground", - "content": "2", - "fontFamily": "IBM Plex Sans", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "QCl7r", - "name": "evRight", - "gap": 10, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "r-KNu", - "name": "evFilter", - "width": 12, - "height": 12, - "iconFontName": "funnel", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "4-yEN", - "name": "evPlus", - "width": 12, - "height": 12, - "iconFontName": "plus", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "is8Ce", - "name": "evChev", - "width": 12, - "height": 12, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "2Bw0D", - "name": "Note Item 2", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "bDrW1", - "name": "note3Row", - "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "dIBZK", - "name": "calGroup", - "width": "fill_container", - "gap": 6, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "YXOiG", - "name": "note3Title", - "fill": "$--foreground", - "content": "Meeting with Grant", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "UHaDj", - "name": "calIco", - "width": 14, - "height": 14, - "iconFontName": "calendar", - "iconFontFamily": "lucide", - "fill": "$--accent-yellow" - } - ] - } - ] - }, - { - "type": "text", - "id": "wHYGL", - "name": "note3Snip", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Discussed Q1 goals and hiring priorities with the engineering team leads...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "zyqm_", - "name": "note3Time", - "fill": "$--muted-foreground", - "content": "Yesterday", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "BVMQi", - "name": "Note Item 2", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "Kj543", - "name": "note3Row", - "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "_csvb", - "name": "calGroup", - "width": "fill_container", - "gap": 6, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "fsnPK", - "name": "note3Title", - "fill": "$--foreground", - "content": "Meeting with Matteo", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "O3Je-", - "name": "calIco", - "width": 14, - "height": 14, - "iconFontName": "calendar", - "iconFontFamily": "lucide", - "fill": "$--accent-yellow" - } - ] - } - ] - }, - { - "type": "text", - "id": "NGfVJ", - "name": "note3Snip", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Discussed Q1 goals and hiring priorities with the engineering team leads...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "dw3Za", - "name": "note3Time", - "fill": "$--muted-foreground", - "content": "Yesterday", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "fKf2N", - "name": "Resize Handle 2", - "fill": "$--border", - "width": 1, - "height": "fill_container" - }, - { - "type": "frame", - "id": "MLegO", - "name": "Panel: Editor", - "clip": true, - "width": "fill_container", - "height": "fill_container", - "fill": "$--background", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "2UACq", - "name": "Tab Bar", - "width": "fill_container", - "height": 45, - "fill": "$--sidebar", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--sidebar-border" - }, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "RjysZ", - "name": "Tab Active", - "height": "fill_container", - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "right": 1 - }, - "fill": "$--border" - }, - "gap": 6, - "padding": [ - 0, - 14 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "ZWVUX", - "name": "tab1Txt", - "fill": "$--foreground", - "content": "Laputa App", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "5xN9D", - "name": "tab1Close", - "width": 14, - "height": 14, - "iconFontName": "x", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "bqwJh", - "name": "Tab Inactive", - "height": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "right": 1, - "bottom": 1 - }, - "fill": "$--sidebar-border" - }, - "gap": 6, - "padding": [ - 0, - 14 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "jxV4d", - "name": "tab2Txt", - "fill": "$--muted-foreground", - "content": "Portfolio Rewrite", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "ZS9l6", - "name": "tab2Close", - "opacity": 0, - "width": 14, - "height": 14, - "iconFontName": "x", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "fqCqt", - "name": "tabSpacer", - "width": "fill_container", - "height": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - } - }, - { - "type": "frame", - "id": "KdlSR", - "name": "tabControls", - "height": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1, - "left": 1 - }, - "fill": "$--border" - }, - "gap": 12, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_around", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "68hyI", - "name": "iconPlus", - "width": 16, - "height": 16, - "iconFontName": "plus", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "-LdMX", - "name": "iconSplit", - "width": 16, - "height": 16, - "iconFontName": "columns", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "tyTM3", - "name": "iconExpand", - "width": 16, - "height": 16, - "iconFontName": "arrows-out-simple", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "4w-0l", - "name": "Editor Body", - "width": "fill_container", - "height": "fill_container", - "children": [ - { - "type": "frame", - "id": "NuCqT", - "name": "Editor Left", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "bkLPb", - "name": "Info Bar", - "width": "fill_container", - "height": 45, - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "htutC", - "name": "infoLeft", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "K65hN", - "name": "breadcrumbType", - "fill": "$--muted-foreground", - "content": "Project", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "3Xf0o", - "name": "breadcrumbSep", - "fill": "$--muted-foreground", - "content": "›", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "eNhLA", - "name": "breadcrumbName", - "fill": "$--foreground", - "content": "Laputa App", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "text", - "id": "TLxAY", - "name": "dotSep", - "fill": "$--muted-foreground", - "content": "·", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "5hBHI", - "name": "modifiedTxt", - "fill": "$--accent-yellow", - "content": "M", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "600" - } - ] - }, - { - "type": "frame", - "id": "xfmHb", - "name": "infoRight", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "tzPx4", - "name": "iconSearch", - "width": 16, - "height": 16, - "iconFontName": "magnifying-glass", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "z9LJI", - "name": "iconSearch", - "width": 16, - "height": 16, - "iconFontName": "git-branch", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "19AWC", - "name": "iconSearch", - "width": 16, - "height": 16, - "iconFontName": "cursor-text", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "8TamW", - "name": "iconAI", - "width": 16, - "height": 16, - "iconFontName": "sparkle", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "a6NOM", - "name": "iconMore", - "width": 16, - "height": 16, - "iconFontName": "dots-three", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "uoKNo", - "name": "Editor Content", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "gap": 16, - "padding": [ - 32, - 64 - ], - "children": [ - { - "type": "text", - "id": "bhmHx", - "name": "editorP1", - "fill": "$--foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Personal knowledge and life management desktop app, built with Tauri v2 + React + TypeScript + CodeMirror 6. It reads a vault of markdown files with YAML frontmatter and presents them in a four-panel UI inspired by Bear Notes.", - "lineHeight": 1.6, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "pmflZ", - "name": "editorH2", - "fill": "$--foreground", - "content": "Architecture", - "lineHeight": 1.3, - "fontFamily": "Inter", - "fontSize": 24, - "fontWeight": "600" - }, - { - "type": "text", - "id": "YPHOR", - "name": "editorP2", - "fill": "$--foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "The app uses a four-panel layout: Sidebar for navigation, NoteList for browsing, Editor for content, and Inspector for metadata. All data lives in markdown files with YAML frontmatter, git-versioned.", - "lineHeight": 1.6, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "8m_Ts", - "name": "Inspector", - "clip": true, - "width": 260, - "height": "fill_container", - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "left": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "gr1Z5", - "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": "608WF", - "name": "leftGroup", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "Bpugj", - "name": "propIcon", - "width": 16, - "height": 16, - "iconFontName": "sliders-horizontal", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "hxMyO", - "name": "inspTitle", - "fill": "$--muted-foreground", - "content": "Properties", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - } - ] - }, - { - "type": "icon_font", - "id": "_i79H", - "name": "sidebarIcon", - "width": 16, - "height": 16, - "iconFontName": "x", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "VgKF5", - "name": "Inspector Body", - "clip": true, - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "gap": 16, - "padding": 12, - "children": [ - { - "type": "frame", - "id": "JeUUj", - "name": "Properties Section", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "LEpT-", - "name": "addPropBtn", - "width": "fill_container", - "cornerRadius": 6, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - }, - "padding": [ - 6, - 12 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "1nsVc", - "name": "addPropTxt", - "fill": "$--muted-foreground", - "content": "+ Add property", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "AUN9O", - "name": "propType", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "EnTXQ", - "name": "propTypeLbl", - "fill": "$--muted-foreground", - "content": "TYPE", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "vS0Af", - "name": "propTypeVal", - "fill": "$--foreground", - "content": "Project", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "s0Vdq", - "name": "propStatus", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "UUhF3", - "name": "propStatusLbl", - "fill": "$--muted-foreground", - "content": "STATUS", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "UMqtv", - "name": "propStatusBadge", - "fill": "$--accent-green-light", - "cornerRadius": 16, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "transparent" - }, - "gap": 8, - "padding": [ - 1, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "P2h15", - "name": "Badge Text", - "fill": "$--accent-green", - "content": "ACTIVE", - "lineHeight": 1.33, - "textAlign": "center", - "textAlignVertical": "middle", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "600", - "letterSpacing": 1.2 - } - ] - } - ] - }, - { - "type": "frame", - "id": "Ye0W8", - "name": "propOwner", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "ZvN9n", - "name": "propOwnerLbl", - "fill": "$--muted-foreground", - "content": "OWNER", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "p18lp", - "name": "propOwnerVal", - "fill": "$--foreground", - "content": "Luca", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "YgQHc", - "name": "Relationships Section", - "width": "fill_container", - "layout": "vertical", - "gap": 16, - "children": [ - { - "type": "frame", - "id": "MK0WC", - "name": "relGroup1", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "_rh_c", - "name": "relGrp1Title", - "fill": "$--muted-foreground", - "content": "BELONGS TO", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "wQayu", - "name": "relLaputaBtn", - "width": "fill_container", - "fill": "$--accent-green-light", - "cornerRadius": 6, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "5BZc-", - "name": "laputaTxt", - "fill": "$--accent-green", - "content": "Laputa", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "bj3hA", - "name": "topicIcon", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "tag", - "iconFontFamily": "phosphor", - "fill": "$--accent-green" - } - ] - }, - { - "type": "frame", - "id": "9NFxD", - "name": "relLaputaBtn", - "width": "fill_container", - "fill": "$--accent-green-light", - "cornerRadius": 6, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "HoFKQ", - "name": "laputaTxt", - "fill": "$--accent-green", - "content": "Building", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "U_GEF", - "name": "topicIcon", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "tag", - "iconFontFamily": "phosphor", - "fill": "$--accent-green" - } - ] - }, - { - "type": "frame", - "id": "Hf4E8", - "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": "yVLK0", - "name": "laputaTxt", - "fill": "$--muted-foreground", - "content": "+ Link existing", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "EShyo", - "name": "relGroup2", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "CPHxH", - "name": "relGrp2Title", - "fill": "$--muted-foreground", - "content": "RELATED TO", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "F4ygG", - "name": "relMigrationBtn", - "width": "fill_container", - "fill": "$--accent-red-light", - "cornerRadius": 6, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "5xPef", - "name": "migrationTxt", - "fill": "$--accent-red", - "content": "Shadcn Migration", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "tLBGZ", - "name": "expIcon", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "flask", - "iconFontFamily": "phosphor", - "fill": "$--accent-red" - } - ] - }, - { - "type": "frame", - "id": "3UaSi", - "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": "suN12", - "name": "laputaTxt", - "fill": "$--muted-foreground", - "content": "+ Link existing", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "zL5_Y", - "name": "Backlinks Section", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "JbVdn", - "name": "blTitle", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "ob0bb", - "name": "blTitleTxt", - "rotation": -0.5285936385085725, - "fill": "$--muted-foreground", - "content": "BACKLINKS", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - } - ] - }, - { - "type": "text", - "id": "3ZsuW", - "name": "blItem1", - "fill": "$--primary", - "content": "Portfolio Rewrite", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "wkQVV", - "name": "blItem2", - "fill": "$--primary", - "content": "Meeting with Grant", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "6s0lo", - "name": "blItem3", - "fill": "$--primary", - "content": "Q1 Planning", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "r7vXk", - "name": "History Section", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "text", - "id": "iw_bo", - "name": "histTitle", - "fill": "$--muted-foreground", - "content": "HISTORY", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "xzvFM", - "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": "Ut4ez", - "name": "histItem1Hash", - "fill": "$--accent-blue", - "content": "a089f44 · feat: migrate to shadcn/ui", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "svS7D", - "name": "histItem1Date", - "fill": "$--muted-foreground", - "content": "Feb 16, 2026", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "rwIrR", - "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": "l6CYP", - "name": "histItem2Hash", - "fill": "$--accent-blue", - "content": "5a4b4ac · feat: emoji favicon", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "httIc", - "name": "histItem2Date", - "fill": "$--muted-foreground", - "content": "Feb 15, 2026", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "Lo-el", - "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": "b51Tr", - "name": "Status Left", - "height": "fill_container", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "ojWSJ", - "name": "versionIcon", - "width": 14, - "height": 14, - "iconFontName": "box", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "qB18p", - "name": "versionText", - "fill": "$--muted-foreground", - "content": "v0.4.2", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - }, - { - "type": "text", - "id": "ykdyj", - "name": "sep1", - "fill": "$--border", - "content": "|", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "3B0P6", - "name": "branchIcon", - "width": 14, - "height": 14, - "iconFontName": "git-branch", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "HpD4X", - "name": "branchText", - "fill": "$--muted-foreground", - "content": "main", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "6RVGg", - "name": "sep2", - "fill": "$--border", - "content": "|", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "h9Ul_", - "name": "syncIcon", - "width": 13, - "height": 13, - "iconFontName": "refresh-cw", - "iconFontFamily": "lucide", - "fill": "$--accent-green" - }, - { - "type": "text", - "id": "yer4n", - "name": "syncText", - "fill": "$--muted-foreground", - "content": "Synced 2m ago", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "Ggt4q", - "name": "Status Right", - "height": "fill_container", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "YowOM", - "name": "aiIcon", - "width": 13, - "height": 13, - "iconFontName": "sparkles", - "iconFontFamily": "lucide", - "fill": "$--accent-purple" - }, - { - "type": "text", - "id": "bVd9g", - "name": "aiText", - "fill": "$--muted-foreground", - "content": "Claude Sonnet 4", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "8QSq1", - "name": "sep3", - "fill": "$--border", - "content": "|", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "z-rFh", - "name": "notesCount", - "width": 13, - "height": 13, - "iconFontName": "file-text", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "U_qqx", - "name": "notesText", - "fill": "$--muted-foreground", - "content": "1,247 notes", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "MQE9Z", - "name": "sep4", - "fill": "$--border", - "content": "|", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "XB_ZN", - "name": "bellIcon", - "width": 13, - "height": 13, - "iconFontName": "bell", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "gmulL", - "name": "settingsIcon", - "width": 13, - "height": 13, - "iconFontName": "settings", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "6DhJh", - "x": 0, - "y": 15000, - "name": "Full Layout — Rich Properties + Autocomplete", - "theme": { - "Mode": "Light" - }, - "clip": true, - "width": 1440, - "height": 900, - "fill": "$--background", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "U52CB", - "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": "9xPhv", - "name": "trafficLights", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "ellipse", - "id": "xK0i1", - "name": "closeBtn", - "fill": "#FF5F57", - "width": 12, - "height": 12 - }, - { - "type": "ellipse", - "id": "W-zEa", - "name": "minimizeBtn", - "fill": "#FEBC2E", - "width": 12, - "height": 12 - }, - { - "type": "ellipse", - "id": "Lz9Ly", - "name": "maximizeBtn", - "fill": "#28C840", - "width": 12, - "height": 12 - } - ] - } - ] - }, - { - "type": "frame", - "id": "-eZ2Q", - "name": "Content", - "width": "fill_container", - "height": "fill_container", - "children": [ - { - "type": "frame", - "id": "qWB0S", - "name": "Panel: Sidebar", - "clip": true, - "width": 250, - "height": "fill_container", - "fill": "$--sidebar", - "stroke": { - "align": "inside", - "thickness": 0, - "fill": "$--sidebar-border" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "MJJ3h", - "name": "Filters", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 1, - "padding": [ - 8, - 8, - 16, - 8 - ], - "children": [ - { - "type": "frame", - "id": "Apugb", - "name": "filterAll", - "width": "fill_container", - "cornerRadius": 6, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "MRMwA", - "name": "leftAll", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "bF9xl", - "name": "iconAll", - "width": 18, - "height": 18, - "iconFontName": "tray-fill", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--foreground" - }, - { - "type": "text", - "id": "vDABp", - "name": "fAllTxt", - "fill": "$--foreground", - "content": "Untagged", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - } - ] - }, - { - "type": "frame", - "id": "uMV2b", - "name": "countAll", - "height": 20, - "fill": "$--secondary", - "cornerRadius": 9999, - "padding": [ - 0, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "5CjlO", - "name": "badgeAllTxt", - "fill": "$--muted-foreground", - "content": "24", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] - } - ] - }, - { - "type": "frame", - "id": "nYVMy", - "name": "filterUntagged", - "width": "fill_container", - "cornerRadius": 6, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "y2a7H", - "name": "leftUntagged", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "GTbCN", - "name": "untaggedIcon", - "width": 18, - "height": 18, - "iconFontName": "cardholder", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--foreground" - }, - { - "type": "text", - "id": "MyPei", - "name": "untaggedTxt", - "fill": "$--foreground", - "content": "All Notes", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "Jq-_7", - "name": "countUntagged", - "height": 20, - "fill": "$--secondary", - "cornerRadius": 9999, - "padding": [ - 0, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "sq-ni", - "name": "untaggedBadgeTxt", - "fill": "$--muted-foreground", - "content": "6", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] - } - ] - }, - { - "type": "frame", - "id": "OwWRW", - "name": "filterTrash", - "width": "fill_container", - "cornerRadius": 6, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "nEDEe", - "name": "leftTrash", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "q71pa", - "name": "trashIcon", - "width": 18, - "height": 18, - "iconFontName": "trash", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--foreground" - }, - { - "type": "text", - "id": "ycx_R", - "name": "trashTxt", - "fill": "$--foreground", - "content": "Archive", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "q1o3f", - "name": "countTrash", - "height": 20, - "fill": "$--secondary", - "cornerRadius": 9999, - "padding": [ - 0, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "JDhNE", - "name": "trashBadgeTxt", - "fill": "$--muted-foreground", - "content": "2", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] - } - ] - }, - { - "type": "frame", - "id": "1cNey", - "name": "filterChanges", - "width": "fill_container", - "cornerRadius": 6, - "gap": 6, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "3Zjt9", - "name": "leftChanges", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "HwG_w", - "name": "iconChanges", - "width": 18, - "height": 18, - "iconFontName": "git-branch", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--foreground" - }, - { - "type": "text", - "id": "hsvfN", - "name": "fChangesTxt", - "fill": "$--foreground", - "content": "Changes", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "3iQa3", - "name": "countChanges", - "height": 20, - "fill": "$--secondary", - "cornerRadius": 9999, - "padding": [ - 0, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "IpnSM", - "name": "badgeChangesTxt", - "fill": "$--muted-foreground", - "content": "3", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "4zVQn", - "name": "Sections", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "padding": [ - 8, - 0 - ], - "children": [ - { - "type": "frame", - "id": "2KL00", - "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": [ - { - "type": "frame", - "id": "60D7x", - "name": "projHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "Ns0Uw", - "name": "leftProj", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "TlBFF", - "name": "projIcon", - "width": 18, - "height": 18, - "iconFontName": "wrench", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-red" - }, - { - "type": "text", - "id": "DU0f7", - "name": "projLabel", - "fill": "$--foreground", - "content": "Projects", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "LhRc1", - "name": "projChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "XpysB", - "name": "projItem1", - "width": "fill_container", - "fill": "$--accent-red-light", - "cornerRadius": 6, - "padding": [ - 6, - 16, - 6, - 28 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "EHkKO", - "name": "proj1Txt", - "fill": "$--accent-red", - "content": "Laputa App", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "PY1Qz", - "name": "projItem2", - "width": "fill_container", - "cornerRadius": 6, - "padding": [ - 6, - 16, - 6, - 28 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "lklgj", - "name": "proj2Txt", - "fill": "$--muted-foreground", - "content": "Portfolio Rewrite", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "uDbn3", - "name": "projItem3", - "width": "fill_container", - "cornerRadius": 6, - "padding": [ - 6, - 16, - 6, - 28 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "4p5Tw", - "name": "proj3Txt", - "fill": "$--muted-foreground", - "content": "AI Habit Tracker", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "lTCT0", - "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": [ - { - "type": "frame", - "id": "lNMXl", - "name": "respHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "Sifl6", - "name": "leftResp", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "Lzww_", - "name": "respIcon", - "width": 18, - "height": 18, - "iconFontName": "medal", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-purple" - }, - { - "type": "text", - "id": "MDzfV", - "name": "respLabel", - "fill": "$--foreground", - "content": "Responsibilities", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "nIT14", - "name": "respChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "jxdL-", - "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": [ - { - "type": "frame", - "id": "K6ZYE", - "name": "respHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "0yx1-", - "name": "leftResp", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "q8gWU", - "name": "respIcon", - "width": 18, - "height": 18, - "iconFontName": "arrows-clockwise", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-purple" - }, - { - "type": "text", - "id": "UFUbg", - "name": "Procedures", - "fill": "$--foreground", - "content": "Procedures", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "znhle", - "name": "procChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "sVqwB", - "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": [ - { - "type": "frame", - "id": "x5bql", - "name": "peopleHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "rT7Sw", - "name": "leftPeople", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "EdWKN", - "name": "peopleIcon", - "width": 18, - "height": 18, - "iconFontName": "users", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-yellow" - }, - { - "type": "text", - "id": "IeV1X", - "name": "peopleLbl", - "fill": "$--foreground", - "content": "People", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "ijXZt", - "name": "peopleChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "jJrjZ", - "name": "personItem1", - "width": "fill_container", - "fill": "$--accent-yellow-light", - "cornerRadius": 6, - "padding": [ - 6, - 16, - 6, - 28 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "2qK41", - "name": "person1Txt", - "fill": "$--accent-yellow", - "content": "Grant", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "RhLex", - "name": "personItem2", - "width": "fill_container", - "cornerRadius": 6, - "padding": [ - 6, - 16, - 6, - 28 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "o6wg_", - "name": "person2Txt", - "fill": "$--muted-foreground", - "content": "Matteo", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "_tP3q", - "name": "personItem3", - "width": "fill_container", - "cornerRadius": 6, - "padding": [ - 6, - 16, - 6, - 28 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "tLGQc", - "name": "person3Txt", - "fill": "$--muted-foreground", - "content": "Sarah", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "HNWez", - "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": [ - { - "type": "frame", - "id": "4TSY6", - "name": "eventsHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "esbbT", - "name": "leftEvents", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "6v9eG", - "name": "eventsIcon", - "width": 18, - "height": 18, - "iconFontName": "calendar-blank", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-yellow" - }, - { - "type": "text", - "id": "Gbmba", - "name": "eventsLbl", - "fill": "$--foreground", - "content": "Events", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "4HZQC", - "name": "eventsChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "k8Qek", - "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": [ - { - "type": "frame", - "id": "ZJKIA", - "name": "eventsHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "aOgWv", - "name": "leftEvents", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "4uMpd", - "name": "eventsIcon", - "width": 18, - "height": 18, - "iconFontName": "tag", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-green" - }, - { - "type": "text", - "id": "55-Jj", - "name": "eventsLbl", - "fill": "$--foreground", - "content": "Topics", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "C5q2c", - "name": "topicsChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "Dl7QT", - "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": [ - { - "type": "frame", - "id": "zssYh", - "name": "eventsHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "XuI_M", - "name": "leftEvents", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "hKKJ2", - "name": "eventsIcon", - "width": 18, - "height": 18, - "iconFontName": "leaf", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-green" - }, - { - "type": "text", - "id": "HJ6Sg", - "name": "eventsLbl", - "fill": "$--foreground", - "content": "Notes", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "R9E3Y", - "name": "topicsChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "KyUdZ", - "name": "eventsHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "7E72I", - "name": "leftEvents", - "gap": 8, - "padding": [ - 8, - 0 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "akfbn", - "name": "eventsIcon", - "width": 18, - "height": 18, - "iconFontName": "plus", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "NUGRe", - "name": "eventsLbl", - "fill": "$--muted-foreground", - "content": "Create new type", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "uAgKJ", - "name": "Commit Area", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "top": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "padding": 12, - "children": [ - { - "type": "frame", - "id": "0zA0z", - "name": "commitBtn", - "width": "fill_container", - "fill": "$--primary", - "cornerRadius": 6, - "gap": 6, - "padding": [ - 8, - 16 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "w07m8", - "name": "commitIcon", - "width": 14, - "height": 14, - "iconFontName": "git-commit-horizontal", - "iconFontFamily": "lucide", - "fill": "$--primary-foreground" - }, - { - "type": "text", - "id": "4D-Y_", - "name": "commitTxt", - "fill": "$--primary-foreground", - "content": "Commit & Push", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "vWH8M", - "name": "commitBadge", - "height": 18, - "fill": "#ffffff40", - "cornerRadius": 9, - "padding": [ - 0, - 5 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "969L9", - "name": "commitBadgeTxt", - "fill": "$--white", - "content": "3", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "UYNhO", - "name": "Resize Handle", - "fill": "$--border", - "width": 1, - "height": "fill_container" - }, - { - "type": "frame", - "id": "m93C0", - "name": "Panel: NoteList", - "clip": true, - "width": 300, - "height": "fill_container", - "fill": "$--card", - "stroke": { - "align": "inside", - "thickness": 0, - "fill": "$--border" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "978jd", - "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": "hSxft", - "name": "nlTitle", - "fill": "$--foreground", - "content": "People", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "vOlfM", - "name": "nlActions", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "8oc-r", - "name": "searchIcon", - "width": 16, - "height": 16, - "iconFontName": "magnifying-glass", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "oF9bA", - "name": "plusIcon", - "width": 16, - "height": 16, - "iconFontName": "plus", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "e99_i", - "name": "Note Items", - "clip": true, - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "3lYpU", - "name": "Backlinks Group", - "width": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "lmika", - "name": "Note Item Selected", - "width": "fill_container", - "fill": "$--accent-yellow-light", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "#E9E9E7" - }, - "children": [ - { - "type": "rectangle", - "id": "B3XPh", - "name": "leftAccent", - "fill": "$--accent-yellow", - "width": 3, - "height": "fill_container" - }, - { - "type": "frame", - "id": "_6k8_", - "name": "noteSelContent", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "3aPer", - "name": "noteSelRow", - "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "CKtmP", - "name": "titleGroup", - "width": "fill_container", - "gap": 6, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "4sDfy", - "name": "noteSelTitle", - "fill": "$--foreground", - "content": "Grant", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - }, - { - "type": "icon_font", - "id": "C_5rR", - "name": "ico", - "width": 14, - "height": 14, - "iconFontName": "users", - "iconFontFamily": "lucide", - "fill": "$--accent-yellow" - } - ] - } - ] - }, - { - "type": "text", - "id": "2j16A", - "name": "noteSelSnip", - "fill": "$--foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Engineering lead at Acme Corp, focused on infrastructure and platform...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "4aybL", - "name": "noteSelTime", - "fill": "$--accent-yellow", - "content": "3h ago", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "-2gWn", - "name": "Related Notes Group", - "width": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "ZDyjn", - "name": "Related Notes Header", - "width": "fill_container", - "height": 32, - "fill": "$--muted", - "padding": [ - 0, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "C3498", - "name": "rnLeft", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "L6f44", - "name": "rnLabel", - "fill": "$--muted-foreground", - "content": "RELATED NOTES", - "fontFamily": "IBM Plex Mono", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "SP2mP", - "name": "rnCount", - "fill": "$--muted-foreground", - "content": "2", - "fontFamily": "IBM Plex Mono", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "VUxRC", - "name": "rnRight", - "gap": 10, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "K0u69", - "name": "rnFilter", - "width": 12, - "height": 12, - "iconFontName": "funnel", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "5I6Q6", - "name": "rnPlus", - "width": 12, - "height": 12, - "iconFontName": "plus", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "nWc9j", - "name": "rnChev", - "width": 12, - "height": 12, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "0g78J", - "name": "Note Item", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "UYt-3", - "name": "note2Row", - "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "UHgKQ", - "name": "leafGroup", - "width": "fill_container", - "gap": 6, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "I3Kzu", - "name": "note2Title", - "fill": "$--foreground", - "content": "Matteo", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "2SrYa", - "name": "leafIco", - "width": 14, - "height": 14, - "iconFontName": "users", - "iconFontFamily": "phosphor", - "fill": "$--accent-yellow" - } - ] - } - ] - }, - { - "type": "text", - "id": "u9IDo", - "name": "note2Snip", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Product manager working on growth initiatives and user research...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "bIgVf", - "name": "note2Time", - "fill": "$--muted-foreground", - "content": "1h ago", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "ZCkrg", - "name": "Note Item", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "2HTTQ", - "name": "note2Row", - "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "lpW_m", - "name": "leafGroup", - "width": "fill_container", - "gap": 6, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "Yjt0e", - "name": "note2Title", - "fill": "$--foreground", - "content": "Sarah", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "n8Bdp", - "name": "leafIco", - "width": 14, - "height": 14, - "iconFontName": "users", - "iconFontFamily": "phosphor", - "fill": "$--accent-yellow" - } - ] - } - ] - }, - { - "type": "text", - "id": "sBpy_", - "name": "note2Snip", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Designer specializing in design systems and component libraries...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "SfEiI", - "name": "note2Time", - "fill": "$--muted-foreground", - "content": "1h ago", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "UjKyN", - "name": "Events Group", - "width": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "1ieBk", - "name": "Events Header", - "width": "fill_container", - "height": 32, - "fill": "$--muted", - "padding": [ - 0, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "jL0Cn", - "name": "evLeft", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "WPdoU", - "name": "evLabel", - "fill": "$--muted-foreground", - "content": "EVENTS", - "fontFamily": "IBM Plex Mono", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "begIt", - "name": "evCount", - "fill": "$--muted-foreground", - "content": "2", - "fontFamily": "IBM Plex Sans", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "unj5n", - "name": "evRight", - "gap": 10, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "96nxy", - "name": "evFilter", - "width": 12, - "height": 12, - "iconFontName": "funnel", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "anHN8", - "name": "evPlus", - "width": 12, - "height": 12, - "iconFontName": "plus", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "51Def", - "name": "evChev", - "width": 12, - "height": 12, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "1Y6r5", - "name": "Note Item 2", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "NtQjv", - "name": "note3Row", - "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "AGbrd", - "name": "calGroup", - "width": "fill_container", - "gap": 6, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "xla4h", - "name": "note3Title", - "fill": "$--foreground", - "content": "Meeting with Grant", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "_FbgU", - "name": "calIco", - "width": 14, - "height": 14, - "iconFontName": "calendar", - "iconFontFamily": "lucide", - "fill": "$--accent-yellow" - } - ] - } - ] - }, - { - "type": "text", - "id": "0VoCK", - "name": "note3Snip", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Discussed Q1 goals and hiring priorities with the engineering team leads...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "6Xbdy", - "name": "note3Time", - "fill": "$--muted-foreground", - "content": "Yesterday", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "KazQF", - "name": "Note Item 2", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "1_Cz1", - "name": "note3Row", - "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "s4GwN", - "name": "calGroup", - "width": "fill_container", - "gap": 6, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "U3H8E", - "name": "note3Title", - "fill": "$--foreground", - "content": "Meeting with Matteo", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "gqOjx", - "name": "calIco", - "width": 14, - "height": 14, - "iconFontName": "calendar", - "iconFontFamily": "lucide", - "fill": "$--accent-yellow" - } - ] - } - ] - }, - { - "type": "text", - "id": "-o6br", - "name": "note3Snip", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Discussed Q1 goals and hiring priorities with the engineering team leads...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "N4dE4", - "name": "note3Time", - "fill": "$--muted-foreground", - "content": "Yesterday", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "hli5_", - "name": "Resize Handle 2", - "fill": "$--border", - "width": 1, - "height": "fill_container" - }, - { - "type": "frame", - "id": "OSNm1", - "name": "Panel: Editor", - "clip": true, - "width": "fill_container", - "height": "fill_container", - "fill": "$--background", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "0bMNp", - "name": "Tab Bar", - "width": "fill_container", - "height": 45, - "fill": "$--sidebar", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--sidebar-border" - }, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "MIU7l", - "name": "Tab Active", - "height": "fill_container", - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "right": 1 - }, - "fill": "$--border" - }, - "gap": 6, - "padding": [ - 0, - 14 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "08oJY", - "name": "tab1Txt", - "fill": "$--foreground", - "content": "Grant", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "Nb4TP", - "name": "tab1Close", - "width": 14, - "height": 14, - "iconFontName": "x", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "x41zt", - "name": "Tab Inactive", - "height": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "right": 1, - "bottom": 1 - }, - "fill": "$--sidebar-border" - }, - "gap": 6, - "padding": [ - 0, - 14 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "OeJUm", - "name": "tab2Txt", - "fill": "$--muted-foreground", - "content": "Portfolio Rewrite", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "j0rhL", - "name": "tab2Close", - "opacity": 0, - "width": 14, - "height": 14, - "iconFontName": "x", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "JSjRx", - "name": "tabSpacer", - "width": "fill_container", - "height": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - } - }, - { - "type": "frame", - "id": "K33DX", - "name": "tabControls", - "height": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1, - "left": 1 - }, - "fill": "$--border" - }, - "gap": 12, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_around", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "cvEPw", - "name": "iconPlus", - "width": 16, - "height": 16, - "iconFontName": "plus", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "l33JZ", - "name": "iconSplit", - "width": 16, - "height": 16, - "iconFontName": "columns", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "CnxJJ", - "name": "iconExpand", - "width": 16, - "height": 16, - "iconFontName": "arrows-out-simple", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "2tTb3", - "name": "Editor Body", - "width": "fill_container", - "height": "fill_container", - "children": [ - { - "type": "frame", - "id": "VvcZt", - "name": "Editor Left", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "FS1KF", - "name": "Info Bar", - "width": "fill_container", - "height": 45, - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "IRSz3", - "name": "infoLeft", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "CPWzB", - "name": "breadcrumbType", - "fill": "$--muted-foreground", - "content": "Person", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "vGAbj", - "name": "breadcrumbSep", - "fill": "$--muted-foreground", - "content": "›", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "3UmsD", - "name": "breadcrumbName", - "fill": "$--foreground", - "content": "Grant", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "text", - "id": "DN8so", - "name": "dotSep", - "fill": "$--muted-foreground", - "content": "·", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "kXgl0", - "name": "modifiedTxt", - "fill": "$--accent-yellow", - "content": "M", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "600" - } - ] - }, - { - "type": "frame", - "id": "3wpHS", - "name": "infoRight", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "MDVCo", - "name": "iconSearch", - "width": 16, - "height": 16, - "iconFontName": "magnifying-glass", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "N_aAh", - "name": "iconSearch", - "width": 16, - "height": 16, - "iconFontName": "git-branch", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "3BBMe", - "name": "iconSearch", - "width": 16, - "height": 16, - "iconFontName": "cursor-text", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "tKvI2", - "name": "iconAI", - "width": 16, - "height": 16, - "iconFontName": "sparkle", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "D88o2", - "name": "iconMore", - "width": 16, - "height": 16, - "iconFontName": "dots-three", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "vlazI", - "name": "Editor Content", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "gap": 16, - "padding": [ - 32, - 64 - ], - "children": [ - { - "type": "text", - "id": "gabKY", - "name": "editorP1", - "fill": "$--foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Grant is an engineering lead at Acme Corp, focused on infrastructure, Kubernetes, and platform reliability. He drives the technical roadmap for backend systems and mentors junior engineers.", - "lineHeight": 1.6, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "rZOkl", - "name": "editorH2", - "fill": "$--foreground", - "content": "Key Responsibilities", - "lineHeight": 1.3, - "fontFamily": "Inter", - "fontSize": 24, - "fontWeight": "600" - }, - { - "type": "text", - "id": "VqiRL", - "name": "editorP2", - "fill": "$--foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Leads the infrastructure team. Oversees Kubernetes cluster management, CI/CD pipelines, and service mesh. Reports to CTO. Weekly 1:1 on Thursdays.", - "lineHeight": 1.6, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "B_y3t", - "name": "Inspector", - "clip": true, - "width": 260, - "height": "fill_container", - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "left": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "IY9fD", - "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": "w2rRY", - "name": "leftGroup", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "rCy6H", - "name": "propIcon", - "width": 16, - "height": 16, - "iconFontName": "sliders-horizontal", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "74Es2", - "name": "inspTitle", - "fill": "$--muted-foreground", - "content": "Properties", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - } - ] - }, - { - "type": "icon_font", - "id": "pRO4e", - "name": "sidebarIcon", - "width": 16, - "height": 16, - "iconFontName": "x", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "iSZtX", - "name": "Inspector Body", - "clip": true, - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "gap": 16, - "padding": 12, - "children": [ - { - "type": "frame", - "id": "FGspn", - "name": "Properties Section", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "9Cl0d", - "name": "addPropBtn", - "width": "fill_container", - "cornerRadius": 6, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - }, - "padding": [ - 6, - 12 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "qqk-x", - "name": "addPropTxt", - "fill": "$--muted-foreground", - "content": "+ Add property", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "10Rpz", - "name": "propType", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "BCqzK", - "name": "propTypeLbl", - "fill": "$--muted-foreground", - "content": "TYPE", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "l7rGQ", - "name": "propTypeVal", - "fill": "$--foreground", - "content": "Person", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "X-DIV", - "name": "propCompany", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "_jYqg", - "name": "propCompanyLbl", - "fill": "$--muted-foreground", - "content": "COMPANY", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "hBEEy", - "name": "propCompanyVal", - "fill": "$--foreground", - "content": "Acme Corp", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "DplyA", - "name": "propRole", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "Artv7", - "name": "propRoleLbl", - "fill": "$--muted-foreground", - "content": "ROLE", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "ZtdR4", - "name": "propRoleVal", - "fill": "$--foreground", - "content": "Eng Lead", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "kr9yE", - "name": "propStatus", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "lCQ2c", - "name": "propStatusLbl", - "fill": "$--muted-foreground", - "content": "STATUS", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "UktKt", - "name": "propStatusBadge", - "fill": "$--accent-green-light", - "cornerRadius": 16, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "transparent" - }, - "gap": 8, - "padding": [ - 1, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "PZMuf", - "name": "Badge Text", - "fill": "$--accent-green", - "content": "ACTIVE", - "lineHeight": 1.33, - "textAlign": "center", - "textAlignVertical": "middle", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "600", - "letterSpacing": 1.2 - } - ] - } - ] - }, - { - "type": "frame", - "id": "uq-Ch", - "name": "propTags", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "9-GAi", - "name": "propTagsLbl", - "fill": "$--muted-foreground", - "content": "TAGS", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "um9TH", - "name": "tagsList", - "width": "fill_container", - "gap": 4, - "children": [ - { - "type": "frame", - "id": "pAZPG", - "name": "tag1", - "fill": "$--accent-green-light", - "cornerRadius": 4, - "padding": [ - 2, - 6 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "LxWxl", - "name": "tag1Txt", - "fill": "$--accent-green", - "content": "infrastructure", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "uu7oj", - "name": "tag2", - "fill": "$--accent-blue-light", - "cornerRadius": 4, - "padding": [ - 2, - 6 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "F3Ono", - "name": "tag2Txt", - "fill": "$--accent-blue", - "content": "kubernetes", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "oII4d", - "name": "Relationships Section", - "width": "fill_container", - "layout": "vertical", - "gap": 16, - "children": [ - { - "type": "frame", - "id": "LxgzI", - "name": "relGroup1", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "M1hqt", - "name": "relGrp1Title", - "fill": "$--muted-foreground", - "content": "WORKS AT", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "1axQn", - "name": "relAcmeBtn", - "width": "fill_container", - "fill": "$--accent-red-light", - "cornerRadius": 6, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "VKyg3", - "name": "acmeTxt", - "fill": "$--accent-red", - "content": "Acme Corp", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "GG63z", - "name": "companyIcon", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "wrench", - "iconFontFamily": "phosphor", - "fill": "$--accent-red" - } - ] - }, - { - "type": "frame", - "id": "kpHDy", - "name": "linkExistingActive", - "width": "fill_container", - "cornerRadius": 6, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--primary" - }, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "Q7UgS", - "name": "linkTxt", - "fill": "$--foreground", - "content": "Infra", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "RBm2-", - "name": "searchIco", - "width": 14, - "height": 14, - "iconFontName": "magnifying-glass", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "X_w5s", - "name": "autocompleteDropdown", - "clip": true, - "width": "fill_container", - "fill": "$--card", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "3Pxkn", - "name": "acItem1", - "width": "fill_container", - "fill": "$--accent-blue-light", - "gap": 8, - "padding": [ - 8, - 10 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "BgVut", - "name": "acIcon1", - "width": 14, - "height": 14, - "iconFontName": "medal", - "iconFontFamily": "phosphor", - "fill": "$--accent-purple" - }, - { - "type": "text", - "id": "RPfuk", - "name": "acTxt1", - "fill": "$--foreground", - "content": "Infrastructure Team", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "sxoEV", - "name": "acItem2", - "width": "fill_container", - "gap": 8, - "padding": [ - 8, - 10 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "7ikv0", - "name": "acIcon2", - "width": 14, - "height": 14, - "iconFontName": "tag", - "iconFontFamily": "phosphor", - "fill": "$--accent-green" - }, - { - "type": "text", - "id": "gVVyY", - "name": "acTxt2", - "fill": "$--foreground", - "content": "Infrastructure", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "r85eA", - "name": "acItem3", - "width": "fill_container", - "gap": 8, - "padding": [ - 8, - 10 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "_BaES", - "name": "acIcon3", - "width": 14, - "height": 14, - "iconFontName": "wrench", - "iconFontFamily": "phosphor", - "fill": "$--accent-red" - }, - { - "type": "text", - "id": "x-wlM", - "name": "acTxt3", - "fill": "$--foreground", - "content": "Infra Migration", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "N5Sll", - "name": "Backlinks Section", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "imLWJ", - "name": "blTitle", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "Y-UG1", - "name": "blTitleTxt", - "fill": "$--muted-foreground", - "content": "BACKLINKS", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - } - ] - }, - { - "type": "text", - "id": "6K6Bd", - "name": "blItem1", - "fill": "$--primary", - "content": "Meeting with Grant", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "6EGhq", - "name": "blItem2", - "fill": "$--primary", - "content": "Q1 Planning", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "FCfBL", - "name": "blItem3", - "fill": "$--primary", - "content": "Hiring Pipeline", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "WAxYr", - "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": "q_a9K", - "name": "Status Left", - "height": "fill_container", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "Mlziz", - "name": "versionIcon", - "width": 14, - "height": 14, - "iconFontName": "box", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "gzUtx", - "name": "versionText", - "fill": "$--muted-foreground", - "content": "v0.4.2", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - }, - { - "type": "text", - "id": "3x0kF", - "name": "sep1", - "fill": "$--border", - "content": "|", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "hY-Is", - "name": "branchIcon", - "width": 14, - "height": 14, - "iconFontName": "git-branch", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "k9Hay", - "name": "branchText", - "fill": "$--muted-foreground", - "content": "main", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "WKBM-", - "name": "sep2", - "fill": "$--border", - "content": "|", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "lhY_1", - "name": "syncIcon", - "width": 13, - "height": 13, - "iconFontName": "refresh-cw", - "iconFontFamily": "lucide", - "fill": "$--accent-green" - }, - { - "type": "text", - "id": "uELg8", - "name": "syncText", - "fill": "$--muted-foreground", - "content": "Synced 2m ago", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "c38hL", - "name": "Status Right", - "height": "fill_container", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "leRDx", - "name": "aiIcon", - "width": 13, - "height": 13, - "iconFontName": "sparkles", - "iconFontFamily": "lucide", - "fill": "$--accent-purple" - }, - { - "type": "text", - "id": "W6In1", - "name": "aiText", - "fill": "$--muted-foreground", - "content": "Claude Sonnet 4", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "rxqIt", - "name": "sep3", - "fill": "$--border", - "content": "|", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "B0jTr", - "name": "notesCount", - "width": 13, - "height": 13, - "iconFontName": "file-text", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "01ygw", - "name": "notesText", - "fill": "$--muted-foreground", - "content": "1,247 notes", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "BeA6T", - "name": "sep4", - "fill": "$--border", - "content": "|", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "yNSZ0", - "name": "bellIcon", - "width": 13, - "height": 13, - "iconFontName": "bell", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "RbzrU", - "name": "settingsIcon", - "width": 13, - "height": 13, - "iconFontName": "settings", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "cDqLP", - "x": 0, - "y": 16100, - "name": "Full Layout — Changes View", - "theme": { - "Mode": "Light" - }, - "clip": true, - "width": 1440, - "height": 900, - "fill": "$--background", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "2HK9s", - "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": "AiPEP", - "name": "trafficLights", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "ellipse", - "id": "X3X_h", - "name": "closeBtn", - "fill": "#FF5F57", - "width": 12, - "height": 12 - }, - { - "type": "ellipse", - "id": "P1J0D", - "name": "minimizeBtn", - "fill": "#FEBC2E", - "width": 12, - "height": 12 - }, - { - "type": "ellipse", - "id": "3zuNz", - "name": "maximizeBtn", - "fill": "#28C840", - "width": 12, - "height": 12 - } - ] - } - ] - }, - { - "type": "frame", - "id": "-ekXq", - "name": "Content", - "width": "fill_container", - "height": "fill_container", - "children": [ - { - "type": "frame", - "id": "M2KC-", - "name": "Panel: Sidebar", - "clip": true, - "width": 250, - "height": "fill_container", - "fill": "$--sidebar", - "stroke": { - "align": "inside", - "thickness": 0, - "fill": "$--sidebar-border" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "ZulZE", - "name": "Filters", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 1, - "padding": [ - 8, - 8, - 16, - 8 - ], - "children": [ - { - "type": "frame", - "id": "IS4Fm", - "name": "filterAll", - "width": "fill_container", - "cornerRadius": 6, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "vPb76", - "name": "leftAll", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "yuOG7", - "name": "iconAll", - "width": 18, - "height": 18, - "iconFontName": "tray-fill", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--foreground" - }, - { - "type": "text", - "id": "XsyTZ", - "name": "fAllTxt", - "fill": "$--foreground", - "content": "Untagged", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - } - ] - }, - { - "type": "frame", - "id": "XP413", - "name": "countAll", - "height": 20, - "fill": "$--secondary", - "cornerRadius": 9999, - "padding": [ - 0, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "jwZW-", - "name": "badgeAllTxt", - "fill": "$--muted-foreground", - "content": "24", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] - } - ] - }, - { - "type": "frame", - "id": "nJQFj", - "name": "filterUntagged", - "width": "fill_container", - "cornerRadius": 6, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "rYzZ5", - "name": "leftUntagged", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "rOyw2", - "name": "untaggedIcon", - "width": 18, - "height": 18, - "iconFontName": "cardholder", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--foreground" - }, - { - "type": "text", - "id": "y-u3E", - "name": "untaggedTxt", - "fill": "$--foreground", - "content": "All Notes", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "kQQSy", - "name": "countUntagged", - "height": 20, - "fill": "$--secondary", - "cornerRadius": 9999, - "padding": [ - 0, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "-He5A", - "name": "untaggedBadgeTxt", - "fill": "$--muted-foreground", - "content": "6", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] - } - ] - }, - { - "type": "frame", - "id": "z-rwa", - "name": "filterTrash", - "width": "fill_container", - "cornerRadius": 6, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "EZw96", - "name": "leftTrash", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "yFQYH", - "name": "trashIcon", - "width": 18, - "height": 18, - "iconFontName": "trash", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--foreground" - }, - { - "type": "text", - "id": "zgVFp", - "name": "trashTxt", - "fill": "$--foreground", - "content": "Archive", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "2ZVsp", - "name": "countTrash", - "height": 20, - "fill": "$--secondary", - "cornerRadius": 9999, - "padding": [ - 0, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "6KjzA", - "name": "trashBadgeTxt", - "fill": "$--muted-foreground", - "content": "2", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] - } - ] - }, - { - "type": "frame", - "id": "Jz98b", - "name": "filterChanges", - "width": "fill_container", - "fill": "#D9730D18", - "cornerRadius": 6, - "gap": 6, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "hCAhH", - "name": "leftChanges", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "zut43", - "name": "iconChanges", - "width": 18, - "height": 18, - "iconFontName": "git-branch", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-orange" - }, - { - "type": "text", - "id": "eNZE_", - "name": "fChangesTxt", - "fill": "$--accent-orange", - "content": "Changes", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - } - ] - }, - { - "type": "frame", - "id": "Vd1IP", - "name": "countChanges", - "height": 20, - "fill": "$--accent-orange", - "cornerRadius": 9999, - "padding": [ - 0, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "WQevI", - "name": "badgeChangesTxt", - "fill": "$--primary-foreground", - "content": "3", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "iZGMX", - "name": "Sections", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "padding": [ - 8, - 0 - ], - "children": [ - { - "type": "frame", - "id": "K9kps", - "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": [ - { - "type": "frame", - "id": "NqU-g", - "name": "projHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "l4Db7", - "name": "leftProj", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "UH57P", - "name": "projIcon", - "width": 18, - "height": 18, - "iconFontName": "wrench", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-red" - }, - { - "type": "text", - "id": "qhWRv", - "name": "projLabel", - "fill": "$--foreground", - "content": "Projects", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "2z0Fc", - "name": "projChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "hZaR_", - "name": "projItem1", - "width": "fill_container", - "fill": "$--accent-red-light", - "cornerRadius": 6, - "padding": [ - 6, - 16, - 6, - 28 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "KMKlm", - "name": "proj1Txt", - "fill": "$--accent-red", - "content": "Laputa App", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "4auYC", - "name": "projItem2", - "width": "fill_container", - "cornerRadius": 6, - "padding": [ - 6, - 16, - 6, - 28 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "-h_S-", - "name": "proj2Txt", - "fill": "$--muted-foreground", - "content": "Portfolio Rewrite", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "Xby4k", - "name": "projItem3", - "width": "fill_container", - "cornerRadius": 6, - "padding": [ - 6, - 16, - 6, - 28 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "zflkU", - "name": "proj3Txt", - "fill": "$--muted-foreground", - "content": "AI Habit Tracker", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "yOvdh", - "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": [ - { - "type": "frame", - "id": "9NVPP", - "name": "respHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "KLgB7", - "name": "leftResp", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "_RJw9", - "name": "respIcon", - "width": 18, - "height": 18, - "iconFontName": "medal", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-purple" - }, - { - "type": "text", - "id": "P2TLS", - "name": "respLabel", - "fill": "$--foreground", - "content": "Responsibilities", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "FMkvu", - "name": "respChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "jdhEx", - "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": [ - { - "type": "frame", - "id": "yNxrB", - "name": "respHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "ZbG_K", - "name": "leftResp", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "Lrz9B", - "name": "respIcon", - "width": 18, - "height": 18, - "iconFontName": "arrows-clockwise", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-purple" - }, - { - "type": "text", - "id": "JYP7R", - "name": "Procedures", - "fill": "$--foreground", - "content": "Procedures", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "cuKa1", - "name": "procChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "9ZtV7", - "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": [ - { - "type": "frame", - "id": "bqUk7", - "name": "peopleHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "GDmNS", - "name": "leftPeople", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "4N-jT", - "name": "peopleIcon", - "width": 18, - "height": 18, - "iconFontName": "users", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-yellow" - }, - { - "type": "text", - "id": "eYxow", - "name": "peopleLbl", - "fill": "$--foreground", - "content": "People", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "zxTf-", - "name": "peopleChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "oO2nv", - "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": [ - { - "type": "frame", - "id": "01fhT", - "name": "eventsHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "BpjDl", - "name": "leftEvents", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "WNSv4", - "name": "eventsIcon", - "width": 18, - "height": 18, - "iconFontName": "calendar-blank", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-yellow" - }, - { - "type": "text", - "id": "Z-BdI", - "name": "eventsLbl", - "fill": "$--foreground", - "content": "Events", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "VtYYq", - "name": "eventsChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "QB60u", - "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": [ - { - "type": "frame", - "id": "dr3Dy", - "name": "eventsHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "gip-z", - "name": "leftEvents", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "YWJHr", - "name": "eventsIcon", - "width": 18, - "height": 18, - "iconFontName": "tag", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-green" - }, - { - "type": "text", - "id": "M4fMh", - "name": "eventsLbl", - "fill": "$--foreground", - "content": "Topics", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "be_vU", - "name": "topicsChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "jtFdo", - "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": [ - { - "type": "frame", - "id": "t051Q", - "name": "eventsHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "CSC3E", - "name": "leftEvents", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "wt2dG", - "name": "eventsIcon", - "width": 18, - "height": 18, - "iconFontName": "leaf", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-green" - }, - { - "type": "text", - "id": "qqxUQ", - "name": "eventsLbl", - "fill": "$--foreground", - "content": "Notes", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "OyEhu", - "name": "topicsChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "b0y4m", - "name": "eventsHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "XKefw", - "name": "leftEvents", - "gap": 8, - "padding": [ - 8, - 0 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "5MMXe", - "name": "eventsIcon", - "width": 18, - "height": 18, - "iconFontName": "plus", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "yJWsr", - "name": "eventsLbl", - "fill": "$--muted-foreground", - "content": "Create new type", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "wTdWJ", - "name": "Commit Area", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "top": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "padding": 12, - "children": [ - { - "type": "frame", - "id": "alvR1", - "name": "commitBtn", - "width": "fill_container", - "fill": "$--primary", - "cornerRadius": 6, - "gap": 6, - "padding": [ - 8, - 16 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "OZpvZ", - "name": "commitIcon", - "width": 14, - "height": 14, - "iconFontName": "git-commit-horizontal", - "iconFontFamily": "lucide", - "fill": "$--primary-foreground" - }, - { - "type": "text", - "id": "vye-W", - "name": "commitTxt", - "fill": "$--primary-foreground", - "content": "Commit & Push", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "M_lH9", - "name": "commitBadge", - "height": 18, - "fill": "#ffffff40", - "cornerRadius": 9, - "padding": [ - 0, - 5 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "kTQAa", - "name": "commitBadgeTxt", - "fill": "$--white", - "content": "3", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "aBuSJ", - "name": "Resize Handle", - "fill": "$--border", - "width": 1, - "height": "fill_container" - }, - { - "type": "frame", - "id": "5CXKO", - "name": "Panel: NoteList", - "clip": true, - "width": 300, - "height": "fill_container", - "fill": "$--card", - "stroke": { - "align": "inside", - "thickness": 0, - "fill": "$--border" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "UhLWn", - "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": "jyxqb", - "name": "nlTitle", - "fill": "$--foreground", - "content": "Changes", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "0eL1W", - "name": "nlActions", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "XsWjG", - "name": "searchIcon", - "width": 16, - "height": 16, - "iconFontName": "magnifying-glass", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "bBObW", - "name": "plusIcon", - "width": 16, - "height": 16, - "iconFontName": "plus", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "TK7b7", - "name": "Note Items", - "clip": true, - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "dri89", - "name": "Backlinks Group", - "width": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "9mLoL", - "name": "Note Item Selected", - "width": "fill_container", - "fill": "$--accent-yellow-light", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "#E9E9E7" - }, - "children": [ - { - "type": "rectangle", - "id": "lmpZx", - "name": "leftAccent", - "fill": "$--accent-yellow", - "width": 3, - "height": "fill_container" - }, - { - "type": "frame", - "id": "CkBEU", - "name": "noteSelContent", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "0KzHG", - "name": "noteSelRow", - "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "ScgZY", - "name": "titleGroup", - "width": "fill_container", - "gap": 6, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "3mYfY", - "name": "noteSelTitle", - "fill": "$--foreground", - "content": "Laputa App", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "jqZDh", - "name": "modBadge", - "width": 18, - "height": 18, - "fill": "$--accent-yellow-light", - "cornerRadius": 4, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "v8EXM", - "name": "modBadgeTxt", - "fill": "$--accent-yellow", - "content": "M", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "700" - } - ] - } - ] - } - ] - }, - { - "type": "text", - "id": "mCaj6", - "name": "noteSelSnip", - "fill": "$--foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Personal knowledge and life management desktop app...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "mi4c4", - "name": "noteSelTime", - "fill": "$--accent-yellow", - "content": "Modified", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "MYwXd", - "name": "Related Notes Group", - "width": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "fKL4E", - "name": "Related Notes Header", - "width": "fill_container", - "height": 32, - "fill": "$--muted", - "padding": [ - 0, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "eCRui", - "name": "rnLeft", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "UEtOs", - "name": "rnLabel", - "fill": "$--muted-foreground", - "content": "MODIFIED", - "fontFamily": "IBM Plex Mono", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "geohb", - "name": "rnCount", - "fill": "$--muted-foreground", - "content": "2", - "fontFamily": "IBM Plex Mono", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "vW3Ux", - "name": "rnRight", - "gap": 10, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "8-7YX", - "name": "rnFilter", - "width": 12, - "height": 12, - "iconFontName": "funnel", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "rJ2Qt", - "name": "rnPlus", - "width": 12, - "height": 12, - "iconFontName": "plus", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "Agecx", - "name": "rnChev", - "width": 12, - "height": 12, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "Ef8xK", - "name": "Note Item", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "ikmO0", - "name": "note2Row", - "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "DgJzU", - "name": "leafGroup", - "width": "fill_container", - "gap": 6, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "0SmlX", - "name": "note2Title", - "fill": "$--foreground", - "content": "Weekly Review Process", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "Ipmvo", - "name": "leafIco", - "width": 14, - "height": 14, - "iconFontName": "pencil-simple", - "iconFontFamily": "phosphor", - "fill": "$--accent-yellow" - } - ] - } - ] - }, - { - "type": "text", - "id": "6-aLC", - "name": "note2Snip", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Every Sunday: review tasks, update time blocks, plan the week ahead...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "35sd_", - "name": "note2Time", - "fill": "$--muted-foreground", - "content": "Modified", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "D1PDV", - "name": "Note Item", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "m3Yy9", - "name": "note2Row", - "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "G7YLm", - "name": "leafGroup", - "width": "fill_container", - "gap": 6, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "VeAEm", - "name": "note2Title", - "fill": "$--foreground", - "content": "Q1 Planning", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "rXUE_", - "name": "leafIco", - "width": 14, - "height": 14, - "iconFontName": "pencil-simple", - "iconFontFamily": "phosphor", - "fill": "$--accent-yellow" - } - ] - } - ] - }, - { - "type": "text", - "id": "1G-GA", - "name": "note2Snip", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Allocated focus blocks in Q1 for deep work sessions on infrastructure...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "p_rqw", - "name": "note2Time", - "fill": "$--muted-foreground", - "content": "Modified", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "3o8WQ", - "name": "Events Group", - "width": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "G7UWp", - "name": "Events Header", - "width": "fill_container", - "height": 32, - "fill": "$--muted", - "padding": [ - 0, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "msMtG", - "name": "evLeft", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "SGt7e", - "name": "evLabel", - "fill": "$--muted-foreground", - "content": "MODIFIED", - "fontFamily": "IBM Plex Mono", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "1PVP7", - "name": "evCount", - "fill": "$--muted-foreground", - "content": "2", - "fontFamily": "IBM Plex Sans", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "FCzPr", - "name": "evRight", - "gap": 10, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "UYR0D", - "name": "evFilter", - "width": 12, - "height": 12, - "iconFontName": "funnel", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "4jbCj", - "name": "evPlus", - "width": 12, - "height": 12, - "iconFontName": "plus", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "WRN9r", - "name": "evChev", - "width": 12, - "height": 12, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "RiDwJ", - "name": "Note Item 2", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "Rvp4A", - "name": "note3Row", - "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "bnvDp", - "name": "calGroup", - "width": "fill_container", - "gap": 6, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "QjRDJ", - "name": "note3Title", - "fill": "$--foreground", - "content": "Time Management Strategies", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "LeQCT", - "name": "calIco", - "width": 14, - "height": 14, - "iconFontName": "pencil-simple", - "iconFontFamily": "phosphor", - "fill": "$--accent-yellow" - } - ] - } - ] - }, - { - "type": "text", - "id": "vwDsc", - "name": "note3Snip", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Effective time management requires clear priorities and consistent review...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "OPKF_", - "name": "note3Time", - "fill": "$--muted-foreground", - "content": "Modified", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "PsBeq", - "name": "Note Item 2", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 4, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "sPOHy", - "name": "note3Row", - "width": "fill_container", - "gap": 8, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "1Ecj7", - "name": "calGroup", - "width": "fill_container", - "gap": 6, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "DlZRH", - "name": "note3Title", - "fill": "$--foreground", - "content": "Time Management Strategies", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "yi-xp", - "name": "calIco", - "width": 14, - "height": 14, - "iconFontName": "pencil-simple", - "iconFontFamily": "phosphor", - "fill": "$--accent-yellow" - } - ] - } - ] - }, - { - "type": "text", - "id": "CJPuv", - "name": "note3Snip", - "fill": "$--muted-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Effective time management requires clear priorities and consistent review...", - "lineHeight": 1.5, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "6MtFY", - "name": "note3Time", - "fill": "$--muted-foreground", - "content": "Modified", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "rectangle", - "id": "0kPjR", - "name": "Resize Handle 2", - "fill": "$--border", - "width": 1, - "height": "fill_container" - }, - { - "type": "frame", - "id": "XRb-G", - "name": "Panel: Editor", - "clip": true, - "width": "fill_container", - "height": "fill_container", - "fill": "$--background", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "GMRdK", - "name": "Tab Bar", - "width": "fill_container", - "height": 45, - "fill": "$--sidebar", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--sidebar-border" - }, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "iXash", - "name": "Tab Active", - "height": "fill_container", - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "right": 1 - }, - "fill": "$--border" - }, - "gap": 6, - "padding": [ - 0, - 14 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "eo9dK", - "name": "tab1Txt", - "fill": "$--foreground", - "content": "Laputa App", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "6MLT7", - "name": "tab1Close", - "width": 14, - "height": 14, - "iconFontName": "x", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "0UmLQ", - "name": "Tab Inactive", - "height": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "right": 1, - "bottom": 1 - }, - "fill": "$--sidebar-border" - }, - "gap": 6, - "padding": [ - 0, - 14 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "1JK8S", - "name": "tab2Txt", - "fill": "$--muted-foreground", - "content": "Portfolio Rewrite", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "k2PZa", - "name": "tab2Close", - "opacity": 0, - "width": 14, - "height": 14, - "iconFontName": "x", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "bM7NZ", - "name": "tabSpacer", - "width": "fill_container", - "height": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - } - }, - { - "type": "frame", - "id": "G6gUe", - "name": "tabControls", - "height": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1, - "left": 1 - }, - "fill": "$--border" - }, - "gap": 12, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_around", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "oVC29", - "name": "iconPlus", - "width": 16, - "height": 16, - "iconFontName": "plus", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "XwYxq", - "name": "iconSplit", - "width": 16, - "height": 16, - "iconFontName": "columns", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "8z4xd", - "name": "iconExpand", - "width": 16, - "height": 16, - "iconFontName": "arrows-out-simple", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "ZIoKq", - "name": "Editor Body", - "width": "fill_container", - "height": "fill_container", - "children": [ - { - "type": "frame", - "id": "tJCEQ", - "name": "Editor Left", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "L9_bR", - "name": "Info Bar", - "width": "fill_container", - "height": 45, - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "7YAl6", - "name": "infoLeft", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "8RsE6", - "name": "breadcrumbType", - "fill": "$--muted-foreground", - "content": "Project", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "aPIWW", - "name": "breadcrumbSep", - "fill": "$--muted-foreground", - "content": "›", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "Hko61", - "name": "breadcrumbName", - "fill": "$--foreground", - "content": "Laputa App", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "text", - "id": "UgLju", - "name": "dotSep", - "fill": "$--muted-foreground", - "content": "·", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "atZy3", - "name": "modifiedTxt", - "fill": "$--accent-yellow", - "content": "M", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "600" - } - ] - }, - { - "type": "frame", - "id": "i_O9Q", - "name": "infoRight", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "mATmR", - "name": "iconSearch", - "width": 16, - "height": 16, - "iconFontName": "magnifying-glass", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "7-BlR", - "name": "iconSearch", - "width": 16, - "height": 16, - "iconFontName": "git-branch", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "hggOM", - "name": "iconSearch", - "width": 16, - "height": 16, - "iconFontName": "cursor-text", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "lKS8-", - "name": "iconAI", - "width": 16, - "height": 16, - "iconFontName": "sparkle", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "etlhz", - "name": "iconMore", - "width": 16, - "height": 16, - "iconFontName": "dots-three", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "n-cpK", - "name": "Editor Content", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "gap": 16, - "padding": [ - 32, - 64 - ], - "children": [ - { - "type": "text", - "id": "jnGoo", - "name": "editorP1", - "fill": "$--foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Personal knowledge and life management desktop app, built with Tauri v2 + React + TypeScript + CodeMirror 6. It reads a vault of markdown files with YAML frontmatter and presents them in a four-panel UI inspired by Bear Notes.", - "lineHeight": 1.6, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "fwFRq", - "name": "editorH2", - "fill": "$--foreground", - "content": "Architecture", - "lineHeight": 1.3, - "fontFamily": "Inter", - "fontSize": 24, - "fontWeight": "600" - }, - { - "type": "text", - "id": "qK0e0", - "name": "editorP2", - "fill": "$--foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "The app uses a four-panel layout: Sidebar for navigation, NoteList for browsing, Editor for content, and Inspector for metadata. All data lives in markdown files with YAML frontmatter, git-versioned.", - "lineHeight": 1.6, - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "RkIhR", - "name": "Inspector", - "clip": true, - "width": 260, - "height": "fill_container", - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "left": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "0CJaZ", - "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": "TPquS", - "name": "leftGroup", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "AVtUy", - "name": "propIcon", - "width": 16, - "height": 16, - "iconFontName": "sliders-horizontal", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "Lgi69", - "name": "inspTitle", - "fill": "$--muted-foreground", - "content": "Properties", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - } - ] - }, - { - "type": "icon_font", - "id": "uWuxn", - "name": "sidebarIcon", - "width": 16, - "height": 16, - "iconFontName": "x", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "u6jJ2", - "name": "Inspector Body", - "clip": true, - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "gap": 16, - "padding": 12, - "children": [ - { - "type": "frame", - "id": "MRZfg", - "name": "Properties Section", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "qC-P7", - "name": "addPropBtn", - "width": "fill_container", - "cornerRadius": 6, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - }, - "padding": [ - 6, - 12 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "HBg9i", - "name": "addPropTxt", - "fill": "$--muted-foreground", - "content": "+ Add property", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "oHFVh", - "name": "propType", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "Mk9GH", - "name": "propTypeLbl", - "fill": "$--muted-foreground", - "content": "TYPE", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "NUS5u", - "name": "propTypeVal", - "fill": "$--foreground", - "content": "Project", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "EAnqI", - "name": "propStatus", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "YZlCv", - "name": "propStatusLbl", - "fill": "$--muted-foreground", - "content": "STATUS", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "khF0Y", - "name": "propStatusBadge", - "fill": "$--accent-green-light", - "cornerRadius": 16, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "transparent" - }, - "gap": 8, - "padding": [ - 1, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "H3X2o", - "name": "Badge Text", - "fill": "$--accent-green", - "content": "ACTIVE", - "lineHeight": 1.33, - "textAlign": "center", - "textAlignVertical": "middle", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "600", - "letterSpacing": 1.2 - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "F0I-7", - "name": "Relationships Section", - "width": "fill_container", - "layout": "vertical", - "gap": 16, - "children": [ - { - "type": "frame", - "id": "10XXp", - "name": "relGroup1", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "qh7dI", - "name": "relGrp1Title", - "fill": "$--muted-foreground", - "content": "BELONGS TO", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "ovNo_", - "name": "relLaputaBtn", - "width": "fill_container", - "fill": "$--accent-green-light", - "cornerRadius": 6, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "u6cth", - "name": "laputaTxt", - "fill": "$--accent-green", - "content": "Laputa", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "911p5", - "name": "topicIcon", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "tag", - "iconFontFamily": "phosphor", - "fill": "$--accent-green" - } - ] - }, - { - "type": "frame", - "id": "TwrqD", - "name": "relLaputaBtn", - "width": "fill_container", - "fill": "$--accent-green-light", - "cornerRadius": 6, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "R02qX", - "name": "laputaTxt", - "fill": "$--accent-green", - "content": "Building", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "URmQn", - "name": "topicIcon", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "tag", - "iconFontFamily": "phosphor", - "fill": "$--accent-green" - } - ] - }, - { - "type": "frame", - "id": "y-RCD", - "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": "Sohlo", - "name": "laputaTxt", - "fill": "$--muted-foreground", - "content": "+ Link existing", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "NON3K", - "name": "relGroup2", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "PRmP1", - "name": "relGrp2Title", - "fill": "$--muted-foreground", - "content": "RELATED TO", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "ZORAR", - "name": "relMigrationBtn", - "width": "fill_container", - "fill": "$--accent-red-light", - "cornerRadius": 6, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "zBinS", - "name": "migrationTxt", - "fill": "$--accent-red", - "content": "Shadcn Migration", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "fmvl7", - "name": "expIcon", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "flask", - "iconFontFamily": "phosphor", - "fill": "$--accent-red" - } - ] - }, - { - "type": "frame", - "id": "rk_6m", - "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": "0BiPL", - "name": "laputaTxt", - "fill": "$--muted-foreground", - "content": "+ Link existing", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "4CbGG", - "name": "Backlinks Section", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "bYwPw", - "name": "blTitle", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "FXmIm", - "name": "blTitleTxt", - "rotation": -0.5285936385085725, - "fill": "$--muted-foreground", - "content": "BACKLINKS", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - } - ] - }, - { - "type": "text", - "id": "QkxSV", - "name": "blItem1", - "fill": "$--primary", - "content": "Portfolio Rewrite", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "5GEwY", - "name": "blItem2", - "fill": "$--primary", - "content": "Meeting with Grant", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "JjS06", - "name": "blItem3", - "fill": "$--primary", - "content": "Q1 Planning", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "-AVRp", - "name": "History Section", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "text", - "id": "s2sCa", - "name": "histTitle", - "fill": "$--muted-foreground", - "content": "HISTORY", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "Wh7sL", - "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": "WJkad", - "name": "histItem1Hash", - "fill": "$--accent-blue", - "content": "a089f44 · feat: migrate to shadcn/ui", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "tdi_I", - "name": "histItem1Date", - "fill": "$--muted-foreground", - "content": "Feb 16, 2026", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "LM_vp", - "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": "FAnJW", - "name": "histItem2Hash", - "fill": "$--accent-blue", - "content": "5a4b4ac · feat: emoji favicon", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "9bpmf", - "name": "histItem2Date", - "fill": "$--muted-foreground", - "content": "Feb 15, 2026", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "gH1Q6", - "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": "8q9j3", - "name": "Status Left", - "height": "fill_container", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "HoLpj", - "name": "versionIcon", - "width": 14, - "height": 14, - "iconFontName": "box", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "k-eWA", - "name": "versionText", - "fill": "$--muted-foreground", - "content": "v0.4.2", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - }, - { - "type": "text", - "id": "Y-wAn", - "name": "sep1", - "fill": "$--border", - "content": "|", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "gtv6Y", - "name": "branchIcon", - "width": 14, - "height": 14, - "iconFontName": "git-branch", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "xnDxG", - "name": "branchText", - "fill": "$--muted-foreground", - "content": "main", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "qpDn7", - "name": "sep2", - "fill": "$--border", - "content": "|", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "NUI5N", - "name": "syncIcon", - "width": 13, - "height": 13, - "iconFontName": "pencil-simple", - "iconFontFamily": "phosphor", - "fill": "$--accent-yellow" - }, - { - "type": "text", - "id": "sDa8O", - "name": "syncText", - "fill": "$--muted-foreground", - "content": "3 modified", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "4RcrW", - "name": "Status Right", - "height": "fill_container", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "5g3ye", - "name": "aiIcon", - "width": 13, - "height": 13, - "iconFontName": "sparkles", - "iconFontFamily": "lucide", - "fill": "$--accent-purple" - }, - { - "type": "text", - "id": "D1hG8", - "name": "aiText", - "fill": "$--muted-foreground", - "content": "Claude Sonnet 4", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "l4igr", - "name": "sep3", - "fill": "$--border", - "content": "|", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "2uctj", - "name": "notesCount", - "width": 13, - "height": 13, - "iconFontName": "file-text", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "uv6xG", - "name": "notesText", - "fill": "$--muted-foreground", - "content": "1,247 notes", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "tViOI", - "name": "sep4", - "fill": "$--border", - "content": "|", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "i4ZVl", - "name": "bellIcon", - "width": 13, - "height": 13, - "iconFontName": "bell", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "-T7ch", - "name": "settingsIcon", - "width": 13, - "height": 13, - "iconFontName": "settings", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "rbF01", - "x": 840, - "y": 18040, - "name": "Inspector — Referenced By (Multiple)", - "theme": { - "Mode": "Light" - }, - "clip": true, - "width": 320, - "height": 700, - "fill": "$--background", - "layout": "vertical", - "gap": 16, - "padding": 16, - "children": [ - { - "type": "frame", - "id": "rbF01h", - "name": "Inspector Header", - "width": "fill_container", - "height": 36, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "rbF01hL", - "name": "leftGroup", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "rbF01hI", - "name": "propIcon", - "width": 16, - "height": 16, - "iconFontName": "sliders-horizontal", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "rbF01hT", - "name": "inspTitle", - "fill": "$--muted-foreground", - "content": "Properties", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - } - ] - }, - { - "type": "icon_font", - "id": "rbF01hX", - "name": "closeIcon", - "width": 16, - "height": 16, - "iconFontName": "x", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "rbF01rel", - "name": "Relationships Section", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "rbF01relT", - "fill": "$--muted-foreground", - "content": "BELONGS TO", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "rbF01relB", - "name": "relBtn", - "width": "fill_container", - "fill": "$--accent-blue-light", - "cornerRadius": 6, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "rbF01relBT", - "fill": "$--accent-blue", - "content": "Grow Newsletter", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "rbF01relBI", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "target", - "iconFontFamily": "phosphor", - "fill": "$--accent-blue" - } - ] - } - ] - }, - { - "type": "frame", - "id": "rbF01ref", - "name": "Referenced By Section", - "width": "fill_container", - "layout": "vertical", - "gap": 10, - "children": [ - { - "type": "frame", - "id": "rbF01refH", - "name": "refByHeader", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "rbF01refHT", - "fill": "$--muted-foreground", - "content": "REFERENCED BY", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "rbF01refHC", - "fill": "$--muted-foreground", - "content": "5", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "rbF01refG1", - "name": "refByGroup — via Belongs to", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "rbF01refG1T", - "opacity": 0.7, - "fill": "$--muted-foreground", - "content": "VIA BELONGS TO", - "fontFamily": "IBM Plex Mono", - "fontSize": 9, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "rbF01refG1B1", - "name": "refItem1", - "width": "fill_container", - "padding": [ - 4, - 0 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "rbF01refG1B1T", - "fill": "$--accent-orange", - "content": "Write Weekly Essays", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "rbF01refG1B1I", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "arrows-clockwise", - "iconFontFamily": "phosphor", - "fill": "$--accent-orange" - } - ] - }, - { - "type": "frame", - "id": "rbF01refG1B2", - "name": "refItem2", - "width": "fill_container", - "padding": [ - 4, - 0 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "rbF01refG1B2T", - "fill": "$--accent-purple", - "content": "On Writing Well", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "rbF01refG1B2I", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "file-text", - "iconFontFamily": "phosphor", - "fill": "$--accent-purple" - } - ] - }, - { - "type": "frame", - "id": "rbF01refG1B3", - "name": "refItem3", - "width": "fill_container", - "padding": [ - 4, - 0 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "rbF01refG1B3T", - "fill": "$--accent-purple", - "content": "AI Agents Primer", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "rbF01refG1B3I", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "file-text", - "iconFontFamily": "phosphor", - "fill": "$--accent-purple" - } - ] - } - ] - }, - { - "type": "frame", - "id": "rbF01refG2", - "name": "refByGroup — via Related to", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "rbF01refG2T", - "opacity": 0.7, - "fill": "$--muted-foreground", - "content": "VIA RELATED TO", - "fontFamily": "IBM Plex Mono", - "fontSize": 9, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "rbF01refG2B1", - "name": "refItem4", - "width": "fill_container", - "padding": [ - 4, - 0 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "rbF01refG2B1T", - "fill": "$--accent-red", - "content": "Failed SEO Experiment", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "rbF01refG2B1I", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "flask", - "iconFontFamily": "phosphor", - "fill": "$--accent-red" - } - ] - }, - { - "type": "frame", - "id": "rbF01refG2B2", - "name": "refItem5", - "width": "fill_container", - "padding": [ - 4, - 0 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "rbF01refG2B2T", - "fill": "$--accent-red", - "content": "Twitter Thread Experiment", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "rbF01refG2B2I", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "flask", - "iconFontFamily": "phosphor", - "fill": "$--accent-red" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "rbF01bl", - "name": "Backlinks Section", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "text", - "id": "rbF01blT", - "fill": "$--muted-foreground", - "content": "BACKLINKS", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "rbF01blI1", - "fill": "$--primary", - "content": "Write Weekly Essays", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "rbF02", - "x": 1260, - "y": 18040, - "name": "Inspector — Referenced By (Empty)", - "theme": { - "Mode": "Light" - }, - "clip": true, - "width": 320, - "height": 500, - "fill": "$--background", - "layout": "vertical", - "gap": 16, - "padding": 16, - "children": [ - { - "type": "frame", - "id": "rbF02h", - "name": "Inspector Header", - "width": "fill_container", - "height": 36, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "rbF02hL", - "name": "leftGroup", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "rbF02hI", - "width": 16, - "height": 16, - "iconFontName": "sliders-horizontal", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "rbF02hT", - "fill": "$--muted-foreground", - "content": "Properties", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - } - ] - }, - { - "type": "icon_font", - "id": "rbF02hX", - "width": 16, - "height": 16, - "iconFontName": "x", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "rbF02rel", - "name": "Relationships Section", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "rbF02relT", - "fill": "$--muted-foreground", - "content": "No relationships", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "rbF02ref", - "name": "Referenced By Section (Empty)", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "text", - "id": "rbF02refT", - "fill": "$--muted-foreground", - "content": "REFERENCED BY", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "rbF02refE", - "fill": "$--muted-foreground", - "content": "No references", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "rbF02bl", - "name": "Backlinks Section", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "text", - "id": "rbF02blT", - "fill": "$--muted-foreground", - "content": "BACKLINKS", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "rbF02blE", - "fill": "$--muted-foreground", - "content": "No backlinks", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "rbF03", - "x": 1680, - "y": 18040, - "name": "Inspector — Referenced By (Many Backlinks)", - "theme": { - "Mode": "Light" - }, - "clip": true, - "width": 320, - "height": 800, - "fill": "$--background", - "layout": "vertical", - "gap": 16, - "padding": 16, - "children": [ - { - "type": "frame", - "id": "rbF03h", - "name": "Inspector Header", - "width": "fill_container", - "height": 36, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "rbF03hL", - "name": "leftGroup", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "rbF03hI", - "width": 16, - "height": 16, - "iconFontName": "sliders-horizontal", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "rbF03hT", - "fill": "$--muted-foreground", - "content": "Properties", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - } - ] - }, - { - "type": "icon_font", - "id": "rbF03hX", - "width": 16, - "height": 16, - "iconFontName": "x", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "rbF03rel", - "name": "Relationships Section", - "width": "fill_container", - "layout": "vertical", - "gap": 16, - "children": [ - { - "type": "frame", - "id": "rbF03relG1", - "name": "relGroup — Has", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "rbF03relG1T", - "fill": "$--muted-foreground", - "content": "HAS", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "rbF03relG1B1", - "width": "fill_container", - "fill": "$--accent-purple-light", - "cornerRadius": 6, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "rbF03relG1B1T", - "fill": "$--accent-purple", - "content": "On Writing Well", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "rbF03relG1B1I", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "file-text", - "iconFontFamily": "phosphor", - "fill": "$--accent-purple" - } - ] - }, - { - "type": "frame", - "id": "rbF03relG1B2", - "width": "fill_container", - "fill": "$--accent-purple-light", - "cornerRadius": 6, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "rbF03relG1B2T", - "fill": "$--accent-purple", - "content": "Engineering Leadership 101", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "rbF03relG1B2I", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "file-text", - "iconFontFamily": "phosphor", - "fill": "$--accent-purple" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "rbF03ref", - "name": "Referenced By Section (Many)", - "width": "fill_container", - "layout": "vertical", - "gap": 10, - "children": [ - { - "type": "frame", - "id": "rbF03refH", - "name": "refByHeader", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "rbF03refHT", - "fill": "$--muted-foreground", - "content": "REFERENCED BY", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "rbF03refHC", - "fill": "$--muted-foreground", - "content": "8", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "rbF03refG1", - "name": "refByGroup — via Belongs to", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "rbF03refG1T", - "opacity": 0.7, - "fill": "$--muted-foreground", - "content": "VIA BELONGS TO", - "fontFamily": "IBM Plex Mono", - "fontSize": 9, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "rbF03refG1B1", - "width": "fill_container", - "padding": [ - 4, - 0 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "rbF03refG1B1T", - "fill": "$--accent-orange", - "content": "Write Weekly Essays", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "rbF03refG1B1I", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "arrows-clockwise", - "iconFontFamily": "phosphor", - "fill": "$--accent-orange" - } - ] - }, - { - "type": "frame", - "id": "rbF03refG1B2", - "width": "fill_container", - "padding": [ - 4, - 0 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "rbF03refG1B2T", - "fill": "$--accent-purple", - "content": "On Writing Well", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "rbF03refG1B2I", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "file-text", - "iconFontFamily": "phosphor", - "fill": "$--accent-purple" - } - ] - }, - { - "type": "frame", - "id": "rbF03refG1B3", - "width": "fill_container", - "padding": [ - 4, - 0 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "rbF03refG1B3T", - "fill": "$--accent-purple", - "content": "Engineering Leadership 101", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "rbF03refG1B3I", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "file-text", - "iconFontFamily": "phosphor", - "fill": "$--accent-purple" - } - ] - }, - { - "type": "frame", - "id": "rbF03refG1B4", - "width": "fill_container", - "padding": [ - 4, - 0 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "rbF03refG1B4T", - "fill": "$--accent-purple", - "content": "AI Agents Primer", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "rbF03refG1B4I", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "file-text", - "iconFontFamily": "phosphor", - "fill": "$--accent-purple" - } - ] - } - ] - }, - { - "type": "frame", - "id": "rbF03refG2", - "name": "refByGroup — via Related to", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "rbF03refG2T", - "opacity": 0.7, - "fill": "$--muted-foreground", - "content": "VIA RELATED TO", - "fontFamily": "IBM Plex Mono", - "fontSize": 9, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "rbF03refG2B1", - "width": "fill_container", - "padding": [ - 4, - 0 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "rbF03refG2B1T", - "fill": "$--accent-red", - "content": "Failed SEO Experiment", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "rbF03refG2B1I", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "flask", - "iconFontFamily": "phosphor", - "fill": "$--accent-red" - } - ] - }, - { - "type": "frame", - "id": "rbF03refG2B2", - "width": "fill_container", - "padding": [ - 4, - 0 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "rbF03refG2B2T", - "fill": "$--accent-red", - "content": "Twitter Thread Experiment", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "rbF03refG2B2I", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "flask", - "iconFontFamily": "phosphor", - "fill": "$--accent-red" - } - ] - } - ] - }, - { - "type": "frame", - "id": "rbF03refG3", - "name": "refByGroup — via Topics", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "rbF03refG3T", - "opacity": 0.7, - "fill": "$--muted-foreground", - "content": "VIA TOPICS", - "fontFamily": "IBM Plex Mono", - "fontSize": 9, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "rbF03refG3B1", - "width": "fill_container", - "padding": [ - 4, - 0 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "rbF03refG3B1T", - "fill": "$--accent-blue", - "content": "Build Laputa App", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "rbF03refG3B1I", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "wrench", - "iconFontFamily": "phosphor", - "fill": "$--accent-blue" - } - ] - }, - { - "type": "frame", - "id": "rbF03refG3B2", - "width": "fill_container", - "padding": [ - 4, - 0 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "rbF03refG3B2T", - "fill": "$--accent-blue", - "content": "Newsletter Strategy 2026", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "rbF03refG3B2I", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "wrench", - "iconFontFamily": "phosphor", - "fill": "$--accent-blue" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "rbF03bl", - "name": "Backlinks Section", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "children": [ - { - "type": "frame", - "id": "rbF03blH", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "rbF03blT", - "fill": "$--muted-foreground", - "content": "BACKLINKS", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "rbF03blC", - "fill": "$--muted-foreground", - "content": "3", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - } - ] - }, - { - "type": "text", - "id": "rbF03blI1", - "fill": "$--primary", - "content": "Write Weekly Essays", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "rbF03blI2", - "fill": "$--primary", - "content": "Monthly Review Template", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "rbF03blI3", - "fill": "$--primary", - "content": "Q1 Planning", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "reF01", - "x": 2100, - "y": 18040, - "name": "Relations Edit — Default (hover to reveal remove)", - "theme": { - "Mode": "Light" - }, - "clip": true, - "width": 320, - "height": 520, - "fill": "$--background", - "layout": "vertical", - "gap": 16, - "padding": 16, - "children": [ - { - "type": "frame", - "id": "reF01h", - "name": "Inspector Header", - "width": "fill_container", - "height": 36, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "reF01hL", - "name": "leftGroup", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "reF01hI", - "width": 16, - "height": 16, - "iconFontName": "sliders-horizontal", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "reF01hT", - "fill": "$--muted-foreground", - "content": "Properties", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - } - ] - }, - { - "type": "icon_font", - "id": "reF01hX", - "width": 16, - "height": 16, - "iconFontName": "x", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "reF01rel", - "name": "Relationships Section", - "width": "fill_container", - "layout": "vertical", - "gap": 16, - "children": [ - { - "type": "frame", - "id": "reF01relG1", - "name": "relGroup — Belongs to", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "reF01relG1T", - "fill": "$--muted-foreground", - "content": "BELONGS TO", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "reF01relG1B1", - "name": "relPill1", - "width": "fill_container", - "fill": "$--accent-blue-light", - "cornerRadius": 6, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "reF01relG1B1T", - "fill": "$--accent-blue", - "content": "Grow Newsletter", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "reF01relG1B1R", - "name": "rightIcons", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "reF01relG1B1X", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "x", - "iconFontFamily": "phosphor", - "fill": "$--accent-blue" - }, - { - "type": "icon_font", - "id": "reF01relG1B1I", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "target", - "iconFontFamily": "phosphor", - "fill": "$--accent-blue" - } - ] - } - ] - }, - { - "type": "frame", - "id": "reF01relG1Add", - "name": "addBtn", - "gap": 4, - "padding": [ - 4, - 0 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "reF01relG1AddI", - "width": 14, - "height": 14, - "iconFontName": "plus", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "reF01relG1AddT", - "fill": "$--muted-foreground", - "content": "Add", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "reF01relG2", - "name": "relGroup — Related to", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "reF01relG2T", - "fill": "$--muted-foreground", - "content": "RELATED TO", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "reF01relG2B1", - "name": "relPill2", - "width": "fill_container", - "fill": "$--accent-purple-light", - "cornerRadius": 6, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "reF01relG2B1T", - "fill": "$--accent-purple", - "content": "On Writing Well", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "reF01relG2B1R", - "name": "rightIcons", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "reF01relG2B1X", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "x", - "iconFontFamily": "phosphor", - "fill": "$--accent-purple" - }, - { - "type": "icon_font", - "id": "reF01relG2B1I", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "file-text", - "iconFontFamily": "phosphor", - "fill": "$--accent-purple" - } - ] - } - ] - }, - { - "type": "frame", - "id": "reF01relG2B2", - "name": "relPill3", - "width": "fill_container", - "fill": "$--accent-red-light", - "cornerRadius": 6, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "reF01relG2B2T", - "fill": "$--accent-red", - "content": "Failed SEO Experiment", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "reF01relG2B2R", - "name": "rightIcons", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "reF01relG2B2X", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "x", - "iconFontFamily": "phosphor", - "fill": "$--accent-red" - }, - { - "type": "icon_font", - "id": "reF01relG2B2I", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "flask", - "iconFontFamily": "phosphor", - "fill": "$--accent-red" - } - ] - } - ] - }, - { - "type": "frame", - "id": "reF01relG2Add", - "name": "addBtn", - "gap": 4, - "padding": [ - 4, - 0 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "reF01relG2AddI", - "width": 14, - "height": 14, - "iconFontName": "plus", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "reF01relG2AddT", - "fill": "$--muted-foreground", - "content": "Add", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "reF02", - "x": 2520, - "y": 18040, - "name": "Relations Edit — Hover on pill (X remove visible)", - "theme": { - "Mode": "Light" - }, - "clip": true, - "width": 320, - "height": 520, - "fill": "$--background", - "layout": "vertical", - "gap": 16, - "padding": 16, - "children": [ - { - "type": "frame", - "id": "reF02h", - "name": "Inspector Header", - "width": "fill_container", - "height": 36, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "reF02hL", - "name": "leftGroup", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "reF02hI", - "width": 16, - "height": 16, - "iconFontName": "sliders-horizontal", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "reF02hT", - "fill": "$--muted-foreground", - "content": "Properties", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - } - ] - }, - { - "type": "icon_font", - "id": "reF02hX", - "width": 16, - "height": 16, - "iconFontName": "x", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "reF02rel", - "name": "Relationships Section", - "width": "fill_container", - "layout": "vertical", - "gap": 16, - "children": [ - { - "type": "frame", - "id": "reF02relG1", - "name": "relGroup — Belongs to", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "reF02relG1T", - "fill": "$--muted-foreground", - "content": "BELONGS TO", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "reF02relG1B1", - "name": "relPill1 — hovered", - "width": "fill_container", - "fill": "$--accent-blue-light", - "cornerRadius": 6, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--accent-blue" - }, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "reF02relG1B1T", - "fill": "$--accent-blue", - "content": "Grow Newsletter", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "reF02relG1B1R", - "name": "rightIcons", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "reF02relG1B1X", - "width": 14, - "height": 14, - "iconFontName": "x-circle", - "iconFontFamily": "phosphor", - "fill": "$--accent-blue" - }, - { - "type": "icon_font", - "id": "reF02relG1B1I", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "target", - "iconFontFamily": "phosphor", - "fill": "$--accent-blue" - } - ] - } - ] - }, - { - "type": "frame", - "id": "reF02relG1Add", - "name": "addBtn", - "gap": 4, - "padding": [ - 4, - 0 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "reF02relG1AddI", - "width": 14, - "height": 14, - "iconFontName": "plus", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "reF02relG1AddT", - "fill": "$--muted-foreground", - "content": "Add", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "reF02relG2", - "name": "relGroup — Related to", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "reF02relG2T", - "fill": "$--muted-foreground", - "content": "RELATED TO", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "reF02relG2B1", - "name": "relPill2", - "width": "fill_container", - "fill": "$--accent-purple-light", - "cornerRadius": 6, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "reF02relG2B1T", - "fill": "$--accent-purple", - "content": "On Writing Well", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "reF02relG2B1R", - "name": "rightIcons", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "reF02relG2B1X", - "opacity": 0, - "width": 14, - "height": 14, - "iconFontName": "x-circle", - "iconFontFamily": "phosphor", - "fill": "$--accent-purple" - }, - { - "type": "icon_font", - "id": "reF02relG2B1I", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "file-text", - "iconFontFamily": "phosphor", - "fill": "$--accent-purple" - } - ] - } - ] - }, - { - "type": "frame", - "id": "reF02relG2Add", - "name": "addBtn", - "gap": 4, - "padding": [ - 4, - 0 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "reF02relG2AddI", - "width": 14, - "height": 14, - "iconFontName": "plus", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "reF02relG2AddT", - "fill": "$--muted-foreground", - "content": "Add", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "reF03", - "x": 0, - "y": 18880, - "name": "Relations Edit — Add expanded with autocomplete", - "theme": { - "Mode": "Light" - }, - "clip": true, - "width": 320, - "height": 620, - "fill": "$--background", - "layout": "vertical", - "gap": 16, - "padding": 16, - "children": [ - { - "type": "frame", - "id": "reF03h", - "name": "Inspector Header", - "width": "fill_container", - "height": 36, - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "reF03hL", - "name": "leftGroup", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "reF03hI", - "width": 16, - "height": 16, - "iconFontName": "sliders-horizontal", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "reF03hT", - "fill": "$--muted-foreground", - "content": "Properties", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - } - ] - }, - { - "type": "icon_font", - "id": "reF03hX", - "width": 16, - "height": 16, - "iconFontName": "x", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "reF03rel", - "name": "Relationships Section", - "width": "fill_container", - "layout": "vertical", - "gap": 16, - "children": [ - { - "type": "frame", - "id": "reF03relG1", - "name": "relGroup — Belongs to (add expanded)", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "reF03relG1T", - "fill": "$--muted-foreground", - "content": "BELONGS TO", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "reF03relG1B1", - "name": "relPill1", - "width": "fill_container", - "fill": "$--accent-blue-light", - "cornerRadius": 6, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "reF03relG1B1T", - "fill": "$--accent-blue", - "content": "Grow Newsletter", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "reF03relG1B1R", - "name": "rightIcons", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "reF03relG1B1I", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "target", - "iconFontFamily": "phosphor", - "fill": "$--accent-blue" - } - ] - } - ] - }, - { - "type": "frame", - "id": "reF03relG1Input", - "name": "addInputWrapper", - "width": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "reF03relG1InputF", - "name": "textInputField", - "width": "fill_container", - "height": 32, - "fill": "$--background", - "cornerRadius": 6, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--primary" - }, - "gap": 4, - "padding": [ - 6, - 10 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "reF03relG1InputSI", - "width": 14, - "height": 14, - "iconFontName": "magnifying-glass", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "reF03relG1InputTV", - "fill": "$--foreground", - "content": "Eng", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "reF03relG1InputCursor", - "name": "textCursor", - "width": 1, - "height": 14, - "fill": "$--primary" - } - ] - }, - { - "type": "frame", - "id": "reF03relG1Drop", - "name": "autocompleteDropdown", - "width": "fill_container", - "fill": "$--popover", - "cornerRadius": 6, - "stroke": { - "align": "outside", - "thickness": 1, - "fill": "$--border" - }, - "layout": "vertical", - "padding": [ - 4, - 0 - ], - "children": [ - { - "type": "frame", - "id": "reF03relG1DropI1", - "name": "suggestion1 — highlighted", - "width": "fill_container", - "fill": "$--accent", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 10 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "reF03relG1DropI1I", - "width": 14, - "height": 14, - "iconFontName": "file-text", - "iconFontFamily": "phosphor", - "fill": "$--accent-purple" - }, - { - "type": "text", - "id": "reF03relG1DropI1T", - "fill": "$--foreground", - "content": "Engineering Leadership 101", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "reF03relG1DropI2", - "name": "suggestion2", - "width": "fill_container", - "gap": 8, - "padding": [ - 6, - 10 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "reF03relG1DropI2I", - "width": 14, - "height": 14, - "iconFontName": "file-text", - "iconFontFamily": "phosphor", - "fill": "$--accent-purple" - }, - { - "type": "text", - "id": "reF03relG1DropI2T", - "fill": "$--foreground", - "content": "Engineering Metrics", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "reF03relG1DropI3", - "name": "suggestion3", - "width": "fill_container", - "gap": 8, - "padding": [ - 6, - 10 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "reF03relG1DropI3I", - "width": 14, - "height": 14, - "iconFontName": "target", - "iconFontFamily": "phosphor", - "fill": "$--accent-blue" - }, - { - "type": "text", - "id": "reF03relG1DropI3T", - "fill": "$--foreground", - "content": "English Writing Course", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "reF03relG1DropI4", - "name": "suggestion4", - "width": "fill_container", - "gap": 8, - "padding": [ - 6, - 10 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "reF03relG1DropI4I", - "width": 14, - "height": 14, - "iconFontName": "flask", - "iconFontFamily": "phosphor", - "fill": "$--accent-red" - }, - { - "type": "text", - "id": "reF03relG1DropI4T", - "fill": "$--foreground", - "content": "Engine Performance Tests", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "reF03relG2", - "name": "relGroup — Related to", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "children": [ - { - "type": "text", - "id": "reF03relG2T", - "fill": "$--muted-foreground", - "content": "RELATED TO", - "fontFamily": "IBM Plex Mono", - "fontSize": 10, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "reF03relG2B1", - "name": "relPill2", - "width": "fill_container", - "fill": "$--accent-purple-light", - "cornerRadius": 6, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "reF03relG2B1T", - "fill": "$--accent-purple", - "content": "On Writing Well", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "reF03relG2B1R", - "name": "rightIcons", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "reF03relG2B1I", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "file-text", - "iconFontFamily": "phosphor", - "fill": "$--accent-purple" - } - ] - } - ] - }, - { - "type": "frame", - "id": "reF03relG2Add", - "name": "addBtn", - "gap": 4, - "padding": [ - 4, - 0 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "reF03relG2AddI", - "width": 14, - "height": 14, - "iconFontName": "plus", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "reF03relG2AddT", - "fill": "$--muted-foreground", - "content": "Add", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "urlDefault", - "x": 420, - "y": 18880, - "name": "URL Property — default state (no hover)", - "theme": { - "Mode": "Light" - }, - "width": 320, - "height": 40, - "fill": "$--background", - "gap": 8, - "padding": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "urlDefaultLabel", - "name": "label", - "fill": "$--muted-foreground", - "content": "URL", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal", - "letterSpacing": 1.2 - }, - { - "type": "frame", - "id": "urlDefaultValueWrap", - "name": "value-wrapper", - "width": "fill_container", - "gap": 4, - "justifyContent": "end", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "urlDefaultValue", - "name": "url-value", - "fill": "$--foreground", - "content": "https://example.com/article", - "textAlign": "right", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "urlDefaultEditIcon", - "name": "edit-icon", - "opacity": 0, - "fill": "$--muted-foreground", - "content": "pencil", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "urlHover", - "x": 840, - "y": 18880, - "name": "URL Property — hover state (underline + pointer cursor)", - "theme": { - "Mode": "Light" - }, - "width": 320, - "height": 40, - "fill": "$--muted", - "gap": 8, - "padding": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "urlHoverLabel", - "name": "label", - "fill": "$--muted-foreground", - "content": "URL", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal", - "letterSpacing": 1.2 - }, - { - "type": "frame", - "id": "urlHoverValueWrap", - "name": "value-wrapper", - "width": "fill_container", - "gap": 4, - "justifyContent": "end", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "urlHoverValue", - "name": "url-value-hovered", - "fill": "$--primary", - "content": "https://example.com/article", - "textAlign": "right", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "urlHoverEditIcon", - "name": "edit-icon-visible", - "fill": "$--muted-foreground", - "content": "pencil", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "urlEdit", - "x": 1260, - "y": 18880, - "name": "URL Property — edit mode (double-click or edit icon)", - "theme": { - "Mode": "Light" - }, - "width": 320, - "height": 40, - "fill": "$--background", - "gap": 8, - "padding": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "urlEditLabel", - "name": "label", - "fill": "$--muted-foreground", - "content": "URL", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal", - "letterSpacing": 1.2 - }, - { - "type": "frame", - "id": "urlEditInputWrap", - "name": "input-wrapper", - "width": "fill_container", - "height": 28, - "fill": "$--muted", - "cornerRadius": 4, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--primary" - }, - "padding": [ - 4, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "urlEditInput", - "name": "edit-input", - "fill": "$--foreground", - "content": "https://example.com/article", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "text", - "id": "fg_sidebar_and_sections", - "x": 0, - "y": 20590, - "theme": { - "Mode": "Light" - }, - "fill": "$--muted-foreground", - "content": "SIDEBAR & SECTIONS", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "letterSpacing": 1 - }, - { - "type": "frame", - "id": "dsg01a", - "x": 0, - "y": 20620, - "name": "Sidebar — Drag Handles Visible", - "theme": { - "Mode": "Light" - }, - "width": 330, - "height": 680, - "fill": "$--background", - "layout": "vertical", - "children": [ - { - "type": "text", - "id": "dsg01b", - "name": "frame1Title", - "fill": "$--foreground", - "content": "Drag handles appear on section headers", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" - }, - { - "type": "text", - "id": "dsg01c", - "name": "frame1Desc", - "fill": "$--muted-foreground", - "content": "Grip icon shown left of section icon. Cursor changes to grab on hover.", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "dsg01d", - "width": "fit_content(0)", - "height": 12 - }, - { - "type": "frame", - "id": "dsg01e", - "name": "sidebarDefault", - "clip": true, - "width": 250, - "height": 600, - "fill": "$--sidebar", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "dsg01f", - "name": "filters", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "padding": [ - 8, - 6 - ], - "children": [ - { - "type": "frame", - "id": "dsg01g", - "name": "allNotesRow", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "dsg01h", - "width": 18, - "height": 18, - "iconFontName": "file-text", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "dsg01i", - "fill": "$--foreground", - "content": "All Notes", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "dsg01j", - "name": "favRow", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "dsg01k", - "width": 18, - "height": 18, - "iconFontName": "star", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "dsg01l", - "fill": "$--muted-foreground", - "content": "Favorites", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "dsg01m", - "name": "sectionsWrap", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "dsg00a", - "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": [ - { - "type": "frame", - "id": "dsg005", - "name": "projHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "dsg001", - "name": "projLeft", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "dsg000", - "name": "projDrag", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "grip-vertical", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "dsg002", - "name": "projIcon", - "width": 18, - "height": 18, - "iconFontName": "wrench", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-red" - }, - { - "type": "text", - "id": "dsg003", - "name": "projLabel", - "fill": "$--foreground", - "content": "Projects", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "dsg004", - "name": "projChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "dsg006", - "name": "projItem0", - "width": "fill_container", - "fill": "$--accent-red-light", - "cornerRadius": 6, - "padding": [ - 6, - 16, - 6, - 28 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "dsg007", - "name": "projItemTxt0", - "fill": "$--accent-red", - "content": "Laputa App", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "dsg008", - "name": "projItem1", - "width": "fill_container", - "cornerRadius": 6, - "padding": [ - 6, - 16, - 6, - 28 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "dsg009", - "name": "projItemTxt1", - "fill": "$--muted-foreground", - "content": "Portfolio Rewrite", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "dsg00h", - "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": [ - { - "type": "frame", - "id": "dsg00g", - "name": "respHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "dsg00c", - "name": "respLeft", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "dsg00b", - "name": "respDrag", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "grip-vertical", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "dsg00d", - "name": "respIcon", - "width": 18, - "height": 18, - "iconFontName": "medal", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-purple" - }, - { - "type": "text", - "id": "dsg00e", - "name": "respLabel", - "fill": "$--foreground", - "content": "Responsibilities", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "dsg00f", - "name": "respChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "dsg00o", - "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": [ - { - "type": "frame", - "id": "dsg00n", - "name": "procHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "dsg00j", - "name": "procLeft", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "dsg00i", - "name": "procDrag", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "grip-vertical", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "dsg00k", - "name": "procIcon", - "width": 18, - "height": 18, - "iconFontName": "arrows-clockwise", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-purple" - }, - { - "type": "text", - "id": "dsg00l", - "name": "procLabel", - "fill": "$--foreground", - "content": "Procedures", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "dsg00m", - "name": "procChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "dsg00v", - "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": [ - { - "type": "frame", - "id": "dsg00u", - "name": "peopleHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "dsg00q", - "name": "peopleLeft", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "dsg00p", - "name": "peopleDrag", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "grip-vertical", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "dsg00r", - "name": "peopleIcon", - "width": 18, - "height": 18, - "iconFontName": "leaf", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-yellow" - }, - { - "type": "text", - "id": "dsg00s", - "name": "peopleLabel", - "fill": "$--foreground", - "content": "People", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "dsg00t", - "name": "peopleChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "dsg012", - "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": [ - { - "type": "frame", - "id": "dsg011", - "name": "eventsHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "dsg00x", - "name": "eventsLeft", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "dsg00w", - "name": "eventsDrag", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "grip-vertical", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "dsg00y", - "name": "eventsIcon", - "width": 18, - "height": 18, - "iconFontName": "cardholder", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-yellow" - }, - { - "type": "text", - "id": "dsg00z", - "name": "eventsLabel", - "fill": "$--foreground", - "content": "Events", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "dsg010", - "name": "eventsChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "dsg019", - "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": [ - { - "type": "frame", - "id": "dsg018", - "name": "topicsHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "dsg014", - "name": "topicsLeft", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "dsg013", - "name": "topicsDrag", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "grip-vertical", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "dsg015", - "name": "topicsIcon", - "width": 18, - "height": 18, - "iconFontName": "tag", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-green" - }, - { - "type": "text", - "id": "dsg016", - "name": "topicsLabel", - "fill": "$--foreground", - "content": "Topics", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "dsg017", - "name": "topicsChev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "dsg02w", - "x": 430, - "y": 20620, - "name": "Sidebar — Section Being Dragged", - "theme": { - "Mode": "Light" - }, - "width": 330, - "height": 680, - "fill": "$--background", - "layout": "vertical", - "children": [ - { - "type": "text", - "id": "dsg02x", - "name": "frame2Title", - "fill": "$--foreground", - "content": "Dragging \"People\" above \"Responsibilities\"", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" - }, - { - "type": "text", - "id": "dsg02y", - "name": "frame2Desc", - "fill": "$--muted-foreground", - "content": "Blue drop indicator line shows insertion point. Dragged section floats with blue border.", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "dsg02z", - "width": "fit_content(0)", - "height": 12 - }, - { - "type": "frame", - "id": "dsg030", - "name": "sidebarDragging", - "clip": true, - "width": 250, - "height": 600, - "fill": "$--sidebar", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "dsg031", - "name": "filters", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "padding": [ - 8, - 6 - ], - "children": [ - { - "type": "frame", - "id": "dsg032", - "name": "allNotesRow", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "dsg033", - "width": 18, - "height": 18, - "iconFontName": "file-text", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "dsg034", - "fill": "$--foreground", - "content": "All Notes", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "dsg035", - "name": "favRow", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "dsg036", - "width": 18, - "height": 18, - "iconFontName": "star", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "dsg037", - "fill": "$--muted-foreground", - "content": "Favorites", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "dsg038", - "name": "sectionsWrap", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "dsg01x", - "name": "proj2Group", - "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": [ - { - "type": "frame", - "id": "dsg01s", - "name": "proj2Header", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "dsg01o", - "name": "proj2Left", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "dsg01n", - "name": "proj2Drag", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "grip-vertical", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "dsg01p", - "name": "proj2Icon", - "width": 18, - "height": 18, - "iconFontName": "wrench", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-red" - }, - { - "type": "text", - "id": "dsg01q", - "name": "proj2Label", - "fill": "$--foreground", - "content": "Projects", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "dsg01r", - "name": "proj2Chev", - "width": 14, - "height": 14, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "dsg01t", - "name": "proj2Item0", - "width": "fill_container", - "fill": "$--accent-red-light", - "cornerRadius": 6, - "padding": [ - 6, - 16, - 6, - 28 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "dsg01u", - "name": "proj2ItemTxt0", - "fill": "$--accent-red", - "content": "Laputa App", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "dsg01v", - "name": "proj2Item1", - "width": "fill_container", - "cornerRadius": 6, - "padding": [ - 6, - 16, - 6, - 28 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "dsg01w", - "name": "proj2ItemTxt1", - "fill": "$--muted-foreground", - "content": "Portfolio Rewrite", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "dsg01y", - "name": "dropIndicator", - "width": "fill_container", - "height": 2, - "fill": "$--accent-blue", - "cornerRadius": 1 - }, - { - "type": "frame", - "id": "dsg025", - "name": "resp2Group", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": { - "type": "color", - "color": "$--border", - "enabled": false - } - }, - "layout": "vertical", - "gap": 2, - "padding": [ - 4, - 6 - ], - "children": [ - { - "type": "frame", - "id": "dsg024", - "name": "resp2Header", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "dsg020", - "name": "resp2Left", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "dsg01z", - "name": "resp2Drag", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "grip-vertical", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "dsg021", - "name": "resp2Icon", - "width": 18, - "height": 18, - "iconFontName": "medal", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-purple" - }, - { - "type": "text", - "id": "dsg022", - "name": "resp2Label", - "fill": "$--foreground", - "content": "Responsibilities", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "dsg023", - "name": "resp2Chev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "dsg02c", - "name": "proc2Group", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": { - "type": "color", - "color": "$--border", - "enabled": false - } - }, - "layout": "vertical", - "gap": 2, - "padding": [ - 4, - 6 - ], - "children": [ - { - "type": "frame", - "id": "dsg02b", - "name": "proc2Header", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "dsg027", - "name": "proc2Left", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "dsg026", - "name": "proc2Drag", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "grip-vertical", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "dsg028", - "name": "proc2Icon", - "width": 18, - "height": 18, - "iconFontName": "arrows-clockwise", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-purple" - }, - { - "type": "text", - "id": "dsg029", - "name": "proc2Label", - "fill": "$--foreground", - "content": "Procedures", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "dsg02a", - "name": "proc2Chev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "dsg02j", - "name": "events2Group", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": { - "type": "color", - "color": "$--border", - "enabled": false - } - }, - "layout": "vertical", - "gap": 2, - "padding": [ - 4, - 6 - ], - "children": [ - { - "type": "frame", - "id": "dsg02i", - "name": "events2Header", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "dsg02e", - "name": "events2Left", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "dsg02d", - "name": "events2Drag", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "grip-vertical", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "dsg02f", - "name": "events2Icon", - "width": 18, - "height": 18, - "iconFontName": "cardholder", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-yellow" - }, - { - "type": "text", - "id": "dsg02g", - "name": "events2Label", - "fill": "$--foreground", - "content": "Events", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "dsg02h", - "name": "events2Chev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "dsg02q", - "name": "topics2Group", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": { - "type": "color", - "color": "$--border", - "enabled": false - } - }, - "layout": "vertical", - "gap": 2, - "padding": [ - 4, - 6 - ], - "children": [ - { - "type": "frame", - "id": "dsg02p", - "name": "topics2Header", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "dsg02l", - "name": "topics2Left", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "dsg02k", - "name": "topics2Drag", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "grip-vertical", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "dsg02m", - "name": "topics2Icon", - "width": 18, - "height": 18, - "iconFontName": "tag", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-green" - }, - { - "type": "text", - "id": "dsg02n", - "name": "topics2Label", - "fill": "$--foreground", - "content": "Topics", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "dsg02o", - "name": "topics2Chev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "dsg02r", - "name": "draggedSection", - "opacity": 0.9, - "width": 234, - "fill": "$--sidebar", - "cornerRadius": 6, - "stroke": { - "align": "outside", - "thickness": 1, - "fill": "$--accent-blue" - }, - "layout": "vertical", - "padding": [ - 4, - 6 - ], - "children": [ - { - "type": "frame", - "id": "dsg02s", - "name": "draggedHeader", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "dsg02t", - "opacity": 0.8, - "width": 14, - "height": 14, - "iconFontName": "grip-vertical", - "iconFontFamily": "lucide", - "fill": "$--accent-blue" - }, - { - "type": "icon_font", - "id": "dsg02u", - "width": 18, - "height": 18, - "iconFontName": "leaf", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-yellow" - }, - { - "type": "text", - "id": "dsg02v", - "fill": "$--foreground", - "content": "People", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "dsg04j", - "x": 860, - "y": 20620, - "name": "Sidebar — After Reorder (People Moved Up)", - "theme": { - "Mode": "Light" - }, - "width": 330, - "height": 680, - "fill": "$--background", - "layout": "vertical", - "children": [ - { - "type": "text", - "id": "dsg04k", - "name": "frame3Title", - "fill": "$--foreground", - "content": "After drop — People now second section", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" - }, - { - "type": "text", - "id": "dsg04l", - "name": "frame3Desc", - "fill": "$--muted-foreground", - "content": "Order persisted as \"order\" property in each Type document frontmatter (e.g. order: 2).", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "dsg04m", - "width": "fit_content(0)", - "height": 12 - }, - { - "type": "frame", - "id": "dsg04n", - "name": "sidebarReordered", - "clip": true, - "width": 250, - "height": 600, - "fill": "$--sidebar", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "dsg04o", - "name": "filters", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "padding": [ - 8, - 6 - ], - "children": [ - { - "type": "frame", - "id": "dsg04p", - "name": "allNotesRow", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "dsg04q", - "width": 18, - "height": 18, - "iconFontName": "file-text", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "dsg04r", - "fill": "$--foreground", - "content": "All Notes", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "dsg04s", - "name": "favRow", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "dsg04t", - "width": 18, - "height": 18, - "iconFontName": "star", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "dsg04u", - "fill": "$--muted-foreground", - "content": "Favorites", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "dsg04v", - "name": "sectionsWrap", - "width": "fill_container", - "height": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "dsg03j", - "name": "proj3Group", - "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": [ - { - "type": "frame", - "id": "dsg03e", - "name": "proj3Header", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "dsg03a", - "name": "proj3Left", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "dsg039", - "name": "proj3Drag", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "grip-vertical", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "dsg03b", - "name": "proj3Icon", - "width": 18, - "height": 18, - "iconFontName": "wrench", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-red" - }, - { - "type": "text", - "id": "dsg03c", - "name": "proj3Label", - "fill": "$--foreground", - "content": "Projects", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "dsg03d", - "name": "proj3Chev", - "width": 14, - "height": 14, - "iconFontName": "chevron-down", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "dsg03f", - "name": "proj3Item0", - "width": "fill_container", - "fill": "$--accent-red-light", - "cornerRadius": 6, - "padding": [ - 6, - 16, - 6, - 28 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "dsg03g", - "name": "proj3ItemTxt0", - "fill": "$--accent-red", - "content": "Laputa App", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "dsg03h", - "name": "proj3Item1", - "width": "fill_container", - "cornerRadius": 6, - "padding": [ - 6, - 16, - 6, - 28 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "dsg03i", - "name": "proj3ItemTxt1", - "fill": "$--muted-foreground", - "content": "Portfolio Rewrite", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "dsg03q", - "name": "people3Group", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": { - "type": "color", - "color": "$--border", - "enabled": false - } - }, - "layout": "vertical", - "gap": 2, - "padding": [ - 4, - 6 - ], - "children": [ - { - "type": "frame", - "id": "dsg03p", - "name": "people3Header", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "dsg03l", - "name": "people3Left", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "dsg03k", - "name": "people3Drag", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "grip-vertical", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "dsg03m", - "name": "people3Icon", - "width": 18, - "height": 18, - "iconFontName": "leaf", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-yellow" - }, - { - "type": "text", - "id": "dsg03n", - "name": "people3Label", - "fill": "$--foreground", - "content": "People", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "dsg03o", - "name": "people3Chev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "dsg03x", - "name": "resp3Group", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": { - "type": "color", - "color": "$--border", - "enabled": false - } - }, - "layout": "vertical", - "gap": 2, - "padding": [ - 4, - 6 - ], - "children": [ - { - "type": "frame", - "id": "dsg03w", - "name": "resp3Header", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "dsg03s", - "name": "resp3Left", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "dsg03r", - "name": "resp3Drag", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "grip-vertical", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "dsg03t", - "name": "resp3Icon", - "width": 18, - "height": 18, - "iconFontName": "medal", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-purple" - }, - { - "type": "text", - "id": "dsg03u", - "name": "resp3Label", - "fill": "$--foreground", - "content": "Responsibilities", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "dsg03v", - "name": "resp3Chev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "dsg044", - "name": "proc3Group", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": { - "type": "color", - "color": "$--border", - "enabled": false - } - }, - "layout": "vertical", - "gap": 2, - "padding": [ - 4, - 6 - ], - "children": [ - { - "type": "frame", - "id": "dsg043", - "name": "proc3Header", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "dsg03z", - "name": "proc3Left", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "dsg03y", - "name": "proc3Drag", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "grip-vertical", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "dsg040", - "name": "proc3Icon", - "width": 18, - "height": 18, - "iconFontName": "arrows-clockwise", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-purple" - }, - { - "type": "text", - "id": "dsg041", - "name": "proc3Label", - "fill": "$--foreground", - "content": "Procedures", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "dsg042", - "name": "proc3Chev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "dsg04b", - "name": "events3Group", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": { - "type": "color", - "color": "$--border", - "enabled": false - } - }, - "layout": "vertical", - "gap": 2, - "padding": [ - 4, - 6 - ], - "children": [ - { - "type": "frame", - "id": "dsg04a", - "name": "events3Header", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "dsg046", - "name": "events3Left", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "dsg045", - "name": "events3Drag", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "grip-vertical", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "dsg047", - "name": "events3Icon", - "width": 18, - "height": 18, - "iconFontName": "cardholder", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-yellow" - }, - { - "type": "text", - "id": "dsg048", - "name": "events3Label", - "fill": "$--foreground", - "content": "Events", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "dsg049", - "name": "events3Chev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "dsg04i", - "name": "topics3Group", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": { - "type": "color", - "color": "$--border", - "enabled": false - } - }, - "layout": "vertical", - "gap": 2, - "padding": [ - 4, - 6 - ], - "children": [ - { - "type": "frame", - "id": "dsg04h", - "name": "topics3Header", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "dsg04d", - "name": "topics3Left", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "dsg04c", - "name": "topics3Drag", - "opacity": 0.5, - "width": 14, - "height": 14, - "iconFontName": "grip-vertical", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "icon_font", - "id": "dsg04e", - "name": "topics3Icon", - "width": 18, - "height": 18, - "iconFontName": "tag", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-green" - }, - { - "type": "text", - "id": "dsg04f", - "name": "topics3Label", - "fill": "$--foreground", - "content": "Topics", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "dsg04g", - "name": "topics3Chev", - "width": 14, - "height": 14, - "iconFontName": "chevron-right", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "csA01", - "x": 1670, - "y": 20620, - "name": "Sections Header — New Design", - "theme": { - "Mode": "Light" - }, - "clip": true, - "width": 280, - "height": 120, - "fill": "$--sidebar", - "layout": "vertical", - "gap": 8, - "padding": [ - 16, - 12 - ], - "children": [ - { - "type": "text", - "id": "csA02", - "name": "frameLabel", - "fill": "$--muted-foreground", - "content": "AFTER — New Design", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "letterSpacing": 1 - }, - { - "type": "frame", - "id": "csA03", - "name": "sectionsHeader", - "width": "fill_container", - "padding": [ - 4, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "csA04", - "name": "sectionsLabel", - "fill": "$--muted-foreground", - "content": "SECTIONS", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "600", - "letterSpacing": 1.2 - }, - { - "type": "icon_font", - "id": "csA05", - "name": "settingsIcon", - "width": 14, - "height": 14, - "iconFontName": "sliders-horizontal", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "csA06", - "name": "sectionRow", - "width": "fill_container", - "cornerRadius": 4, - "gap": 8, - "padding": [ - 6, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "csA07", - "name": "left", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "csA08", - "name": "projIcon", - "width": 16, - "height": 16, - "iconFontName": "wrench", - "iconFontFamily": "phosphor", - "fill": "$--accent-red" - }, - { - "type": "text", - "id": "csA09", - "name": "projLabel", - "fill": "$--foreground", - "content": "Projects", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "icon_font", - "id": "csA10", - "name": "chevron", - "width": 12, - "height": 12, - "iconFontName": "caret-right", - "iconFontFamily": "phosphor", - "fill": "$--foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "trSB1", - "x": 2050, - "y": 20620, - "name": "Trash — Sidebar Filter", - "theme": { - "Mode": "Light" - }, - "clip": true, - "width": 260, - "height": 400, - "fill": "$--sidebar", - "layout": "vertical", - "padding": [ - 8, - 6 - ], - "children": [ - { - "type": "frame", - "id": "trFAll", - "name": "filterAll", - "width": "fill_container", - "cornerRadius": 6, - "gap": 8, - "padding": [ - 6, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "trIAll", - "name": "iconAll", - "width": 16, - "height": 16, - "iconFontName": "file-text", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--foreground" - }, - { - "type": "text", - "id": "trTAll", - "name": "txtAll", - "fill": "$--foreground", - "content": "All Notes", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "trFFav", - "name": "filterFav", - "width": "fill_container", - "cornerRadius": 6, - "gap": 8, - "padding": [ - 6, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "trIFav", - "name": "iconFav", - "width": 16, - "height": 16, - "iconFontName": "star", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--foreground" - }, - { - "type": "text", - "id": "trTFav", - "name": "txtFav", - "fill": "$--foreground", - "content": "Favorites", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "trFArc", - "name": "filterArchive", - "width": "fill_container", - "cornerRadius": 6, - "gap": 8, - "padding": [ - 6, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "trIArc", - "name": "iconArchive", - "width": 16, - "height": 16, - "iconFontName": "archive", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--foreground" - }, - { - "type": "text", - "id": "trTArc", - "name": "txtArchive", - "fill": "$--foreground", - "content": "Archive", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "trBArc", - "name": "badgeArc", - "height": 20, - "fill": "$--muted", - "cornerRadius": 9999, - "padding": [ - 0, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "trBTArc", - "fill": "$--muted-foreground", - "content": "2", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] - } - ] - }, - { - "type": "frame", - "id": "trFTr", - "name": "filterTrash", - "width": "fill_container", - "fill": "$--accent-red-light", - "cornerRadius": 6, - "gap": 8, - "padding": [ - 6, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "trITr", - "name": "iconTrash", - "width": 16, - "height": 16, - "iconFontName": "trash", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--destructive" - }, - { - "type": "text", - "id": "trTTr", - "name": "txtTrash", - "fill": "$--destructive", - "content": "Trash", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "trBTr", - "name": "badgeTrash", - "height": 20, - "fill": "$--destructive", - "cornerRadius": 9999, - "padding": [ - 0, - 6 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "trBTTr", - "fill": "$--background", - "content": "3", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600" - } - ] - } - ] - } - ] - }, { "type": "text", "id": "fg_modals_and_settings", "x": 0, - "y": 21380, + "y": 6176, "theme": { "Mode": "Light" }, @@ -27089,7 +5416,7 @@ "type": "frame", "id": "iogBH", "x": 0, - "y": 21410, + "y": 6206, "name": "Settings Panel — Modal", "theme": { "Mode": "Light" @@ -27408,8 +5735,8 @@ { "type": "frame", "id": "ghv01", - "x": 620, - "y": 21410, + "x": 560, + "y": 6206, "name": "GitHub Vault — Modal empty state", "theme": { "Mode": "Light" @@ -27709,8 +6036,8 @@ { "type": "frame", "id": "ghv02", - "x": 1280, - "y": 21410, + "x": 1160, + "y": 6206, "name": "GitHub Vault — Clone repo list", "theme": { "Mode": "Light" @@ -28232,8 +6559,8 @@ { "type": "frame", "id": "ghv03", - "x": 1940, - "y": 21410, + "x": 0, + "y": 6786, "name": "GitHub Vault — Create new repo", "theme": { "Mode": "Light" @@ -28679,8 +7006,8 @@ { "type": "frame", "id": "ghv04", - "x": 0, - "y": 21990, + "x": 600, + "y": 6786, "name": "GitHub Vault — Clone in progress", "theme": { "Mode": "Light" @@ -28852,7 +7179,7 @@ "type": "text", "id": "fg_editor_and_wikilinks", "x": 0, - "y": 22390, + "y": 7266, "theme": { "Mode": "Light" }, @@ -28867,7 +7194,7 @@ "type": "frame", "id": "wlc01", "x": 0, - "y": 22420, + "y": 7296, "name": "Wikilink Colors — Editor View (Light)", "theme": { "Mode": "Light" @@ -29127,8 +7454,8 @@ { "type": "frame", "id": "wlc20", - "x": 860, - "y": 22420, + "x": 800, + "y": 7296, "name": "Wikilink Colors — Broken Link State", "theme": { "Mode": "Light" @@ -29200,987 +7527,11 @@ } ] }, - { - "type": "frame", - "id": "mb011", - "x": 1960, - "y": 22420, - "name": "macOS Border — With Border", - "theme": { - "Mode": "Light" - }, - "clip": true, - "width": 400, - "height": 200, - "fill": "$--background", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "mb012", - "name": "macOS Title Bar (after)", - "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": "mb013", - "name": "trafficLights", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "ellipse", - "id": "mb014", - "fill": "$--traffic-red", - "width": 12, - "height": 12 - }, - { - "type": "ellipse", - "id": "mb015", - "fill": "$--traffic-yellow", - "width": 12, - "height": 12 - }, - { - "type": "ellipse", - "id": "mb016", - "fill": "$--traffic-green", - "width": 12, - "height": 12 - } - ] - } - ] - }, - { - "type": "frame", - "id": "mb017", - "name": "Sidebar Content (after)", - "width": "fill_container", - "height": "fill_container", - "fill": "$--sidebar", - "layout": "vertical", - "gap": 4, - "padding": [ - 8, - 12 - ], - "children": [ - { - "type": "text", - "id": "mb018", - "fill": "$--foreground", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "mb019", - "fill": "$--foreground", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "mb020", - "fill": "$--muted-foreground", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "text", - "id": "fg_status_and_indicator", - "x": 0, - "y": 22940, - "theme": { - "Mode": "Light" - }, - "fill": "$--muted-foreground", - "content": "STATUS & INDICATORS", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "letterSpacing": 1 - }, - { - "type": "frame", - "id": "mni10", - "x": 0, - "y": 22970, - "name": "Modified Note Indicator — TabBar States", - "theme": { - "Mode": "Light" - }, - "width": 800, - "height": 120, - "fill": "$--sidebar", - "layout": "vertical", - "children": [ - { - "type": "text", - "id": "mni10t", - "fill": "$--muted-foreground", - "content": "TabBar — Modified Dot on Dirty Tabs", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "letterSpacing": 1 - }, - { - "type": "frame", - "id": "mni11", - "name": "Tab Bar with Modified Indicators", - "width": "fill_container", - "height": 45, - "fill": "$--sidebar", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--sidebar-border" - }, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "mni11a", - "name": "Tab Active — Modified", - "height": "fill_container", - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "right": 1 - }, - "fill": "$--border" - }, - "gap": 6, - "padding": [ - 0, - 14 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "mni11at", - "fill": "$--foreground", - "content": "Build Laputa App", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "ellipse", - "id": "mni11adot", - "name": "Tab Modified Dot", - "fill": "$--accent-orange", - "width": 6, - "height": 6 - }, - { - "type": "icon_font", - "id": "mni11ax", - "width": 14, - "height": 14, - "iconFontName": "x", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "mni11b", - "name": "Tab Inactive — Clean", - "height": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "right": 1, - "bottom": 1 - }, - "fill": "$--sidebar-border" - }, - "gap": 6, - "padding": [ - 0, - 14 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "mni11bt", - "fill": "$--muted-foreground", - "content": "Facebook Ads Strategy", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "icon_font", - "id": "mni11bx", - "opacity": 0, - "width": 14, - "height": 14, - "iconFontName": "x", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "mni11c", - "name": "Tab Inactive — Modified", - "height": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "right": 1, - "bottom": 1 - }, - "fill": "$--sidebar-border" - }, - "gap": 6, - "padding": [ - 0, - 14 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "mni11ct", - "fill": "$--muted-foreground", - "content": "AI Agents Primer", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "ellipse", - "id": "mni11cdot", - "name": "Tab Modified Dot", - "fill": "$--accent-orange", - "width": 6, - "height": 6 - }, - { - "type": "icon_font", - "id": "mni11cx", - "opacity": 0, - "width": 14, - "height": 14, - "iconFontName": "x", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "mni11sp", - "name": "tabSpacer", - "width": "fill_container", - "height": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - } - }, - { - "type": "frame", - "id": "mni11ctrl", - "name": "tabControls", - "height": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1, - "left": 1 - }, - "fill": "$--border" - }, - "gap": 12, - "padding": [ - 0, - 12 - ], - "justifyContent": "space_around", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "mni11plus", - "width": 16, - "height": 16, - "iconFontName": "plus", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "mni20", - "x": 900, - "y": 22970, - "name": "Modified Note Indicator — StatusBar Pending Count", - "theme": { - "Mode": "Light" - }, - "width": 800, - "height": 80, - "fill": "$--background", - "layout": "vertical", - "children": [ - { - "type": "text", - "id": "mni20t", - "fill": "$--muted-foreground", - "content": "StatusBar — Pending Changes Counter", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "letterSpacing": 1 - }, - { - "type": "frame", - "id": "mni21", - "name": "StatusBar with Pending Count", - "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": "mni21l", - "name": "left", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "mni21v", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "mni21fi", - "width": 13, - "height": 13, - "iconFontName": "folder-open", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "mni21fl", - "fill": "$--muted-foreground", - "content": "Demo v2", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "text", - "id": "mni21s1", - "fill": "$--border", - "content": "|", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "mni21br", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "mni21gi", - "width": 13, - "height": 13, - "iconFontName": "git-branch", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "mni21gl", - "fill": "$--muted-foreground", - "content": "main", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "text", - "id": "mni21s2", - "fill": "$--border", - "content": "|", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "mni21sy", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "mni21ri", - "width": 13, - "height": 13, - "iconFontName": "refresh-cw", - "iconFontFamily": "lucide", - "fill": "$--accent-green" - }, - { - "type": "text", - "id": "mni21rl", - "fill": "$--muted-foreground", - "content": "Synced 2m ago", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "text", - "id": "mni21s3", - "fill": "$--border", - "content": "|", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "mni21pd", - "name": "Pending Count", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "mni21pi", - "width": 13, - "height": 13, - "iconFontName": "circle-dot", - "iconFontFamily": "lucide", - "fill": "$--accent-orange" - }, - { - "type": "text", - "id": "mni21pl", - "fill": "$--muted-foreground", - "content": "3 pending", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "mni21r", - "name": "right", - "gap": 12, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "mni21nc", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "mni21ni", - "width": 13, - "height": 13, - "iconFontName": "file-text", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "mni21nl", - "fill": "$--muted-foreground", - "content": "9,200 notes", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "icon_font", - "id": "mni21set", - "width": 14, - "height": 14, - "iconFontName": "settings", - "iconFontFamily": "lucide", - "fill": "$--muted-foreground" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "dp10", - "x": 1800, - "y": 22970, - "name": "NoteStatus — TabBar (New vs Modified)", - "theme": { - "Mode": "Light" - }, - "width": 600, - "fill": "$--sidebar", - "layout": "vertical", - "children": [ - { - "type": "text", - "id": "dp10t", - "fill": "$--muted-foreground", - "content": "TabBar — Green vs Orange Status Dots", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "letterSpacing": 1 - }, - { - "type": "frame", - "id": "dp11", - "name": "Tab Row", - "width": "fill_container", - "height": 45, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "dp11a", - "name": "Active Tab (new)", - "height": "fill_container", - "fill": "$--background", - "stroke": { - "align": "inside", - "thickness": { - "right": 1 - }, - "fill": "$--border" - }, - "gap": 6, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "dp11at", - "fill": "$--foreground", - "content": "Untitled Note", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "ellipse", - "id": "dp11adot", - "name": "New dot (green)", - "fill": "$--accent-green", - "width": 6, - "height": 6 - }, - { - "type": "text", - "id": "dp11ax", - "fill": "$--muted-foreground", - "content": "×", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "dp11b", - "name": "Inactive Tab (modified)", - "height": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "right": 1, - "bottom": 1 - }, - "fill": "$--sidebar-border" - }, - "gap": 6, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "dp11bt", - "fill": "$--muted-foreground", - "content": "Build Laputa App", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "ellipse", - "id": "dp11bdot", - "name": "Modified dot (orange)", - "fill": "$--accent-orange", - "width": 6, - "height": 6 - } - ] - }, - { - "type": "frame", - "id": "dp11c", - "name": "Inactive Tab (clean)", - "height": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "right": 1, - "bottom": 1 - }, - "fill": "$--sidebar-border" - }, - "gap": 6, - "padding": [ - 0, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "dp11ct", - "fill": "$--muted-foreground", - "content": "Meeting Notes", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "ghCL1", - "x": 2200, - "y": 23920, - "name": "Git History — Commit List", - "theme": { - "Mode": "Light" - }, - "width": 300, - "fill": "$--background", - "cornerRadius": "$--radius-lg", - "stroke": { - "thickness": 1, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 16, - "padding": 12, - "children": [ - { - "type": "text", - "id": "ghCL1h", - "fill": "$--muted-foreground", - "content": "HISTORY", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "letterSpacing": 1.2 - }, - { - "type": "frame", - "id": "ghC1", - "width": "fill_container", - "stroke": { - "thickness": { - "left": 2 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 2, - "padding": [ - 0, - 0, - 0, - 10 - ], - "children": [ - { - "type": "frame", - "id": "ghC1r", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "ghC1h", - "fill": "$--primary", - "content": "a1b2c3d", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - }, - { - "type": "text", - "id": "ghC1d", - "fill": "$--muted-foreground", - "content": "2d ago", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - }, - { - "type": "text", - "id": "ghC1m", - "fill": "$--secondary-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Update grow-newsletter with latest changes", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "ghC1a", - "fill": "$--muted-foreground", - "content": "Luca Rossi", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "ghC2", - "width": "fill_container", - "stroke": { - "thickness": { - "left": 2 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 2, - "padding": [ - 0, - 0, - 0, - 10 - ], - "children": [ - { - "type": "frame", - "id": "ghC2r", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "ghC2h", - "fill": "$--primary", - "content": "e4f5g6h", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - }, - { - "type": "text", - "id": "ghC2d", - "fill": "$--muted-foreground", - "content": "5d ago", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - }, - { - "type": "text", - "id": "ghC2m", - "fill": "$--secondary-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Add new section to grow-newsletter", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "ghC2a", - "fill": "$--muted-foreground", - "content": "Luca Rossi", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "ghC3", - "width": "fill_container", - "stroke": { - "thickness": { - "left": 2 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 2, - "padding": [ - 0, - 0, - 0, - 10 - ], - "children": [ - { - "type": "frame", - "id": "ghC3r", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "ghC3h", - "fill": "$--primary", - "content": "i7j8k9l", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - }, - { - "type": "text", - "id": "ghC3d", - "fill": "$--muted-foreground", - "content": "12d ago", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - }, - { - "type": "text", - "id": "ghC3m", - "fill": "$--secondary-foreground", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Create grow-newsletter", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "ghC3a", - "fill": "$--muted-foreground", - "content": "Luca Rossi", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - } - ] - }, { "type": "frame", "id": "ghDO1", "x": 0, - "y": 24460, + "y": 7776, "name": "Git History — Diff Open", "theme": { "Mode": "Light" @@ -30472,1180 +7823,11 @@ } ] }, - { - "type": "text", - "id": "fg_search", - "x": 0, - "y": 24940, - "theme": { - "Mode": "Light" - }, - "fill": "$--muted-foreground", - "content": "SEARCH", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "letterSpacing": 1 - }, - { - "type": "frame", - "id": "3aG9b", - "x": 0, - "y": 24970, - "name": "Full-text Search — Empty State", - "theme": { - "Mode": "Light" - }, - "width": 500, - "fill": "$--search-bg", - "cornerRadius": 12, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "x1pHS", - "name": "Search Bar", - "width": "fill_container", - "height": 48, - "fill": "$--search-input-bg", - "cornerRadius": 8, - "gap": 10, - "padding": [ - 0, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "PjHq0", - "name": "searchIcon", - "fill": "$--search-text-muted", - "content": "🔍", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "rkrbE", - "name": "searchInput", - "fill": "$--search-text-dim", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "Search in all notes...", - "fontFamily": "Inter", - "fontSize": 15, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "1az05", - "name": "Mode Toggle", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "mcpPa", - "name": "kwBadge", - "fill": "$--search-border", - "cornerRadius": 4, - "padding": [ - 4, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "R5D8g", - "name": "kwText", - "fill": "$--search-text", - "content": "Keyword", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "W1DvY", - "name": "semBadge", - "fill": "$--foreground", - "cornerRadius": 4, - "padding": [ - 4, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "NJYVj", - "name": "semText", - "fill": "$--search-text-dim", - "content": "Semantic", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "73imz", - "name": "shortcutHint", - "width": "fill_container", - "padding": [ - 24, - 16 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "6O2iX", - "name": "hintText", - "fill": "$--search-highlight", - "content": "Search across all note contents — Cmd+Shift+F", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "K1O2x", - "x": 600, - "y": 24970, - "name": "Full-text Search — Results", - "theme": { - "Mode": "Light" - }, - "width": 500, - "fill": "$--search-bg", - "cornerRadius": 12, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "mNK9x", - "name": "Search Bar", - "width": "fill_container", - "height": 48, - "fill": "$--search-input-bg", - "cornerRadius": 8, - "gap": 10, - "padding": [ - 0, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "9pswg", - "name": "icon2", - "fill": "$--search-text-muted", - "content": "🔍", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "IG4Oy", - "name": "input2", - "fill": "$--search-heading", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "time management", - "fontFamily": "Inter", - "fontSize": 15, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "hgbNF", - "name": "Mode Toggle", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "7jTLP", - "name": "kwActive", - "fill": "$--search-border", - "cornerRadius": 4, - "padding": [ - 4, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "aL4o7", - "name": "kwLabel", - "fill": "$--search-text", - "content": "Keyword", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "cTlcM", - "name": "semInactive", - "fill": "$--foreground", - "cornerRadius": 4, - "padding": [ - 4, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "Kq87g", - "name": "semLabel", - "fill": "$--search-text-dim", - "content": "Semantic", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "SAQ8v", - "name": "countBar", - "width": "fill_container", - "padding": [ - 6, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "ox2wo", - "name": "countText", - "fill": "$--search-highlight", - "content": "12 results — 148ms", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "cGRXu", - "name": "Results List", - "width": "fill_container", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "g7JoL", - "name": "Result Item — Selected", - "width": "fill_container", - "fill": "$--search-input-bg", - "layout": "vertical", - "gap": 4, - "padding": [ - 10, - 16 - ], - "children": [ - { - "type": "text", - "id": "tCIvh", - "name": "r1title", - "fill": "$--search-heading", - "content": "How to Manage your Time", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" - }, - { - "type": "text", - "id": "jAqxc", - "name": "r1snippet", - "fill": "$--search-snippet", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "...how people can improve their time management skills. They gathered results in this article...", - "lineHeight": 1.4, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "AP1fQ", - "name": "r1meta", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "a4ghT", - "name": "r1type", - "fill": "$--foreground", - "cornerRadius": 3, - "padding": [ - 2, - 6 - ], - "children": [ - { - "type": "text", - "id": "Peatz", - "name": "r1typeText", - "fill": "$--search-text-muted", - "content": "Essay", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - }, - { - "type": "text", - "id": "xS0iX", - "name": "r1score", - "fill": "$--search-highlight", - "content": "score: 0.87", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "wa3Pe", - "name": "Result Item", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "padding": [ - 10, - 16 - ], - "children": [ - { - "type": "text", - "id": "eSx2r", - "name": "r2title", - "fill": "$--search-count", - "content": "On solo work, self-reflection and decision fatigue", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "MB5C8", - "name": "r2snippet", - "fill": "$--search-text-dim", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "...I organize my time carefully, create recurring activities, block time on my calendar...", - "lineHeight": 1.4, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "kUzQY", - "name": "r2meta", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "DZDtT", - "name": "r2type", - "fill": "$--foreground", - "cornerRadius": 3, - "padding": [ - 2, - 6 - ], - "children": [ - { - "type": "text", - "id": "lVC0y", - "name": "r2typeText", - "fill": "$--search-text-muted", - "content": "Evergreen", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - }, - { - "type": "text", - "id": "q5ohu", - "name": "r2score", - "fill": "$--search-highlight", - "content": "score: 0.75", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "EATNG", - "name": "Result Item", - "width": "fill_container", - "layout": "vertical", - "gap": 4, - "padding": [ - 10, - 16 - ], - "children": [ - { - "type": "text", - "id": "fDBcr", - "name": "r3title", - "fill": "$--search-count", - "content": "Time Management Is About More Than Life Hacks", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "9X1rc", - "name": "r3snippet", - "fill": "$--search-text-dim", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "...the results ran counter to popular admonitions of either the virtues or the detriments of multitasking...", - "lineHeight": 1.4, - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "gMuVI", - "name": "r3meta", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "IHIHs", - "name": "r3type", - "fill": "$--foreground", - "cornerRadius": 3, - "padding": [ - 2, - 6 - ], - "children": [ - { - "type": "text", - "id": "ql9Q1", - "name": "r3typeText", - "fill": "$--search-text-muted", - "content": "Reading", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - }, - { - "type": "text", - "id": "XQs3c", - "name": "r3score", - "fill": "$--search-highlight", - "content": "score: 0.73", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "nrIcZ", - "x": 1200, - "y": 24970, - "name": "Full-text Search — No Results", - "theme": { - "Mode": "Light" - }, - "width": 500, - "fill": "$--search-bg", - "cornerRadius": 12, - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "nrIc8", - "name": "Search Bar", - "width": "fill_container", - "height": 48, - "fill": "$--search-input-bg", - "cornerRadius": 8, - "gap": 10, - "padding": [ - 0, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "nrIc1", - "name": "icon3", - "fill": "$--search-text-muted", - "content": "🔍", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "nrIc2", - "name": "input3", - "fill": "$--search-heading", - "textGrowth": "fixed-width", - "width": "fill_container", - "content": "xyznonexistent", - "fontFamily": "Inter", - "fontSize": 15, - "fontWeight": "normal" - }, - { - "type": "frame", - "id": "nrIc7", - "name": "Mode Toggle", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "nrIc4", - "fill": "$--search-border", - "cornerRadius": 4, - "padding": [ - 4, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "nrIc3", - "fill": "$--search-text", - "content": "Keyword", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "nrIc6", - "fill": "$--foreground", - "cornerRadius": 4, - "padding": [ - 4, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "nrIc5", - "fill": "$--search-text-dim", - "content": "Semantic", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - } - ] - } - ] - }, - { - "type": "frame", - "id": "nrIc9", - "name": "No Results Body", - "width": "fill_container", - "layout": "vertical", - "gap": 8, - "padding": [ - 32, - 16 - ], - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "nrIcA", - "fill": "$--search-snippet", - "content": "No results found", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "nrIcB", - "fill": "$--search-highlight", - "content": "Try different keywords or switch to semantic search", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "text", - "id": "fg_trash", - "x": 0, - "y": 25250, - "theme": { - "Mode": "Light" - }, - "fill": "$--muted-foreground", - "content": "TRASH", - "fontFamily": "Inter", - "fontSize": 16, - "fontWeight": "600", - "letterSpacing": 1 - }, - { - "type": "frame", - "id": "trNL1", - "x": 0, - "y": 25280, - "name": "Trash — Note List View", - "theme": { - "Mode": "Light" - }, - "clip": true, - "width": 340, - "height": 360, - "fill": "$--card", - "layout": "vertical", - "children": [ - { - "type": "frame", - "id": "trNLH", - "name": "header", - "width": "fill_container", - "height": 45, - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "padding": [ - 0, - 16 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "trNLT", - "fill": "$--foreground", - "content": "Trash", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" - } - ] - }, - { - "type": "frame", - "id": "trN1", - "name": "trashedNote1", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 2, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "trN1H", - "name": "titleRow", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "trN1T", - "fill": "$--foreground", - "content": "Old Draft Notes", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "trN1B", - "name": "trashedBadge", - "height": 16, - "fill": "$--accent-red-light", - "cornerRadius": 4, - "padding": [ - 1, - 4 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "trN1BT", - "fill": "$--destructive", - "content": "TRASHED", - "fontFamily": "Inter", - "fontSize": 9, - "fontWeight": "500" - } - ] - } - ] - }, - { - "type": "text", - "id": "trN1S", - "fill": "$--muted-foreground", - "content": "Some draft content that is no longer needed...", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "trN1D", - "fill": "$--muted-foreground", - "content": "5d ago", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "trN2", - "name": "trashedNote2Warning", - "width": "fill_container", - "fill": "$--accent-red-light", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 2, - "padding": [ - 14, - 16 - ], - "children": [ - { - "type": "frame", - "id": "trN2H", - "name": "titleRow", - "gap": 6, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "trN2T", - "fill": "$--foreground", - "content": "Deprecated API Notes", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "trN2B", - "name": "warningBadge", - "height": 16, - "fill": "$--destructive", - "cornerRadius": 4, - "padding": [ - 1, - 4 - ], - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "trN2BT", - "fill": "$--background", - "content": "30+ DAYS", - "fontFamily": "Inter", - "fontSize": 9, - "fontWeight": "600" - } - ] - } - ] - }, - { - "type": "text", - "id": "trN2S", - "fill": "$--muted-foreground", - "content": "Old API documentation that was replaced...", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "trN2D", - "fill": "$--destructive", - "content": "Trashed 35d ago — will be permanently deleted", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "500" - } - ] - } - ] - }, - { - "type": "frame", - "id": "trRI1", - "x": 440, - "y": 25280, - "name": "Trash — Relationship Indicator", - "theme": { - "Mode": "Light" - }, - "clip": true, - "width": 300, - "height": 200, - "fill": "$--background", - "layout": "vertical", - "gap": 8, - "padding": 16, - "children": [ - { - "type": "text", - "id": "trRIL", - "fill": "$--muted-foreground", - "content": "BELONGS TO", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "600", - "letterSpacing": 0.5 - }, - { - "type": "frame", - "id": "trRN", - "name": "normalRef", - "width": "fill_container", - "fill": "$--accent-blue-light", - "cornerRadius": 6, - "gap": 6, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "trRNT", - "fill": "$--accent-blue", - "content": "Build Laputa App", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "icon_font", - "id": "trRNI", - "width": 14, - "height": 14, - "iconFontName": "wrench", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--accent-blue" - } - ] - }, - { - "type": "frame", - "id": "trRT", - "name": "trashedRef", - "opacity": 0.7, - "width": "fill_container", - "fill": "$--muted", - "cornerRadius": 6, - "gap": 6, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "trRTL", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "trRTTI", - "width": 12, - "height": 12, - "iconFontName": "trash", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "trRTT", - "fill": "$--muted-foreground", - "content": "Old Draft Notes", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "text", - "id": "trRTTX", - "fill": "$--muted-foreground", - "content": "(trashed)", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - }, - { - "type": "icon_font", - "id": "trRTI", - "width": 14, - "height": 14, - "iconFontName": "file-text", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--muted-foreground" - } - ] - }, - { - "type": "frame", - "id": "trRA", - "name": "archivedRef", - "opacity": 0.7, - "width": "fill_container", - "fill": "$--muted", - "cornerRadius": 6, - "gap": 6, - "padding": [ - 6, - 10 - ], - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "frame", - "id": "trRAL", - "gap": 4, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "trRAT", - "fill": "$--muted-foreground", - "content": "Website Redesign", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "500" - }, - { - "type": "text", - "id": "trRATX", - "fill": "$--muted-foreground", - "content": "(archived)", - "fontFamily": "Inter", - "fontSize": 10, - "fontWeight": "normal" - } - ] - }, - { - "type": "icon_font", - "id": "trRAI", - "width": 14, - "height": 14, - "iconFontName": "wrench", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--muted-foreground" - } - ] - } - ] - }, - { - "type": "frame", - "id": "trW30", - "x": 840, - "y": 25280, - "name": "Trash — 30-Day Auto-Delete Warning", - "theme": { - "Mode": "Light" - }, - "clip": true, - "width": 340, - "height": 120, - "fill": "$--background", - "layout": "vertical", - "gap": 8, - "padding": 16, - "children": [ - { - "type": "text", - "id": "trW3L", - "fill": "$--muted-foreground", - "content": "Warning banner shown at top of trash view:", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "trW3B", - "name": "warningBanner", - "width": "fill_container", - "fill": "$--accent-red-light", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--accent-red" - }, - "gap": 8, - "padding": [ - 10, - 12 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "trW3I", - "width": 16, - "height": 16, - "iconFontName": "warning", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--destructive" - }, - { - "type": "frame", - "id": "trW3T", - "layout": "vertical", - "gap": 2, - "children": [ - { - "type": "text", - "id": "trW3T1", - "fill": "$--destructive", - "content": "Notes in trash for 30+ days will be permanently deleted", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "600" - }, - { - "type": "text", - "id": "trW3T2", - "fill": "$--muted-foreground", - "content": "1 note is past the 30-day retention period", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - } - ] - } - ] - } - ] - }, { "type": "frame", "id": "gCzh9", - "x": 0, - "y": 700, + "x": 1540, + "y": 100, "name": "Live Theme Editing Flow", "width": 900, "fill": "#F0F0EF", @@ -32013,10 +8195,2994 @@ }, { "type": "frame", - "id": "pulse_full", + "id": "7ckWW", "x": 0, - "y": 25850, - "name": "Full Layout — Pulse View", + "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" }, @@ -32028,7 +11194,7 @@ "children": [ { "type": "frame", - "id": "pulse_titlebar", + "id": "mzmNN", "name": "macOS Title Bar", "width": "fill_container", "height": 38, @@ -32049,29 +11215,32 @@ "children": [ { "type": "frame", - "id": "pulse_tl", + "id": "S6CDt", "name": "trafficLights", "gap": 8, "alignItems": "center", "children": [ { "type": "ellipse", - "id": "pulse_close", - "fill": "#FF5F57", + "id": "p47YL", + "name": "closeBtn", + "fill": "$--traffic-red", "width": 12, "height": 12 }, { "type": "ellipse", - "id": "pulse_min", - "fill": "#FEBC2E", + "id": "2L2cy", + "name": "minimizeBtn", + "fill": "$--traffic-yellow", "width": 12, "height": 12 }, { "type": "ellipse", - "id": "pulse_max", - "fill": "#28C840", + "id": "6UXoF", + "name": "maximizeBtn", + "fill": "$--traffic-green", "width": 12, "height": 12 } @@ -32081,15 +11250,18 @@ }, { "type": "frame", - "id": "pulse_content", + "id": "VaNIH", "name": "Content", "width": "fill_container", "height": "fill_container", "children": [ { "type": "frame", - "id": "pulse_sidebar", - "name": "Panel: Sidebar", + "id": "XYYGz", + "name": "sbRef", + "theme": { + "Mode": "Light" + }, "clip": true, "width": 250, "height": "fill_container", @@ -32103,7 +11275,7 @@ "children": [ { "type": "frame", - "id": "pulse_filters", + "id": "a0EuZ", "name": "Filters", "width": "fill_container", "stroke": { @@ -32123,109 +11295,826 @@ ], "children": [ { - "type": "frame", - "id": "pf_all", - "name": "filterAll", + "id": "LWh15", + "type": "ref", + "ref": "7ckWW", "width": "fill_container", - "cornerRadius": 6, - "gap": 8, - "padding": [ - 6, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "pf_all_icon", - "width": 18, - "height": 18, - "iconFontName": "file-text", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" + "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 }, - { - "type": "text", - "id": "pf_all_txt", - "fill": "$--muted-foreground", + "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", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - } - ] - }, - { - "type": "frame", - "id": "pf_changes", - "name": "filterChanges", - "width": "fill_container", - "cornerRadius": 6, - "gap": 8, - "padding": [ - 6, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "pf_ch_icon", - "width": 18, - "height": 18, - "iconFontName": "git-diff", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" + "x": 26 }, - { - "type": "text", - "id": "pf_ch_txt", - "fill": "$--muted-foreground", - "content": "Changes", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" + "v96mi": { + "width": "fit_content", + "x": 199, + "y": 6 + }, + "5hore": { + "content": "6", + "x": 6, + "y": 4 } - ] + } }, { - "type": "frame", - "id": "pf_pulse", - "name": "filterPulse", + "id": "SZSqv", + "type": "ref", + "ref": "7ckWW", "width": "fill_container", - "fill": "$--accent", - "cornerRadius": 6, - "gap": 8, + "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": [ - 6, - 16 + 0, + 0, + 4, + 0 ], - "justifyContent": "space_between", - "alignItems": "center", "children": [ { "type": "frame", - "id": "pf_pulse_left", - "gap": 8, + "id": "3My8w", + "name": "TypesHeader", + "width": "fill_container", + "padding": [ + 6, + 14, + 6, + 16 + ], + "justifyContent": "space_between", "alignItems": "center", "children": [ { - "type": "icon_font", - "id": "pf_pulse_icon", - "width": 18, - "height": 18, - "iconFontName": "pulse", - "iconFontFamily": "phosphor", - "weight": 700, - "fill": "$--primary" + "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": "pf_pulse_txt", - "fill": "$--accent-foreground", - "content": "Pulse", + "id": "yOU4E", + "name": "commitBadgeTxt", + "fill": "$--white", + "content": "3", "fontFamily": "Inter", - "fontSize": 13, + "fontSize": 10, "fontWeight": "600" } ] @@ -32238,7 +12127,7 @@ }, { "type": "rectangle", - "id": "pulse_rh1", + "id": "HD9X6", "name": "Resize Handle", "fill": "$--border", "width": 1, @@ -32246,8 +12135,573 @@ }, { "type": "frame", - "id": "pulse_feed", - "name": "Panel: Pulse Feed", + "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", @@ -32256,457 +12710,139 @@ "children": [ { "type": "frame", - "id": "pulse_header", - "name": "Pulse Header", - "width": "fill_container", - "stroke": { - "align": "inside", - "thickness": { - "bottom": 1 - }, - "fill": "$--border" - }, - "gap": 8, - "padding": [ - 16, - 20 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "pulse_hdr_icon", - "width": 16, - "height": 16, - "iconFontName": "pulse", - "iconFontFamily": "phosphor", - "fill": "$--primary" - }, - { - "type": "text", - "id": "pulse_hdr_txt", - "fill": "$--foreground", - "content": "Pulse", - "fontFamily": "Inter", - "fontSize": 14, - "fontWeight": "600" - } - ] - }, - { - "type": "frame", - "id": "pulse_scroll", - "name": "Scroll Area", + "id": "oocuC", + "name": "Editor Body", "width": "fill_container", "height": "fill_container", - "layout": "vertical", - "gap": 16, - "padding": [ - 12, - 16 - ], "children": [ { "type": "frame", - "id": "day_today", - "name": "Day Group — Today", + "id": "KEJIl", + "name": "edRef", + "theme": { + "Mode": "Light" + }, + "clip": true, "width": "fill_container", + "height": "fill_container", "layout": "vertical", - "gap": 8, "children": [ { - "type": "text", - "id": "day_today_label", - "fill": "$--muted-foreground", - "content": "Today", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "600" - }, - { - "type": "frame", - "id": "commit_1", - "name": "Commit Card", + "id": "MQXyV", + "type": "ref", + "ref": "ABj4R", "width": "fill_container", - "fill": "$--card", - "cornerRadius": 8, + "name": "ib", + "y": 0, "stroke": { "align": "inside", - "thickness": 1, - "fill": "$--border" - }, - "layout": "vertical", - "gap": 8, - "padding": 12, - "children": [ - { - "type": "frame", - "id": "c1_header", - "name": "Commit Header", - "width": "fill_container", - "justifyContent": "space_between", - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "c1_msg", - "fill": "$--foreground", - "content": "Update meeting notes and add project spec", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "c1_meta", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "c1_time", - "fill": "$--muted-foreground", - "content": "2 hours ago", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "c1_hash", - "fill": "$--accent-blue", - "content": "a1b2c3d", - "fontFamily": "JetBrains Mono, monospace", - "fontSize": 11, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "c1_badges", - "name": "Summary Badges", - "gap": 6, - "children": [ - { - "type": "frame", - "id": "c1_badge_add", - "fill": "#0F7B6C18", - "cornerRadius": 4, - "padding": [ - 2, - 6 - ], - "children": [ - { - "type": "text", - "id": "c1_ba_txt", - "fill": "$--accent-green", - "content": "+2", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "600" - } - ] - }, - { - "type": "frame", - "id": "c1_badge_mod", - "fill": "#2383E218", - "cornerRadius": 4, - "padding": [ - 2, - 6 - ], - "children": [ - { - "type": "text", - "id": "c1_bm_txt", - "fill": "$--accent-blue", - "content": "~1", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "600" - } - ] - } - ] - }, - { - "type": "frame", - "id": "c1_files", - "name": "File List", - "width": "fill_container", - "layout": "vertical", - "gap": 2, - "children": [ - { - "type": "frame", - "id": "c1_f1", - "width": "fill_container", - "cornerRadius": 4, - "gap": 6, - "padding": [ - 4, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "c1_f1_icon", - "width": 14, - "height": 14, - "iconFontName": "plus", - "iconFontFamily": "phosphor", - "fill": "$--accent-green" - }, - { - "type": "text", - "id": "c1_f1_txt", - "fill": "$--foreground", - "content": "meeting notes", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "c1_f2", - "width": "fill_container", - "cornerRadius": 4, - "gap": 6, - "padding": [ - 4, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "c1_f2_icon", - "width": 14, - "height": 14, - "iconFontName": "plus", - "iconFontFamily": "phosphor", - "fill": "$--accent-green" - }, - { - "type": "text", - "id": "c1_f2_txt", - "fill": "$--foreground", - "content": "project spec", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "c1_f3", - "width": "fill_container", - "cornerRadius": 4, - "gap": 6, - "padding": [ - 4, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "c1_f3_icon", - "width": 14, - "height": 14, - "iconFontName": "pencil-simple", - "iconFontFamily": "phosphor", - "fill": "$--accent-blue" - }, - { - "type": "text", - "id": "c1_f3_txt", - "fill": "$--foreground", - "content": "daily journal", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] + "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": "commit_2", - "name": "Commit Card 2", + "id": "aGrwk", + "name": "Editor Content", "width": "fill_container", - "fill": "$--card", - "cornerRadius": 8, - "stroke": { - "align": "inside", - "thickness": 1, - "fill": "$--border" - }, + "height": "fill_container", "layout": "vertical", - "gap": 8, - "padding": 12, + "gap": 16, + "padding": [ + 32, + 64 + ], "children": [ { "type": "frame", - "id": "c2_header", - "name": "Commit Header", + "id": "ecG43", + "name": "titleRow", "width": "fill_container", - "justifyContent": "space_between", + "gap": 12, "alignItems": "center", "children": [ { "type": "text", - "id": "c2_msg", + "id": "q0oqT", + "name": "noteH1", "fill": "$--foreground", - "content": "Remove old draft notes", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "frame", - "id": "c2_meta", - "gap": 8, - "alignItems": "center", - "children": [ - { - "type": "text", - "id": "c2_time", - "fill": "$--muted-foreground", - "content": "5 hours ago", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "c2_hash", - "fill": "$--muted-foreground", - "content": "d4e5f6g", - "fontFamily": "JetBrains Mono, monospace", - "fontSize": 11, - "fontWeight": "normal" - } - ] + "content": "🗓️ Laputa App", + "lineHeight": 1.2, + "fontFamily": "Inter Tight", + "fontSize": 36, + "fontWeight": "700" } ] }, { - "type": "frame", - "id": "c2_badges", - "name": "Summary Badges", - "gap": 6, - "children": [ - { - "type": "frame", - "id": "c2_badge_del", - "fill": "#E03E3E18", - "cornerRadius": 4, - "padding": [ - 2, - 6 - ], - "children": [ - { - "type": "text", - "id": "c2_bd_txt", - "fill": "$--accent-red", - "content": "-2", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "600" - } - ] - } - ] - }, - { - "type": "frame", - "id": "c2_files", - "name": "File List", + "type": "rectangle", + "id": "GtFgT", + "name": "titleSeparator", + "fill": "$--border", "width": "fill_container", - "layout": "vertical", - "gap": 2, - "children": [ - { - "type": "frame", - "id": "c2_f1", - "opacity": 0.5, - "width": "fill_container", - "cornerRadius": 4, - "gap": 6, - "padding": [ - 4, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "c2_f1_icon", - "width": 14, - "height": 14, - "iconFontName": "minus", - "iconFontFamily": "phosphor", - "fill": "$--accent-red" - }, - { - "type": "text", - "id": "c2_f1_txt", - "fill": "$--muted-foreground", - "content": "old draft 1", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "c2_f2", - "opacity": 0.5, - "width": "fill_container", - "cornerRadius": 4, - "gap": 6, - "padding": [ - 4, - 8 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "c2_f2_icon", - "width": 14, - "height": 14, - "iconFontName": "minus", - "iconFontFamily": "phosphor", - "fill": "$--accent-red" - }, - { - "type": "text", - "id": "c2_f2_txt", - "fill": "$--muted-foreground", - "content": "old draft 2", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - } - ] + "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" } ] } @@ -32714,145 +12850,812 @@ }, { "type": "frame", - "id": "day_yesterday", - "name": "Day Group — Yesterday", - "width": "fill_container", + "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", - "gap": 8, "children": [ - { - "type": "text", - "id": "day_yest_label", - "fill": "$--muted-foreground", - "content": "Yesterday", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "600" - }, { "type": "frame", - "id": "commit_3", - "name": "Commit Card 3", + "id": "GJO7K", + "name": "Inspector Header", "width": "fill_container", - "fill": "$--card", - "cornerRadius": 8, + "height": 45, "stroke": { "align": "inside", - "thickness": 1, + "thickness": { + "bottom": 1 + }, "fill": "$--border" }, - "layout": "vertical", "gap": 8, - "padding": 12, + "padding": [ + 0, + 12 + ], + "justifyContent": "space_between", + "alignItems": "center", "children": [ { "type": "frame", - "id": "c3_header", - "name": "Commit Header", - "width": "fill_container", - "justifyContent": "space_between", + "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": "c3_msg", - "fill": "$--foreground", - "content": "Add weekly review template", + "id": "u9AYA", + "name": "inspTitle", + "fill": "$--muted-foreground", + "content": "Properties", "fontFamily": "Inter", "fontSize": 13, - "fontWeight": "500" + "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": "c3_meta", - "gap": 8, - "alignItems": "center", + "id": "2ATek", + "name": "Relationships Section", + "width": "fill_container", + "layout": "vertical", + "gap": 16, "children": [ { - "type": "text", - "id": "c3_time", - "fill": "$--muted-foreground", - "content": "1 day ago", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "normal" + "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": "text", - "id": "c3_hash", - "fill": "$--accent-blue", - "content": "g7h8i9j", - "fontFamily": "JetBrains Mono, monospace", - "fontSize": 11, - "fontWeight": "normal" - } - ] - } - ] - }, - { - "type": "frame", - "id": "c3_badges", - "name": "Summary Badges", - "gap": 6, - "children": [ - { - "type": "frame", - "id": "c3_badge_add", - "fill": "#0F7B6C18", - "cornerRadius": 4, - "padding": [ - 2, - 6 - ], - "children": [ + "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": "text", - "id": "c3_ba_txt", - "fill": "$--accent-green", - "content": "+1", - "fontFamily": "Inter", - "fontSize": 11, - "fontWeight": "600" + "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": "c3_files", - "name": "File List", + "id": "aqqat", + "name": "Section Group 2", "width": "fill_container", "layout": "vertical", - "gap": 2, + "gap": 20, + "padding": [ + 20, + 12 + ], "children": [ { "type": "frame", - "id": "c3_f1", + "id": "k1Da6", + "name": "Backlinks Section", "width": "fill_container", - "cornerRadius": 4, - "gap": 6, - "padding": [ - 4, - 8 - ], - "alignItems": "center", + "layout": "vertical", + "gap": 8, "children": [ { - "type": "icon_font", - "id": "c3_f1_icon", - "width": 14, - "height": 14, - "iconFontName": "plus", - "iconFontFamily": "phosphor", - "fill": "$--accent-green" + "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": "c3_f1_txt", - "fill": "$--foreground", - "content": "weekly review", + "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" @@ -32860,138 +13663,369 @@ ] } ] + }, + { + "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": "pulse_loadmore", - "name": "Load More", - "width": "fill_container", - "padding": [ - 8, - 0 - ], - "justifyContent": "center", - "children": [ - { - "type": "text", - "id": "lm_txt", - "fill": "$--accent-blue", - "content": "Load more", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - } - ] } ] } ] } ] - } - ] - }, - { - "type": "frame", - "id": "pulse_empty", - "x": 1560, - "y": 25850, - "name": "Pulse — Empty State", - "theme": { - "Mode": "Light" - }, - "clip": true, - "width": 500, - "height": 300, - "fill": "$--background", - "layout": "vertical", - "gap": 8, - "justifyContent": "center", - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "pe_icon", - "opacity": 0.5, - "width": 32, - "height": 32, - "iconFontName": "pulse", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" }, { - "type": "text", - "id": "pe_title", - "fill": "$--muted-foreground", - "content": "No activity yet", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "normal" - }, - { - "type": "text", - "id": "pe_subtitle", - "opacity": 0.6, - "fill": "$--muted-foreground", - "content": "Commit changes to see your vault's pulse", - "fontFamily": "Inter", - "fontSize": 12, - "fontWeight": "normal" - } - ] - }, - { - "type": "frame", - "id": "pulse_disabled", - "x": 1560, - "y": 26250, - "name": "Pulse — Sidebar Disabled State", - "theme": { - "Mode": "Light" - }, - "opacity": 0.5, - "width": 280, - "height": 36, - "fill": "$--sidebar", - "cornerRadius": 6, - "gap": 8, - "padding": [ - 6, - 16 - ], - "alignItems": "center", - "children": [ - { - "type": "icon_font", - "id": "pd_icon", - "width": 18, - "height": 18, - "iconFontName": "pulse", - "iconFontFamily": "phosphor", - "fill": "$--muted-foreground" - }, - { - "type": "text", - "id": "pd_txt", - "fill": "$--muted-foreground", - "content": "Pulse", - "fontFamily": "Inter", - "fontSize": 13, - "fontWeight": "500" - }, - { - "type": "text", - "id": "pd_tooltip", - "opacity": 0.6, - "fill": "$--muted-foreground", - "content": "← disabled for non-git vaults", - "fontFamily": "Inter", - "fontSize": 11, - "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" + } + ] + } + ] } ] }