{ "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" }