github/easynode
1
0
Fork 0
mirror of https://github.com/chaos-zhu/easynode.git synced 2026-10-06 13:42:46 +08:00
Code Issues Packages Projects Releases Wiki Activity
Files
main
easynode/native/design/pc.pen
T
chaoszhu bd51d670aa feat: mac端初始化
2026-07-04 20:15:25 +08:00

11198 lines
408 KiB
Plaintext
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
{
"version": "2.14",
"children": [
{
"type": "frame",
"id": "Y3fypr",
"x": 0,
"y": 0,
"name": "Welcome to Pencil",
"clip": true,
"width": 1000,
"height": 1458,
"layout": "none",
"children": [
{
"type": "text",
"id": "p5iwM",
"x": 38,
"y": 297,
"name": "Start here",
"fill": "#ff8303ff",
"textGrowth": "fixed-width-height",
"width": 923,
"height": 139,
"content": "Ask agent to design",
"lineHeight": 1.399999976158142,
"textAlign": "center",
"fontFamily": "Noto Sans",
"fontSize": 100,
"fontWeight": "500",
"letterSpacing": -4
}
]
},
{
"type": "path",
"id": "pSGLk",
"x": 317,
"y": 689,
"geometry": "M7 0l0 14m7-7l-7 7-7-7",
"width": 366,
"height": 366,
"stroke": "#ff8302ff",
"strokeWidth": 50,
"strokeLinejoin": "round",
"strokeLinecap": "round"
},
{
"type": "frame",
"id": "K1lxwn",
"x": 1100,
"y": 0,
"name": "Login",
"clip": true,
"width": 1440,
"height": 900,
"fill": "$--background"
},
{
"type": "frame",
"id": "y4wu3",
"x": 2640,
"y": 0,
"name": "Servers",
"clip": true,
"width": 1440,
"height": 900,
"fill": "$--background"
},
{
"type": "frame",
"id": "YLWF4",
"x": 4180,
"y": 0,
"name": "Terminal",
"clip": true,
"width": 1440,
"height": 900,
"fill": "$--background",
"children": [
{
"type": "frame",
"id": "Qdm6b",
"name": "Sidebar",
"width": 220,
"height": "fill_container",
"fill": "$--sidebar",
"layout": "vertical",
"padding": [
24,
16,
16,
16
],
"children": [
{
"type": "frame",
"id": "oiGmN",
"name": "Logo Area",
"width": "fill_container",
"gap": 10,
"padding": [
0,
0,
24,
0
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "c29kEJ",
"name": "Logo Icon",
"width": 32,
"height": 32,
"fill": "$--primary",
"cornerRadius": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "pssUq",
"name": "Logo Letter",
"fill": "$--primary-foreground",
"content": "E",
"fontFamily": "$--font-secondary",
"fontSize": 18,
"fontWeight": "800"
}
]
},
{
"type": "text",
"id": "z8KfOz",
"name": "Logo Text",
"fill": "$--sidebar-primary",
"content": "EasyNode",
"fontFamily": "$--font-secondary",
"fontSize": 16,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "z2iNVV",
"name": "Nav Section",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "U617E",
"name": "Nav Servers",
"width": "fill_container",
"fill": "#00000000",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "i3w3J",
"name": "Servers Icon",
"width": 18,
"height": 18,
"icon": "monitor",
"library": "lucide",
"fill": "$--sidebar-foreground"
},
{
"type": "text",
"id": "HFEWc",
"name": "Servers Label",
"fill": "$--sidebar-foreground",
"content": "Servers",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "TwMWJ",
"name": "Nav Terminal",
"width": "fill_container",
"fill": "$--sidebar-accent",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "QHxAR",
"name": "Terminal Icon",
"width": 18,
"height": 18,
"icon": "terminal",
"library": "lucide",
"fill": "$--sidebar-accent-foreground"
},
{
"type": "text",
"id": "xTLLA",
"name": "Terminal Label",
"fill": "$--sidebar-accent-foreground",
"content": "Terminal",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "OTAf2",
"name": "Nav SFTP",
"width": "fill_container",
"fill": "#00000000",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "jsTOi",
"name": "SFTP Icon",
"width": 18,
"height": 18,
"icon": "folder",
"library": "lucide",
"fill": "$--sidebar-foreground"
},
{
"type": "text",
"id": "IlIzz",
"name": "SFTP Label",
"fill": "$--sidebar-foreground",
"content": "SFTP",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "NCmqU",
"name": "Nav Scripts",
"width": "fill_container",
"fill": "#00000000",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "ofFVq",
"name": "Scripts Icon",
"width": 18,
"height": 18,
"icon": "file-text",
"library": "lucide",
"fill": "$--sidebar-foreground"
},
{
"type": "text",
"id": "SLpJW",
"name": "Scripts Label",
"fill": "$--sidebar-foreground",
"content": "Scripts",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "v1TzaY",
"name": "Nav Docker",
"width": "fill_container",
"fill": "#00000000",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "EYm7d",
"name": "Docker Icon",
"width": 18,
"height": 18,
"icon": "container",
"library": "lucide",
"fill": "$--sidebar-foreground"
},
{
"type": "text",
"id": "EpYXf",
"name": "Docker Label",
"fill": "$--sidebar-foreground",
"content": "Docker",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "Enw1z",
"name": "Spacer",
"width": "fill_container",
"height": "fill_container"
},
{
"type": "frame",
"id": "j8b058",
"name": "Settings Nav",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "wLd9X",
"name": "Nav Settings",
"width": "fill_container",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "D1jf9S",
"name": "Settings Icon",
"width": 18,
"height": 18,
"icon": "settings",
"library": "lucide",
"fill": "$--sidebar-foreground"
},
{
"type": "text",
"id": "Vchzj",
"name": "Settings Label",
"fill": "$--sidebar-foreground",
"content": "Settings",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "ecCdC",
"name": "Divider",
"width": "fill_container",
"height": 1,
"fill": "$--sidebar-border"
},
{
"type": "frame",
"id": "cmqSh",
"name": "User Area",
"width": "fill_container",
"gap": 10,
"padding": [
12,
0,
0,
0
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "ru76u",
"name": "Avatar",
"width": 32,
"height": 32,
"fill": "$--primary",
"cornerRadius": 999,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "sz91E",
"name": "Avatar Text",
"fill": "$--primary-foreground",
"content": "A",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "600"
}
]
},
{
"type": "text",
"id": "jeHzs",
"name": "Username",
"fill": "$--sidebar-primary",
"content": "admin",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "Q1cKP",
"name": "Main Content",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "Z0olgp",
"name": "Terminal Tab Bar",
"width": "fill_container",
"height": 44,
"fill": "$--card",
"padding": [
0,
12
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "m7xQMG",
"name": "Tabs Group",
"height": "fill_container",
"alignItems": "end",
"children": [
{
"type": "frame",
"id": "MmGwM",
"name": "Tab Production Server 01",
"fill": "$--background",
"cornerRadius": [
8,
8,
0,
0
],
"gap": 8,
"padding": [
8,
16
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "YVUNi",
"name": "Status Dot",
"width": 8,
"height": 8,
"fill": "$--color-success-foreground",
"cornerRadius": 999
},
{
"type": "text",
"id": "Evjkx",
"name": "Tab Label",
"fill": "$--foreground",
"content": "Production Server 01",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "600"
},
{
"type": "icon",
"id": "e6rvK",
"name": "Close Tab",
"width": 14,
"height": 14,
"icon": "x",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "I2sso",
"name": "Tab Dev Server 02",
"fill": "#00000000",
"cornerRadius": [
8,
8,
0,
0
],
"gap": 8,
"padding": [
8,
16
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "uyFAh",
"name": "Status Dot",
"width": 8,
"height": 8,
"fill": "$--muted-foreground",
"cornerRadius": 999
},
{
"type": "text",
"id": "TADfm",
"name": "Tab Label",
"fill": "$--muted-foreground",
"content": "Dev Server 02",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "icon",
"id": "kjc0s",
"name": "Close Tab",
"width": 14,
"height": 14,
"icon": "x",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "I0FZM",
"name": "Tab DB Server 03",
"fill": "#00000000",
"cornerRadius": [
8,
8,
0,
0
],
"gap": 8,
"padding": [
8,
16
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "eVJkM",
"name": "Status Dot",
"width": 8,
"height": 8,
"fill": "$--muted-foreground",
"cornerRadius": 999
},
{
"type": "text",
"id": "nSX9i",
"name": "Tab Label",
"fill": "$--muted-foreground",
"content": "DB Server 03",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "icon",
"id": "yE98B",
"name": "Close Tab",
"width": 14,
"height": 14,
"icon": "x",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
}
]
},
{
"type": "frame",
"id": "fHzV9",
"name": "Tab Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "qOJFi",
"name": "Add Tab",
"width": 32,
"height": 32,
"cornerRadius": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "Ezcwd",
"name": "Plus Icon",
"width": 16,
"height": 16,
"icon": "plus",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
}
]
},
{
"type": "frame",
"id": "t4hebe",
"name": "Tab Border",
"width": "fill_container",
"height": 1,
"fill": "$--border"
},
{
"type": "frame",
"id": "l8ZEj",
"name": "Terminal Area",
"width": "fill_container",
"height": "fill_container",
"fill": "#1E1B16",
"layout": "vertical",
"gap": 2,
"padding": 16,
"children": [
{
"type": "frame",
"id": "NWhHG",
"name": "Line",
"width": "fill_container",
"children": [
{
"type": "text",
"id": "odQxk",
"name": "Prompt",
"fill": "#E5B33A",
"content": "admin@prod-01:~$",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "MjeEH",
"name": "Command",
"fill": "#E5B33A",
"content": " sudo systemctl status nginx",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "z6k1M",
"name": "Line",
"width": "fill_container",
"children": [
{
"type": "text",
"id": "PmQiJ",
"name": "Command",
"fill": "#6EAF48",
"content": "● nginx.service - A high performance web server",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "n4Twd",
"name": "Line",
"width": "fill_container",
"children": [
{
"type": "text",
"id": "I74L8K",
"name": "Command",
"fill": "#E8E0D4",
"content": " Loaded: loaded (/lib/systemd/system/nginx.service; enabled)",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "U1o3d",
"name": "Line",
"width": "fill_container",
"children": [
{
"type": "text",
"id": "fOIcn",
"name": "Command",
"fill": "#6EAF48",
"content": " Active: active (running) since Mon 2026-07-04 10:23:15 UTC",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "oNUB9",
"name": "Line",
"width": "fill_container",
"children": [
{
"type": "text",
"id": "F6Ou1",
"name": "Command",
"fill": "#E8E0D4",
"content": " Main PID: 1234 (nginx)",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "CELw3",
"name": "Line",
"width": "fill_container",
"children": [
{
"type": "text",
"id": "eJMoh",
"name": "Command",
"fill": "#E8E0D4",
"content": " Tasks: 5 (limit: 4915)",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "EOsDx",
"name": "Line",
"width": "fill_container",
"children": [
{
"type": "text",
"id": "F1rXE",
"name": "Command",
"fill": "#E8E0D4",
"content": " Memory: 12.4M",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "mrEuC",
"name": "Line",
"width": "fill_container",
"children": [
{
"type": "text",
"id": "pNpRy",
"name": "Command",
"fill": "#E8E0D4",
"content": " CPU: 45ms",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "kVJ9a",
"name": "Line",
"width": "fill_container",
"children": [
{
"type": "text",
"id": "rYrI9",
"name": "Command",
"fill": "#E8E0D4",
"content": " ",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Ms3na",
"name": "Line",
"width": "fill_container",
"children": [
{
"type": "text",
"id": "Y5j6NO",
"name": "Prompt",
"fill": "#E5B33A",
"content": "admin@prod-01:~$",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "q28W2X",
"name": "Command",
"fill": "#E5B33A",
"content": " docker ps",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Vsj3U",
"name": "Line",
"width": "fill_container",
"children": [
{
"type": "text",
"id": "KmLtm",
"name": "Command",
"fill": "#A89B80",
"content": "CONTAINER ID IMAGE STATUS PORTS NAMES",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "PTPqb",
"name": "Line",
"width": "fill_container",
"children": [
{
"type": "text",
"id": "O6dOY",
"name": "Command",
"fill": "#E8E0D4",
"content": "a1b2c3d4e5f6 nginx:latest Up 3 hours 0.0.0.0:80->80/tcp nginx-proxy",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Nnv65",
"name": "Line",
"width": "fill_container",
"children": [
{
"type": "text",
"id": "JPDsP",
"name": "Command",
"fill": "#E8E0D4",
"content": "f6e5d4c3b2a1 postgres:15 Up 3 hours 0.0.0.0:5432->5432/tcp postgres-db",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "D6YfP",
"name": "Line",
"width": "fill_container",
"children": [
{
"type": "text",
"id": "pqTVA",
"name": "Command",
"fill": "#E8E0D4",
"content": "1a2b3c4d5e6f redis:7 Up 3 hours 0.0.0.0:6379->6379/tcp redis-cache",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "f2m89p",
"name": "Line",
"width": "fill_container",
"children": [
{
"type": "text",
"id": "Yi33p",
"name": "Command",
"fill": "#E8E0D4",
"content": " ",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "G0zVMY",
"name": "Line",
"width": "fill_container",
"children": [
{
"type": "text",
"id": "yTh17",
"name": "Prompt",
"fill": "#E5B33A",
"content": "admin@prod-01:~$",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "text",
"id": "y5goI7",
"name": "Command",
"fill": "#E5B33A",
"content": " █",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "G0PgJw",
"name": "Bottom Border",
"width": "fill_container",
"height": 1,
"fill": "#3A3530"
},
{
"type": "frame",
"id": "bUSGM",
"name": "Bottom Bar",
"width": "fill_container",
"height": 36,
"fill": "#1E1B16",
"gap": 16,
"padding": [
0,
16
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "O7H0iq",
"name": "Status SSH Connected",
"fill": "#6EAF48",
"content": "SSH Connected",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "kgDsA",
"name": "Status UTF-8",
"fill": "#A89B80",
"content": "UTF-8",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "qFZyZ",
"name": "Status bash",
"fill": "#A89B80",
"content": "bash",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "lbQe4",
"name": "Status 80×24",
"fill": "#A89B80",
"content": "80×24",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "iHmkB",
"name": "Bottom Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "text",
"id": "C3JARL",
"name": "Server Info",
"fill": "#A89B80",
"content": "192.168.1.100:22",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "cONue",
"x": 5720,
"y": 0,
"name": "SFTP",
"clip": true,
"width": 1440,
"height": 900,
"fill": "$--background",
"children": [
{
"type": "frame",
"id": "lEF44",
"name": "Sidebar",
"width": 220,
"height": "fill_container",
"fill": "$--sidebar",
"layout": "vertical",
"padding": [
24,
16,
16,
16
],
"children": [
{
"type": "frame",
"id": "Y1JvY",
"name": "Logo Area",
"width": "fill_container",
"gap": 10,
"padding": [
0,
0,
24,
0
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "liEnI",
"name": "Logo Icon",
"width": 32,
"height": 32,
"fill": "$--primary",
"cornerRadius": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "tWKbj",
"name": "Logo Letter",
"fill": "$--primary-foreground",
"content": "E",
"fontFamily": "$--font-secondary",
"fontSize": 18,
"fontWeight": "800"
}
]
},
{
"type": "text",
"id": "ynV0B",
"name": "Logo Text",
"fill": "$--sidebar-primary",
"content": "EasyNode",
"fontFamily": "$--font-secondary",
"fontSize": 16,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "B1kwk",
"name": "Nav Section",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "pM3GR",
"name": "Nav Servers",
"width": "fill_container",
"fill": "#00000000",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "N93LH",
"name": "Servers Icon",
"width": 18,
"height": 18,
"icon": "monitor",
"library": "lucide",
"fill": "$--sidebar-foreground"
},
{
"type": "text",
"id": "LWfv3",
"name": "Servers Label",
"fill": "$--sidebar-foreground",
"content": "Servers",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "pMuTw",
"name": "Nav Terminal",
"width": "fill_container",
"fill": "#00000000",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "J1hhU",
"name": "Terminal Icon",
"width": 18,
"height": 18,
"icon": "terminal",
"library": "lucide",
"fill": "$--sidebar-foreground"
},
{
"type": "text",
"id": "B1Tbip",
"name": "Terminal Label",
"fill": "$--sidebar-foreground",
"content": "Terminal",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "KuCNx",
"name": "Nav SFTP",
"width": "fill_container",
"fill": "$--sidebar-accent",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "P98ZO",
"name": "SFTP Icon",
"width": 18,
"height": 18,
"icon": "folder",
"library": "lucide",
"fill": "$--sidebar-accent-foreground"
},
{
"type": "text",
"id": "U0ANgm",
"name": "SFTP Label",
"fill": "$--sidebar-accent-foreground",
"content": "SFTP",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "weTAv",
"name": "Nav Scripts",
"width": "fill_container",
"fill": "#00000000",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "GKGgX",
"name": "Scripts Icon",
"width": 18,
"height": 18,
"icon": "file-text",
"library": "lucide",
"fill": "$--sidebar-foreground"
},
{
"type": "text",
"id": "v5HPf",
"name": "Scripts Label",
"fill": "$--sidebar-foreground",
"content": "Scripts",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Lh735",
"name": "Nav Docker",
"width": "fill_container",
"fill": "#00000000",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "Q2KD2",
"name": "Docker Icon",
"width": 18,
"height": 18,
"icon": "container",
"library": "lucide",
"fill": "$--sidebar-foreground"
},
{
"type": "text",
"id": "bqKS9",
"name": "Docker Label",
"fill": "$--sidebar-foreground",
"content": "Docker",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "dZsqq",
"name": "Spacer",
"width": "fill_container",
"height": "fill_container"
},
{
"type": "frame",
"id": "teoME",
"name": "Settings Nav",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "n1cC8",
"name": "Nav Settings",
"width": "fill_container",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "CKp8z",
"name": "Settings Icon",
"width": 18,
"height": 18,
"icon": "settings",
"library": "lucide",
"fill": "$--sidebar-foreground"
},
{
"type": "text",
"id": "OrPx4",
"name": "Settings Label",
"fill": "$--sidebar-foreground",
"content": "Settings",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "SpoEJ",
"name": "Divider",
"width": "fill_container",
"height": 1,
"fill": "$--sidebar-border"
},
{
"type": "frame",
"id": "pLA9I",
"name": "User Area",
"width": "fill_container",
"gap": 10,
"padding": [
12,
0,
0,
0
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "hRXym",
"name": "Avatar",
"width": 32,
"height": 32,
"fill": "$--primary",
"cornerRadius": 999,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "zBXzO",
"name": "Avatar Text",
"fill": "$--primary-foreground",
"content": "A",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "600"
}
]
},
{
"type": "text",
"id": "dbe8N",
"name": "Username",
"fill": "$--sidebar-primary",
"content": "admin",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "XdTdo",
"name": "Main Content",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "xFkQJ",
"name": "Toolbar",
"width": "fill_container",
"height": 52,
"fill": "$--card",
"stroke": "$--border",
"strokeWidth": {
"bottom": 1
},
"gap": 8,
"padding": [
0,
24
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "RtA7B",
"name": "Server Select",
"fill": "$--secondary",
"cornerRadius": 8,
"stroke": "$--border",
"strokeWidth": 1,
"gap": 8,
"padding": [
7,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "m2c5CO",
"name": "Server Icon",
"width": 16,
"height": 16,
"icon": "monitor",
"library": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "M9nHjt",
"name": "Server Name",
"fill": "$--foreground",
"content": "prod-web-01",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "icon",
"id": "S48LV",
"name": "Chevron",
"width": 14,
"height": 14,
"icon": "chevron-down",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "HaAJa",
"name": "Toolbar Divider",
"width": 1,
"height": 24,
"fill": "$--border"
},
{
"type": "frame",
"id": "Yh4R7",
"name": "Upload Btn",
"cornerRadius": 8,
"gap": 5,
"padding": [
7,
10
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "FVjw4",
"name": "Upload Icon",
"width": 15,
"height": 15,
"icon": "upload",
"library": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "mDh68",
"name": "Upload Label",
"fill": "$--foreground",
"content": "Upload",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "l0WHq",
"name": "Download Btn",
"cornerRadius": 8,
"gap": 5,
"padding": [
7,
10
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "egzdI",
"name": "Download Icon",
"width": 15,
"height": 15,
"icon": "download",
"library": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "b1jPI5",
"name": "Download Label",
"fill": "$--foreground",
"content": "Download",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "AbL2n",
"name": "New Folder Btn",
"cornerRadius": 8,
"gap": 5,
"padding": [
7,
10
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "B3l7aT",
"name": "New Folder Icon",
"width": 15,
"height": 15,
"icon": "folder-plus",
"library": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "ZBcV9",
"name": "New Folder Label",
"fill": "$--foreground",
"content": "New Folder",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "qEqNS",
"name": "New File Btn",
"cornerRadius": 8,
"gap": 5,
"padding": [
7,
10
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "KL43y",
"name": "New File Icon",
"width": 15,
"height": 15,
"icon": "file-plus",
"library": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "ElwWB",
"name": "New File Label",
"fill": "$--foreground",
"content": "New File",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "l8qDC6",
"name": "Delete Btn",
"cornerRadius": 8,
"gap": 5,
"padding": [
7,
10
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "jtUxh",
"name": "Delete Icon",
"width": 15,
"height": 15,
"icon": "trash-2",
"library": "lucide",
"fill": "$--destructive"
},
{
"type": "text",
"id": "TZH5M",
"name": "Delete Label",
"fill": "$--destructive",
"content": "Delete",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "by2vl",
"name": "Toolbar Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "N2hNj",
"name": "View Buttons",
"gap": 2,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "SMJuj",
"name": "List View",
"width": 32,
"height": 32,
"fill": "$--accent",
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "H1hH7",
"name": "List Icon",
"width": 16,
"height": 16,
"icon": "list",
"library": "lucide",
"fill": "$--accent-foreground"
}
]
},
{
"type": "frame",
"id": "V7T6Il",
"name": "Grid View",
"width": 32,
"height": 32,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "Q88o1i",
"name": "Grid Icon",
"width": 16,
"height": 16,
"icon": "layout-grid",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "cQ5y6",
"name": "Path Bar",
"width": "fill_container",
"height": 40,
"fill": "$--background",
"stroke": "$--border",
"strokeWidth": {
"bottom": 1
},
"gap": 4,
"padding": [
0,
24
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "kjMGe",
"name": "Path ~",
"fill": "$--muted-foreground",
"content": "~",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "icon",
"id": "K9nM4k",
"name": "Sep 1",
"width": 14,
"height": 14,
"icon": "chevron-right",
"library": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "IvI77",
"name": "Path projects",
"fill": "$--muted-foreground",
"content": "projects",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "icon",
"id": "zvUyN",
"name": "Sep 2",
"width": 14,
"height": 14,
"icon": "chevron-right",
"library": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "PWIfA",
"name": "Path easynode",
"fill": "$--muted-foreground",
"content": "easynode",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "icon",
"id": "tFYDa",
"name": "Sep 3",
"width": 14,
"height": 14,
"icon": "chevron-right",
"library": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "rPfyE",
"name": "Path server",
"fill": "$--muted-foreground",
"content": "server",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "icon",
"id": "pCTMr",
"name": "Sep 4",
"width": 14,
"height": 14,
"icon": "chevron-right",
"library": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "O8jADB",
"name": "Path app",
"fill": "$--foreground",
"content": "app",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "600"
},
{
"type": "frame",
"id": "jiulT",
"name": "Path Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "XpxWb",
"name": "Search Files",
"fill": "$--secondary",
"cornerRadius": 6,
"stroke": "$--border",
"strokeWidth": 1,
"gap": 6,
"padding": [
5,
10
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "aTfY0",
"name": "Search Icon",
"width": 14,
"height": 14,
"icon": "search",
"library": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "s1RLHT",
"name": "Search Placeholder",
"fill": "$--muted-foreground",
"content": "Search files...",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "tsIw1",
"name": "File Area",
"width": "fill_container",
"height": "fill_container",
"fill": "$--background",
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "BrJQq",
"name": "Table Header",
"width": "fill_container",
"height": 36,
"fill": "$--secondary",
"padding": [
0,
24
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "rYCwX",
"name": "Check Col",
"width": 36,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "HQpC7",
"name": "Checkbox",
"width": 16,
"height": 16,
"cornerRadius": 4,
"stroke": "$--border",
"strokeWidth": 1.5
}
]
},
{
"type": "text",
"id": "tfoEj",
"name": "Name Header",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Name",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "600"
},
{
"type": "text",
"id": "H3bhw",
"name": "Size Header",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 100,
"content": "Size",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "600"
},
{
"type": "text",
"id": "cYO6y",
"name": "Modified Header",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 160,
"content": "Modified",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "600"
},
{
"type": "text",
"id": "nUO1r",
"name": "Permissions Header",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 120,
"content": "Permissions",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "600"
},
{
"type": "frame",
"id": "QZYae",
"name": "Actions Header",
"width": 60,
"height": "fill_container"
}
]
},
{
"type": "frame",
"id": "GTilT",
"name": "Row controllers",
"width": "fill_container",
"height": 40,
"stroke": "$--border",
"strokeWidth": {
"bottom": 1
},
"padding": [
0,
24
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "zYcVg",
"name": "Check",
"width": 36,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "OQxQf",
"name": "CB",
"width": 16,
"height": 16,
"cornerRadius": 4,
"stroke": "$--border",
"strokeWidth": 1.5
}
]
},
{
"type": "frame",
"id": "Iqq1t",
"name": "Name Cell",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "G4GSm",
"name": "File Icon",
"width": 16,
"height": 16,
"icon": "folder",
"library": "lucide",
"fill": "$--primary"
},
{
"type": "text",
"id": "l5QMuy",
"name": "File Name",
"fill": "$--foreground",
"content": "controllers",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"type": "text",
"id": "YC327",
"name": "File Size",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 100,
"content": "—",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "U0boRJ",
"name": "File Date",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 160,
"content": "Jul 2, 2026 14:32",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "S8Tc3",
"name": "File Perm",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 120,
"content": "drwxr-xr-x",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "KELjX",
"name": "File Actions",
"width": 60,
"gap": 4,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "LFsuv",
"name": "More Icon",
"width": 16,
"height": 16,
"icon": "ellipsis",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
}
]
},
{
"type": "frame",
"id": "NChn1",
"name": "Row middleware",
"width": "fill_container",
"height": 40,
"stroke": "$--border",
"strokeWidth": {
"bottom": 1
},
"padding": [
0,
24
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "eUaz5",
"name": "Check",
"width": 36,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "gs81V",
"name": "CB",
"width": 16,
"height": 16,
"cornerRadius": 4,
"stroke": "$--border",
"strokeWidth": 1.5
}
]
},
{
"type": "frame",
"id": "PNHQs",
"name": "Name Cell",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "xPOjk",
"name": "File Icon",
"width": 16,
"height": 16,
"icon": "folder",
"library": "lucide",
"fill": "$--primary"
},
{
"type": "text",
"id": "tgKQ6",
"name": "File Name",
"fill": "$--foreground",
"content": "middleware",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"type": "text",
"id": "cxcBS",
"name": "File Size",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 100,
"content": "—",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "S91OB",
"name": "File Date",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 160,
"content": "Jul 1, 2026 09:15",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "XNWoL",
"name": "File Perm",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 120,
"content": "drwxr-xr-x",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "v5roF",
"name": "File Actions",
"width": 60,
"gap": 4,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "raG38",
"name": "More Icon",
"width": 16,
"height": 16,
"icon": "ellipsis",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
}
]
},
{
"type": "frame",
"id": "esPVy",
"name": "Row routes",
"width": "fill_container",
"height": 40,
"stroke": "$--border",
"strokeWidth": {
"bottom": 1
},
"padding": [
0,
24
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "BZ3GJ",
"name": "Check",
"width": 36,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "Sb4wp",
"name": "CB",
"width": 16,
"height": 16,
"cornerRadius": 4,
"stroke": "$--border",
"strokeWidth": 1.5
}
]
},
{
"type": "frame",
"id": "tewFN",
"name": "Name Cell",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "TIGVp",
"name": "File Icon",
"width": 16,
"height": 16,
"icon": "folder",
"library": "lucide",
"fill": "$--primary"
},
{
"type": "text",
"id": "insNi",
"name": "File Name",
"fill": "$--foreground",
"content": "routes",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"type": "text",
"id": "I5qC2v",
"name": "File Size",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 100,
"content": "—",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "oh6ly",
"name": "File Date",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 160,
"content": "Jun 30, 2026 18:44",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "f1S6Jq",
"name": "File Perm",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 120,
"content": "drwxr-xr-x",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "oMzQP",
"name": "File Actions",
"width": 60,
"gap": 4,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "kzEse",
"name": "More Icon",
"width": 16,
"height": 16,
"icon": "ellipsis",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
}
]
},
{
"type": "frame",
"id": "J0iQX",
"name": "Row utils",
"width": "fill_container",
"height": 40,
"stroke": "$--border",
"strokeWidth": {
"bottom": 1
},
"padding": [
0,
24
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "EDXCS",
"name": "Check",
"width": 36,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "VSgdC",
"name": "CB",
"width": 16,
"height": 16,
"cornerRadius": 4,
"stroke": "$--border",
"strokeWidth": 1.5
}
]
},
{
"type": "frame",
"id": "IqGNL",
"name": "Name Cell",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "b2TkNG",
"name": "File Icon",
"width": 16,
"height": 16,
"icon": "folder",
"library": "lucide",
"fill": "$--primary"
},
{
"type": "text",
"id": "hMTeO",
"name": "File Name",
"fill": "$--foreground",
"content": "utils",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"type": "text",
"id": "n7Pr8C",
"name": "File Size",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 100,
"content": "—",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "RsIuW",
"name": "File Date",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 160,
"content": "Jun 28, 2026 11:20",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "t7ApAg",
"name": "File Perm",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 120,
"content": "drwxr-xr-x",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "SWUAa",
"name": "File Actions",
"width": 60,
"gap": 4,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "EweAH",
"name": "More Icon",
"width": 16,
"height": 16,
"icon": "ellipsis",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
}
]
},
{
"type": "frame",
"id": "CBgN5",
"name": "Row db",
"width": "fill_container",
"height": 40,
"stroke": "$--border",
"strokeWidth": {
"bottom": 1
},
"padding": [
0,
24
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "s4xn0",
"name": "Check",
"width": 36,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "u72Ohw",
"name": "CB",
"width": 16,
"height": 16,
"cornerRadius": 4,
"stroke": "$--border",
"strokeWidth": 1.5
}
]
},
{
"type": "frame",
"id": "sBkvn",
"name": "Name Cell",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "eywYX",
"name": "File Icon",
"width": 16,
"height": 16,
"icon": "folder",
"library": "lucide",
"fill": "$--primary"
},
{
"type": "text",
"id": "ZnzE4",
"name": "File Name",
"fill": "$--foreground",
"content": "db",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"type": "text",
"id": "V4PRO",
"name": "File Size",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 100,
"content": "—",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "iqTlV",
"name": "File Date",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 160,
"content": "Jul 3, 2026 08:50",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "lLZOW",
"name": "File Perm",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 120,
"content": "drwxr-xr-x",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "ejor8",
"name": "File Actions",
"width": 60,
"gap": 4,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "jg5JC",
"name": "More Icon",
"width": 16,
"height": 16,
"icon": "ellipsis",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
}
]
},
{
"type": "frame",
"id": "g5K6y",
"name": "Row index.js",
"width": "fill_container",
"height": 40,
"stroke": "$--border",
"strokeWidth": {
"bottom": 1
},
"padding": [
0,
24
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "V5MXmL",
"name": "Check",
"width": 36,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "VdnD4",
"name": "CB",
"width": 16,
"height": 16,
"cornerRadius": 4,
"stroke": "$--border",
"strokeWidth": 1.5
}
]
},
{
"type": "frame",
"id": "V2YhAN",
"name": "Name Cell",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "w1thjF",
"name": "File Icon",
"width": 16,
"height": 16,
"icon": "file-text",
"library": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "J1k56",
"name": "File Name",
"fill": "$--foreground",
"content": "index.js",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "nreNL",
"name": "File Size",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 100,
"content": "2.4 KB",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "xqoTo",
"name": "File Date",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 160,
"content": "Jul 3, 2026 16:21",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "RftyD",
"name": "File Perm",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 120,
"content": "-rw-r--r--",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "bNA6Z",
"name": "File Actions",
"width": 60,
"gap": 4,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "Ta3zo",
"name": "More Icon",
"width": 16,
"height": 16,
"icon": "ellipsis",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
}
]
},
{
"type": "frame",
"id": "e9bMEy",
"name": "Row package.json",
"width": "fill_container",
"height": 40,
"stroke": "$--border",
"strokeWidth": {
"bottom": 1
},
"padding": [
0,
24
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "VCGUX",
"name": "Check",
"width": 36,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "RjZAw",
"name": "CB",
"width": 16,
"height": 16,
"cornerRadius": 4,
"stroke": "$--border",
"strokeWidth": 1.5
}
]
},
{
"type": "frame",
"id": "ynpAQ",
"name": "Name Cell",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "cCWm7",
"name": "File Icon",
"width": 16,
"height": 16,
"icon": "file-text",
"library": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "hTBH2",
"name": "File Name",
"fill": "$--foreground",
"content": "package.json",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "WB0xc",
"name": "File Size",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 100,
"content": "1.8 KB",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "ZWHUa",
"name": "File Date",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 160,
"content": "Jul 1, 2026 10:05",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "MsOoF",
"name": "File Perm",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 120,
"content": "-rw-r--r--",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "hHGGw",
"name": "File Actions",
"width": 60,
"gap": 4,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "EyVTz",
"name": "More Icon",
"width": 16,
"height": 16,
"icon": "ellipsis",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
}
]
},
{
"type": "frame",
"id": "b2FpsM",
"name": "Row config.js",
"width": "fill_container",
"height": 40,
"stroke": "$--border",
"strokeWidth": {
"bottom": 1
},
"padding": [
0,
24
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "mo8Pg",
"name": "Check",
"width": 36,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "W44BP",
"name": "CB",
"width": 16,
"height": 16,
"cornerRadius": 4,
"stroke": "$--border",
"strokeWidth": 1.5
}
]
},
{
"type": "frame",
"id": "vgeLM",
"name": "Name Cell",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "ceQUK",
"name": "File Icon",
"width": 16,
"height": 16,
"icon": "file-text",
"library": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "SU7jx",
"name": "File Name",
"fill": "$--foreground",
"content": "config.js",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "mnueL",
"name": "File Size",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 100,
"content": "856 B",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "I0jz5",
"name": "File Date",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 160,
"content": "Jun 29, 2026 14:38",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "E89zX",
"name": "File Perm",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 120,
"content": "-rw-r--r--",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "JMVoO",
"name": "File Actions",
"width": 60,
"gap": 4,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "RYiyW",
"name": "More Icon",
"width": 16,
"height": 16,
"icon": "ellipsis",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
}
]
},
{
"type": "frame",
"id": "A5RBtb",
"name": "Row .env",
"width": "fill_container",
"height": 40,
"stroke": "$--border",
"strokeWidth": {
"bottom": 1
},
"padding": [
0,
24
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "ZTac9",
"name": "Check",
"width": 36,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "vToTQ",
"name": "CB",
"width": 16,
"height": 16,
"cornerRadius": 4,
"stroke": "$--border",
"strokeWidth": 1.5
}
]
},
{
"type": "frame",
"id": "xMklA",
"name": "Name Cell",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "K1RDgR",
"name": "File Icon",
"width": 16,
"height": 16,
"icon": "file-text",
"library": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "nee8Q",
"name": "File Name",
"fill": "$--foreground",
"content": ".env",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "VAn6U",
"name": "File Size",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 100,
"content": "312 B",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "C0HVo",
"name": "File Date",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 160,
"content": "Jul 2, 2026 20:10",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "H8E3b",
"name": "File Perm",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 120,
"content": "-rw-------",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "OZI8K",
"name": "File Actions",
"width": 60,
"gap": 4,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "Zpjk8",
"name": "More Icon",
"width": 16,
"height": 16,
"icon": "ellipsis",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
}
]
},
{
"type": "frame",
"id": "Y6FzY",
"name": "Row README.md",
"width": "fill_container",
"height": 40,
"stroke": "$--border",
"strokeWidth": {
"bottom": 1
},
"padding": [
0,
24
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "YpGuX",
"name": "Check",
"width": 36,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "klZgB",
"name": "CB",
"width": 16,
"height": 16,
"cornerRadius": 4,
"stroke": "$--border",
"strokeWidth": 1.5
}
]
},
{
"type": "frame",
"id": "qheMP",
"name": "Name Cell",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "y58Vs",
"name": "File Icon",
"width": 16,
"height": 16,
"icon": "file-text",
"library": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "P4diL",
"name": "File Name",
"fill": "$--foreground",
"content": "README.md",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "P6E4Rb",
"name": "File Size",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 100,
"content": "3.1 KB",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "UUSDF",
"name": "File Date",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 160,
"content": "Jun 25, 2026 09:00",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "G4FZw",
"name": "File Perm",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 120,
"content": "-rw-r--r--",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "h0KBzV",
"name": "File Actions",
"width": 60,
"gap": 4,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "cpQCS",
"name": "More Icon",
"width": 16,
"height": 16,
"icon": "ellipsis",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
}
]
},
{
"type": "frame",
"id": "C6kRvk",
"name": "Row server.log",
"width": "fill_container",
"height": 40,
"stroke": "$--border",
"strokeWidth": {
"bottom": 1
},
"padding": [
0,
24
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "Jhef5",
"name": "Check",
"width": 36,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "fAaj8",
"name": "CB",
"width": 16,
"height": 16,
"cornerRadius": 4,
"stroke": "$--border",
"strokeWidth": 1.5
}
]
},
{
"type": "frame",
"id": "B4D7pQ",
"name": "Name Cell",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "NSOOk",
"name": "File Icon",
"width": 16,
"height": 16,
"icon": "file-text",
"library": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "Xd3Cj",
"name": "File Name",
"fill": "$--foreground",
"content": "server.log",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "WgVp8",
"name": "File Size",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 100,
"content": "48.2 KB",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "ddl5f",
"name": "File Date",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 160,
"content": "Jul 4, 2026 02:15",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "tBvyw",
"name": "File Perm",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 120,
"content": "-rw-r--r--",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "P5YEL",
"name": "File Actions",
"width": 60,
"gap": 4,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "tEvQ3",
"name": "More Icon",
"width": 16,
"height": 16,
"icon": "ellipsis",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
}
]
},
{
"type": "frame",
"id": "nDKjp",
"name": "Row yarn.lock",
"width": "fill_container",
"height": 40,
"stroke": "$--border",
"strokeWidth": {
"bottom": 1
},
"padding": [
0,
24
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "ZkvLm",
"name": "Check",
"width": 36,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "kzTGs",
"name": "CB",
"width": 16,
"height": 16,
"cornerRadius": 4,
"stroke": "$--border",
"strokeWidth": 1.5
}
]
},
{
"type": "frame",
"id": "K5n12W",
"name": "Name Cell",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "obsnE",
"name": "File Icon",
"width": 16,
"height": 16,
"icon": "file-text",
"library": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "JEONV",
"name": "File Name",
"fill": "$--foreground",
"content": "yarn.lock",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "rbUy7",
"name": "File Size",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 100,
"content": "142 KB",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "PinKk",
"name": "File Date",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 160,
"content": "Jul 1, 2026 10:05",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "e6DDo",
"name": "File Perm",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 120,
"content": "-rw-r--r--",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "s58V1L",
"name": "File Actions",
"width": 60,
"gap": 4,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "nTouz",
"name": "More Icon",
"width": 16,
"height": 16,
"icon": "ellipsis",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "Sgbbj",
"name": "Status Bar",
"width": "fill_container",
"height": 32,
"fill": "$--card",
"stroke": "$--border",
"strokeWidth": {
"top": 1
},
"gap": 16,
"padding": [
0,
24
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "u0sdXo",
"name": "Item Count",
"fill": "$--muted-foreground",
"content": "12 items",
"fontFamily": "$--font-secondary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "xUEFU",
"name": "Status Dot",
"width": 6,
"height": 6,
"fill": "$--color-success-foreground",
"cornerRadius": 999
},
{
"type": "text",
"id": "g209Kf",
"name": "Connection Status",
"fill": "$--muted-foreground",
"content": "Connected to prod-web-01",
"fontFamily": "$--font-secondary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "z5E81",
"name": "Status Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "text",
"id": "BaqcA",
"name": "Path Info",
"fill": "$--muted-foreground",
"content": "/home/admin/projects/easynode/server/app",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "b32ROK",
"x": 7260,
"y": 0,
"name": "Scripts",
"clip": true,
"width": 1440,
"height": 900,
"fill": "$--background",
"children": [
{
"type": "frame",
"id": "n2CyS",
"name": "Sidebar",
"width": 220,
"height": "fill_container",
"fill": "$--sidebar",
"layout": "vertical",
"padding": [
24,
16,
16,
16
],
"children": [
{
"type": "frame",
"id": "DjvH4",
"name": "Logo Area",
"width": "fill_container",
"gap": 10,
"padding": [
0,
0,
24,
0
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "IXZSb",
"name": "Logo Icon",
"width": 32,
"height": 32,
"fill": "$--primary",
"cornerRadius": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "SgS3I",
"name": "Logo Letter",
"fill": "$--primary-foreground",
"content": "E",
"fontFamily": "$--font-secondary",
"fontSize": 18,
"fontWeight": "800"
}
]
},
{
"type": "text",
"id": "g92k4u",
"name": "Logo Text",
"fill": "$--sidebar-primary",
"content": "EasyNode",
"fontFamily": "$--font-secondary",
"fontSize": 16,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "JZniL",
"name": "Nav Section",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "x2QmWE",
"name": "Nav Servers",
"width": "fill_container",
"fill": "#00000000",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "gaYCa",
"name": "Servers Icon",
"width": 18,
"height": 18,
"icon": "monitor",
"library": "lucide",
"fill": "$--sidebar-foreground"
},
{
"type": "text",
"id": "nVW5e",
"name": "Servers Label",
"fill": "$--sidebar-foreground",
"content": "Servers",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "z6DfTT",
"name": "Nav Terminal",
"width": "fill_container",
"fill": "#00000000",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "V0ikEU",
"name": "Terminal Icon",
"width": 18,
"height": 18,
"icon": "terminal",
"library": "lucide",
"fill": "$--sidebar-foreground"
},
{
"type": "text",
"id": "uYg5n",
"name": "Terminal Label",
"fill": "$--sidebar-foreground",
"content": "Terminal",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "cWGvd",
"name": "Nav SFTP",
"width": "fill_container",
"fill": "#00000000",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "oeYfJ",
"name": "SFTP Icon",
"width": 18,
"height": 18,
"icon": "folder",
"library": "lucide",
"fill": "$--sidebar-foreground"
},
{
"type": "text",
"id": "t990AI",
"name": "SFTP Label",
"fill": "$--sidebar-foreground",
"content": "SFTP",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "YxZq3",
"name": "Nav Scripts",
"width": "fill_container",
"fill": "$--sidebar-accent",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "N6FkX",
"name": "Scripts Icon",
"width": 18,
"height": 18,
"icon": "file-text",
"library": "lucide",
"fill": "$--sidebar-accent-foreground"
},
{
"type": "text",
"id": "zkRqu",
"name": "Scripts Label",
"fill": "$--sidebar-accent-foreground",
"content": "Scripts",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "bAYUf",
"name": "Nav Docker",
"width": "fill_container",
"fill": "#00000000",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "v4fX0",
"name": "Docker Icon",
"width": 18,
"height": 18,
"icon": "container",
"library": "lucide",
"fill": "$--sidebar-foreground"
},
{
"type": "text",
"id": "CBzfB",
"name": "Docker Label",
"fill": "$--sidebar-foreground",
"content": "Docker",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "IjIEd",
"name": "Spacer",
"width": "fill_container",
"height": "fill_container"
},
{
"type": "frame",
"id": "B8y9Qy",
"name": "Settings Nav",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "sJRKh",
"name": "Nav Settings",
"width": "fill_container",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "FWl8P",
"name": "Settings Icon",
"width": 18,
"height": 18,
"icon": "settings",
"library": "lucide",
"fill": "$--sidebar-foreground"
},
{
"type": "text",
"id": "P0efGC",
"name": "Settings Label",
"fill": "$--sidebar-foreground",
"content": "Settings",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "FDuhs",
"name": "Divider",
"width": "fill_container",
"height": 1,
"fill": "$--sidebar-border"
},
{
"type": "frame",
"id": "MyHJ4",
"name": "User Area",
"width": "fill_container",
"gap": 10,
"padding": [
12,
0,
0,
0
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "S0PsX",
"name": "Avatar",
"width": 32,
"height": 32,
"fill": "$--primary",
"cornerRadius": 999,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "g1w5VP",
"name": "Avatar Text",
"fill": "$--primary-foreground",
"content": "A",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "600"
}
]
},
{
"type": "text",
"id": "EtEBT",
"name": "Username",
"fill": "$--sidebar-primary",
"content": "admin",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "Y1N3dH",
"name": "Main Content",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 20,
"padding": [
24,
32
],
"children": [
{
"type": "frame",
"id": "xC8e8",
"name": "Header",
"width": "fill_container",
"gap": 16,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "lEDUN",
"name": "Page Title",
"fill": "$--foreground",
"content": "Scripts",
"fontFamily": "$--font-secondary",
"fontSize": 24,
"fontWeight": "700"
},
{
"type": "frame",
"id": "NLS78",
"name": "Header Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "U3DMf9",
"name": "Search Box",
"width": 240,
"fill": "$--card",
"cornerRadius": 10,
"stroke": "$--border",
"strokeWidth": 1,
"gap": 8,
"padding": [
8,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "D3A35v",
"name": "Search Icon",
"width": 16,
"height": 16,
"icon": "search",
"library": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "Btbej",
"name": "Search Placeholder",
"fill": "$--muted-foreground",
"content": "Search scripts...",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "MQwoD",
"name": "Groups Button",
"fill": "$--card",
"cornerRadius": 10,
"stroke": "$--border",
"strokeWidth": 1,
"gap": 6,
"padding": [
8,
14
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "nXJFz",
"name": "Groups Icon",
"width": 16,
"height": 16,
"icon": "layers",
"library": "lucide",
"fill": "$--foreground"
},
{
"type": "text",
"id": "i3QJTY",
"name": "Groups Label",
"fill": "$--foreground",
"content": "Groups",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "frame",
"id": "TSA6v",
"name": "Add Script Button",
"fill": "$--primary",
"cornerRadius": 10,
"gap": 6,
"padding": [
8,
16
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "sQCRH",
"name": "Add Icon",
"width": 16,
"height": 16,
"icon": "plus",
"library": "lucide",
"fill": "$--primary-foreground"
},
{
"type": "text",
"id": "XDZ8Z",
"name": "Add Label",
"fill": "$--primary-foreground",
"content": "New Script",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "cTAGd",
"name": "Filter Chips",
"width": "fill_container",
"gap": 8,
"children": [
{
"type": "frame",
"id": "Cv2Rs",
"name": "Chip All",
"fill": "$--primary",
"cornerRadius": 999,
"padding": [
6,
14
],
"children": [
{
"type": "text",
"id": "WKGvL",
"name": "Chip Label",
"fill": "$--primary-foreground",
"content": "All",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "R3d61",
"name": "Chip Deployment",
"fill": "$--secondary",
"cornerRadius": 999,
"padding": [
6,
14
],
"children": [
{
"type": "text",
"id": "SBArS",
"name": "Chip Label",
"fill": "$--secondary-foreground",
"content": "Deployment",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "SdGzE",
"name": "Chip Monitoring",
"fill": "$--secondary",
"cornerRadius": 999,
"padding": [
6,
14
],
"children": [
{
"type": "text",
"id": "U7ecM",
"name": "Chip Label",
"fill": "$--secondary-foreground",
"content": "Monitoring",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "b4R9Fv",
"name": "Chip Backup",
"fill": "$--secondary",
"cornerRadius": 999,
"padding": [
6,
14
],
"children": [
{
"type": "text",
"id": "u03ggK",
"name": "Chip Label",
"fill": "$--secondary-foreground",
"content": "Backup",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "pApmZ",
"name": "Chip Database",
"fill": "$--secondary",
"cornerRadius": 999,
"padding": [
6,
14
],
"children": [
{
"type": "text",
"id": "SPz9s",
"name": "Chip Label",
"fill": "$--secondary-foreground",
"content": "Database",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "vNxmt",
"name": "Chip Maintenance",
"fill": "$--secondary",
"cornerRadius": 999,
"padding": [
6,
14
],
"children": [
{
"type": "text",
"id": "HGO4I",
"name": "Chip Label",
"fill": "$--secondary-foreground",
"content": "Maintenance",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "Yfejy",
"name": "Scripts Grid",
"width": "fill_container",
"height": "fill_container",
"gap": 16,
"children": [
{
"type": "frame",
"id": "JbmcL",
"name": "Column 1",
"width": "fill_container",
"layout": "vertical",
"gap": 16,
"children": [
{
"type": "frame",
"id": "Di05b",
"name": "Script Deploy Application",
"width": "fill_container",
"fill": "$--card",
"cornerRadius": 12,
"stroke": "$--border",
"strokeWidth": 1,
"layout": "vertical",
"gap": 12,
"padding": 16,
"children": [
{
"type": "frame",
"id": "l3EhcL",
"name": "Card Header",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "rCifA",
"name": "Script Name",
"fill": "$--foreground",
"content": "Deploy Application",
"fontFamily": "$--font-secondary",
"fontSize": 15,
"fontWeight": "600"
},
{
"type": "frame",
"id": "R5JTw",
"name": "Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "x6jjB",
"name": "Type Badge",
"fill": "$--secondary",
"cornerRadius": 6,
"padding": [
3,
8
],
"children": [
{
"type": "text",
"id": "BwGPc",
"name": "Type Text",
"fill": "$--secondary-foreground",
"content": "Base64",
"fontFamily": "$--font-primary",
"fontSize": 10,
"fontWeight": "500"
}
]
}
]
},
{
"type": "text",
"id": "dWBdm",
"name": "Description",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Automated deployment script for production environment with rollback support",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "zyy1u",
"name": "Code Block",
"width": "fill_container",
"fill": "#1E1B16",
"cornerRadius": 8,
"layout": "vertical",
"gap": 2,
"padding": 12,
"children": [
{
"type": "text",
"id": "JqlAQ",
"name": "Code Line",
"fill": "#E8E0D4",
"content": "#!/bin/bash",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "Oe3Df",
"name": "Code Line",
"fill": "#E8E0D4",
"content": "cd /var/www/app && git pull origin main",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "S1l3JJ",
"name": "Code Line",
"fill": "#E8E0D4",
"content": "npm install && npm run build",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "eaKd8",
"name": "Code Line",
"fill": "#E8E0D4",
"content": "pm2 restart all",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Nbxyn",
"name": "Card Footer",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "GwA5C",
"name": "Group Chip",
"fill": "$--accent",
"cornerRadius": 999,
"gap": 4,
"padding": [
4,
10
],
"children": [
{
"type": "icon",
"id": "VnxxI",
"name": "Tag Icon",
"width": 12,
"height": 12,
"icon": "tag",
"library": "lucide",
"fill": "$--accent-foreground"
},
{
"type": "text",
"id": "HV57g",
"name": "Group Label",
"fill": "$--accent-foreground",
"content": "Deployment",
"fontFamily": "$--font-secondary",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "x1QQX",
"name": "Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "QV2Qx",
"name": "Actions",
"gap": 4,
"children": [
{
"type": "frame",
"id": "phbGR",
"name": "Action copy",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "Q8dqRl",
"name": "Icon",
"width": 14,
"height": 14,
"icon": "copy",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "xLB9f",
"name": "Action pencil",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "oFC7m",
"name": "Icon",
"width": 14,
"height": 14,
"icon": "pencil",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "qrHjR",
"name": "Action trash-2",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "D6si7",
"name": "Icon",
"width": 14,
"height": 14,
"icon": "trash-2",
"library": "lucide",
"fill": "$--destructive"
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "j9qsyc",
"name": "Script System Monitor",
"width": "fill_container",
"fill": "$--card",
"cornerRadius": 12,
"stroke": "$--border",
"strokeWidth": 1,
"layout": "vertical",
"gap": 12,
"padding": 16,
"children": [
{
"type": "frame",
"id": "Gnxcz",
"name": "Card Header",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "pG0ZV",
"name": "Script Name",
"fill": "$--foreground",
"content": "System Monitor",
"fontFamily": "$--font-secondary",
"fontSize": 15,
"fontWeight": "600"
},
{
"type": "frame",
"id": "jVn1P",
"name": "Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "u4ql9G",
"name": "Type Badge",
"fill": "$--secondary",
"cornerRadius": 6,
"padding": [
3,
8
],
"children": [
{
"type": "text",
"id": "MxcBo",
"name": "Type Text",
"fill": "$--secondary-foreground",
"content": "Plain",
"fontFamily": "$--font-primary",
"fontSize": 10,
"fontWeight": "500"
}
]
}
]
},
{
"type": "text",
"id": "Z07Mr",
"name": "Description",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Check system resources and alert if thresholds exceeded",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "SyhVf",
"name": "Code Block",
"width": "fill_container",
"fill": "#1E1B16",
"cornerRadius": 8,
"layout": "vertical",
"gap": 2,
"padding": 12,
"children": [
{
"type": "text",
"id": "qJYMK",
"name": "Code Line",
"fill": "#E8E0D4",
"content": "#!/bin/bash",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "hXcJ3",
"name": "Code Line",
"fill": "#E8E0D4",
"content": "CPU=$(top -bn1 | grep 'Cpu' | awk '{print $2}')",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "yigHN",
"name": "Code Line",
"fill": "#E8E0D4",
"content": "MEM=$(free -m | awk 'NR==2{print $3/$2*100}')",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "DSFIh",
"name": "Card Footer",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "E5VQy",
"name": "Group Chip",
"fill": "$--accent",
"cornerRadius": 999,
"gap": 4,
"padding": [
4,
10
],
"children": [
{
"type": "icon",
"id": "X229I",
"name": "Tag Icon",
"width": 12,
"height": 12,
"icon": "tag",
"library": "lucide",
"fill": "$--accent-foreground"
},
{
"type": "text",
"id": "K4HOG",
"name": "Group Label",
"fill": "$--accent-foreground",
"content": "Monitoring",
"fontFamily": "$--font-secondary",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "cvqWq",
"name": "Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "Nfuto",
"name": "Actions",
"gap": 4,
"children": [
{
"type": "frame",
"id": "uqn26",
"name": "Action copy",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "DWway",
"name": "Icon",
"width": 14,
"height": 14,
"icon": "copy",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "nH9DG",
"name": "Action pencil",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "edZTI",
"name": "Icon",
"width": 14,
"height": 14,
"icon": "pencil",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "YCUSt",
"name": "Action trash-2",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "ay3UU",
"name": "Icon",
"width": 14,
"height": 14,
"icon": "trash-2",
"library": "lucide",
"fill": "$--destructive"
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "zRGRC",
"name": "Script Clear Cache",
"width": "fill_container",
"fill": "$--card",
"cornerRadius": 12,
"stroke": "$--border",
"strokeWidth": 1,
"layout": "vertical",
"gap": 12,
"padding": 16,
"children": [
{
"type": "frame",
"id": "puwY3",
"name": "Card Header",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "j3OKh",
"name": "Script Name",
"fill": "$--foreground",
"content": "Clear Cache",
"fontFamily": "$--font-secondary",
"fontSize": 15,
"fontWeight": "600"
},
{
"type": "frame",
"id": "XaCnw",
"name": "Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "G5d3S5",
"name": "Type Badge",
"fill": "$--secondary",
"cornerRadius": 6,
"padding": [
3,
8
],
"children": [
{
"type": "text",
"id": "qcogj",
"name": "Type Text",
"fill": "$--secondary-foreground",
"content": "Plain",
"fontFamily": "$--font-primary",
"fontSize": 10,
"fontWeight": "500"
}
]
}
]
},
{
"type": "text",
"id": "A6aJ3v",
"name": "Description",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Clear application and system caches to free disk space",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "b3j9rT",
"name": "Code Block",
"width": "fill_container",
"fill": "#1E1B16",
"cornerRadius": 8,
"layout": "vertical",
"gap": 2,
"padding": 12,
"children": [
{
"type": "text",
"id": "QUsNZ",
"name": "Code Line",
"fill": "#E8E0D4",
"content": "#!/bin/bash",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "WYU9x",
"name": "Code Line",
"fill": "#E8E0D4",
"content": "rm -rf /tmp/cache/*",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "T2ICle",
"name": "Code Line",
"fill": "#E8E0D4",
"content": "redis-cli FLUSHALL",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "V1NJV",
"name": "Code Line",
"fill": "#E8E0D4",
"content": "nginx -s reload",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "VyJGS",
"name": "Card Footer",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "zvMWu",
"name": "Group Chip",
"fill": "$--accent",
"cornerRadius": 999,
"gap": 4,
"padding": [
4,
10
],
"children": [
{
"type": "icon",
"id": "Z6y6pk",
"name": "Tag Icon",
"width": 12,
"height": 12,
"icon": "tag",
"library": "lucide",
"fill": "$--accent-foreground"
},
{
"type": "text",
"id": "m6rYst",
"name": "Group Label",
"fill": "$--accent-foreground",
"content": "Maintenance",
"fontFamily": "$--font-secondary",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Cjxmz",
"name": "Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "G8O4h",
"name": "Actions",
"gap": 4,
"children": [
{
"type": "frame",
"id": "MXUVg",
"name": "Action copy",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "uK9Y7",
"name": "Icon",
"width": 14,
"height": 14,
"icon": "copy",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "IGqk5",
"name": "Action pencil",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "nIZt4",
"name": "Icon",
"width": 14,
"height": 14,
"icon": "pencil",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "N3Oe0C",
"name": "Action trash-2",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "FHBsU",
"name": "Icon",
"width": 14,
"height": 14,
"icon": "trash-2",
"library": "lucide",
"fill": "$--destructive"
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "znali",
"name": "Column 2",
"width": "fill_container",
"layout": "vertical",
"gap": 16,
"children": [
{
"type": "frame",
"id": "t8KrLj",
"name": "Script Database Backup",
"width": "fill_container",
"fill": "$--card",
"cornerRadius": 12,
"stroke": "$--border",
"strokeWidth": 1,
"layout": "vertical",
"gap": 12,
"padding": 16,
"children": [
{
"type": "frame",
"id": "WnM2S",
"name": "Card Header",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Koc6o",
"name": "Script Name",
"fill": "$--foreground",
"content": "Database Backup",
"fontFamily": "$--font-secondary",
"fontSize": 15,
"fontWeight": "600"
},
{
"type": "frame",
"id": "QSbCl",
"name": "Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "uqoaX",
"name": "Type Badge",
"fill": "$--secondary",
"cornerRadius": 6,
"padding": [
3,
8
],
"children": [
{
"type": "text",
"id": "kgzoA",
"name": "Type Text",
"fill": "$--secondary-foreground",
"content": "Base64",
"fontFamily": "$--font-primary",
"fontSize": 10,
"fontWeight": "500"
}
]
}
]
},
{
"type": "text",
"id": "xLbwL",
"name": "Description",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Daily PostgreSQL backup with compression and S3 upload",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "F1WvB",
"name": "Code Block",
"width": "fill_container",
"fill": "#1E1B16",
"cornerRadius": 8,
"layout": "vertical",
"gap": 2,
"padding": 12,
"children": [
{
"type": "text",
"id": "aQNTN",
"name": "Code Line",
"fill": "#E8E0D4",
"content": "#!/bin/bash",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "y1gU6g",
"name": "Code Line",
"fill": "#E8E0D4",
"content": "DATE=$(date +%Y%m%d)",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "KGrPY",
"name": "Code Line",
"fill": "#E8E0D4",
"content": "pg_dump -h localhost mydb | gzip > backup_$DATE.gz",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "da9tk",
"name": "Card Footer",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "Y7R7vO",
"name": "Group Chip",
"fill": "$--accent",
"cornerRadius": 999,
"gap": 4,
"padding": [
4,
10
],
"children": [
{
"type": "icon",
"id": "aUjbq",
"name": "Tag Icon",
"width": 12,
"height": 12,
"icon": "tag",
"library": "lucide",
"fill": "$--accent-foreground"
},
{
"type": "text",
"id": "zcmUG",
"name": "Group Label",
"fill": "$--accent-foreground",
"content": "Backup",
"fontFamily": "$--font-secondary",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "u3C4tx",
"name": "Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "hAMUS",
"name": "Actions",
"gap": 4,
"children": [
{
"type": "frame",
"id": "Lk7Hs",
"name": "Action copy",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "OKlv6",
"name": "Icon",
"width": 14,
"height": 14,
"icon": "copy",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "pUxaB",
"name": "Action pencil",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "ETvn0",
"name": "Icon",
"width": 14,
"height": 14,
"icon": "pencil",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "LBRiz",
"name": "Action trash-2",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "r19TI",
"name": "Icon",
"width": 14,
"height": 14,
"icon": "trash-2",
"library": "lucide",
"fill": "$--destructive"
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "uo4hI",
"name": "Script SSL Renewal",
"width": "fill_container",
"fill": "$--card",
"cornerRadius": 12,
"stroke": "$--border",
"strokeWidth": 1,
"layout": "vertical",
"gap": 12,
"padding": 16,
"children": [
{
"type": "frame",
"id": "jFEPs",
"name": "Card Header",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "G1syC",
"name": "Script Name",
"fill": "$--foreground",
"content": "SSL Renewal",
"fontFamily": "$--font-secondary",
"fontSize": 15,
"fontWeight": "600"
},
{
"type": "frame",
"id": "t5hFLT",
"name": "Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "tCga5",
"name": "Type Badge",
"fill": "$--secondary",
"cornerRadius": 6,
"padding": [
3,
8
],
"children": [
{
"type": "text",
"id": "b2AbM",
"name": "Type Text",
"fill": "$--secondary-foreground",
"content": "Plain",
"fontFamily": "$--font-primary",
"fontSize": 10,
"fontWeight": "500"
}
]
}
]
},
{
"type": "text",
"id": "C26rW",
"name": "Description",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Auto-renew Let's Encrypt SSL certificates for all domains",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "l5PlP",
"name": "Code Block",
"width": "fill_container",
"fill": "#1E1B16",
"cornerRadius": 8,
"layout": "vertical",
"gap": 2,
"padding": 12,
"children": [
{
"type": "text",
"id": "AZEdd",
"name": "Code Line",
"fill": "#E8E0D4",
"content": "#!/bin/bash",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "OrEqq",
"name": "Code Line",
"fill": "#E8E0D4",
"content": "certbot renew --quiet",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "Q9c7Je",
"name": "Code Line",
"fill": "#E8E0D4",
"content": "nginx -t && nginx -s reload",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "e948BH",
"name": "Card Footer",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "qZseu",
"name": "Group Chip",
"fill": "$--accent",
"cornerRadius": 999,
"gap": 4,
"padding": [
4,
10
],
"children": [
{
"type": "icon",
"id": "K5UwU",
"name": "Tag Icon",
"width": 12,
"height": 12,
"icon": "tag",
"library": "lucide",
"fill": "$--accent-foreground"
},
{
"type": "text",
"id": "O5fXr",
"name": "Group Label",
"fill": "$--accent-foreground",
"content": "Maintenance",
"fontFamily": "$--font-secondary",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "IddL1",
"name": "Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "d6AZ7Q",
"name": "Actions",
"gap": 4,
"children": [
{
"type": "frame",
"id": "TTyyJ",
"name": "Action copy",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "ptRSb",
"name": "Icon",
"width": 14,
"height": 14,
"icon": "copy",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "f4TOVO",
"name": "Action pencil",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "y7cHH",
"name": "Icon",
"width": 14,
"height": 14,
"icon": "pencil",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "Ogfpk",
"name": "Action trash-2",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "W5JLUa",
"name": "Icon",
"width": 14,
"height": 14,
"icon": "trash-2",
"library": "lucide",
"fill": "$--destructive"
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "T5LKfT",
"name": "Script Log Rotation",
"width": "fill_container",
"fill": "$--card",
"cornerRadius": 12,
"stroke": "$--border",
"strokeWidth": 1,
"layout": "vertical",
"gap": 12,
"padding": 16,
"children": [
{
"type": "frame",
"id": "mT1jB",
"name": "Card Header",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "PnWcz",
"name": "Script Name",
"fill": "$--foreground",
"content": "Log Rotation",
"fontFamily": "$--font-secondary",
"fontSize": 15,
"fontWeight": "600"
},
{
"type": "frame",
"id": "xoMW6",
"name": "Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "fGiLr",
"name": "Type Badge",
"fill": "$--secondary",
"cornerRadius": 6,
"padding": [
3,
8
],
"children": [
{
"type": "text",
"id": "xGXdM",
"name": "Type Text",
"fill": "$--secondary-foreground",
"content": "Base64",
"fontFamily": "$--font-primary",
"fontSize": 10,
"fontWeight": "500"
}
]
}
]
},
{
"type": "text",
"id": "wEGZR",
"name": "Description",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Rotate and compress application logs older than 7 days",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "nCbMp",
"name": "Code Block",
"width": "fill_container",
"fill": "#1E1B16",
"cornerRadius": 8,
"layout": "vertical",
"gap": 2,
"padding": 12,
"children": [
{
"type": "text",
"id": "t427T",
"name": "Code Line",
"fill": "#E8E0D4",
"content": "#!/bin/bash",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "NfeDL",
"name": "Code Line",
"fill": "#E8E0D4",
"content": "find /var/log/app -name '*.log' -mtime +7",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "j8QixY",
"name": "Code Line",
"fill": "#E8E0D4",
"content": "gzip *.log && mv *.gz /archive/",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "oCIS9",
"name": "Card Footer",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "k0VCxB",
"name": "Group Chip",
"fill": "$--accent",
"cornerRadius": 999,
"gap": 4,
"padding": [
4,
10
],
"children": [
{
"type": "icon",
"id": "i86Rr",
"name": "Tag Icon",
"width": 12,
"height": 12,
"icon": "tag",
"library": "lucide",
"fill": "$--accent-foreground"
},
{
"type": "text",
"id": "AcUiK",
"name": "Group Label",
"fill": "$--accent-foreground",
"content": "Monitoring",
"fontFamily": "$--font-secondary",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "IebcJ",
"name": "Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "P5MCk",
"name": "Actions",
"gap": 4,
"children": [
{
"type": "frame",
"id": "gcGRi",
"name": "Action copy",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "yfmVA",
"name": "Icon",
"width": 14,
"height": 14,
"icon": "copy",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "EXQia",
"name": "Action pencil",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "nq9Xi",
"name": "Icon",
"width": 14,
"height": 14,
"icon": "pencil",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "J6NbBG",
"name": "Action trash-2",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "OfqNd",
"name": "Icon",
"width": 14,
"height": 14,
"icon": "trash-2",
"library": "lucide",
"fill": "$--destructive"
}
]
}
]
}
]
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "r3Hoe",
"x": 8800,
"y": 0,
"name": "Docker",
"clip": true,
"width": 1440,
"height": 900,
"fill": "$--background",
"children": [
{
"type": "frame",
"id": "WJTeL",
"name": "Sidebar",
"width": 220,
"height": "fill_container",
"fill": "$--sidebar",
"layout": "vertical",
"padding": [
24,
16,
16,
16
],
"children": [
{
"type": "frame",
"id": "ljWZ9",
"name": "Logo Area",
"width": "fill_container",
"gap": 10,
"padding": [
0,
0,
24,
0
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "G2jPQ",
"name": "Logo Icon",
"width": 32,
"height": 32,
"fill": "$--primary",
"cornerRadius": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Q04Sdp",
"name": "Logo Letter",
"fill": "$--primary-foreground",
"content": "E",
"fontFamily": "$--font-secondary",
"fontSize": 18,
"fontWeight": "800"
}
]
},
{
"type": "text",
"id": "Mjo84",
"name": "Logo Text",
"fill": "$--sidebar-primary",
"content": "EasyNode",
"fontFamily": "$--font-secondary",
"fontSize": 16,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "oEsfT",
"name": "Nav Section",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "g2Hkqa",
"name": "Nav Servers",
"width": "fill_container",
"fill": "#00000000",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "vRFVg",
"name": "Servers Icon",
"width": 18,
"height": 18,
"icon": "monitor",
"library": "lucide",
"fill": "$--sidebar-foreground"
},
{
"type": "text",
"id": "w5dQKg",
"name": "Servers Label",
"fill": "$--sidebar-foreground",
"content": "Servers",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "S4a2N",
"name": "Nav Terminal",
"width": "fill_container",
"fill": "#00000000",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "N9cjY",
"name": "Terminal Icon",
"width": 18,
"height": 18,
"icon": "terminal",
"library": "lucide",
"fill": "$--sidebar-foreground"
},
{
"type": "text",
"id": "oJ6RI",
"name": "Terminal Label",
"fill": "$--sidebar-foreground",
"content": "Terminal",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "A5DYN",
"name": "Nav SFTP",
"width": "fill_container",
"fill": "#00000000",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "ZVBeM",
"name": "SFTP Icon",
"width": 18,
"height": 18,
"icon": "folder",
"library": "lucide",
"fill": "$--sidebar-foreground"
},
{
"type": "text",
"id": "p5ZeYD",
"name": "SFTP Label",
"fill": "$--sidebar-foreground",
"content": "SFTP",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "etAc7",
"name": "Nav Scripts",
"width": "fill_container",
"fill": "#00000000",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "JrY90",
"name": "Scripts Icon",
"width": 18,
"height": 18,
"icon": "file-text",
"library": "lucide",
"fill": "$--sidebar-foreground"
},
{
"type": "text",
"id": "vy6UP",
"name": "Scripts Label",
"fill": "$--sidebar-foreground",
"content": "Scripts",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "jDH5f",
"name": "Nav Docker",
"width": "fill_container",
"fill": "$--sidebar-accent",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "c4TxtH",
"name": "Docker Icon",
"width": 18,
"height": 18,
"icon": "container",
"library": "lucide",
"fill": "$--sidebar-accent-foreground"
},
{
"type": "text",
"id": "lmfEk",
"name": "Docker Label",
"fill": "$--sidebar-accent-foreground",
"content": "Docker",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "A71CQ",
"name": "Spacer",
"width": "fill_container",
"height": "fill_container"
},
{
"type": "frame",
"id": "RCr6E",
"name": "Settings Nav",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "cxp6v",
"name": "Nav Settings",
"width": "fill_container",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "ovWlO",
"name": "Settings Icon",
"width": 18,
"height": 18,
"icon": "settings",
"library": "lucide",
"fill": "$--sidebar-foreground"
},
{
"type": "text",
"id": "m72L6j",
"name": "Settings Label",
"fill": "$--sidebar-foreground",
"content": "Settings",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "ONXCJ",
"name": "Divider",
"width": "fill_container",
"height": 1,
"fill": "$--sidebar-border"
},
{
"type": "frame",
"id": "dm6Nm",
"name": "User Area",
"width": "fill_container",
"gap": 10,
"padding": [
12,
0,
0,
0
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "yLNvJ",
"name": "Avatar",
"width": 32,
"height": 32,
"fill": "$--primary",
"cornerRadius": 999,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "S1oYXL",
"name": "Avatar Text",
"fill": "$--primary-foreground",
"content": "A",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "600"
}
]
},
{
"type": "text",
"id": "M3OXi",
"name": "Username",
"fill": "$--sidebar-primary",
"content": "admin",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "vvZYO",
"name": "Main Content",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 20,
"padding": [
24,
32
],
"children": [
{
"type": "frame",
"id": "G2lfx",
"name": "Header",
"width": "fill_container",
"gap": 16,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "I6QTzT",
"name": "Page Title",
"fill": "$--foreground",
"content": "Docker",
"fontFamily": "$--font-secondary",
"fontSize": 24,
"fontWeight": "700"
},
{
"type": "frame",
"id": "RWDF0",
"name": "Header Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "MNltW",
"name": "Server Select",
"fill": "$--secondary",
"cornerRadius": 10,
"stroke": "$--border",
"strokeWidth": 1,
"gap": 8,
"padding": [
8,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "zFKEG",
"name": "Server Icon",
"width": 16,
"height": 16,
"icon": "monitor",
"library": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "sFQXt",
"name": "Server Name",
"fill": "$--foreground",
"content": "prod-web-01",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "icon",
"id": "T0gXGo",
"name": "Chevron",
"width": 14,
"height": 14,
"icon": "chevron-down",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "MD0zU",
"name": "Search Box",
"width": 220,
"fill": "$--card",
"cornerRadius": 10,
"stroke": "$--border",
"strokeWidth": 1,
"gap": 8,
"padding": [
8,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "z3eOTw",
"name": "Search Icon",
"width": 16,
"height": 16,
"icon": "search",
"library": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "x8mfBi",
"name": "Search Placeholder",
"fill": "$--muted-foreground",
"content": "Search containers...",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "oggeB",
"name": "Stats Row",
"width": "fill_container",
"gap": 16,
"children": [
{
"type": "frame",
"id": "rNMtV",
"name": "Containers Card",
"width": "fill_container",
"fill": "$--card",
"cornerRadius": 12,
"stroke": "$--border",
"strokeWidth": 1,
"layout": "vertical",
"gap": 8,
"padding": [
16,
20
],
"children": [
{
"type": "frame",
"id": "L7PvK5",
"name": "Containers Top",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "PdOrP",
"name": "Containers Label",
"fill": "$--muted-foreground",
"content": "Containers",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "frame",
"id": "RLa6w",
"name": "Containers Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "V3lp3",
"name": "Containers Icon Bg",
"width": 32,
"height": 32,
"fill": "$--card",
"cornerRadius": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "Fu5fu",
"name": "Containers Icon",
"width": 16,
"height": 16,
"icon": "box",
"library": "lucide",
"fill": "$--foreground"
}
]
}
]
},
{
"type": "text",
"id": "j5zii",
"name": "Containers Value",
"fill": "$--foreground",
"content": "8",
"fontFamily": "$--font-secondary",
"fontSize": 28,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "OmRmR",
"name": "Running Card",
"width": "fill_container",
"fill": "$--card",
"cornerRadius": 12,
"stroke": "$--border",
"strokeWidth": 1,
"layout": "vertical",
"gap": 8,
"padding": [
16,
20
],
"children": [
{
"type": "frame",
"id": "NXrsA",
"name": "Running Top",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "gNSDM",
"name": "Running Label",
"fill": "$--muted-foreground",
"content": "Running",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "frame",
"id": "cyPz5",
"name": "Running Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "J3BK6",
"name": "Running Icon Bg",
"width": 32,
"height": 32,
"fill": "$--color-success",
"cornerRadius": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "NdYif",
"name": "Running Icon",
"width": 16,
"height": 16,
"icon": "play",
"library": "lucide",
"fill": "$--color-success-foreground"
}
]
}
]
},
{
"type": "text",
"id": "fLUTY",
"name": "Running Value",
"fill": "$--foreground",
"content": "5",
"fontFamily": "$--font-secondary",
"fontSize": 28,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "wDgzR",
"name": "Stopped Card",
"width": "fill_container",
"fill": "$--card",
"cornerRadius": 12,
"stroke": "$--border",
"strokeWidth": 1,
"layout": "vertical",
"gap": 8,
"padding": [
16,
20
],
"children": [
{
"type": "frame",
"id": "CmqoB",
"name": "Stopped Top",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "So4d0",
"name": "Stopped Label",
"fill": "$--muted-foreground",
"content": "Stopped",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "frame",
"id": "tVn8k",
"name": "Stopped Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "Xv7IX",
"name": "Stopped Icon Bg",
"width": 32,
"height": 32,
"fill": "$--color-warning",
"cornerRadius": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "unAsk",
"name": "Stopped Icon",
"width": 16,
"height": 16,
"icon": "square",
"library": "lucide",
"fill": "$--color-warning-foreground"
}
]
}
]
},
{
"type": "text",
"id": "M024i9",
"name": "Stopped Value",
"fill": "$--foreground",
"content": "3",
"fontFamily": "$--font-secondary",
"fontSize": 28,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "KYzKZ",
"name": "Images Card",
"width": "fill_container",
"fill": "$--card",
"cornerRadius": 12,
"stroke": "$--border",
"strokeWidth": 1,
"layout": "vertical",
"gap": 8,
"padding": [
16,
20
],
"children": [
{
"type": "frame",
"id": "R8vgu",
"name": "Images Top",
"width": "fill_container",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Lm1IG",
"name": "Images Label",
"fill": "$--muted-foreground",
"content": "Images",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "500"
},
{
"type": "frame",
"id": "h9Eddf",
"name": "Images Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "DrNma",
"name": "Images Icon Bg",
"width": 32,
"height": 32,
"fill": "$--color-info",
"cornerRadius": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "z1nIsL",
"name": "Images Icon",
"width": 16,
"height": 16,
"icon": "layers",
"library": "lucide",
"fill": "$--color-info-foreground"
}
]
}
]
},
{
"type": "text",
"id": "P8WK3W",
"name": "Images Value",
"fill": "$--foreground",
"content": "14",
"fontFamily": "$--font-secondary",
"fontSize": 28,
"fontWeight": "700"
}
]
}
]
},
{
"type": "frame",
"id": "ooNkO",
"name": "Container Section",
"clip": true,
"width": "fill_container",
"height": "fill_container",
"fill": "$--card",
"cornerRadius": 12,
"stroke": "$--border",
"strokeWidth": 1,
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "QMHUZ",
"name": "Tab Bar",
"width": "fill_container",
"height": 44,
"stroke": "$--border",
"strokeWidth": {
"bottom": 1
},
"padding": [
0,
20
],
"alignItems": "end",
"children": [
{
"type": "frame",
"id": "KbBd5",
"name": "Tab Containers",
"height": "fill_container",
"stroke": "$--primary",
"strokeWidth": {
"bottom": 2
},
"padding": [
0,
16
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "Ttqcx",
"name": "Containers Tab Label",
"fill": "$--foreground",
"content": "Containers",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "BXC08",
"name": "Tab Images",
"height": "fill_container",
"stroke": "#00000000",
"strokeWidth": {
"bottom": 2
},
"padding": [
0,
16
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "q2gTl",
"name": "Images Tab Label",
"fill": "$--muted-foreground",
"content": "Images",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "EGb6z",
"name": "Tab Networks",
"height": "fill_container",
"stroke": "#00000000",
"strokeWidth": {
"bottom": 2
},
"padding": [
0,
16
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "sxMqr",
"name": "Networks Tab Label",
"fill": "$--muted-foreground",
"content": "Networks",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "s8xkS",
"name": "Tab Volumes",
"height": "fill_container",
"stroke": "#00000000",
"strokeWidth": {
"bottom": 2
},
"padding": [
0,
16
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "z0TJF3",
"name": "Volumes Tab Label",
"fill": "$--muted-foreground",
"content": "Volumes",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "PY8eE",
"name": "Tab Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "frame",
"id": "Nf8bk",
"name": "Compose Btn",
"fill": "$--primary",
"cornerRadius": 8,
"gap": 6,
"padding": [
6,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "F91wL",
"name": "Plus Icon",
"width": 14,
"height": 14,
"icon": "plus",
"library": "lucide",
"fill": "$--primary-foreground"
},
{
"type": "text",
"id": "XyvEJ",
"name": "Compose Label",
"fill": "$--primary-foreground",
"content": "Compose",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "u2A31",
"name": "Table Header",
"width": "fill_container",
"height": 40,
"fill": "$--secondary",
"padding": [
0,
20
],
"alignItems": "center",
"children": [
{
"type": "text",
"id": "e5qRF9",
"name": "H Name",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Container",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "600"
},
{
"type": "text",
"id": "V6GP9",
"name": "H Image",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 180,
"content": "Image",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "600"
},
{
"type": "text",
"id": "Jxsym",
"name": "H Status",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 100,
"content": "Status",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "600"
},
{
"type": "text",
"id": "T2WOHc",
"name": "H Ports",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 140,
"content": "Ports",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "600"
},
{
"type": "text",
"id": "xkfaV",
"name": "H CPU",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 70,
"content": "CPU",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "600"
},
{
"type": "text",
"id": "jnpnp",
"name": "H Mem",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 80,
"content": "Memory",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "600"
},
{
"type": "text",
"id": "h86HB0",
"name": "H Actions",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 80,
"fontFamily": "Inter",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "L3Lbs",
"name": "Row nginx-proxy",
"width": "fill_container",
"height": 48,
"stroke": "$--border",
"strokeWidth": {
"bottom": 1
},
"padding": [
0,
20
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "qgPPB",
"name": "Name Cell",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "T5Vfd",
"name": "Container Icon",
"width": 16,
"height": 16,
"icon": "box",
"library": "lucide",
"fill": "$--primary"
},
{
"type": "text",
"id": "YBcib",
"name": "Container Name",
"fill": "$--foreground",
"content": "nginx-proxy",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "text",
"id": "JuZrN",
"name": "Image",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 180,
"content": "nginx:alpine",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "QtRyR",
"name": "Status Cell",
"width": 100,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "s8IXq",
"name": "Status Dot",
"width": 7,
"height": 7,
"fill": "$--color-success-foreground",
"cornerRadius": 999
},
{
"type": "text",
"id": "aO9NM",
"name": "Status Text",
"fill": "$--color-success-foreground",
"content": "Running",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "ieohH",
"name": "Ports",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 140,
"content": "80:80, 443:443",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "Qc35c",
"name": "CPU",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": 70,
"content": "2.1%",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "TIO8X",
"name": "Memory",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": 80,
"content": "64 MB",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "gaCCF",
"name": "Actions",
"width": 80,
"gap": 4,
"justifyContent": "end",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "tBl6a",
"name": "Stop Btn",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "CoE6c",
"name": "Stop Icon",
"width": 14,
"height": 14,
"icon": "square",
"library": "lucide",
"fill": "$--color-warning-foreground"
}
]
},
{
"type": "frame",
"id": "K15kuM",
"name": "Term Btn",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "btQrR",
"name": "Term Icon",
"width": 14,
"height": 14,
"icon": "terminal",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "Pyl1k",
"name": "Row easynode-server",
"width": "fill_container",
"height": 48,
"stroke": "$--border",
"strokeWidth": {
"bottom": 1
},
"padding": [
0,
20
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "VwToW",
"name": "Name Cell",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "d2POH",
"name": "Container Icon",
"width": 16,
"height": 16,
"icon": "box",
"library": "lucide",
"fill": "$--primary"
},
{
"type": "text",
"id": "EW4af",
"name": "Container Name",
"fill": "$--foreground",
"content": "easynode-server",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "text",
"id": "BmDNl",
"name": "Image",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 180,
"content": "node:18-slim",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "kOM5n",
"name": "Status Cell",
"width": 100,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "ZwZbB",
"name": "Status Dot",
"width": 7,
"height": 7,
"fill": "$--color-success-foreground",
"cornerRadius": 999
},
{
"type": "text",
"id": "FuB0a",
"name": "Status Text",
"fill": "$--color-success-foreground",
"content": "Running",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "kwx0u",
"name": "Ports",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 140,
"content": "8082:8082",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "k9MskG",
"name": "CPU",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": 70,
"content": "8.4%",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "dEehQ",
"name": "Memory",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": 80,
"content": "256 MB",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "p9QvX0",
"name": "Actions",
"width": 80,
"gap": 4,
"justifyContent": "end",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "soaPv",
"name": "Stop Btn",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "W92kax",
"name": "Stop Icon",
"width": 14,
"height": 14,
"icon": "square",
"library": "lucide",
"fill": "$--color-warning-foreground"
}
]
},
{
"type": "frame",
"id": "Z2JhKX",
"name": "Term Btn",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "uVUrL",
"name": "Term Icon",
"width": 14,
"height": 14,
"icon": "terminal",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "z6cd3B",
"name": "Row postgres-db",
"width": "fill_container",
"height": 48,
"stroke": "$--border",
"strokeWidth": {
"bottom": 1
},
"padding": [
0,
20
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "dBjT5",
"name": "Name Cell",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "J2SJkw",
"name": "Container Icon",
"width": 16,
"height": 16,
"icon": "box",
"library": "lucide",
"fill": "$--primary"
},
{
"type": "text",
"id": "OXAaX",
"name": "Container Name",
"fill": "$--foreground",
"content": "postgres-db",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "text",
"id": "U24HzX",
"name": "Image",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 180,
"content": "postgres:15",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "eEA2G",
"name": "Status Cell",
"width": 100,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "dVid6",
"name": "Status Dot",
"width": 7,
"height": 7,
"fill": "$--color-success-foreground",
"cornerRadius": 999
},
{
"type": "text",
"id": "gpA42",
"name": "Status Text",
"fill": "$--color-success-foreground",
"content": "Running",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "B9fWmz",
"name": "Ports",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 140,
"content": "5432:5432",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "QYMVr",
"name": "CPU",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": 70,
"content": "3.2%",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "n3W0S4",
"name": "Memory",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": 80,
"content": "512 MB",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "S1fZf3",
"name": "Actions",
"width": 80,
"gap": 4,
"justifyContent": "end",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "MkAKm",
"name": "Stop Btn",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "EFDAT",
"name": "Stop Icon",
"width": 14,
"height": 14,
"icon": "square",
"library": "lucide",
"fill": "$--color-warning-foreground"
}
]
},
{
"type": "frame",
"id": "VGlO8",
"name": "Term Btn",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "v6PMD",
"name": "Term Icon",
"width": 14,
"height": 14,
"icon": "terminal",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "FqIB6",
"name": "Row redis-cache",
"width": "fill_container",
"height": 48,
"stroke": "$--border",
"strokeWidth": {
"bottom": 1
},
"padding": [
0,
20
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "Lqzkb",
"name": "Name Cell",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "MtL7x",
"name": "Container Icon",
"width": 16,
"height": 16,
"icon": "box",
"library": "lucide",
"fill": "$--primary"
},
{
"type": "text",
"id": "E7AMk",
"name": "Container Name",
"fill": "$--foreground",
"content": "redis-cache",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "text",
"id": "JoIzD",
"name": "Image",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 180,
"content": "redis:7-alpine",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "ftDfd",
"name": "Status Cell",
"width": 100,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "lsV2J",
"name": "Status Dot",
"width": 7,
"height": 7,
"fill": "$--color-success-foreground",
"cornerRadius": 999
},
{
"type": "text",
"id": "FzScA",
"name": "Status Text",
"fill": "$--color-success-foreground",
"content": "Running",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "IPzOq",
"name": "Ports",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 140,
"content": "6379:6379",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "XtZ1K",
"name": "CPU",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": 70,
"content": "0.8%",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "AIzFq",
"name": "Memory",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": 80,
"content": "32 MB",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "txHRa",
"name": "Actions",
"width": 80,
"gap": 4,
"justifyContent": "end",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "dtesf",
"name": "Stop Btn",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "H54tlJ",
"name": "Stop Icon",
"width": 14,
"height": 14,
"icon": "square",
"library": "lucide",
"fill": "$--color-warning-foreground"
}
]
},
{
"type": "frame",
"id": "X1cfjh",
"name": "Term Btn",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "bIf6W",
"name": "Term Icon",
"width": 14,
"height": 14,
"icon": "terminal",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "PoANv",
"name": "Row prometheus",
"width": "fill_container",
"height": 48,
"stroke": "$--border",
"strokeWidth": {
"bottom": 1
},
"padding": [
0,
20
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "IFpKk",
"name": "Name Cell",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "i5kh3",
"name": "Container Icon",
"width": 16,
"height": 16,
"icon": "box",
"library": "lucide",
"fill": "$--primary"
},
{
"type": "text",
"id": "cYsfL",
"name": "Container Name",
"fill": "$--foreground",
"content": "prometheus",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "text",
"id": "a23hfM",
"name": "Image",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 180,
"content": "prom/prometheus",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "m2fOp",
"name": "Status Cell",
"width": 100,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "JcN22",
"name": "Status Dot",
"width": 7,
"height": 7,
"fill": "$--color-success-foreground",
"cornerRadius": 999
},
{
"type": "text",
"id": "szdGX",
"name": "Status Text",
"fill": "$--color-success-foreground",
"content": "Running",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "lIEGF",
"name": "Ports",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 140,
"content": "9090:9090",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "doQ59",
"name": "CPU",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": 70,
"content": "4.5%",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "FC3hV",
"name": "Memory",
"fill": "$--foreground",
"textGrowth": "fixed-width",
"width": 80,
"content": "180 MB",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "gPbNh",
"name": "Actions",
"width": 80,
"gap": 4,
"justifyContent": "end",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "mgZxD",
"name": "Stop Btn",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "sgTQZ",
"name": "Stop Icon",
"width": 14,
"height": 14,
"icon": "square",
"library": "lucide",
"fill": "$--color-warning-foreground"
}
]
},
{
"type": "frame",
"id": "Oq5za",
"name": "Term Btn",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "KqbHk",
"name": "Term Icon",
"width": 14,
"height": 14,
"icon": "terminal",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "HSpnL",
"name": "Row grafana",
"width": "fill_container",
"height": 48,
"stroke": "$--border",
"strokeWidth": {
"bottom": 1
},
"padding": [
0,
20
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "S50EqN",
"name": "Name Cell",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "nCSvc",
"name": "Container Icon",
"width": 16,
"height": 16,
"icon": "box",
"library": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "h21cM",
"name": "Container Name",
"fill": "$--foreground",
"content": "grafana",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "text",
"id": "zom1P",
"name": "Image",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 180,
"content": "grafana/grafana",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "oD9eG",
"name": "Status Cell",
"width": 100,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "Byd9d",
"name": "Status Dot",
"width": 7,
"height": 7,
"fill": "$--color-error-foreground",
"cornerRadius": 999
},
{
"type": "text",
"id": "rQ5ZK",
"name": "Status Text",
"fill": "$--muted-foreground",
"content": "Stopped",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "fQyFE",
"name": "Ports",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 140,
"content": "3000:3000",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "AYhzl",
"name": "CPU",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 70,
"content": "—",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "bGyYg",
"name": "Memory",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 80,
"content": "—",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "gfTGc",
"name": "Actions",
"width": 80,
"gap": 4,
"justifyContent": "end",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "ogjNF",
"name": "Start Btn",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "ij4P1",
"name": "Start Icon",
"width": 14,
"height": 14,
"icon": "play",
"library": "lucide",
"fill": "$--color-success-foreground"
}
]
},
{
"type": "frame",
"id": "U2GSIo",
"name": "Del Btn",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "MIwgO",
"name": "Del Icon",
"width": 14,
"height": 14,
"icon": "trash-2",
"library": "lucide",
"fill": "$--destructive"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "pik77",
"name": "Row backup-worker",
"width": "fill_container",
"height": 48,
"stroke": "$--border",
"strokeWidth": {
"bottom": 1
},
"padding": [
0,
20
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "glZP4",
"name": "Name Cell",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "x3cwZk",
"name": "Container Icon",
"width": 16,
"height": 16,
"icon": "box",
"library": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "rvidG",
"name": "Container Name",
"fill": "$--foreground",
"content": "backup-worker",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "text",
"id": "LTcVQ",
"name": "Image",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 180,
"content": "restic/restic",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "tVD6k",
"name": "Status Cell",
"width": 100,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "szFJQ",
"name": "Status Dot",
"width": 7,
"height": 7,
"fill": "$--color-error-foreground",
"cornerRadius": 999
},
{
"type": "text",
"id": "qPaFp",
"name": "Status Text",
"fill": "$--muted-foreground",
"content": "Stopped",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "PrdeG",
"name": "Ports",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 140,
"content": "—",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "NUpmU",
"name": "CPU",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 70,
"content": "—",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "ginub",
"name": "Memory",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 80,
"content": "—",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "l8YD2",
"name": "Actions",
"width": 80,
"gap": 4,
"justifyContent": "end",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "PQf4W",
"name": "Start Btn",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "TFdJS",
"name": "Start Icon",
"width": 14,
"height": 14,
"icon": "play",
"library": "lucide",
"fill": "$--color-success-foreground"
}
]
},
{
"type": "frame",
"id": "aUaAK",
"name": "Del Btn",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "FS5zP",
"name": "Del Icon",
"width": 14,
"height": 14,
"icon": "trash-2",
"library": "lucide",
"fill": "$--destructive"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "KPNnu",
"name": "Row certbot",
"width": "fill_container",
"height": 48,
"stroke": "$--border",
"strokeWidth": {
"bottom": 1
},
"padding": [
0,
20
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "T3okLT",
"name": "Name Cell",
"width": "fill_container",
"gap": 8,
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "PAajC",
"name": "Container Icon",
"width": 16,
"height": 16,
"icon": "box",
"library": "lucide",
"fill": "$--muted-foreground"
},
{
"type": "text",
"id": "jrWkS",
"name": "Container Name",
"fill": "$--foreground",
"content": "certbot",
"fontFamily": "$--font-primary",
"fontSize": 13,
"fontWeight": "500"
}
]
},
{
"type": "text",
"id": "fY150",
"name": "Image",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 180,
"content": "certbot/certbot",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "LsF1a",
"name": "Status Cell",
"width": 100,
"gap": 6,
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "mGKcq",
"name": "Status Dot",
"width": 7,
"height": 7,
"fill": "$--color-error-foreground",
"cornerRadius": 999
},
{
"type": "text",
"id": "m0wgi",
"name": "Status Text",
"fill": "$--muted-foreground",
"content": "Stopped",
"fontFamily": "$--font-secondary",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "text",
"id": "YrcFS",
"name": "Ports",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 140,
"content": "—",
"fontFamily": "$--font-primary",
"fontSize": 11,
"fontWeight": "normal"
},
{
"type": "text",
"id": "R98Pr",
"name": "CPU",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 70,
"content": "—",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "text",
"id": "c5cluQ",
"name": "Memory",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": 80,
"content": "—",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "CBLtV",
"name": "Actions",
"width": 80,
"gap": 4,
"justifyContent": "end",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "d3fc2",
"name": "Start Btn",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "D9RURP",
"name": "Start Icon",
"width": 14,
"height": 14,
"icon": "play",
"library": "lucide",
"fill": "$--color-success-foreground"
}
]
},
{
"type": "frame",
"id": "NAcWg",
"name": "Del Btn",
"width": 28,
"height": 28,
"cornerRadius": 6,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "vyuX5",
"name": "Del Icon",
"width": 14,
"height": 14,
"icon": "trash-2",
"library": "lucide",
"fill": "$--destructive"
}
]
}
]
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "w95Bpy",
"x": 10340,
"y": 0,
"name": "Settings",
"clip": true,
"width": 1440,
"height": 900,
"fill": "$--background",
"children": [
{
"type": "frame",
"id": "t8KmuX",
"name": "Sidebar",
"width": 220,
"height": "fill_container",
"fill": "$--sidebar",
"layout": "vertical",
"padding": [
24,
16,
16,
16
],
"children": [
{
"type": "frame",
"id": "PP7En",
"name": "Logo Area",
"width": "fill_container",
"gap": 10,
"padding": [
0,
0,
24,
0
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "c1P9Bp",
"name": "Logo Icon",
"width": 32,
"height": 32,
"fill": "$--primary",
"cornerRadius": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "B7kBn8",
"name": "Logo Letter",
"fill": "$--primary-foreground",
"content": "E",
"fontFamily": "$--font-secondary",
"fontSize": 18,
"fontWeight": "800"
}
]
},
{
"type": "text",
"id": "HmYiX",
"name": "Logo Text",
"fill": "$--sidebar-primary",
"content": "EasyNode",
"fontFamily": "$--font-secondary",
"fontSize": 16,
"fontWeight": "700"
}
]
},
{
"type": "frame",
"id": "KwFsZ",
"name": "Nav Section",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "Aop5C",
"name": "Nav Servers",
"width": "fill_container",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "p318K",
"name": "Servers Icon",
"width": 18,
"height": 18,
"icon": "monitor",
"library": "lucide",
"fill": "$--sidebar-foreground"
},
{
"type": "text",
"id": "dMLLQ",
"name": "Servers Label",
"fill": "$--sidebar-foreground",
"content": "Servers",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "G5z3m",
"name": "Nav Terminal",
"width": "fill_container",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "X2ZivT",
"name": "Terminal Icon",
"width": 18,
"height": 18,
"icon": "terminal",
"library": "lucide",
"fill": "$--sidebar-foreground"
},
{
"type": "text",
"id": "n7DsEG",
"name": "Terminal Label",
"fill": "$--sidebar-foreground",
"content": "Terminal",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "dE9Iz",
"name": "Nav SFTP",
"width": "fill_container",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "PBJ3f",
"name": "SFTP Icon",
"width": 18,
"height": 18,
"icon": "folder",
"library": "lucide",
"fill": "$--sidebar-foreground"
},
{
"type": "text",
"id": "zmcYL",
"name": "SFTP Label",
"fill": "$--sidebar-foreground",
"content": "SFTP",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "NmExY",
"name": "Nav Scripts",
"width": "fill_container",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "VpPbw",
"name": "Scripts Icon",
"width": 18,
"height": 18,
"icon": "file-text",
"library": "lucide",
"fill": "$--sidebar-foreground"
},
{
"type": "text",
"id": "WVD1e",
"name": "Scripts Label",
"fill": "$--sidebar-foreground",
"content": "Scripts",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "CUT03",
"name": "Nav Docker",
"width": "fill_container",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "QfRJK",
"name": "Docker Icon",
"width": 18,
"height": 18,
"icon": "container",
"library": "lucide",
"fill": "$--sidebar-foreground"
},
{
"type": "text",
"id": "HE6c2",
"name": "Docker Label",
"fill": "$--sidebar-foreground",
"content": "Docker",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "GZj9Z",
"name": "Spacer",
"width": "fill_container",
"height": "fill_container"
},
{
"type": "frame",
"id": "Nvh0b",
"name": "Settings Nav",
"width": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "yOBko",
"name": "Nav Settings",
"width": "fill_container",
"fill": "$--sidebar-accent",
"cornerRadius": 10,
"gap": 10,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "O3V58y",
"name": "Settings Icon",
"width": 18,
"height": 18,
"icon": "settings",
"library": "lucide",
"fill": "$--sidebar-accent-foreground"
},
{
"type": "text",
"id": "DTaLy",
"name": "Settings Label",
"fill": "$--sidebar-accent-foreground",
"content": "Settings",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "600"
}
]
}
]
},
{
"type": "frame",
"id": "r7sUB",
"name": "Divider",
"width": "fill_container",
"height": 1,
"fill": "$--sidebar-border"
},
{
"type": "frame",
"id": "tyJmM",
"name": "User Area",
"width": "fill_container",
"gap": 10,
"padding": [
12,
0,
0,
0
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "J2m60J",
"name": "Avatar",
"width": 32,
"height": 32,
"fill": "$--primary",
"cornerRadius": 999,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "N0QlB",
"name": "Avatar Text",
"fill": "$--primary-foreground",
"content": "A",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "600"
}
]
},
{
"type": "text",
"id": "S5Jug",
"name": "Username",
"fill": "$--sidebar-primary",
"content": "admin",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
}
]
}
]
},
{
"type": "frame",
"id": "b8mWf",
"name": "Main Content",
"width": "fill_container",
"height": "fill_container",
"children": [
{
"type": "frame",
"id": "V1WiUm",
"name": "Settings Nav Panel",
"width": 260,
"height": "fill_container",
"fill": "$--card",
"stroke": "$--border",
"strokeWidth": {
"right": 1
},
"layout": "vertical",
"padding": [
24,
0
],
"children": [
{
"type": "frame",
"id": "xnxAl",
"name": "Profile Card",
"width": "fill_container",
"layout": "vertical",
"gap": 16,
"padding": [
0,
20,
20,
20
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "R3TOAP",
"name": "Profile Avatar",
"width": 64,
"height": 64,
"fill": "$--primary",
"cornerRadius": 999,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
"id": "ZPlKg",
"name": "Avatar Letter",
"fill": "$--primary-foreground",
"content": "A",
"fontFamily": "$--font-secondary",
"fontSize": 24,
"fontWeight": "700"
}
]
},
{
"type": "text",
"id": "h7gTG",
"name": "Profile Name",
"fill": "$--foreground",
"content": "admin",
"fontFamily": "$--font-secondary",
"fontSize": 16,
"fontWeight": "600"
},
{
"type": "text",
"id": "N4gVzN",
"name": "Server Address",
"fill": "$--muted-foreground",
"content": "192.168.1.100:8082",
"fontFamily": "$--font-primary",
"fontSize": 12,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "r6V1p",
"name": "Plus Badge",
"fill": "$--primary",
"cornerRadius": 999,
"gap": 4,
"padding": [
4,
12
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "U4fl1",
"name": "Star Icon",
"width": 12,
"height": 12,
"icon": "star",
"library": "lucide",
"fill": "$--primary-foreground"
},
{
"type": "text",
"id": "d0Hvm",
"name": "Plus Text",
"fill": "$--primary-foreground",
"content": "EasyNode Plus",
"fontFamily": "$--font-secondary",
"fontSize": 11,
"fontWeight": "600"
}
]
},
{
"type": "frame",
"id": "wjsg4",
"name": "Stats Row",
"width": "fill_container",
"gap": 16,
"justifyContent": "center",
"children": [
{
"type": "frame",
"id": "D72li",
"name": "Stat Hosts",
"layout": "vertical",
"gap": 2,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "uionu",
"name": "Stat Value",
"fill": "$--foreground",
"content": "12",
"fontFamily": "$--font-secondary",
"fontSize": 18,
"fontWeight": "700"
},
{
"type": "text",
"id": "nHDJh",
"name": "Stat Label",
"fill": "$--muted-foreground",
"content": "Hosts",
"fontFamily": "$--font-secondary",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "OYQxr",
"name": "Stat Credentials",
"layout": "vertical",
"gap": 2,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "avIIY",
"name": "Stat Value",
"fill": "$--foreground",
"content": "8",
"fontFamily": "$--font-secondary",
"fontSize": 18,
"fontWeight": "700"
},
{
"type": "text",
"id": "Qy6pM",
"name": "Stat Label",
"fill": "$--muted-foreground",
"content": "Credentials",
"fontFamily": "$--font-secondary",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "eHPc9",
"name": "Stat Scripts",
"layout": "vertical",
"gap": 2,
"alignItems": "center",
"children": [
{
"type": "text",
"id": "LKFmD",
"name": "Stat Value",
"fill": "$--foreground",
"content": "24",
"fontFamily": "$--font-secondary",
"fontSize": 18,
"fontWeight": "700"
},
{
"type": "text",
"id": "Yj5kY",
"name": "Stat Label",
"fill": "$--muted-foreground",
"content": "Scripts",
"fontFamily": "$--font-secondary",
"fontSize": 11,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "d5CfU",
"name": "Profile Divider",
"width": "fill_container",
"height": 1,
"fill": "$--border"
},
{
"type": "frame",
"id": "pvLEe",
"name": "Section SECURITY",
"width": "fill_container",
"layout": "vertical",
"padding": [
16,
20,
0,
20
],
"children": [
{
"type": "text",
"id": "qOtLg",
"name": "Section Label",
"fill": "$--muted-foreground",
"content": "SECURITY",
"fontFamily": "$--font-secondary",
"fontSize": 11,
"fontWeight": "600",
"letterSpacing": 1
},
{
"type": "frame",
"id": "xEQ1Z",
"name": "Menu Account Security",
"width": "fill_container",
"fill": "#00000000",
"cornerRadius": 8,
"gap": 12,
"padding": [
12,
8
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "y4HcTe",
"name": "Icon Box",
"width": 32,
"height": 32,
"fill": "$--secondary",
"cornerRadius": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "LiHyx",
"name": "Menu Icon",
"width": 16,
"height": 16,
"icon": "shield",
"library": "lucide",
"fill": "$--secondary-foreground"
}
]
},
{
"type": "frame",
"id": "TQ83g",
"name": "Text Col",
"width": "fill_container",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "vNshq",
"name": "Menu Label",
"fill": "$--foreground",
"content": "Account Security",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "500"
},
{
"type": "text",
"id": "e1p1G",
"name": "Menu Desc",
"fill": "$--muted-foreground",
"content": "Password, two-factor auth",
"fontFamily": "$--font-secondary",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "icon",
"id": "a3Fxen",
"name": "Chevron",
"width": 16,
"height": 16,
"icon": "chevron-right",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "MDoVm",
"name": "Menu Sessions",
"width": "fill_container",
"fill": "#00000000",
"cornerRadius": 8,
"gap": 12,
"padding": [
12,
8
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "bSbT1",
"name": "Icon Box",
"width": 32,
"height": 32,
"fill": "$--secondary",
"cornerRadius": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "x2y9x0",
"name": "Menu Icon",
"width": 16,
"height": 16,
"icon": "key",
"library": "lucide",
"fill": "$--secondary-foreground"
}
]
},
{
"type": "frame",
"id": "ghPbN",
"name": "Text Col",
"width": "fill_container",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "xPPn8",
"name": "Menu Label",
"fill": "$--foreground",
"content": "Sessions",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "500"
},
{
"type": "text",
"id": "AWoh3",
"name": "Menu Desc",
"fill": "$--muted-foreground",
"content": "Active login sessions",
"fontFamily": "$--font-secondary",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "icon",
"id": "yB5O5",
"name": "Chevron",
"width": 16,
"height": 16,
"icon": "chevron-right",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
}
]
},
{
"type": "frame",
"id": "J63AJ",
"name": "Section CONNECTION",
"width": "fill_container",
"layout": "vertical",
"padding": [
16,
20,
0,
20
],
"children": [
{
"type": "text",
"id": "OsHlo",
"name": "Section Label",
"fill": "$--muted-foreground",
"content": "CONNECTION",
"fontFamily": "$--font-secondary",
"fontSize": 11,
"fontWeight": "600",
"letterSpacing": 1
},
{
"type": "frame",
"id": "A3Pkr",
"name": "Menu Credentials",
"width": "fill_container",
"fill": "#00000000",
"cornerRadius": 8,
"gap": 12,
"padding": [
12,
8
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "XCtpR",
"name": "Icon Box",
"width": 32,
"height": 32,
"fill": "$--secondary",
"cornerRadius": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "bTXuB",
"name": "Menu Icon",
"width": 16,
"height": 16,
"icon": "lock",
"library": "lucide",
"fill": "$--secondary-foreground"
}
]
},
{
"type": "frame",
"id": "fgoRa",
"name": "Text Col",
"width": "fill_container",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "tV4wv",
"name": "Menu Label",
"fill": "$--foreground",
"content": "Credentials",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "500"
},
{
"type": "text",
"id": "JI8uv",
"name": "Menu Desc",
"fill": "$--muted-foreground",
"content": "SSH keys and passwords",
"fontFamily": "$--font-secondary",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "icon",
"id": "hjcAT",
"name": "Chevron",
"width": 16,
"height": 16,
"icon": "chevron-right",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "mWJBb",
"name": "Menu Proxy",
"width": "fill_container",
"fill": "#00000000",
"cornerRadius": 8,
"gap": 12,
"padding": [
12,
8
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "o2SEY8",
"name": "Icon Box",
"width": 32,
"height": 32,
"fill": "$--secondary",
"cornerRadius": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "NSSXR",
"name": "Menu Icon",
"width": 16,
"height": 16,
"icon": "globe",
"library": "lucide",
"fill": "$--secondary-foreground"
}
]
},
{
"type": "frame",
"id": "neLtR",
"name": "Text Col",
"width": "fill_container",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "gwSOp",
"name": "Menu Label",
"fill": "$--foreground",
"content": "Proxy",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "500"
},
{
"type": "text",
"id": "nJdaa",
"name": "Menu Desc",
"fill": "$--muted-foreground",
"content": "SOCKS5 proxy settings",
"fontFamily": "$--font-secondary",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "icon",
"id": "fmFc1",
"name": "Chevron",
"width": 16,
"height": 16,
"icon": "chevron-right",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
}
]
},
{
"type": "frame",
"id": "hMHVs",
"name": "Section PREFERENCES",
"width": "fill_container",
"layout": "vertical",
"padding": [
16,
20,
0,
20
],
"children": [
{
"type": "text",
"id": "sswEM",
"name": "Section Label",
"fill": "$--muted-foreground",
"content": "PREFERENCES",
"fontFamily": "$--font-secondary",
"fontSize": 11,
"fontWeight": "600",
"letterSpacing": 1
},
{
"type": "frame",
"id": "N6LTN",
"name": "Menu Language",
"width": "fill_container",
"fill": "#00000000",
"cornerRadius": 8,
"gap": 12,
"padding": [
12,
8
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "D9Mpka",
"name": "Icon Box",
"width": 32,
"height": 32,
"fill": "$--secondary",
"cornerRadius": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "a7jec",
"name": "Menu Icon",
"width": 16,
"height": 16,
"icon": "languages",
"library": "lucide",
"fill": "$--secondary-foreground"
}
]
},
{
"type": "frame",
"id": "Yfhy5",
"name": "Text Col",
"width": "fill_container",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "QNCDA",
"name": "Menu Label",
"fill": "$--foreground",
"content": "Language",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "500"
},
{
"type": "text",
"id": "Cc0No",
"name": "Menu Desc",
"fill": "$--muted-foreground",
"content": "English",
"fontFamily": "$--font-secondary",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "icon",
"id": "VLL0C",
"name": "Chevron",
"width": 16,
"height": 16,
"icon": "chevron-right",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "I51mu",
"name": "Menu Tab Order",
"width": "fill_container",
"fill": "#00000000",
"cornerRadius": 8,
"gap": 12,
"padding": [
12,
8
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "CRWqD",
"name": "Icon Box",
"width": 32,
"height": 32,
"fill": "$--secondary",
"cornerRadius": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "V8nNop",
"name": "Menu Icon",
"width": 16,
"height": 16,
"icon": "layout-grid",
"library": "lucide",
"fill": "$--secondary-foreground"
}
]
},
{
"type": "frame",
"id": "g7BiC",
"name": "Text Col",
"width": "fill_container",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "u9A5Yv",
"name": "Menu Label",
"fill": "$--foreground",
"content": "Tab Order",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "500"
},
{
"type": "text",
"id": "zbeAp",
"name": "Menu Desc",
"fill": "$--muted-foreground",
"content": "Customize navigation",
"fontFamily": "$--font-secondary",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "icon",
"id": "f9PLt",
"name": "Chevron",
"width": 16,
"height": 16,
"icon": "chevron-right",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "N4a9j",
"name": "Menu Theme",
"width": "fill_container",
"fill": "$--accent",
"cornerRadius": 8,
"gap": 12,
"padding": [
12,
8
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "ZUES0",
"name": "Icon Box",
"width": 32,
"height": 32,
"fill": "$--primary",
"cornerRadius": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "Z3D6l",
"name": "Menu Icon",
"width": 16,
"height": 16,
"icon": "palette",
"library": "lucide",
"fill": "$--primary-foreground"
}
]
},
{
"type": "frame",
"id": "G0ChJ",
"name": "Text Col",
"width": "fill_container",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "zWfZJ",
"name": "Menu Label",
"fill": "$--accent-foreground",
"content": "Theme",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "500"
},
{
"type": "text",
"id": "wd0ep",
"name": "Menu Desc",
"fill": "$--muted-foreground",
"content": "Light / Dark / System",
"fontFamily": "$--font-secondary",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "icon",
"id": "ItCPD",
"name": "Chevron",
"width": 16,
"height": 16,
"icon": "chevron-right",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
},
{
"type": "frame",
"id": "Pmi4X",
"name": "Menu Check for Updates",
"width": "fill_container",
"fill": "#00000000",
"cornerRadius": 8,
"gap": 12,
"padding": [
12,
8
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "R62olb",
"name": "Icon Box",
"width": 32,
"height": 32,
"fill": "$--secondary",
"cornerRadius": 8,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "h5QVLF",
"name": "Menu Icon",
"width": 16,
"height": 16,
"icon": "download",
"library": "lucide",
"fill": "$--secondary-foreground"
}
]
},
{
"type": "frame",
"id": "A5i3MI",
"name": "Text Col",
"width": "fill_container",
"layout": "vertical",
"gap": 1,
"children": [
{
"type": "text",
"id": "WlOoS",
"name": "Menu Label",
"fill": "$--foreground",
"content": "Check for Updates",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "500"
},
{
"type": "text",
"id": "tH3GL",
"name": "Menu Desc",
"fill": "$--muted-foreground",
"content": "v3.2.1 — Up to date",
"fontFamily": "$--font-secondary",
"fontSize": 11,
"fontWeight": "normal"
}
]
},
{
"type": "icon",
"id": "FTEeb",
"name": "Chevron",
"width": 16,
"height": 16,
"icon": "chevron-right",
"library": "lucide",
"fill": "$--muted-foreground"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "Z0FjNf",
"name": "Detail Panel",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 24,
"padding": [
32,
40
],
"children": [
{
"type": "frame",
"id": "yt6hs",
"name": "Detail Header",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "text",
"id": "cwWpi",
"name": "Detail Title",
"fill": "$--foreground",
"content": "Theme",
"fontFamily": "$--font-secondary",
"fontSize": 22,
"fontWeight": "700"
},
{
"type": "text",
"id": "l3RXS3",
"name": "Detail Subtitle",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "Customize the appearance of EasyNode to match your preference.",
"fontFamily": "$--font-secondary",
"fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "Av4Rx",
"name": "Theme Mode Section",
"width": "fill_container",
"layout": "vertical",
"gap": 12,
"children": [
{
"type": "text",
"id": "MCtMY",
"name": "Theme Section Label",
"fill": "$--foreground",
"content": "Appearance Mode",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "frame",
"id": "WXFE7",
"name": "Theme Cards",
"width": "fill_container",
"gap": 16,
"children": [
{
"type": "frame",
"id": "rSEII",
"name": "Theme Light",
"clip": true,
"width": "fill_container",
"cornerRadius": 12,
"stroke": "$--primary",
"strokeWidth": 2,
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "BKUvT",
"name": "Preview",
"width": "fill_container",
"height": 100,
"fill": "#F7EFE0",
"layout": "vertical",
"gap": 6,
"padding": 12,
"children": [
{
"type": "frame",
"id": "CkmLX",
"name": "Preview Bar",
"width": "fill_container",
"height": 8,
"fill": "#FBF5E6",
"cornerRadius": 4
},
{
"type": "frame",
"id": "BAC0X",
"name": "Preview Content",
"width": "fill_container",
"height": "fill_container",
"gap": 6,
"children": [
{
"type": "frame",
"id": "FftPE",
"name": "Preview Sidebar",
"width": 24,
"height": "fill_container",
"fill": "#FBF5E6",
"cornerRadius": 4
},
{
"type": "frame",
"id": "cPSLo",
"name": "Preview Main",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "RyIAp",
"name": "Preview Line 1",
"width": "fill_container",
"height": 6,
"fill": "#E5B33A",
"cornerRadius": 3
},
{
"type": "frame",
"id": "mEI7j",
"name": "Preview Line 2",
"width": "fill_container",
"height": 6,
"fill": "#FBF5E6",
"cornerRadius": 3
},
{
"type": "frame",
"id": "H02Da",
"name": "Preview Line 3",
"width": "fill_container",
"height": 6,
"fill": "#FBF5E6",
"cornerRadius": 3
}
]
}
]
}
]
},
{
"type": "frame",
"id": "yYvk4",
"name": "Label Row",
"width": "fill_container",
"fill": "$--card",
"gap": 8,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "btjz9",
"name": "Radio",
"width": 18,
"height": 18,
"cornerRadius": 999,
"stroke": "$--primary",
"strokeWidth": 2,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "csuGO",
"name": "Radio Dot",
"width": 10,
"height": 10,
"fill": "$--primary",
"cornerRadius": 999
}
]
},
{
"type": "text",
"id": "JkCkV",
"name": "Mode Label",
"fill": "$--foreground",
"content": "Light",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "RnhZP",
"name": "Theme Dark",
"clip": true,
"width": "fill_container",
"cornerRadius": 12,
"stroke": "$--border",
"strokeWidth": 1,
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "k1m8CK",
"name": "Preview",
"width": "fill_container",
"height": 100,
"fill": "#121212",
"layout": "vertical",
"gap": 6,
"padding": 12,
"children": [
{
"type": "frame",
"id": "G8kYJh",
"name": "Preview Bar",
"width": "fill_container",
"height": 8,
"fill": "#1E1E1E",
"cornerRadius": 4
},
{
"type": "frame",
"id": "n9Kff",
"name": "Preview Content",
"width": "fill_container",
"height": "fill_container",
"gap": 6,
"children": [
{
"type": "frame",
"id": "b7oTe",
"name": "Preview Sidebar",
"width": 24,
"height": "fill_container",
"fill": "#1E1E1E",
"cornerRadius": 4
},
{
"type": "frame",
"id": "u2srVc",
"name": "Preview Main",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "tBh0K",
"name": "Preview Line 1",
"width": "fill_container",
"height": 6,
"fill": "#E5B33A",
"cornerRadius": 3
},
{
"type": "frame",
"id": "lOAiF",
"name": "Preview Line 2",
"width": "fill_container",
"height": 6,
"fill": "#1E1E1E",
"cornerRadius": 3
},
{
"type": "frame",
"id": "l38OJ9",
"name": "Preview Line 3",
"width": "fill_container",
"height": 6,
"fill": "#1E1E1E",
"cornerRadius": 3
}
]
}
]
}
]
},
{
"type": "frame",
"id": "lKduo",
"name": "Label Row",
"width": "fill_container",
"fill": "$--card",
"gap": 8,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "iOs8U",
"name": "Radio",
"width": 18,
"height": 18,
"cornerRadius": 999,
"stroke": "$--border",
"strokeWidth": 2,
"justifyContent": "center",
"alignItems": "center"
},
{
"type": "text",
"id": "iOU9t",
"name": "Mode Label",
"fill": "$--foreground",
"content": "Dark",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "500"
}
]
}
]
},
{
"type": "frame",
"id": "j6tj0p",
"name": "Theme System",
"clip": true,
"width": "fill_container",
"cornerRadius": 12,
"stroke": "$--border",
"strokeWidth": 1,
"layout": "vertical",
"children": [
{
"type": "frame",
"id": "DvS2m",
"name": "Preview",
"width": "fill_container",
"height": 100,
"fill": "#F7EFE0",
"layout": "vertical",
"gap": 6,
"padding": 12,
"children": [
{
"type": "frame",
"id": "wKol0",
"name": "Preview Bar",
"width": "fill_container",
"height": 8,
"fill": "#FBF5E6",
"cornerRadius": 4
},
{
"type": "frame",
"id": "Lsviz",
"name": "Preview Content",
"width": "fill_container",
"height": "fill_container",
"gap": 6,
"children": [
{
"type": "frame",
"id": "fRIWn",
"name": "Preview Sidebar",
"width": 24,
"height": "fill_container",
"fill": "#FBF5E6",
"cornerRadius": 4
},
{
"type": "frame",
"id": "KU6fp",
"name": "Preview Main",
"width": "fill_container",
"height": "fill_container",
"layout": "vertical",
"gap": 4,
"children": [
{
"type": "frame",
"id": "o3DhpA",
"name": "Preview Line 1",
"width": "fill_container",
"height": 6,
"fill": "#E5B33A",
"cornerRadius": 3
},
{
"type": "frame",
"id": "DhMLd",
"name": "Preview Line 2",
"width": "fill_container",
"height": 6,
"fill": "#FBF5E6",
"cornerRadius": 3
},
{
"type": "frame",
"id": "aqaEo",
"name": "Preview Line 3",
"width": "fill_container",
"height": 6,
"fill": "#FBF5E6",
"cornerRadius": 3
}
]
}
]
},
{
"type": "frame",
"id": "p8Hre7",
"layoutPosition": "absolute",
"x": 80,
"y": 12,
"name": "Dark Half",
"width": 60,
"height": 76,
"fill": "#121212",
"cornerRadius": 4
}
]
},
{
"type": "frame",
"id": "A1mfQ",
"name": "Label Row",
"width": "fill_container",
"fill": "$--card",
"gap": 8,
"padding": [
10,
12
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "OMZpN",
"name": "Radio",
"width": 18,
"height": 18,
"cornerRadius": 999,
"stroke": "$--border",
"strokeWidth": 2,
"justifyContent": "center",
"alignItems": "center"
},
{
"type": "text",
"id": "d6Yrxw",
"name": "Mode Label",
"fill": "$--foreground",
"content": "System",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "500"
}
]
}
]
}
]
}
]
},
{
"type": "frame",
"id": "gwAGw",
"name": "Accent Color Section",
"width": "fill_container",
"layout": "vertical",
"gap": 12,
"children": [
{
"type": "text",
"id": "ZWDJP",
"name": "Accent Label",
"fill": "$--foreground",
"content": "Accent Color",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "text",
"id": "eGKdM",
"name": "Accent Desc",
"fill": "$--muted-foreground",
"textGrowth": "fixed-width",
"width": "fill_container",
"content": "The primary accent color used throughout the interface.",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "Z9CAMr",
"name": "Color Palette",
"gap": 12,
"children": [
{
"type": "frame",
"id": "N0r0E5",
"name": "Swatch 0",
"width": 40,
"height": 40,
"fill": "#E5B33A",
"cornerRadius": 10,
"stroke": "$--foreground",
"strokeWidth": 2,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "w204kS",
"name": "Check Icon",
"width": 18,
"height": 18,
"icon": "check",
"library": "lucide",
"fill": "#FFFFFF"
}
]
},
{
"type": "frame",
"id": "ETfKC",
"name": "Swatch 1",
"width": 40,
"height": 40,
"fill": "#D4A017",
"cornerRadius": 10,
"stroke": "#00000000",
"justifyContent": "center",
"alignItems": "center"
},
{
"type": "frame",
"id": "XEkhB",
"name": "Swatch 2",
"width": 40,
"height": 40,
"fill": "#C68B11",
"cornerRadius": 10,
"stroke": "#00000000",
"justifyContent": "center",
"alignItems": "center"
},
{
"type": "frame",
"id": "psms8",
"name": "Swatch 3",
"width": 40,
"height": 40,
"fill": "#E8963A",
"cornerRadius": 10,
"stroke": "#00000000",
"justifyContent": "center",
"alignItems": "center"
},
{
"type": "frame",
"id": "rZV2v",
"name": "Swatch 4",
"width": 40,
"height": 40,
"fill": "#D97706",
"cornerRadius": 10,
"stroke": "#00000000",
"justifyContent": "center",
"alignItems": "center"
},
{
"type": "frame",
"id": "cv6dH",
"name": "Swatch 5",
"width": 40,
"height": 40,
"fill": "#B45309",
"cornerRadius": 10,
"stroke": "#00000000",
"justifyContent": "center",
"alignItems": "center"
}
]
}
]
},
{
"type": "frame",
"id": "Z4sx8",
"name": "Font Section",
"width": "fill_container",
"layout": "vertical",
"gap": 12,
"children": [
{
"type": "text",
"id": "iUuwu",
"name": "Font Label",
"fill": "$--foreground",
"content": "Terminal Font",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "600"
},
{
"type": "frame",
"id": "G5O1H",
"name": "Font Options",
"width": "fill_container",
"layout": "vertical",
"gap": 8,
"children": [
{
"type": "frame",
"id": "hDfRF",
"name": "Font JetBrains Mono",
"width": "fill_container",
"fill": "$--accent",
"cornerRadius": 10,
"stroke": "$--border",
"strokeWidth": 1,
"gap": 12,
"padding": [
10,
14
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "kUNV0",
"name": "Radio",
"width": 18,
"height": 18,
"cornerRadius": 999,
"stroke": "$--primary",
"strokeWidth": 2,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "QNCpR",
"name": "Radio Dot",
"width": 10,
"height": 10,
"fill": "$--primary",
"cornerRadius": 999
}
]
},
{
"type": "text",
"id": "ZbKrI",
"name": "Font Name",
"fill": "$--foreground",
"content": "JetBrains Mono",
"fontFamily": "JetBrains Mono",
"fontSize": 14,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "m3RZYH",
"name": "Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "text",
"id": "XbKBS",
"name": "Font Preview",
"fill": "$--muted-foreground",
"content": "AaBbCc 0123",
"fontFamily": "JetBrains Mono",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "bni1K",
"name": "Font Fira Code",
"width": "fill_container",
"fill": "$--card",
"cornerRadius": 10,
"stroke": "$--border",
"strokeWidth": 1,
"gap": 12,
"padding": [
10,
14
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "Cwplf",
"name": "Radio",
"width": 18,
"height": 18,
"cornerRadius": 999,
"stroke": "$--border",
"strokeWidth": 2,
"justifyContent": "center",
"alignItems": "center"
},
{
"type": "text",
"id": "If7wz",
"name": "Font Name",
"fill": "$--foreground",
"content": "Fira Code",
"fontFamily": "Fira Code",
"fontSize": 14,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "AmlcQ",
"name": "Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "text",
"id": "i8d1GP",
"name": "Font Preview",
"fill": "$--muted-foreground",
"content": "AaBbCc 0123",
"fontFamily": "Fira Code",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "I2h6oA",
"name": "Font Source Code Pro",
"width": "fill_container",
"fill": "$--card",
"cornerRadius": 10,
"stroke": "$--border",
"strokeWidth": 1,
"gap": 12,
"padding": [
10,
14
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "dXEwB",
"name": "Radio",
"width": 18,
"height": 18,
"cornerRadius": 999,
"stroke": "$--border",
"strokeWidth": 2,
"justifyContent": "center",
"alignItems": "center"
},
{
"type": "text",
"id": "fRoXS",
"name": "Font Name",
"fill": "$--foreground",
"content": "Source Code Pro",
"fontFamily": "Source Code Pro",
"fontSize": 14,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "jgLTG",
"name": "Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "text",
"id": "CPELm",
"name": "Font Preview",
"fill": "$--muted-foreground",
"content": "AaBbCc 0123",
"fontFamily": "Source Code Pro",
"fontSize": 12,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
"id": "qeNhc",
"name": "Font Cascadia Code",
"width": "fill_container",
"fill": "$--card",
"cornerRadius": 10,
"stroke": "$--border",
"strokeWidth": 1,
"gap": 12,
"padding": [
10,
14
],
"alignItems": "center",
"children": [
{
"type": "frame",
"id": "d1DO1",
"name": "Radio",
"width": 18,
"height": 18,
"cornerRadius": 999,
"stroke": "$--border",
"strokeWidth": 2,
"justifyContent": "center",
"alignItems": "center"
},
{
"type": "text",
"id": "LCVEt",
"name": "Font Name",
"fill": "$--foreground",
"content": "Cascadia Code",
"fontFamily": "Cascadia Code",
"fontSize": 14,
"fontWeight": "normal"
},
{
"type": "frame",
"id": "rpSOR",
"name": "Spacer",
"width": "fill_container",
"height": 1
},
{
"type": "text",
"id": "sm9fi",
"name": "Font Preview",
"fill": "$--muted-foreground",
"content": "AaBbCc 0123",
"fontFamily": "Cascadia Code",
"fontSize": 12,
"fontWeight": "normal"
}
]
}
]
}
]
},
{
"type": "frame",
"id": "AdqLa",
"name": "Logout Section",
"width": "fill_container",
"padding": [
8,
0,
0,
0
],
"children": [
{
"type": "frame",
"id": "sbwVd",
"name": "Logout Button",
"cornerRadius": 10,
"stroke": "$--destructive",
"strokeWidth": 1,
"gap": 8,
"padding": [
10,
20
],
"alignItems": "center",
"children": [
{
"type": "icon",
"id": "H9Yao",
"name": "Logout Icon",
"width": 16,
"height": 16,
"icon": "log-out",
"library": "lucide",
"fill": "$--destructive"
},
{
"type": "text",
"id": "Q1AIQ2",
"name": "Logout Text",
"fill": "$--destructive",
"content": "Sign Out",
"fontFamily": "$--font-secondary",
"fontSize": 13,
"fontWeight": "500"
}
]
}
]
}
]
}
]
}
]
}
],
"themes": {
"Mode": [
"Light",
"Dark"
]
},
"variables": {
"--sidebar": {
"type": "color",
"value": [
{
"value": "#FBF5E6",
"theme": {
"Mode": "Light"
}
},
{
"value": "#1A1A1A",
"theme": {
"Mode": "Dark"
}
}
]
},
"--sidebar-foreground": {
"type": "color",
"value": [
{
"value": "#6B5E3F",
"theme": {
"Mode": "Light"
}
},
{
"value": "#A89B80",
"theme": {
"Mode": "Dark"
}
}
]
},
"--sidebar-primary": {
"type": "color",
"value": [
{
"value": "#5C4520",
"theme": {
"Mode": "Light"
}
},
{
"value": "#E5B33A",
"theme": {
"Mode": "Dark"
}
}
]
},
"--sidebar-primary-foreground": {
"type": "color",
"value": [
{
"value": "#F7EFE0",
"theme": {
"Mode": "Light"
}
},
{
"value": "#121212",
"theme": {
"Mode": "Dark"
}
}
]
},
"--sidebar-border": {
"type": "color",
"value": [
{
"value": "#E2D5B3",
"theme": {
"Mode": "Light"
}
},
{
"value": "#3A3530",
"theme": {
"Mode": "Dark"
}
}
]
},
"--sidebar-accent": {
"type": "color",
"value": [
{
"value": "#FBEDC4",
"theme": {
"Mode": "Light"
}
},
{
"value": "#2A2520",
"theme": {
"Mode": "Dark"
}
}
]
},
"--sidebar-accent-foreground": {
"type": "color",
"value": [
{
"value": "#5C4520",
"theme": {
"Mode": "Light"
}
},
{
"value": "#E8E0D4",
"theme": {
"Mode": "Dark"
}
}
]
},
"--sidebar-ring": {
"type": "color",
"value": [
{
"value": "#C9B98D",
"theme": {
"Mode": "Light"
}
},
{
"value": "#504838",
"theme": {
"Mode": "Dark"
}
}
]
},
"--background": {
"type": "color",
"value": [
{
"value": "#F7EFE0",
"theme": {
"Mode": "Light"
}
},
{
"value": "#121212",
"theme": {
"Mode": "Dark"
}
}
]
},
"--foreground": {
"type": "color",
"value": [
{
"value": "#2A2418",
"theme": {
"Mode": "Light"
}
},
{
"value": "#E8E0D4",
"theme": {
"Mode": "Dark"
}
}
]
},
"--card": {
"type": "color",
"value": [
{
"value": "#FBF5E6",
"theme": {
"Mode": "Light"
}
},
{
"value": "#1E1E1E",
"theme": {
"Mode": "Dark"
}
}
]
},
"--card-foreground": {
"type": "color",
"value": [
{
"value": "#2A2418",
"theme": {
"Mode": "Light"
}
},
{
"value": "#E8E0D4",
"theme": {
"Mode": "Dark"
}
}
]
},
"--popover": {
"type": "color",
"value": [
{
"value": "#FBF5E6",
"theme": {
"Mode": "Light"
}
},
{
"value": "#1E1E1E",
"theme": {
"Mode": "Dark"
}
}
]
},
"--popover-foreground": {
"type": "color",
"value": [
{
"value": "#2A2418",
"theme": {
"Mode": "Light"
}
},
{
"value": "#E8E0D4",
"theme": {
"Mode": "Dark"
}
}
]
},
"--primary": {
"type": "color",
"value": [
{
"value": "#E5B33A",
"theme": {
"Mode": "Light"
}
},
{
"value": "#E5B33A",
"theme": {
"Mode": "Dark"
}
}
]
},
"--primary-foreground": {
"type": "color",
"value": [
{
"value": "#F7EFE0",
"theme": {
"Mode": "Light"
}
},
{
"value": "#121212",
"theme": {
"Mode": "Dark"
}
}
]
},
"--secondary": {
"type": "color",
"value": [
{
"value": "#F4ECD7",
"theme": {
"Mode": "Light"
}
},
{
"value": "#2A2A2A",
"theme": {
"Mode": "Dark"
}
}
]
},
"--secondary-foreground": {
"type": "color",
"value": [
{
"value": "#5C4520",
"theme": {
"Mode": "Light"
}
},
{
"value": "#E8E0D4",
"theme": {
"Mode": "Dark"
}
}
]
},
"--muted": {
"type": "color",
"value": [
{
"value": "#F4ECD7",
"theme": {
"Mode": "Light"
}
},
{
"value": "#2A2A2A",
"theme": {
"Mode": "Dark"
}
}
]
},
"--muted-foreground": {
"type": "color",
"value": [
{
"value": "#9A8B68",
"theme": {
"Mode": "Light"
}
},
{
"value": "#7A7060",
"theme": {
"Mode": "Dark"
}
}
]
},
"--accent": {
"type": "color",
"value": [
{
"value": "#FBEDC4",
"theme": {
"Mode": "Light"
}
},
{
"value": "#3D3520",
"theme": {
"Mode": "Dark"
}
}
]
},
"--accent-foreground": {
"type": "color",
"value": [
{
"value": "#5C4520",
"theme": {
"Mode": "Light"
}
},
{
"value": "#E8E0D4",
"theme": {
"Mode": "Dark"
}
}
]
},
"--destructive": {
"type": "color",
"value": [
{
"value": "#B9473D",
"theme": {
"Mode": "Light"
}
},
{
"value": "#E06050",
"theme": {
"Mode": "Dark"
}
}
]
},
"--border": {
"type": "color",
"value": [
{
"value": "#E2D5B3",
"theme": {
"Mode": "Light"
}
},
{
"value": "#3A3530",
"theme": {
"Mode": "Dark"
}
}
]
},
"--input": {
"type": "color",
"value": [
{
"value": "#E2D5B3",
"theme": {
"Mode": "Light"
}
},
{
"value": "#3A3530",
"theme": {
"Mode": "Dark"
}
}
]
},
"--ring": {
"type": "color",
"value": [
{
"value": "#C9B98D",
"theme": {
"Mode": "Light"
}
},
{
"value": "#504838",
"theme": {
"Mode": "Dark"
}
}
]
},
"--white": {
"type": "color",
"value": "#FFFFFF"
},
"--black": {
"type": "color",
"value": "#000000"
},
"--font-primary": {
"type": "string",
"value": "JetBrains Mono"
},
"--font-secondary": {
"type": "string",
"value": "Geist"
},
"--radius-none": {
"type": "number",
"value": 0
},
"--radius-pill": {
"type": "number",
"value": 999
},
"--color-success": {
"type": "color",
"value": [
{
"value": "#EAF2E5",
"theme": {
"Mode": "Light"
}
},
{
"value": "#1A2518",
"theme": {
"Mode": "Dark"
}
}
]
},
"--color-success-foreground": {
"type": "color",
"value": [
{
"value": "#5A8E3A",
"theme": {
"Mode": "Light"
}
},
{
"value": "#6EAF48",
"theme": {
"Mode": "Dark"
}
}
]
},
"--color-warning": {
"type": "color",
"value": [
{
"value": "#FFF3D6",
"theme": {
"Mode": "Light"
}
},
{
"value": "#2A2010",
"theme": {
"Mode": "Dark"
}
}
]
},
"--color-warning-foreground": {
"type": "color",
"value": [
{
"value": "#F59E0B",
"theme": {
"Mode": "Light"
}
},
{
"value": "#F59E0B",
"theme": {
"Mode": "Dark"
}
}
]
},
"--color-error": {
"type": "color",
"value": [
{
"value": "#FFECE8",
"theme": {
"Mode": "Light"
}
},
{
"value": "#2A1512",
"theme": {
"Mode": "Dark"
}
}
]
},
"--color-error-foreground": {
"type": "color",
"value": [
{
"value": "#B9473D",
"theme": {
"Mode": "Light"
}
},
{
"value": "#E06050",
"theme": {
"Mode": "Dark"
}
}
]
},
"--color-info": {
"type": "color",
"value": [
{
"value": "#E8EFF7",
"theme": {
"Mode": "Light"
}
},
{
"value": "#1A2030",
"theme": {
"Mode": "Dark"
}
}
]
},
"--color-info-foreground": {
"type": "color",
"value": [
{
"value": "#3B6FA0",
"theme": {
"Mode": "Light"
}
},
{
"value": "#6B9ED0",
"theme": {
"Mode": "Dark"
}
}
]
},
"--radius-m": {
"type": "number",
"value": 16
}
},
"fileToken": "81692f3e-cf30-40cd-a0af-902a62dada0a"
}
Reference in New Issue View Git Blame Copy Permalink