"content": "Personal knowledge and life management desktop app...",
"lineHeight": 1.5,
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "9ASsT",
"name": "noteSelTime",
"fill": "$--accent-red",
"content": "2m ago",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "7G8pN",
"name": "Related Notes Group",
"width": "fill_container",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "fDxtF",
"name": "Related Notes Header",
"width": "fill_container",
"height": 32,
"fill": "$--muted",
"padding": [
0,
16
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "UBRdO",
"name": "rnLeft",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "8Z4Wq",
"name": "rnLabel",
"fill": "$--muted-foreground",
"content": "RELATED NOTES",
"fontFamily": "IBM Plex Mono",
"fontSize": 11
},
{
"type": "text",
"id": "vpnZr",
"name": "rnCount",
"fill": "$--muted-foreground",
"content": "2",
"fontFamily": "IBM Plex Mono",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "X9LIR",
"name": "rnRight",
"gap": 10,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "fzVWu",
"name": "rnFilter",
"width": 12,
"height": 12,
"iconFontName": "funnel",
"iconFontFamily": "phosphor",
"fill": "$--muted-foreground"
},
{
"type": "icon_font",
"id": "wuqsO",
"name": "rnPlus",
"width": 12,
"height": 12,
"iconFontName": "plus",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "icon_font",
"id": "SbjLq",
"name": "rnChev",
"width": 12,
"height": 12,
"iconFontName": "chevron-down",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
}
]
}
]
},
{
"type": "frame",
"id": "AsAKG",
"name": "Note Item",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border"
},
"layout": "vertical",
"gap": 4,
"padding": [
14,
16
],
"children": [
{
"type": "frame",
"id": "QX5A1",
"name": "note2Row",
"width": "fill_container",
"gap": 8,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "rYdta",
"name": "leafGroup",
"width": "fill_container",
"gap": 6,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "PC9XN",
"name": "note2Title",
"fill": "$--foreground",
"content": "Portfolio Rewrite",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
},
{
"type": "icon_font",
"id": "oI64Y",
"name": "leafIco",
"width": 14,
"height": 14,
"iconFontName": "leaf",
"iconFontFamily": "phosphor",
"fill": "$--accent-green"
}
]
}
]
},
{
"type": "text",
"id": "S9JPj",
"name": "note2Snip",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Redesigning portfolio site with modern stack and updated visual language...",
"lineHeight": 1.5,
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "lU75x",
"name": "note2Time",
"fill": "$--muted-foreground",
"content": "1h ago",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "u6E6Z",
"name": "Note Item",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border"
},
"layout": "vertical",
"gap": 4,
"padding": [
14,
16
],
"children": [
{
"type": "frame",
"id": "ZjCz3",
"name": "note2Row",
"width": "fill_container",
"gap": 8,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "mxCzu",
"name": "leafGroup",
"width": "fill_container",
"gap": 6,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "INenY",
"name": "note2Title",
"fill": "$--foreground",
"content": "Sample note 2",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
},
{
"type": "icon_font",
"id": "gz6qS",
"name": "leafIco",
"width": 14,
"height": 14,
"iconFontName": "leaf",
"iconFontFamily": "phosphor",
"fill": "$--accent-green"
}
]
}
]
},
{
"type": "text",
"id": "s141z",
"name": "note2Snip",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Lorem ipsum dolor sit amet consequetur with modern stack and updated language...",
"lineHeight": 1.5,
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "SvGnt",
"name": "note2Time",
"fill": "$--muted-foreground",
"content": "1h ago",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "1GwHB",
"name": "Events Group",
"width": "fill_container",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "fp4xI",
"name": "Events Header",
"width": "fill_container",
"height": 32,
"fill": "$--muted",
"padding": [
0,
16
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "MNNuU",
"name": "evLeft",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "BNxZp",
"name": "evLabel",
"fill": "$--muted-foreground",
"content": "EVENTS",
"fontFamily": "IBM Plex Mono",
"fontSize": 11
},
{
"type": "text",
"id": "qcEvw",
"name": "evCount",
"fill": "$--muted-foreground",
"content": "2",
"fontFamily": "IBM Plex Sans",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "WCyfc",
"name": "evRight",
"gap": 10,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "SpCoO",
"name": "evFilter",
"width": 12,
"height": 12,
"iconFontName": "funnel",
"iconFontFamily": "phosphor",
"fill": "$--muted-foreground"
},
{
"type": "icon_font",
"id": "G1DCl",
"name": "evPlus",
"width": 12,
"height": 12,
"iconFontName": "plus",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "icon_font",
"id": "sAalN",
"name": "evChev",
"width": 12,
"height": 12,
"iconFontName": "chevron-down",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
}
]
}
]
},
{
"type": "frame",
"id": "k7CjA",
"name": "Note Item 2",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border"
},
"layout": "vertical",
"gap": 4,
"padding": [
14,
16
],
"children": [
{
"type": "frame",
"id": "og5Gz",
"name": "note3Row",
"width": "fill_container",
"gap": 8,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "ttBdk",
"name": "calGroup",
"width": "fill_container",
"gap": 6,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "KI8Bf",
"name": "note3Title",
"fill": "$--foreground",
"content": "Meeting with Grant",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
},
{
"type": "icon_font",
"id": "LdRjU",
"name": "calIco",
"width": 14,
"height": 14,
"iconFontName": "calendar",
"iconFontFamily": "lucide",
"fill": "$--accent-yellow"
}
]
}
]
},
{
"type": "text",
"id": "FfPXa",
"name": "note3Snip",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Discussed Q1 goals and hiring priorities with the engineering team leads...",
"lineHeight": 1.5,
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "BHh4Z",
"name": "note3Time",
"fill": "$--muted-foreground",
"content": "Yesterday",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "AQ51u",
"name": "Note Item 2",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border"
},
"layout": "vertical",
"gap": 4,
"padding": [
14,
16
],
"children": [
{
"type": "frame",
"id": "SHgK3",
"name": "note3Row",
"width": "fill_container",
"gap": 8,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "3rIet",
"name": "calGroup",
"width": "fill_container",
"gap": 6,
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "dCwzu",
"name": "note3Title",
"fill": "$--foreground",
"content": "Meeting with Matteo",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "500"
},
{
"type": "icon_font",
"id": "l8O2I",
"name": "calIco",
"width": 14,
"height": 14,
"iconFontName": "calendar",
"iconFontFamily": "lucide",
"fill": "$--accent-yellow"
}
]
}
]
},
{
"type": "text",
"id": "1L4oo",
"name": "note3Snip",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Discussed Q1 goals and hiring priorities with the engineering team leads...",
"lineHeight": 1.5,
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "3oBam",
"name": "note3Time",
"fill": "$--muted-foreground",
"content": "Yesterday",
"fontFamily": "Inter",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
}
]
}
]
},
{
"type": "rectangle",
"id": "MeqjO",
"name": "Resize Handle 2",
"fill": "$--border",
"width": 1,
"height": "fill_container"
},
{
"type": "frame",
"id": "zAbPt",
"name": "Panel: Editor",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"fill": "$--background",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "NdYcO",
"name": "Tab Bar",
"width": "fill_container",
"height": 45,
"fill": "$--sidebar",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--sidebar-border"
},
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "nVUGr",
"name": "Tab Active",
"height": "fill_container",
"fill": "$--background",
"stroke": {
"align": "inside",
"thickness": {
"right": 1
},
"fill": "$--border"
},
"gap": 6,
"padding": [
0,
14
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "kBpGX",
"name": "tab1Txt",
"fill": "$--foreground",
"content": "Laputa App",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "icon_font",
"id": "Bb2AE",
"name": "tab1Close",
"width": 14,
"height": 14,
"iconFontName": "x",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "GYeyL",
"name": "Tab Inactive",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"right": 1,
"bottom": 1
},
"fill": "$--sidebar-border"
},
"gap": 6,
"padding": [
0,
14
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "kZ1bn",
"name": "tab2Txt",
"fill": "$--muted-foreground",
"content": "Portfolio Rewrite",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "icon_font",
"id": "RwyYI",
"name": "tab2Close",
"opacity": 0,
"width": 14,
"height": 14,
"iconFontName": "x",
"iconFontFamily": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "sbpmq",
"name": "tabSpacer",
"width": "fill_container",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border"
}
},
{
"type": "frame",
"id": "WF97k",
"name": "tabControls",
"height": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1,
"left": 1
},
"fill": "$--border"
},
"gap": 12,
"padding": [
0,
12
],
"justifyContent": "space_around",
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "rfSoS",
"name": "iconPlus",
"width": 16,
"height": 16,
"iconFontName": "plus",
"iconFontFamily": "phosphor",
"fill": "$--muted-foreground"
},
{
"type": "icon_font",
"id": "t0u6z",
"name": "iconSplit",
"width": 16,
"height": 16,
"iconFontName": "columns",
"iconFontFamily": "phosphor",
"fill": "$--muted-foreground"
},
{
"type": "icon_font",
"id": "kbe1P",
"name": "iconExpand",
"width": 16,
"height": 16,
"iconFontName": "arrows-out-simple",
"iconFontFamily": "phosphor",
"fill": "$--muted-foreground"
}
]
}
]
},
{
"type": "frame",
"id": "rTdKS",
"name": "Editor Body",
"width": "fill_container",
"height": "fill_container",
"children": [
{
"type": "frame",
"id": "NfyTF",
"name": "Editor Left",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "hvoFh",
"name": "Info Bar",
"width": "fill_container",
"height": 45,
"fill": "$--background",
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border"
},
"padding": [
6,
16
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "bTP0I",
"name": "infoLeft",
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Msj7v",
"name": "breadcrumbType",
"fill": "$--muted-foreground",
"content": "Project",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "wqdMG",
"name": "breadcrumbSep",
"fill": "$--muted-foreground",
"content": "›",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "FzENd",
"name": "breadcrumbName",
"fill": "$--foreground",
"content": "Laputa App",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "text",
"id": "pvTmc",
"name": "dotSep",
"fill": "$--muted-foreground",
"content": "·",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "9ga1R",
"name": "modifiedTxt",
"fill": "$--accent-yellow",
"content": "M",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "3bzDp",
"name": "infoRight",
"gap": 12,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "9Ctb0",
"name": "iconSearch",
"width": 16,
"height": 16,
"iconFontName": "magnifying-glass",
"iconFontFamily": "phosphor",
"fill": "$--muted-foreground"
},
{
"type": "icon_font",
"id": "csHzz",
"name": "iconSearch",
"width": 16,
"height": 16,
"iconFontName": "git-branch",
"iconFontFamily": "phosphor",
"fill": "$--muted-foreground"
},
{
"type": "icon_font",
"id": "2s6Of",
"name": "iconSearch",
"width": 16,
"height": 16,
"iconFontName": "cursor-text",
"iconFontFamily": "phosphor",
"fill": "$--muted-foreground"
},
{
"type": "icon_font",
"id": "JVSlj",
"name": "iconAI",
"width": 16,
"height": 16,
"iconFontName": "sparkle",
"iconFontFamily": "phosphor",
"fill": "$--muted-foreground"
},
{
"type": "icon_font",
"id": "k3AiV",
"name": "iconMore",
"width": 16,
"height": 16,
"iconFontName": "dots-three",
"iconFontFamily": "phosphor",
"fill": "$--muted-foreground"
}
]
}
]
},
{
"type": "frame",
"id": "vvETz",
"name": "Editor Content",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 16,
"padding": [
32,
64
],
"children": [
{
"type": "text",
"id": "b6up3",
"name": "editorP1",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Personal knowledge and life management desktop app, built with Tauri v2 + React + TypeScript + CodeMirror 6. It reads a vault of markdown files with YAML frontmatter and presents them in a four-panel UI inspired by Bear Notes.",
"lineHeight": 1.6,
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
},
{
"type": "text",
"id": "a2S43",
"name": "editorH2",
"fill": "$--foreground",
"content": "Architecture",
"lineHeight": 1.3,
"fontFamily": "Inter",
"fontSize": 24,
"fontWeight": "600"
},
{
"type": "text",
"id": "wgvQa",
"name": "editorP2",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "The app uses a four-panel layout: Sidebar for navigation, NoteList for browsing, Editor for content, and Inspector for metadata. All data lives in markdown files with YAML frontmatter, git-versioned.",
"lineHeight": 1.6,
"fontFamily": "Inter",
"fontSize": 16,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "GGP97",
"name": "Inspector",
"clip": true,
"width": 260,
"height": "fill_container",
"fill": "$--background",
"stroke": {
"align": "inside",
"thickness": {
"left": 1
},
"fill": "$--border"
},
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "FbHy7",
"name": "Inspector Header",
"width": "fill_container",
"height": 45,
"stroke": {
"align": "inside",
"thickness": {
"bottom": 1
},
"fill": "$--border"
},
"gap": 8,
"padding": [
0,
12
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "sA7Dx",
"name": "leftGroup",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon_font",
"id": "0ccF1",
"name": "propIcon",
"width": 16,
"height": 16,
"iconFontName": "sliders-horizontal",
"iconFontFamily": "phosphor",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "T2vTZ",
"name": "inspTitle",
"fill": "$--muted-foreground",
"content": "Properties",
"fontFamily": "Inter",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"type": "icon_font",
"id": "NQOhZ",
"name": "sidebarIcon",
"width": 16,
"height": 16,
"iconFontName": "x",
"iconFontFamily": "phosphor",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "LYFki",
"name": "Inspector Body",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 16,
"padding": 12,
"children": [
{
"type": "frame",
"id": "8g61y",
"name": "Properties Section",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "frame",
"id": "VhH4P",
"name": "addPropBtn",
"width": "fill_container",
"cornerRadius": 6,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"padding": [
6,
12
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Q9z8F",
"name": "addPropTxt",
"fill": "$--muted-foreground",
"content": "+ Add property",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "6PwTH",
"name": "propType",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Vt2BC",
"name": "propTypeLbl",
"fill": "$--muted-foreground",
"content": "TYPE",
"fontFamily": "IBM Plex Mono",
"fontSize": 10,
"fontWeight": "normal"
},
{
"type": "text",
"id": "uvBiY",
"name": "propTypeVal",
"fill": "$--foreground",
"content": "Project",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "FDbay",
"name": "propStatus",
"width": "fill_container",
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "e426F",
"name": "propStatusLbl",
"fill": "$--muted-foreground",
"content": "STATUS",
"fontFamily": "IBM Plex Mono",
"fontSize": 10,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "o2rZM",
"name": "propStatusBadge",
"fill": "$--accent-green-light",
"cornerRadius": 16,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "transparent"
},
"gap": 8,
"padding": [
1,
6
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "QM7L3",
"name": "Badge Text",
"fill": "$--accent-green",
"content": "ACTIVE",
"lineHeight": 1.33,
"textAlign": "center",
"textAlignVertical": "middle",
"fontFamily": "IBM Plex Mono",
"fontSize": 10,
"fontWeight": "600",
"letterSpacing": 1.2
}
]
}
]
}
]
},
{
"type": "frame",
"id": "NmRLv",
"name": "Relationships Section",
"width": "fill_container",
"layout": "vertical",
"gap": 16,
"children": [
{
"type": "frame",
"id": "WFVAr",
"name": "relGroup1",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "text",
"id": "0N729",
"name": "relGrp1Title",
"fill": "$--muted-foreground",
"content": "BELONGS TO",
"fontFamily": "IBM Plex Mono",
"fontSize": 10
},
{
"type": "frame",
"id": "zLl8F",
"name": "relLaputaBtn",
"width": "fill_container",
"fill": "$--accent-green-light",
"cornerRadius": 6,
"padding": [
6,
10
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "kw9vC",
"name": "laputaTxt",
"fill": "$--accent-green",
"content": "Laputa",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "icon_font",
"id": "RFvoz",
"name": "topicIcon",
"opacity": 0.5,
"width": 14,
"height": 14,
"iconFontName": "tag",
"iconFontFamily": "phosphor",
"fill": "$--accent-green"
}
]
},
{
"type": "frame",
"id": "ybi8Q",
"name": "relLaputaBtn",
"width": "fill_container",
"fill": "$--accent-green-light",
"cornerRadius": 6,
"padding": [
6,
10
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "VNcmt",
"name": "laputaTxt",
"fill": "$--accent-green",
"content": "Building",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "icon_font",
"id": "UVPwc",
"name": "topicIcon",
"opacity": 0.5,
"width": 14,
"height": 14,
"iconFontName": "tag",
"iconFontFamily": "phosphor",
"fill": "$--accent-green"
}
]
},
{
"type": "frame",
"id": "L6knW",
"name": "linkExisting",
"width": "fill_container",
"cornerRadius": 6,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"padding": [
6,
10
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "jwU3Z",
"name": "laputaTxt",
"fill": "$--muted-foreground",
"content": "+ Link existing",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "laPFL",
"name": "relGroup2",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "text",
"id": "LOXUL",
"name": "relGrp2Title",
"fill": "$--muted-foreground",
"content": "RELATED TO",
"fontFamily": "IBM Plex Mono",
"fontSize": 10
},
{
"type": "frame",
"id": "qLTYD",
"name": "relMigrationBtn",
"width": "fill_container",
"fill": "$--accent-red-light",
"cornerRadius": 6,
"padding": [
6,
10
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "GBk2u",
"name": "migrationTxt",
"fill": "$--accent-red",
"content": "Shadcn Migration",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "icon_font",
"id": "Sy14T",
"name": "expIcon",
"opacity": 0.5,
"width": 14,
"height": 14,
"iconFontName": "flask",
"iconFontFamily": "phosphor",
"fill": "$--accent-red"
}
]
},
{
"type": "frame",
"id": "u8ijV",
"name": "linkExisting",
"width": "fill_container",
"cornerRadius": 6,
"stroke": {
"align": "inside",
"thickness": 1,
"fill": "$--border"
},
"padding": [
6,
10
],
"justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "PUXx5",
"name": "laputaTxt",
"fill": "$--muted-foreground",
"content": "+ Link existing",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "6PUnO",
"name": "Backlinks Section",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "frame",
"id": "PllIu",
"name": "blTitle",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "ZbgbI",
"name": "blTitleTxt",
"rotation": -0.5285936385085725,
"fill": "$--muted-foreground",
"content": "BACKLINKS",
"fontFamily": "IBM Plex Mono",
"fontSize": 10
}
]
},
{
"type": "text",
"id": "eRoDO",
"name": "blItem1",
"fill": "$--primary",
"content": "Portfolio Rewrite",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "u1olR",
"name": "blItem2",
"fill": "$--primary",
"content": "Meeting with Grant",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "oUd9s",
"name": "blItem3",
"fill": "$--primary",
"content": "Q1 Planning",
"fontFamily": "Inter",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "yf0wj",
"name": "History Section",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "text",
"id": "dG7rj",
"name": "histTitle",
"fill": "$--muted-foreground",
"content": "HISTORY",
"fontFamily": "IBM Plex Mono",
"fontSize": 10
},
{
"type": "frame",
"id": "z2Mdy",
"name": "histItem1",
"width": "fill_container",
"stroke": {
"align": "inside",
"thickness": {
"left": 2
},
"fill": "$--border"
},
"layout": "vertical",
"gap": 2,
"padding": [
0,
0,
0,
10
],
"children": [
{
"type": "text",
"id": "AsiWz",
"name": "histItem1Hash",
"fill": "$--accent-blue",
"content": "a089f44 · feat: migrate to shadcn/ui",
"content": "Open state: dropdown popover with sort options (Modified, Created, Title, Status). Active option has a check mark. Selecting an option sorts that subsection and persists the choice.",
