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