1 line
12 KiB
JSON
1 line
12 KiB
JSON
{"state": {"pages": [{"id": "db-page-home", "name": "Dashboard", "root": {"id": "db-root", "type": "column", "styles": {"width": "100%", "display": "flex", "minHeight": "100vh", "flexDirection": "column", "backgroundColor": "#f1f5f9"}, "children": [{"id": "db-header", "type": "row", "styles": {"width": "100%", "height": "60px", "display": "flex", "padding": "0 32px", "alignItems": "center", "borderBottom": "1px solid #e2e8f0", "flexDirection": "row", "justifyContent": "space-between", "backgroundColor": "#ffffff"}, "children": [{"id": "db-brand", "type": "text", "props": {"text": "◈ Dashboard", "elementType": "span"}, "styles": {"color": "#1a1a2e", "fontSize": "18px", "fontWeight": "700"}, "layerName": "Brand"}, {"id": "db-header-right", "type": "row", "styles": {"gap": "12px", "display": "flex", "alignItems": "center", "flexDirection": "row"}, "children": [{"id": "db-user-label", "type": "text", "props": {"text": "Welcome back, Admin", "elementType": "span"}, "styles": {"color": "#64748b", "fontSize": "14px"}, "layerName": "User"}, {"id": "db-logout-btn", "type": "button", "props": {"text": "Logout"}, "styles": {"color": "#64748b", "border": "1px solid #e2e8f0", "cursor": "pointer", "padding": "6px 14px", "fontSize": "13px", "borderRadius": "6px", "backgroundColor": "transparent"}, "layerName": "Logout"}], "layerName": "Header Right"}], "layerName": "Header"}, {"id": "db-content", "type": "column", "styles": {"gap": "24px", "width": "100%", "display": "flex", "padding": "32px", "flexDirection": "column"}, "children": [{"id": "db-page-title", "type": "column", "styles": {"gap": "4px", "display": "flex", "flexDirection": "column"}, "children": [{"id": "db-title-text", "type": "text", "props": {"text": "Overview", "elementType": "h1"}, "styles": {"color": "#1a1a2e", "zIndex": 999999, "opacity": 2, "fontSize": "24px", "boxShadow": "2px 2px 0px 0px #00000040", "fontWeight": "700"}, "layerName": "Title"}, {"id": "db-title-sub", "type": "text", "props": {"text": "Here's what's happening today.", "elementType": "p"}, "styles": {"color": "#94a3b8", "fontSize": "14px"}, "layerName": "Subtitle"}], "layerName": "Page Title"}, {"id": "db-metrics", "type": "grid", "styles": {"gap": "16px", "width": "100%", "display": "grid", "gridTemplateColumns": "repeat(4, 1fr)"}, "children": [{"id": "db-metric-1", "type": "column", "styles": {"gap": "8px", "display": "flex", "padding": "24px", "boxShadow": "0 1px 4px rgba(0,0,0,0.06)", "borderRadius": "12px", "flexDirection": "column", "backgroundColor": "#ffffff"}, "children": [{"id": "db-m1-label", "type": "text", "props": {"text": "Total Users", "elementType": "span"}, "styles": {"color": "#94a3b8", "fontSize": "11px", "fontWeight": "600", "letterSpacing": "0.8px", "textTransform": "uppercase"}, "layerName": "Label"}, {"id": "db-m1-value", "type": "text", "props": {"text": "12,345", "elementType": "span"}, "styles": {"color": "#1a1a2e", "fontSize": "30px", "fontWeight": "700", "lineHeight": "1.1"}, "layerName": "Value"}, {"id": "db-m1-change", "type": "text", "props": {"text": "↑ 12% from last month", "elementType": "span"}, "styles": {"color": "#22c55e", "fontSize": "12px", "fontWeight": "500"}, "layerName": "Change"}], "layerName": "Total Users"}, {"id": "db-metric-2", "type": "column", "styles": {"gap": "8px", "display": "flex", "padding": "24px", "boxShadow": "0 1px 4px rgba(0,0,0,0.06)", "borderRadius": "12px", "flexDirection": "column", "backgroundColor": "#ffffff"}, "children": [{"id": "db-m2-label", "type": "text", "props": {"text": "Revenue", "elementType": "span"}, "styles": {"color": "#94a3b8", "fontSize": "11px", "fontWeight": "600", "letterSpacing": "0.8px", "textTransform": "uppercase"}, "layerName": "Label"}, {"id": "db-m2-value", "type": "text", "props": {"text": "$48,200", "elementType": "span"}, "styles": {"color": "#1a1a2e", "fontSize": "30px", "fontWeight": "700", "lineHeight": "1.1"}, "layerName": "Value"}, {"id": "db-m2-change", "type": "text", "props": {"text": "↑ 8% from last month", "elementType": "span"}, "styles": {"color": "#22c55e", "fontSize": "12px", "fontWeight": "500"}, "layerName": "Change"}], "layerName": "Revenue"}, {"id": "db-metric-3", "type": "column", "styles": {"gap": "8px", "display": "flex", "padding": "24px", "boxShadow": "0 1px 4px rgba(0,0,0,0.06)", "borderRadius": "12px", "flexDirection": "column", "backgroundColor": "#ffffff"}, "children": [{"id": "db-m3-label", "type": "text", "props": {"text": "Active Sessions", "elementType": "span"}, "styles": {"color": "#94a3b8", "fontSize": "11px", "fontWeight": "600", "letterSpacing": "0.8px", "textTransform": "uppercase"}, "layerName": "Label"}, {"id": "db-m3-value", "type": "text", "props": {"text": "1,849", "elementType": "span"}, "styles": {"color": "#1a1a2e", "fontSize": "30px", "fontWeight": "700", "lineHeight": "1.1"}, "layerName": "Value"}, {"id": "db-m3-change", "type": "text", "props": {"text": "↓ 3% from last month", "elementType": "span"}, "styles": {"color": "#ef4444", "fontSize": "12px", "fontWeight": "500"}, "layerName": "Change"}], "layerName": "Active Sessions"}, {"id": "db-metric-4", "type": "column", "styles": {"gap": "8px", "display": "flex", "padding": "24px", "boxShadow": "0 1px 4px rgba(0,0,0,0.06)", "borderRadius": "12px", "flexDirection": "column", "backgroundColor": "#ffffff"}, "children": [{"id": "db-m4-label", "type": "text", "props": {"text": "Uptime", "elementType": "span"}, "styles": {"color": "#94a3b8", "fontSize": "11px", "fontWeight": "600", "letterSpacing": "0.8px", "textTransform": "uppercase"}, "layerName": "Label"}, {"id": "db-m4-value", "type": "text", "props": {"text": "99.9%", "elementType": "span"}, "styles": {"color": "#1a1a2e", "fontSize": "30px", "fontWeight": "700", "lineHeight": "1.1"}, "layerName": "Value"}, {"id": "db-m4-change", "type": "text", "props": {"text": "↑ 0.1% from last month", "elementType": "span"}, "styles": {"color": "#22c55e", "fontSize": "12px", "fontWeight": "500"}, "layerName": "Change"}], "layerName": "Uptime"}], "layerName": "Metrics"}, {"id": "db-activity", "type": "column", "styles": {"gap": "0px", "width": "100%", "display": "flex", "padding": "24px", "boxShadow": "0 1px 4px rgba(0,0,0,0.06)", "borderRadius": "12px", "flexDirection": "column", "backgroundColor": "#ffffff"}, "children": [{"id": "db-activity-header", "type": "row", "styles": {"display": "flex", "alignItems": "center", "borderBottom": "1px solid #f1f5f9", "marginBottom": "4px", "flexDirection": "row", "paddingBottom": "16px", "justifyContent": "space-between"}, "children": [{"id": "db-activity-title", "type": "text", "props": {"text": "Recent Activity", "elementType": "h3"}, "styles": {"color": "#1a1a2e", "fontSize": "16px", "fontWeight": "700"}, "layerName": "Activity Title"}, {"id": "db-activity-view-all", "type": "button", "props": {"text": "View all →"}, "styles": {"color": "#FF592F", "border": "none", "cursor": "pointer", "padding": "0", "fontSize": "13px", "fontWeight": "600", "backgroundColor": "transparent"}, "layerName": "View All"}], "layerName": "Activity Header"}, {"id": "db-activity-row-a1", "type": "row", "styles": {"gap": "12px", "display": "flex", "padding": "14px 0", "alignItems": "center", "borderBottom": "1px solid #f8fafc", "flexDirection": "row"}, "children": [{"id": "db-dot-a1", "type": "box", "styles": {"width": "8px", "height": "8px", "minWidth": "8px", "borderRadius": "50%", "backgroundColor": "#22c55e"}, "layerName": "Dot"}, {"id": "db-event-a1", "type": "column", "styles": {"gap": "2px", "flex": "1", "display": "flex", "flexDirection": "column"}, "children": [{"id": "db-event-name-a1", "type": "text", "props": {"text": "New user registered", "elementType": "span"}, "styles": {"color": "#1a1a2e", "fontSize": "14px", "fontWeight": "600"}}, {"id": "db-event-detail-a1", "type": "text", "props": {"text": "john.doe@example.com", "elementType": "span"}, "styles": {"color": "#94a3b8", "fontSize": "12px"}}], "layerName": "Event Info"}, {"id": "db-event-time-a1", "type": "text", "props": {"text": "2 min ago", "elementType": "span"}, "styles": {"color": "#94a3b8", "fontSize": "12px"}, "layerName": "Time"}], "layerName": "New user registered"}, {"id": "db-activity-row-a2", "type": "row", "styles": {"gap": "12px", "display": "flex", "padding": "14px 0", "alignItems": "center", "borderBottom": "1px solid #f8fafc", "flexDirection": "row"}, "children": [{"id": "db-dot-a2", "type": "box", "styles": {"width": "8px", "height": "8px", "minWidth": "8px", "borderRadius": "50%", "backgroundColor": "#3b82f6"}, "layerName": "Dot"}, {"id": "db-event-a2", "type": "column", "styles": {"gap": "2px", "flex": "1", "display": "flex", "flexDirection": "column"}, "children": [{"id": "db-event-name-a2", "type": "text", "props": {"text": "Order #4821 placed", "elementType": "span"}, "styles": {"color": "#1a1a2e", "fontSize": "14px", "fontWeight": "600"}}, {"id": "db-event-detail-a2", "type": "text", "props": {"text": "$320.00 · 3 items", "elementType": "span"}, "styles": {"color": "#94a3b8", "fontSize": "12px"}}], "layerName": "Event Info"}, {"id": "db-event-time-a2", "type": "text", "props": {"text": "14 min ago", "elementType": "span"}, "styles": {"color": "#94a3b8", "fontSize": "12px"}, "layerName": "Time"}], "layerName": "Order #4821 placed"}, {"id": "db-activity-row-a3", "type": "row", "styles": {"gap": "12px", "display": "flex", "padding": "14px 0", "alignItems": "center", "borderBottom": "1px solid #f8fafc", "flexDirection": "row"}, "children": [{"id": "db-dot-a3", "type": "box", "styles": {"width": "8px", "height": "8px", "minWidth": "8px", "borderRadius": "50%", "backgroundColor": "#22c55e"}, "layerName": "Dot"}, {"id": "db-event-a3", "type": "column", "styles": {"gap": "2px", "flex": "1", "display": "flex", "flexDirection": "column"}, "children": [{"id": "db-event-name-a3", "type": "text", "props": {"text": "Payment received", "elementType": "span"}, "styles": {"color": "#1a1a2e", "fontSize": "14px", "fontWeight": "600"}}, {"id": "db-event-detail-a3", "type": "text", "props": {"text": "Invoice #INV-2091", "elementType": "span"}, "styles": {"color": "#94a3b8", "fontSize": "12px"}}], "layerName": "Event Info"}, {"id": "db-event-time-a3", "type": "text", "props": {"text": "1 hr ago", "elementType": "span"}, "styles": {"color": "#94a3b8", "fontSize": "12px"}, "layerName": "Time"}], "layerName": "Payment received"}, {"id": "db-activity-row-a4", "type": "row", "styles": {"gap": "12px", "display": "flex", "padding": "14px 0", "alignItems": "center", "borderBottom": "1px solid #f8fafc", "flexDirection": "row"}, "children": [{"id": "db-dot-a4", "type": "box", "styles": {"width": "8px", "height": "8px", "minWidth": "8px", "borderRadius": "50%", "backgroundColor": "#f59e0b"}, "layerName": "Dot"}, {"id": "db-event-a4", "type": "column", "styles": {"gap": "2px", "flex": "1", "display": "flex", "flexDirection": "column"}, "children": [{"id": "db-event-name-a4", "type": "text", "props": {"text": "Report generated", "elementType": "span"}, "styles": {"color": "#1a1a2e", "fontSize": "14px", "fontWeight": "600"}}, {"id": "db-event-detail-a4", "type": "text", "props": {"text": "Monthly summary for Feb", "elementType": "span"}, "styles": {"color": "#94a3b8", "fontSize": "12px"}}], "layerName": "Event Info"}, {"id": "db-event-time-a4", "type": "text", "props": {"text": "3 hr ago", "elementType": "span"}, "styles": {"color": "#94a3b8", "fontSize": "12px"}, "layerName": "Time"}], "layerName": "Report generated"}, {"id": "db-activity-row-a5", "type": "row", "styles": {"gap": "12px", "display": "flex", "padding": "14px 0", "alignItems": "center", "borderBottom": "1px solid #f8fafc", "flexDirection": "row"}, "children": [{"id": "db-dot-a5", "type": "box", "styles": {"width": "8px", "height": "8px", "minWidth": "8px", "borderRadius": "50%", "backgroundColor": "#94a3b8"}, "layerName": "Dot"}, {"id": "db-event-a5", "type": "column", "styles": {"gap": "2px", "flex": "1", "display": "flex", "flexDirection": "column"}, "children": [{"id": "db-event-name-a5", "type": "text", "props": {"text": "Server restarted", "elementType": "span"}, "styles": {"color": "#1a1a2e", "fontSize": "14px", "fontWeight": "600"}}, {"id": "db-event-detail-a5", "type": "text", "props": {"text": "Auto-scaled to 3 instances", "elementType": "span"}, "styles": {"color": "#94a3b8", "fontSize": "12px"}}], "layerName": "Event Info"}, {"id": "db-event-time-a5", "type": "text", "props": {"text": "6 hr ago", "elementType": "span"}, "styles": {"color": "#94a3b8", "fontSize": "12px"}, "layerName": "Time"}], "layerName": "Server restarted"}], "layerName": "Recent Activity"}], "layerName": "Content"}], "layerName": "Page"}, "route": "/", "isDefault": true}], "stateData": {"state": {}, "version": 1}, "currentPageId": "db-page-home", "pageStateData": {}}, "version": 0} |