From 8bd018dafd6982fa33063f780b66cc27186a7c43 Mon Sep 17 00:00:00 2001 From: ritikrishu Date: Thu, 12 Feb 2026 02:51:16 +0530 Subject: [PATCH 1/3] Test design update --- test-fixtures/designs/random.pen | 6502 +++++++++++++++++++++++++++++- 1 file changed, 6501 insertions(+), 1 deletion(-) diff --git a/test-fixtures/designs/random.pen b/test-fixtures/designs/random.pen index b1291ad..262d792 100644 --- a/test-fixtures/designs/random.pen +++ b/test-fixtures/designs/random.pen @@ -1 +1,6501 @@ -{"version": "2.7", "children": [{"type": "frame", "id": "J1VeO", "x": 0, "y": 0, "name": "1. Dashboard", "width": 1440, "height": 900, "fill": "#F0F4F8", "children": [{"id": "uRPAd", "type": "ref", "ref": "ktLFy", "height": "fill_container", "name": "dashSidebar", "descendants": {"PRKdq": {"children": [{"id": "lgqZR", "type": "ref", "ref": "BQvu5", "name": "nav1", "descendants": {"fTOAO": {"iconFontName": "layout-grid"}, "Pkmq1": {"content": "DASHBOARD"}}}, {"id": "T1IEH", "type": "ref", "ref": "dqDUJ", "name": "nav2", "descendants": {"APqrn": {"iconFontName": "video"}, "SD8e6": {"content": "INTERVIEWS"}}}, {"id": "uFvDK", "type": "ref", "ref": "dqDUJ", "name": "nav3", "descendants": {"APqrn": {"iconFontName": "users"}, "SD8e6": {"content": "CANDIDATES"}}}, {"id": "g7k6y", "type": "ref", "ref": "dqDUJ", "name": "nav4", "descendants": {"APqrn": {"iconFontName": "message-circle"}, "SD8e6": {"content": "QUESTIONS"}}}, {"id": "hb4ck", "type": "ref", "ref": "dqDUJ", "name": "nav5", "descendants": {"APqrn": {"iconFontName": "cpu"}, "SD8e6": {"content": "AI SETTINGS"}}}, {"id": "SOriX", "type": "ref", "ref": "dqDUJ", "name": "nav6", "descendants": {"APqrn": {"iconFontName": "chart-bar"}, "SD8e6": {"content": "ANALYTICS"}}}, {"id": "VrIDO", "type": "ref", "ref": "dqDUJ", "name": "nav7", "descendants": {"APqrn": {"iconFontName": "briefcase"}, "SD8e6": {"content": "POSITIONS"}}}, {"id": "QZHlq", "type": "ref", "ref": "dqDUJ", "name": "nav8", "descendants": {"APqrn": {"iconFontName": "settings"}, "SD8e6": {"content": "SETTINGS"}}}]}}}, {"type": "frame", "id": "c4gTM", "name": "Main Content", "clip": true, "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 48, "padding": [48, 56], "children": [{"type": "frame", "id": "l4pJ1", "name": "Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "jPHW9", "name": "headerLeft", "layout": "vertical", "gap": 12, "children": [{"type": "text", "id": "eAx7A", "name": "headerTitle", "fill": "$--text-primary", "content": "Dashboard", "fontFamily": "Space Grotesk", "fontSize": 56, "fontWeight": "700"}, {"type": "text", "id": "9SRra", "name": "headerSubtitle", "fill": "$--gray-600", "content": "Overview of AI interview performance and metrics", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal"}]}, {"type": "frame", "id": "8HrtD", "name": "headerActions", "gap": 12, "children": [{"id": "KPf2P", "type": "ref", "ref": "xnjor", "name": "searchBtn", "descendants": {"XxnZY": {"iconFontName": "search"}, "UOd7G": {"content": "SEARCH"}}}, {"id": "2kg5u", "type": "ref", "ref": "OrUHf", "name": "newBtn", "descendants": {"LqtmP": {"iconFontName": "plus"}, "H1Iqt": {"content": "NEW INTERVIEW"}}}]}]}, {"type": "frame", "id": "Lj7I2", "name": "Metrics Row", "width": "fill_container", "gap": 20, "children": [{"id": "A2iEY", "type": "ref", "ref": "3GAB1", "width": "fill_container", "name": "metric1", "descendants": {"pZzin": {"content": "TOTAL INTERVIEWS"}, "Buu5k": {"content": "2,847"}, "4vtP8": {"content": "+12.5%"}}}, {"id": "lbkDL", "type": "ref", "ref": "3GAB1", "width": "fill_container", "name": "metric2", "descendants": {"pZzin": {"content": "COMPLETION RATE"}, "Buu5k": {"content": "94.2%"}, "4vtP8": {"content": "+3.8%"}}}, {"id": "xiibb", "type": "ref", "ref": "3GAB1", "width": "fill_container", "name": "metric3", "descendants": {"pZzin": {"content": "AVG. SCORE"}, "Buu5k": {"content": "78.5"}, "NWOrF": {"iconFontName": "arrow-down-right", "fill": "$--error"}, "4vtP8": {"content": "-2.1%", "fill": "$--error"}}}, {"id": "9YVhq", "type": "ref", "ref": "3GAB1", "width": "fill_container", "name": "metric4", "descendants": {"pZzin": {"content": "AVG. DURATION"}, "Buu5k": {"content": "24m"}, "NWOrF": {"iconFontName": "minus", "fill": "$--gray-400"}, "4vtP8": {"content": "0.0%", "fill": "$--gray-400"}}}]}, {"type": "frame", "id": "ElVq3", "name": "Main Row", "width": "fill_container", "height": 320, "gap": 20, "children": [{"type": "frame", "id": "D1mht", "name": "Chart Card", "width": "fill_container", "height": "fill_container", "fill": "$--bg-card", "layout": "vertical", "gap": 24, "padding": 24, "children": [{"type": "text", "id": "BRBoL", "name": "chartHeader", "fill": "$--text-primary", "content": "Interview Trends", "fontFamily": "Space Grotesk", "fontSize": 20, "fontWeight": "700"}, {"type": "frame", "id": "w9eyW", "name": "Chart Area", "width": "fill_container", "height": "fill_container", "gap": 12, "padding": [0, 20], "justifyContent": "space_between", "alignItems": "end", "children": [{"type": "frame", "id": "yFZIr", "name": "bar1", "height": "fill_container", "layout": "vertical", "gap": 10, "justifyContent": "end", "alignItems": "center", "children": [{"type": "frame", "id": "XAtwW", "name": "bar1Fill", "width": 40, "height": 120, "fill": "$--charcoal"}, {"type": "text", "id": "s7ewi", "name": "bar1Label", "fill": "$--gray-400", "content": "MON", "fontFamily": "Space Grotesk", "fontSize": 11, "fontWeight": "500"}]}, {"type": "frame", "id": "W15DR", "name": "bar2", "height": "fill_container", "layout": "vertical", "gap": 10, "justifyContent": "end", "alignItems": "center", "children": [{"type": "frame", "id": "wYvO2", "name": "bar2Fill", "width": 40, "height": 180, "fill": "$--charcoal"}, {"type": "text", "id": "1NsuU", "name": "bar2Label", "fill": "$--gray-400", "content": "TUE", "fontFamily": "Space Grotesk", "fontSize": 11, "fontWeight": "500"}]}, {"type": "frame", "id": "Acxzu", "name": "bar3", "height": "fill_container", "layout": "vertical", "gap": 10, "justifyContent": "end", "alignItems": "center", "children": [{"type": "frame", "id": "PcY50", "name": "bar3Fill", "width": 40, "height": 90, "fill": "$--charcoal"}, {"type": "text", "id": "z9WHi", "name": "bar3Label", "fill": "$--gray-400", "content": "WED", "fontFamily": "Space Grotesk", "fontSize": 11, "fontWeight": "500"}]}, {"type": "frame", "id": "BtIqD", "name": "bar4", "height": "fill_container", "layout": "vertical", "gap": 10, "justifyContent": "end", "alignItems": "center", "children": [{"type": "frame", "id": "nX55l", "name": "bar4Fill", "width": 40, "height": 200, "fill": "$--terracotta"}, {"type": "text", "id": "yKMAK", "name": "bar4Label", "fill": "$--gray-400", "content": "THU", "fontFamily": "Space Grotesk", "fontSize": 11, "fontWeight": "500"}]}, {"type": "frame", "id": "0U1D5", "name": "bar5", "height": "fill_container", "layout": "vertical", "gap": 10, "justifyContent": "end", "alignItems": "center", "children": [{"type": "frame", "id": "jVb0o", "name": "bar5Fill", "width": 40, "height": 150, "fill": "$--charcoal"}, {"type": "text", "id": "stMhS", "name": "bar5Label", "fill": "$--gray-400", "content": "FRI", "fontFamily": "Space Grotesk", "fontSize": 11, "fontWeight": "500"}]}, {"type": "frame", "id": "CBuQ8", "name": "bar6", "height": "fill_container", "layout": "vertical", "gap": 10, "justifyContent": "end", "alignItems": "center", "children": [{"type": "frame", "id": "I0O3v", "name": "bar6Fill", "width": 40, "height": 60, "fill": "$--charcoal"}, {"type": "text", "id": "9KylL", "name": "bar6Label", "fill": "$--gray-400", "content": "SAT", "fontFamily": "Space Grotesk", "fontSize": 11, "fontWeight": "500"}]}, {"type": "frame", "id": "CvHiE", "name": "bar7", "height": "fill_container", "layout": "vertical", "gap": 10, "justifyContent": "end", "alignItems": "center", "children": [{"type": "frame", "id": "SNIZs", "name": "bar7Fill", "width": 40, "height": 40, "fill": "$--charcoal"}, {"type": "text", "id": "f49m5", "name": "bar7Label", "fill": "$--gray-400", "content": "SUN", "fontFamily": "Space Grotesk", "fontSize": 11, "fontWeight": "500"}]}]}]}, {"type": "frame", "id": "RdHVY", "name": "Activity Feed", "width": 380, "height": "fill_container", "fill": "$--bg-dark-card", "layout": "vertical", "gap": 24, "padding": 24, "children": [{"type": "frame", "id": "2YoXg", "name": "activityHeader", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "text", "id": "nWUlv", "name": "activityTitle", "fill": "$--text-light", "content": "Recent Activity", "fontFamily": "Space Grotesk", "fontSize": 20, "fontWeight": "700"}, {"type": "text", "id": "ZhHzs", "name": "activityLink", "fill": "$--terracotta", "content": "VIEW ALL", "fontFamily": "Space Grotesk", "fontSize": 11, "fontWeight": "600"}]}, {"type": "frame", "id": "Z1hik", "name": "activityList", "width": "fill_container", "height": "fill_container", "layout": "vertical", "children": [{"id": "thKY2", "type": "ref", "ref": "M8IrH", "name": "act1", "descendants": {"5Jmsc": {"fill": "$--success"}, "hZCb0": {"content": "Interview Completed"}, "8QOfM": {"content": "Sarah Johnson - Senior Developer"}}}, {"id": "Z1BS7", "type": "ref", "ref": "M8IrH", "name": "act2", "descendants": {"5Jmsc": {"fill": "$--info"}, "hZCb0": {"content": "New Candidate Applied"}, "8QOfM": {"content": "Michael Chen - Full Stack Engineer"}}}, {"id": "FTWuv", "type": "ref", "ref": "M8IrH", "name": "act3", "descendants": {"5Jmsc": {"fill": "$--warning"}, "hZCb0": {"content": "Interview Scheduled"}, "8QOfM": {"content": "Emma Wilson - Product Designer"}}}, {"id": "H8uGw", "type": "ref", "ref": "M8IrH", "name": "act4", "descendants": {"5Jmsc": {"fill": "$--success"}, "hZCb0": {"content": "AI Analysis Ready"}, "8QOfM": {"content": "James Brown - Data Scientist"}}}]}]}]}]}]}, {"type": "frame", "id": "iVES0", "x": 1540, "y": 0, "name": "2. Interviews", "width": 1440, "height": 900, "fill": "$--bg-page", "children": [{"id": "hSsW3", "type": "ref", "ref": "ktLFy", "height": "fill_container", "name": "intSidebar", "descendants": {"PRKdq": {"children": [{"id": "4LpmB", "type": "ref", "ref": "dqDUJ", "name": "inav1", "descendants": {"APqrn": {"iconFontName": "layout-grid"}, "SD8e6": {"content": "DASHBOARD"}}}, {"id": "CtKRZ", "type": "ref", "ref": "BQvu5", "name": "inav2", "descendants": {"fTOAO": {"iconFontName": "video"}, "Pkmq1": {"content": "INTERVIEWS"}}}, {"id": "gtVU8", "type": "ref", "ref": "dqDUJ", "name": "inav3", "descendants": {"APqrn": {"iconFontName": "users"}, "SD8e6": {"content": "CANDIDATES"}}}, {"id": "6UUgD", "type": "ref", "ref": "dqDUJ", "name": "inav4", "descendants": {"APqrn": {"iconFontName": "message-circle"}, "SD8e6": {"content": "QUESTIONS"}}}, {"id": "NpjNV", "type": "ref", "ref": "dqDUJ", "name": "inav5", "descendants": {"APqrn": {"iconFontName": "cpu"}, "SD8e6": {"content": "AI SETTINGS"}}}, {"id": "A5PBm", "type": "ref", "ref": "dqDUJ", "name": "inav6", "descendants": {"APqrn": {"iconFontName": "chart-bar"}, "SD8e6": {"content": "ANALYTICS"}}}, {"id": "3TNSa", "type": "ref", "ref": "dqDUJ", "name": "inav7", "descendants": {"APqrn": {"iconFontName": "briefcase"}, "SD8e6": {"content": "POSITIONS"}}}, {"id": "YONO8", "type": "ref", "ref": "dqDUJ", "name": "inav8", "descendants": {"APqrn": {"iconFontName": "settings"}, "SD8e6": {"content": "SETTINGS"}}}]}}}, {"type": "frame", "id": "Cu1ae", "name": "Main Content", "clip": true, "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 32, "padding": [48, 56], "children": [{"type": "frame", "id": "bybSh", "name": "Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "864jU", "name": "intHeaderLeft", "layout": "vertical", "gap": 12, "children": [{"type": "text", "id": "ioqw6", "name": "intTitle", "fill": "$--text-primary", "content": "Interviews", "fontFamily": "Space Grotesk", "fontSize": 56, "fontWeight": "700"}, {"type": "text", "id": "pW4Bu", "name": "intSubtitle", "fill": "$--gray-600", "content": "Manage and monitor all AI-powered interviews", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal"}]}, {"type": "frame", "id": "bCID0", "name": "intActions", "gap": 12, "children": [{"id": "pT4Wf", "type": "ref", "ref": "xnjor", "name": "intFilter", "descendants": {"XxnZY": {"iconFontName": "sliders-horizontal"}, "UOd7G": {"content": "FILTER"}}}, {"id": "jPct0", "type": "ref", "ref": "xnjor", "name": "intSearch", "descendants": {"XxnZY": {"iconFontName": "search"}, "UOd7G": {"content": "SEARCH"}}}, {"id": "M7M2X", "type": "ref", "ref": "OrUHf", "name": "intNew", "descendants": {"LqtmP": {"iconFontName": "plus"}, "H1Iqt": {"content": "SCHEDULE INTERVIEW"}}}]}]}, {"type": "frame", "id": "vg1ve", "name": "Table Card", "width": "fill_container", "height": "fill_container", "fill": "$--bg-card", "layout": "vertical", "gap": 20, "padding": 24, "children": [{"type": "frame", "id": "IchlU", "name": "tableHeader", "width": "fill_container", "stroke": {"align": "inside", "thickness": {"bottom": 1}, "fill": "$--charcoal"}, "padding": [12, 0], "children": [{"type": "text", "id": "QRhbC", "name": "th1", "fill": "$--text-primary", "content": "CANDIDATE", "fontFamily": "Space Grotesk", "fontSize": 11, "fontWeight": "600"}, {"type": "text", "id": "Vvwyr", "name": "th2", "fill": "$--text-primary", "content": "POSITION", "fontFamily": "Space Grotesk", "fontSize": 11, "fontWeight": "600"}, {"type": "text", "id": "POp7C", "name": "th3", "fill": "$--text-primary", "content": "TYPE", "fontFamily": "Space Grotesk", "fontSize": 11, "fontWeight": "600"}, {"type": "text", "id": "5g4Dn", "name": "th4", "fill": "$--text-primary", "content": "DATE", "fontFamily": "Space Grotesk", "fontSize": 11, "fontWeight": "600"}, {"type": "text", "id": "HxtZR", "name": "th5", "fill": "$--text-primary", "content": "SCORE", "fontFamily": "Space Grotesk", "fontSize": 11, "fontWeight": "600"}, {"type": "text", "id": "yRyQC", "name": "th6", "fill": "$--text-primary", "content": "STATUS", "fontFamily": "Space Grotesk", "fontSize": 11, "fontWeight": "600"}]}, {"type": "frame", "id": "oa3bl", "name": "Table Body", "width": "fill_container", "layout": "vertical", "children": [{"type": "frame", "id": "6fIGJ", "name": "row1", "width": "fill_container", "stroke": {"align": "inside", "thickness": {"bottom": 1}, "fill": "$--border-light"}, "padding": [16, 0], "alignItems": "center", "children": [{"type": "frame", "id": "WXvWU", "name": "r1c1", "width": 200, "layout": "vertical", "gap": 4, "children": [{"type": "text", "id": "Ck10d", "name": "r1c1n", "fill": "$--text-primary", "content": "Sarah Johnson", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "600"}, {"type": "text", "id": "2R4qe", "name": "r1c1e", "fill": "$--gray-600", "content": "sarah@email.com", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal"}]}, {"type": "text", "id": "YSNqa", "name": "r1c2", "fill": "$--text-secondary", "content": "Senior Developer", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "normal"}, {"type": "text", "id": "q7bx3", "name": "r1c3", "fill": "$--gray-600", "content": "Technical", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "normal"}, {"type": "text", "id": "nUhwE", "name": "r1c4", "fill": "$--gray-600", "content": "Jan 15, 2024", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "normal"}, {"type": "text", "id": "852cK", "name": "r1c5", "fill": "$--success", "content": "92%", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "700"}, {"id": "1yCCH", "type": "ref", "ref": "tB1lb", "name": "r1c6", "descendants": {"xeHpr": {"content": "COMPLETED"}}}]}, {"type": "frame", "id": "3Y1yO", "name": "row2", "width": "fill_container", "stroke": {"align": "inside", "thickness": {"bottom": 1}, "fill": "$--border-light"}, "padding": [16, 0], "alignItems": "center", "children": [{"type": "frame", "id": "q8M5V", "name": "r2c1", "width": 200, "layout": "vertical", "gap": 4, "children": [{"type": "text", "id": "PIdFl", "name": "r2c1n", "fill": "$--text-primary", "content": "Michael Chen", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "600"}, {"type": "text", "id": "dH32V", "name": "r2c1e", "fill": "$--gray-600", "content": "m.chen@email.com", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal"}]}, {"type": "text", "id": "rH6ju", "name": "r2c2", "fill": "$--text-secondary", "content": "Full Stack Engineer", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "normal"}, {"type": "text", "id": "kyaSq", "name": "r2c3", "fill": "$--gray-600", "content": "Behavioral", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "normal"}, {"type": "text", "id": "IfTkf", "name": "r2c4", "fill": "$--gray-600", "content": "Jan 16, 2024", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "normal"}, {"type": "text", "id": "eg91a", "name": "r2c5", "fill": "$--gray-400", "content": "\u2014", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "normal"}, {"id": "kkK4n", "type": "ref", "ref": "LJ00f", "name": "r2c6", "descendants": {"TZ7lV": {"content": "SCHEDULED"}}}]}, {"type": "frame", "id": "hayyf", "name": "row3", "width": "fill_container", "stroke": {"align": "inside", "thickness": {"bottom": 1}, "fill": "$--border-light"}, "padding": [16, 0], "alignItems": "center", "children": [{"type": "frame", "id": "gGnR6", "name": "r3c1", "width": 200, "layout": "vertical", "gap": 4, "children": [{"type": "text", "id": "xbH0X", "name": "r3c1n", "fill": "$--text-primary", "content": "Emma Wilson", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "600"}, {"type": "text", "id": "nAC6i", "name": "r3c1e", "fill": "$--gray-600", "content": "emma.w@email.com", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal"}]}, {"type": "text", "id": "FrAQw", "name": "r3c2", "fill": "$--text-secondary", "content": "Product Designer", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "normal"}, {"type": "text", "id": "hYYp7", "name": "r3c3", "fill": "$--gray-600", "content": "Portfolio Review", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "normal"}, {"type": "text", "id": "EsYVS", "name": "r3c4", "fill": "$--gray-600", "content": "Jan 14, 2024", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "normal"}, {"type": "text", "id": "aO198", "name": "r3c5", "fill": "$--success", "content": "85%", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "700"}, {"id": "2g0eg", "type": "ref", "ref": "tB1lb", "name": "r3c6", "descendants": {"xeHpr": {"content": "COMPLETED"}}}]}, {"type": "frame", "id": "0XFgl", "name": "row4", "width": "fill_container", "stroke": {"align": "inside", "thickness": {"bottom": 1}, "fill": "$--border-light"}, "padding": [16, 0], "alignItems": "center", "children": [{"type": "frame", "id": "gs98C", "name": "r4c1", "width": 200, "layout": "vertical", "gap": 4, "children": [{"type": "text", "id": "WjfgX", "name": "r4c1n", "fill": "$--text-primary", "content": "James Brown", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "600"}, {"type": "text", "id": "J6JPN", "name": "r4c1e", "fill": "$--gray-600", "content": "j.brown@email.com", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal"}]}, {"type": "text", "id": "1WW9s", "name": "r4c2", "fill": "$--text-secondary", "content": "Data Scientist", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "normal"}, {"type": "text", "id": "KEJqK", "name": "r4c3", "fill": "$--gray-600", "content": "Technical", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "normal"}, {"type": "text", "id": "FmWqb", "name": "r4c4", "fill": "$--gray-600", "content": "Jan 17, 2024", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "normal"}, {"type": "text", "id": "MHy8M", "name": "r4c5", "fill": "$--gray-400", "content": "\u2014", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "normal"}, {"id": "JlJ5M", "type": "ref", "ref": "AqG8V", "name": "r4c6", "descendants": {"TPGmN": {"content": "IN PROGRESS"}}}]}, {"type": "frame", "id": "hwI23", "name": "row5", "width": "fill_container", "stroke": {"align": "inside", "thickness": {"bottom": 1}, "fill": "$--border-light"}, "padding": [16, 0], "alignItems": "center", "children": [{"type": "frame", "id": "CBgyM", "name": "r5c1", "width": 200, "layout": "vertical", "gap": 4, "children": [{"type": "text", "id": "ljhj6", "name": "r5c1n", "fill": "$--text-primary", "content": "Lisa Anderson", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "600"}, {"type": "text", "id": "f0kfY", "name": "r5c1e", "fill": "$--gray-600", "content": "lisa.a@email.com", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal"}]}, {"type": "text", "id": "xxQm1", "name": "r5c2", "fill": "$--text-secondary", "content": "DevOps Engineer", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "normal"}, {"type": "text", "id": "TBSB1", "name": "r5c3", "fill": "$--gray-600", "content": "System Design", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "normal"}, {"type": "text", "id": "Hz5Oj", "name": "r5c4", "fill": "$--gray-600", "content": "Jan 13, 2024", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "normal"}, {"type": "text", "id": "M6ITO", "name": "r5c5", "fill": "$--warning", "content": "78%", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "700"}, {"id": "b8kJh", "type": "ref", "ref": "tB1lb", "name": "r5c6", "descendants": {"xeHpr": {"content": "COMPLETED"}}}]}]}]}]}]}, {"type": "frame", "id": "x7cUJ", "x": 3080, "y": 0, "name": "3. Candidates", "width": 1440, "height": 900, "fill": "$--bg-page", "children": [{"id": "ehtcJ", "type": "ref", "ref": "ktLFy", "height": "fill_container", "name": "candSidebar", "descendants": {"PRKdq": {"children": [{"id": "jt19x", "type": "ref", "ref": "dqDUJ", "name": "cnav1", "descendants": {"APqrn": {"iconFontName": "layout-grid"}, "SD8e6": {"content": "DASHBOARD"}}}, {"id": "o3oCT", "type": "ref", "ref": "dqDUJ", "name": "cnav2", "descendants": {"APqrn": {"iconFontName": "video"}, "SD8e6": {"content": "INTERVIEWS"}}}, {"id": "9Oxkn", "type": "ref", "ref": "BQvu5", "name": "cnav3", "descendants": {"fTOAO": {"iconFontName": "users"}, "Pkmq1": {"content": "CANDIDATES"}}}, {"id": "sqjGc", "type": "ref", "ref": "dqDUJ", "name": "cnav4", "descendants": {"APqrn": {"iconFontName": "message-circle"}, "SD8e6": {"content": "QUESTIONS"}}}, {"id": "loGMn", "type": "ref", "ref": "dqDUJ", "name": "cnav5", "descendants": {"APqrn": {"iconFontName": "cpu"}, "SD8e6": {"content": "AI SETTINGS"}}}, {"id": "vdXeU", "type": "ref", "ref": "dqDUJ", "name": "cnav6", "descendants": {"APqrn": {"iconFontName": "chart-bar"}, "SD8e6": {"content": "ANALYTICS"}}}, {"id": "M13Fl", "type": "ref", "ref": "dqDUJ", "name": "cnav7", "descendants": {"APqrn": {"iconFontName": "briefcase"}, "SD8e6": {"content": "POSITIONS"}}}, {"id": "xUFQu", "type": "ref", "ref": "dqDUJ", "name": "cnav8", "descendants": {"APqrn": {"iconFontName": "settings"}, "SD8e6": {"content": "SETTINGS"}}}]}}}, {"type": "frame", "id": "thHj0", "name": "Main Content", "clip": true, "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 32, "padding": [48, 56], "children": [{"type": "frame", "id": "B1DeA", "name": "Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "Y6vVk", "name": "candHeaderLeft", "layout": "vertical", "gap": 12, "children": [{"type": "text", "id": "rZvrG", "name": "candTitle", "fill": "$--text-primary", "content": "Candidates", "fontFamily": "Space Grotesk", "fontSize": 56, "fontWeight": "700"}, {"type": "text", "id": "1cEf8", "name": "candSubtitle", "fill": "$--gray-600", "content": "View and manage candidate profiles and performance", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal"}]}, {"type": "frame", "id": "EikO8", "name": "candActions", "gap": 12, "children": [{"id": "t8Xc1", "type": "ref", "ref": "xnjor", "name": "candSearch", "descendants": {"XxnZY": {"iconFontName": "search"}, "UOd7G": {"content": "SEARCH"}}}, {"id": "Xs9VQ", "type": "ref", "ref": "OrUHf", "name": "candAdd", "descendants": {"LqtmP": {"iconFontName": "user-plus"}, "H1Iqt": {"content": "ADD CANDIDATE"}}}]}]}, {"type": "frame", "id": "nwK1D", "name": "candStats", "width": "fill_container", "gap": 20, "children": [{"id": "W0AgA", "type": "ref", "ref": "3GAB1", "width": "fill_container", "name": "cstat1", "descendants": {"pZzin": {"content": "TOTAL CANDIDATES"}, "Buu5k": {"content": "1,234"}, "4vtP8": {"content": "+8.2%"}}}, {"id": "XbwSn", "type": "ref", "ref": "3GAB1", "width": "fill_container", "name": "cstat2", "descendants": {"pZzin": {"content": "INTERVIEWED"}, "Buu5k": {"content": "847"}, "4vtP8": {"content": "+15.3%"}}}, {"id": "IYJG9", "type": "ref", "ref": "3GAB1", "width": "fill_container", "name": "cstat3", "descendants": {"pZzin": {"content": "HIRED"}, "Buu5k": {"content": "156"}, "4vtP8": {"content": "+22.1%"}}}, {"id": "kUXIK", "type": "ref", "ref": "3GAB1", "width": "fill_container", "name": "cstat4", "descendants": {"pZzin": {"content": "PENDING REVIEW"}, "Buu5k": {"content": "89"}, "NWOrF": {"iconFontName": "minus", "fill": "$--gray-400"}, "4vtP8": {"content": "0.0%", "fill": "$--gray-400"}}}]}, {"type": "frame", "id": "QtdtN", "name": "Candidate Grid", "width": "fill_container", "gap": 20, "children": [{"type": "frame", "id": "oKuLc", "name": "cCard1", "width": "fill_container", "fill": "$--bg-card", "layout": "vertical", "gap": 16, "padding": 24, "children": [{"type": "frame", "id": "mWXiN", "name": "cCard1Top", "width": "fill_container", "gap": 16, "alignItems": "center", "children": [{"type": "frame", "id": "zvVD0", "name": "cCard1Avatar", "width": 56, "height": 56, "fill": "$--charcoal", "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "9TXH1", "name": "cCard1Init", "fill": "$--text-light", "content": "SJ", "fontFamily": "Space Grotesk", "fontSize": 18, "fontWeight": "600"}]}, {"type": "frame", "id": "Ns12r", "name": "cCard1Info", "width": "fill_container", "layout": "vertical", "gap": 4, "children": [{"type": "text", "id": "SPFz3", "name": "cCard1Name", "fill": "$--text-primary", "content": "Sarah Johnson", "fontFamily": "Space Grotesk", "fontSize": 18, "fontWeight": "700"}, {"type": "text", "id": "BzSgC", "name": "cCard1Role", "fill": "$--gray-600", "content": "Senior Developer", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal"}]}]}, {"type": "frame", "id": "hJa03", "name": "cCard1Stats", "width": "fill_container", "gap": 24, "children": [{"type": "frame", "id": "2QrYN", "name": "cCard1Stat1", "layout": "vertical", "gap": 4, "children": [{"type": "text", "id": "3K1lC", "name": "cCard1S1L", "fill": "$--gray-600", "content": "SCORE", "fontFamily": "Space Grotesk", "fontSize": 10, "fontWeight": "600"}, {"type": "text", "id": "O9ser", "name": "cCard1S1V", "fill": "$--success", "content": "92%", "fontFamily": "Space Grotesk", "fontSize": 20, "fontWeight": "700"}]}, {"type": "frame", "id": "vJCV2", "name": "cCard1Stat2", "layout": "vertical", "gap": 4, "children": [{"type": "text", "id": "mW6yH", "name": "cCard1S2L", "fill": "$--gray-600", "content": "INTERVIEWS", "fontFamily": "Space Grotesk", "fontSize": 10, "fontWeight": "600"}, {"type": "text", "id": "B3r33", "name": "cCard1S2V", "fill": "$--text-primary", "content": "3", "fontFamily": "Space Grotesk", "fontSize": 20, "fontWeight": "700"}]}]}, {"id": "P31Y5", "type": "ref", "ref": "tB1lb", "name": "cCard1Badge", "descendants": {"xeHpr": {"content": "HIRED"}}}]}, {"type": "frame", "id": "tKHSv", "name": "cCard2", "width": "fill_container", "fill": "$--bg-card", "layout": "vertical", "gap": 16, "padding": 24, "children": [{"type": "frame", "id": "zZJd3", "name": "cCard2Top", "width": "fill_container", "gap": 16, "alignItems": "center", "children": [{"type": "frame", "id": "dxQHE", "name": "cCard2Avatar", "width": 56, "height": 56, "fill": "$--terracotta", "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "CqVdq", "name": "cCard2Init", "fill": "$--text-light", "content": "MC", "fontFamily": "Space Grotesk", "fontSize": 18, "fontWeight": "600"}]}, {"type": "frame", "id": "74zz8", "name": "cCard2Info", "width": "fill_container", "layout": "vertical", "gap": 4, "children": [{"type": "text", "id": "hfMa1", "name": "cCard2Name", "fill": "$--text-primary", "content": "Michael Chen", "fontFamily": "Space Grotesk", "fontSize": 18, "fontWeight": "700"}, {"type": "text", "id": "P50Sa", "name": "cCard2Role", "fill": "$--gray-600", "content": "Full Stack Engineer", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal"}]}]}, {"type": "frame", "id": "ieBWm", "name": "cCard2Stats", "width": "fill_container", "gap": 24, "children": [{"type": "frame", "id": "loUMG", "name": "cCard2Stat1", "layout": "vertical", "gap": 4, "children": [{"type": "text", "id": "HalRp", "name": "cCard2S1L", "fill": "$--gray-600", "content": "SCORE", "fontFamily": "Space Grotesk", "fontSize": 10, "fontWeight": "600"}, {"type": "text", "id": "ehsX3", "name": "cCard2S1V", "fill": "$--gray-400", "content": "\u2014", "fontFamily": "Space Grotesk", "fontSize": 20, "fontWeight": "700"}]}, {"type": "frame", "id": "DrnUu", "name": "cCard2Stat2", "layout": "vertical", "gap": 4, "children": [{"type": "text", "id": "iBQNK", "name": "cCard2S2L", "fill": "$--gray-600", "content": "INTERVIEWS", "fontFamily": "Space Grotesk", "fontSize": 10, "fontWeight": "600"}, {"type": "text", "id": "letlE", "name": "cCard2S2V", "fill": "$--text-primary", "content": "0", "fontFamily": "Space Grotesk", "fontSize": 20, "fontWeight": "700"}]}]}, {"id": "IjaqG", "type": "ref", "ref": "LJ00f", "name": "cCard2Badge", "descendants": {"TZ7lV": {"content": "SCHEDULED"}}}]}, {"type": "frame", "id": "gAbZv", "name": "cCard3", "width": "fill_container", "fill": "$--bg-card", "layout": "vertical", "gap": 16, "padding": 24, "children": [{"type": "frame", "id": "P1bZb", "name": "cCard3Top", "width": "fill_container", "gap": 16, "alignItems": "center", "children": [{"type": "frame", "id": "xSqpP", "name": "cCard3Avatar", "width": 56, "height": 56, "fill": "$--info", "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "idAJq", "name": "cCard3Init", "fill": "$--text-light", "content": "EW", "fontFamily": "Space Grotesk", "fontSize": 18, "fontWeight": "600"}]}, {"type": "frame", "id": "gpGpv", "name": "cCard3Info", "width": "fill_container", "layout": "vertical", "gap": 4, "children": [{"type": "text", "id": "4MIKa", "name": "cCard3Name", "fill": "$--text-primary", "content": "Emma Wilson", "fontFamily": "Space Grotesk", "fontSize": 18, "fontWeight": "700"}, {"type": "text", "id": "mKm87", "name": "cCard3Role", "fill": "$--gray-600", "content": "Product Designer", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal"}]}]}, {"type": "frame", "id": "i7GPp", "name": "cCard3Stats", "width": "fill_container", "gap": 24, "children": [{"type": "frame", "id": "W8SH6", "name": "cCard3Stat1", "layout": "vertical", "gap": 4, "children": [{"type": "text", "id": "2XQKd", "name": "cCard3S1L", "fill": "$--gray-600", "content": "SCORE", "fontFamily": "Space Grotesk", "fontSize": 10, "fontWeight": "600"}, {"type": "text", "id": "w4U29", "name": "cCard3S1V", "fill": "$--success", "content": "85%", "fontFamily": "Space Grotesk", "fontSize": 20, "fontWeight": "700"}]}, {"type": "frame", "id": "YLOWt", "name": "cCard3Stat2", "layout": "vertical", "gap": 4, "children": [{"type": "text", "id": "jBPAt", "name": "cCard3S2L", "fill": "$--gray-600", "content": "INTERVIEWS", "fontFamily": "Space Grotesk", "fontSize": 10, "fontWeight": "600"}, {"type": "text", "id": "ThP9W", "name": "cCard3S2V", "fill": "$--text-primary", "content": "2", "fontFamily": "Space Grotesk", "fontSize": 20, "fontWeight": "700"}]}]}, {"id": "K7lL9", "type": "ref", "ref": "AqG8V", "name": "cCard3Badge", "descendants": {"TPGmN": {"content": "IN REVIEW"}}}]}]}]}]}, {"type": "frame", "id": "Mvlj1", "x": 0, "y": 1000, "name": "4. Questions Bank", "width": 1440, "height": 900, "fill": "$--bg-page", "children": [{"id": "RUiow", "type": "ref", "ref": "ktLFy", "height": "fill_container", "name": "qSidebar", "descendants": {"PRKdq": {"children": [{"id": "W6rQ8", "type": "ref", "ref": "dqDUJ", "name": "qnav1", "descendants": {"APqrn": {"iconFontName": "layout-grid"}, "SD8e6": {"content": "DASHBOARD"}}}, {"id": "rJqnr", "type": "ref", "ref": "dqDUJ", "name": "qnav2", "descendants": {"APqrn": {"iconFontName": "video"}, "SD8e6": {"content": "INTERVIEWS"}}}, {"id": "dLESI", "type": "ref", "ref": "dqDUJ", "name": "qnav3", "descendants": {"APqrn": {"iconFontName": "users"}, "SD8e6": {"content": "CANDIDATES"}}}, {"id": "H6LuL", "type": "ref", "ref": "BQvu5", "name": "qnav4", "descendants": {"fTOAO": {"iconFontName": "message-circle"}, "Pkmq1": {"content": "QUESTIONS"}}}, {"id": "UZ5cB", "type": "ref", "ref": "dqDUJ", "name": "qnav5", "descendants": {"APqrn": {"iconFontName": "cpu"}, "SD8e6": {"content": "AI SETTINGS"}}}, {"id": "pNyXX", "type": "ref", "ref": "dqDUJ", "name": "qnav6", "descendants": {"APqrn": {"iconFontName": "chart-bar"}, "SD8e6": {"content": "ANALYTICS"}}}, {"id": "8oT8f", "type": "ref", "ref": "dqDUJ", "name": "qnav7", "descendants": {"APqrn": {"iconFontName": "briefcase"}, "SD8e6": {"content": "POSITIONS"}}}, {"id": "HkqJW", "type": "ref", "ref": "dqDUJ", "name": "qnav8", "descendants": {"APqrn": {"iconFontName": "settings"}, "SD8e6": {"content": "SETTINGS"}}}]}}}, {"type": "frame", "id": "oYQhH", "name": "Main Content", "clip": true, "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 32, "padding": [48, 56], "children": [{"type": "frame", "id": "gPVYn", "name": "Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "KKizz", "name": "qHeaderLeft", "layout": "vertical", "gap": 12, "children": [{"type": "text", "id": "Pb74q", "name": "qTitle", "fill": "$--text-primary", "content": "Questions Bank", "fontFamily": "Space Grotesk", "fontSize": 56, "fontWeight": "700"}, {"type": "text", "id": "Zjrnp", "name": "qSubtitle", "fill": "$--gray-600", "content": "AI-generated interview questions by category", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal"}]}, {"type": "frame", "id": "bfSXX", "name": "qActions", "gap": 12, "children": [{"id": "40ys1", "type": "ref", "ref": "xnjor", "name": "qSearch", "descendants": {"XxnZY": {"iconFontName": "search"}, "UOd7G": {"content": "SEARCH"}}}, {"id": "qnTzw", "type": "ref", "ref": "OrUHf", "name": "qGen", "descendants": {"LqtmP": {"iconFontName": "sparkles"}, "H1Iqt": {"content": "GENERATE QUESTIONS"}}}]}]}, {"type": "frame", "id": "04xTi", "name": "Categories", "width": "fill_container", "gap": 12, "children": [{"type": "frame", "id": "HabKy", "name": "qCat1", "fill": "$--charcoal", "gap": 8, "padding": [10, 16], "alignItems": "center", "children": [{"type": "icon_font", "id": "eV9iF", "name": "qCat1Icon", "width": 16, "height": 16, "iconFontName": "code", "iconFontFamily": "lucide", "fill": "$--text-light"}, {"type": "text", "id": "tyUyQ", "name": "qCat1Text", "fill": "$--text-light", "content": "TECHNICAL", "fontFamily": "Space Grotesk", "fontSize": 12, "fontWeight": "600"}]}, {"type": "frame", "id": "MeyOf", "name": "qCat2", "fill": "$--bg-card", "gap": 8, "padding": [10, 16], "alignItems": "center", "children": [{"type": "icon_font", "id": "250ei", "name": "qCat2Icon", "width": 16, "height": 16, "iconFontName": "heart", "iconFontFamily": "lucide", "fill": "$--gray-600"}, {"type": "text", "id": "00MdR", "name": "qCat2Text", "fill": "$--text-primary", "content": "BEHAVIORAL", "fontFamily": "Space Grotesk", "fontSize": 12, "fontWeight": "600"}]}, {"type": "frame", "id": "JxPrr", "name": "qCat3", "fill": "$--bg-card", "gap": 8, "padding": [10, 16], "alignItems": "center", "children": [{"type": "icon_font", "id": "V6xks", "name": "qCat3Icon", "width": 16, "height": 16, "iconFontName": "puzzle", "iconFontFamily": "lucide", "fill": "$--gray-600"}, {"type": "text", "id": "4iWIc", "name": "qCat3Text", "fill": "$--text-primary", "content": "PROBLEM SOLVING", "fontFamily": "Space Grotesk", "fontSize": 12, "fontWeight": "600"}]}, {"type": "frame", "id": "dGE85", "name": "qCat4", "fill": "$--bg-card", "gap": 8, "padding": [10, 16], "alignItems": "center", "children": [{"type": "icon_font", "id": "5Upkd", "name": "qCat4Icon", "width": 16, "height": 16, "iconFontName": "users", "iconFontFamily": "lucide", "fill": "$--gray-600"}, {"type": "text", "id": "RgwBb", "name": "qCat4Text", "fill": "$--text-primary", "content": "LEADERSHIP", "fontFamily": "Space Grotesk", "fontSize": 12, "fontWeight": "600"}]}]}, {"type": "frame", "id": "9KqvL", "name": "Questions List", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [{"type": "frame", "id": "H3edl", "name": "q1", "width": "fill_container", "fill": "$--bg-card", "layout": "vertical", "gap": 16, "padding": 24, "children": [{"type": "frame", "id": "Jh3Bp", "name": "q1Top", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "frame", "id": "egD1p", "name": "q1Left", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [{"type": "text", "id": "RejAP", "name": "q1Title", "fill": "$--text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": "Explain the difference between REST and GraphQL APIs", "fontFamily": "Space Grotesk", "fontSize": 16, "fontWeight": "600"}, {"type": "text", "id": "JejR8", "name": "q1Desc", "fill": "$--gray-600", "textGrowth": "fixed-width", "width": "fill_container", "content": "Tests understanding of API design patterns and when to use each approach.", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal"}]}]}, {"type": "frame", "id": "dlBMR", "name": "q1Tags", "gap": 8, "children": [{"type": "frame", "id": "DCO9y", "name": "q1Tag1", "fill": "$--bg-dark-surface", "padding": [4, 8], "children": [{"type": "text", "id": "T6skR", "name": "q1Tag1T", "fill": "$--text-light", "content": "BACKEND", "fontFamily": "Space Grotesk", "fontSize": 10, "fontWeight": "600"}]}, {"type": "frame", "id": "0WwyN", "name": "q1Tag2", "fill": "$--info", "padding": [4, 8], "children": [{"type": "text", "id": "PACP2", "name": "q1Tag2T", "fill": "$--text-light", "content": "INTERMEDIATE", "fontFamily": "Space Grotesk", "fontSize": 10, "fontWeight": "600"}]}]}]}, {"type": "frame", "id": "ZyixG", "name": "q2", "width": "fill_container", "fill": "$--bg-card", "layout": "vertical", "gap": 16, "padding": 24, "children": [{"type": "frame", "id": "Dtery", "name": "q2Top", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "frame", "id": "9gM3R", "name": "q2Left", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [{"type": "text", "id": "Q3BEF", "name": "q2Title", "fill": "$--text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": "How would you optimize a slow database query?", "fontFamily": "Space Grotesk", "fontSize": 16, "fontWeight": "600"}, {"type": "text", "id": "KI2Ui", "name": "q2Desc", "fill": "$--gray-600", "textGrowth": "fixed-width", "width": "fill_container", "content": "Evaluates knowledge of database optimization techniques and problem-solving approach.", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal"}]}]}, {"type": "frame", "id": "xM4IT", "name": "q2Tags", "gap": 8, "children": [{"type": "frame", "id": "UbfmT", "name": "q2Tag1", "fill": "$--bg-dark-surface", "padding": [4, 8], "children": [{"type": "text", "id": "bggkn", "name": "q2Tag1T", "fill": "$--text-light", "content": "DATABASE", "fontFamily": "Space Grotesk", "fontSize": 10, "fontWeight": "600"}]}, {"type": "frame", "id": "axw5L", "name": "q2Tag2", "fill": "$--terracotta", "padding": [4, 8], "children": [{"type": "text", "id": "xyglY", "name": "q2Tag2T", "fill": "$--text-light", "content": "ADVANCED", "fontFamily": "Space Grotesk", "fontSize": 10, "fontWeight": "600"}]}]}]}, {"type": "frame", "id": "4rghV", "name": "q3", "width": "fill_container", "fill": "$--bg-card", "layout": "vertical", "gap": 16, "padding": 24, "children": [{"type": "frame", "id": "tREkW", "name": "q3Top", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "frame", "id": "pjZbH", "name": "q3Left", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [{"type": "text", "id": "CSqVI", "name": "q3Title", "fill": "$--text-primary", "textGrowth": "fixed-width", "width": "fill_container", "content": "Describe a time when you had to work with a difficult team member", "fontFamily": "Space Grotesk", "fontSize": 16, "fontWeight": "600"}, {"type": "text", "id": "Nb1qf", "name": "q3Desc", "fill": "$--gray-600", "textGrowth": "fixed-width", "width": "fill_container", "content": "Assesses interpersonal skills, conflict resolution, and emotional intelligence.", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal"}]}]}, {"type": "frame", "id": "U3AGz", "name": "q3Tags", "gap": 8, "children": [{"type": "frame", "id": "H7ejE", "name": "q3Tag1", "fill": "$--bg-dark-surface", "padding": [4, 8], "children": [{"type": "text", "id": "9Cjy8", "name": "q3Tag1T", "fill": "$--text-light", "content": "SOFT SKILLS", "fontFamily": "Space Grotesk", "fontSize": 10, "fontWeight": "600"}]}, {"type": "frame", "id": "dwJ0Z", "name": "q3Tag2", "fill": "$--success", "padding": [4, 8], "children": [{"type": "text", "id": "2zSGq", "name": "q3Tag2T", "fill": "$--text-light", "content": "BEGINNER", "fontFamily": "Space Grotesk", "fontSize": 10, "fontWeight": "600"}]}]}]}]}]}]}, {"type": "frame", "id": "lwglP", "x": 1540, "y": 1000, "name": "5. AI Settings", "width": 1440, "height": 900, "fill": "$--bg-page", "children": [{"id": "q8GhN", "type": "ref", "ref": "ktLFy", "height": "fill_container", "name": "aiSidebar", "descendants": {"PRKdq": {"children": [{"id": "Xn9VZ", "type": "ref", "ref": "dqDUJ", "name": "ainav1", "descendants": {"APqrn": {"iconFontName": "layout-grid"}, "SD8e6": {"content": "DASHBOARD"}}}, {"id": "ixydB", "type": "ref", "ref": "dqDUJ", "name": "ainav2", "descendants": {"APqrn": {"iconFontName": "video"}, "SD8e6": {"content": "INTERVIEWS"}}}, {"id": "l6MBu", "type": "ref", "ref": "dqDUJ", "name": "ainav3", "descendants": {"APqrn": {"iconFontName": "users"}, "SD8e6": {"content": "CANDIDATES"}}}, {"id": "iI41D", "type": "ref", "ref": "dqDUJ", "name": "ainav4", "descendants": {"APqrn": {"iconFontName": "message-circle"}, "SD8e6": {"content": "QUESTIONS"}}}, {"id": "CACqz", "type": "ref", "ref": "BQvu5", "name": "ainav5", "descendants": {"fTOAO": {"iconFontName": "cpu"}, "Pkmq1": {"content": "AI SETTINGS"}}}, {"id": "yAoby", "type": "ref", "ref": "dqDUJ", "name": "ainav6", "descendants": {"APqrn": {"iconFontName": "chart-bar"}, "SD8e6": {"content": "ANALYTICS"}}}, {"id": "soWDC", "type": "ref", "ref": "dqDUJ", "name": "ainav7", "descendants": {"APqrn": {"iconFontName": "briefcase"}, "SD8e6": {"content": "POSITIONS"}}}, {"id": "4BBuL", "type": "ref", "ref": "dqDUJ", "name": "ainav8", "descendants": {"APqrn": {"iconFontName": "settings"}, "SD8e6": {"content": "SETTINGS"}}}]}}}, {"type": "frame", "id": "jbWVN", "name": "Main Content", "clip": true, "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 32, "padding": [48, 56], "children": [{"type": "frame", "id": "lnQ3R", "name": "Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "i6Bxa", "name": "aiHeaderLeft", "layout": "vertical", "gap": 12, "children": [{"type": "text", "id": "sTQtS", "name": "aiTitle", "fill": "$--text-primary", "content": "AI Settings", "fontFamily": "Space Grotesk", "fontSize": 56, "fontWeight": "700"}, {"type": "text", "id": "7c7k7", "name": "aiSubtitle", "fill": "$--gray-600", "content": "Configure AI interviewer behavior and evaluation criteria", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal"}]}, {"type": "frame", "id": "XQc0G", "name": "aiActions", "gap": 12, "children": [{"id": "qSxkA", "type": "ref", "ref": "OrUHf", "name": "aiSave", "descendants": {"LqtmP": {"iconFontName": "save"}, "H1Iqt": {"content": "SAVE CHANGES"}}}]}]}, {"type": "frame", "id": "80cWY", "name": "aiContent", "width": "fill_container", "gap": 24, "children": [{"type": "frame", "id": "o5npL", "name": "aiLeft", "width": "fill_container", "layout": "vertical", "gap": 24, "children": [{"type": "frame", "id": "xMPow", "name": "modelCard", "width": "fill_container", "fill": "$--bg-card", "layout": "vertical", "gap": 20, "padding": 24, "children": [{"type": "text", "id": "29tMW", "name": "modelTitle", "fill": "$--text-primary", "content": "AI Model Configuration", "fontFamily": "Space Grotesk", "fontSize": 20, "fontWeight": "700"}, {"type": "frame", "id": "BaVIK", "name": "modelFields", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [{"id": "xjtwv", "type": "ref", "ref": "yjvSd", "width": "fill_container", "name": "field1", "descendants": {"Wjw7q": {"content": "AI MODEL"}, "ILBVR": {"content": "Claude 3.5 Sonnet"}}}, {"id": "hycY3", "type": "ref", "ref": "yjvSd", "width": "fill_container", "name": "field2", "descendants": {"Wjw7q": {"content": "TEMPERATURE"}, "ILBVR": {"content": "0.7"}}}, {"id": "jfKrt", "type": "ref", "ref": "yjvSd", "width": "fill_container", "name": "field3", "descendants": {"Wjw7q": {"content": "MAX TOKENS"}, "ILBVR": {"content": "4096"}}}]}]}, {"type": "frame", "id": "BZgh9", "name": "evalCard", "width": "fill_container", "fill": "$--bg-card", "layout": "vertical", "gap": 20, "padding": 24, "children": [{"type": "text", "id": "9lBut", "name": "evalTitle", "fill": "$--text-primary", "content": "Evaluation Criteria", "fontFamily": "Space Grotesk", "fontSize": 20, "fontWeight": "700"}, {"type": "frame", "id": "bZBlD", "name": "evalList", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [{"type": "frame", "id": "tdNbd", "name": "eval1", "width": "fill_container", "stroke": {"align": "inside", "thickness": {"bottom": 1}, "fill": "$--border-light"}, "padding": [12, 0], "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "Pn8PB", "name": "eval1Left", "gap": 12, "alignItems": "center", "children": [{"type": "frame", "id": "XsbFp", "name": "eval1Check", "width": 20, "height": 20, "fill": "$--success", "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "jtCAY", "name": "eval1Icon", "width": 14, "height": 14, "iconFontName": "check", "iconFontFamily": "lucide", "fill": "$--text-light"}]}, {"type": "text", "id": "KzJo2", "name": "eval1Text", "fill": "$--text-primary", "content": "Technical Knowledge", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "600"}]}, {"type": "text", "id": "kN3vy", "name": "eval1Weight", "fill": "$--terracotta", "content": "30%", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "700"}]}, {"type": "frame", "id": "y6fJY", "name": "eval2", "width": "fill_container", "stroke": {"align": "inside", "thickness": {"bottom": 1}, "fill": "$--border-light"}, "padding": [12, 0], "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "RXdp3", "name": "eval2Left", "gap": 12, "alignItems": "center", "children": [{"type": "frame", "id": "GKwMV", "name": "eval2Check", "width": 20, "height": 20, "fill": "$--success", "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "mdbmL", "name": "eval2Icon", "width": 14, "height": 14, "iconFontName": "check", "iconFontFamily": "lucide", "fill": "$--text-light"}]}, {"type": "text", "id": "qXkrT", "name": "eval2Text", "fill": "$--text-primary", "content": "Communication Skills", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "600"}]}, {"type": "text", "id": "WTowK", "name": "eval2Weight", "fill": "$--terracotta", "content": "25%", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "700"}]}, {"type": "frame", "id": "HJgXt", "name": "eval3", "width": "fill_container", "stroke": {"align": "inside", "thickness": {"bottom": 1}, "fill": "$--border-light"}, "padding": [12, 0], "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "quJwp", "name": "eval3Left", "gap": 12, "alignItems": "center", "children": [{"type": "frame", "id": "bDV5N", "name": "eval3Check", "width": 20, "height": 20, "fill": "$--success", "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "pqihT", "name": "eval3Icon", "width": 14, "height": 14, "iconFontName": "check", "iconFontFamily": "lucide", "fill": "$--text-light"}]}, {"type": "text", "id": "ONjV3", "name": "eval3Text", "fill": "$--text-primary", "content": "Problem Solving", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "600"}]}, {"type": "text", "id": "L0sZK", "name": "eval3Weight", "fill": "$--terracotta", "content": "25%", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "700"}]}, {"type": "frame", "id": "WASmJ", "name": "eval4", "width": "fill_container", "padding": [12, 0], "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "aR10n", "name": "eval4Left", "gap": 12, "alignItems": "center", "children": [{"type": "frame", "id": "QzfMg", "name": "eval4Check", "width": 20, "height": 20, "fill": "$--success", "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "kBdZO", "name": "eval4Icon", "width": 14, "height": 14, "iconFontName": "check", "iconFontFamily": "lucide", "fill": "$--text-light"}]}, {"type": "text", "id": "Es7qJ", "name": "eval4Text", "fill": "$--text-primary", "content": "Cultural Fit", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "600"}]}, {"type": "text", "id": "KU5UE", "name": "eval4Weight", "fill": "$--terracotta", "content": "20%", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "700"}]}]}]}]}]}]}]}, {"type": "frame", "id": "pdVTW", "x": 3080, "y": 1000, "name": "6. Analytics", "width": 1440, "height": 900, "fill": "$--bg-page", "children": [{"id": "9oRmA", "type": "ref", "ref": "ktLFy", "height": "fill_container", "name": "anSidebar", "descendants": {"PRKdq": {"children": [{"id": "ksjwH", "type": "ref", "ref": "dqDUJ", "name": "annav1", "descendants": {"APqrn": {"iconFontName": "layout-grid"}, "SD8e6": {"content": "DASHBOARD"}}}, {"id": "epSlC", "type": "ref", "ref": "dqDUJ", "name": "annav2", "descendants": {"APqrn": {"iconFontName": "video"}, "SD8e6": {"content": "INTERVIEWS"}}}, {"id": "SpvSv", "type": "ref", "ref": "dqDUJ", "name": "annav3", "descendants": {"APqrn": {"iconFontName": "users"}, "SD8e6": {"content": "CANDIDATES"}}}, {"id": "NPfG8", "type": "ref", "ref": "dqDUJ", "name": "annav4", "descendants": {"APqrn": {"iconFontName": "message-circle"}, "SD8e6": {"content": "QUESTIONS"}}}, {"id": "NguEU", "type": "ref", "ref": "dqDUJ", "name": "annav5", "descendants": {"APqrn": {"iconFontName": "cpu"}, "SD8e6": {"content": "AI SETTINGS"}}}, {"id": "pXkLx", "type": "ref", "ref": "BQvu5", "name": "annav6", "descendants": {"fTOAO": {"iconFontName": "chart-bar"}, "Pkmq1": {"content": "ANALYTICS"}}}, {"id": "Lji0l", "type": "ref", "ref": "dqDUJ", "name": "annav7", "descendants": {"APqrn": {"iconFontName": "briefcase"}, "SD8e6": {"content": "POSITIONS"}}}, {"id": "3YwIO", "type": "ref", "ref": "dqDUJ", "name": "annav8", "descendants": {"APqrn": {"iconFontName": "settings"}, "SD8e6": {"content": "SETTINGS"}}}]}}}, {"type": "frame", "id": "3Yuuv", "name": "Main Content", "clip": true, "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 32, "padding": [48, 56], "children": [{"type": "frame", "id": "HbfAB", "name": "Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "Ax2iH", "name": "anHeaderLeft", "layout": "vertical", "gap": 12, "children": [{"type": "text", "id": "ZrGC4", "name": "anTitle", "fill": "$--text-primary", "content": "Analytics", "fontFamily": "Space Grotesk", "fontSize": 56, "fontWeight": "700"}, {"type": "text", "id": "AL4gS", "name": "anSubtitle", "fill": "$--gray-600", "content": "Performance insights and interview trends", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal"}]}, {"type": "frame", "id": "sS7bo", "name": "anActions", "gap": 12, "children": [{"id": "nvnP8", "type": "ref", "ref": "xnjor", "name": "anDate", "descendants": {"XxnZY": {"iconFontName": "calendar"}, "UOd7G": {"content": "LAST 30 DAYS"}}}, {"id": "IFvI1", "type": "ref", "ref": "OrUHf", "name": "anExport", "descendants": {"LqtmP": {"iconFontName": "download"}, "H1Iqt": {"content": "EXPORT REPORT"}}}]}]}, {"type": "frame", "id": "kvlPj", "name": "anMetrics", "width": "fill_container", "gap": 20, "children": [{"id": "w28Pv", "type": "ref", "ref": "3GAB1", "width": "fill_container", "name": "anm1", "descendants": {"pZzin": {"content": "PASS RATE"}, "Buu5k": {"content": "72.1%"}, "4vtP8": {"content": "+8.9%"}}}, {"id": "w9igY", "type": "ref", "ref": "3GAB1", "width": "fill_container", "name": "anm2", "descendants": {"pZzin": {"content": "AVG. AI SCORE"}, "Buu5k": {"content": "82.3"}, "4vtP8": {"content": "+3.1%"}}}, {"id": "xEjHv", "type": "ref", "ref": "3GAB1", "width": "fill_container", "name": "anm3", "descendants": {"pZzin": {"content": "TIME TO HIRE"}, "Buu5k": {"content": "12d"}, "NWOrF": {"iconFontName": "arrow-down-right", "fill": "$--success"}, "4vtP8": {"content": "-18%", "fill": "$--success"}}}, {"id": "d6eZE", "type": "ref", "ref": "3GAB1", "width": "fill_container", "name": "anm4", "descendants": {"pZzin": {"content": "INTERVIEWS/DAY"}, "Buu5k": {"content": "24"}, "4vtP8": {"content": "+12.5%"}}}]}, {"type": "frame", "id": "8eqF6", "name": "Charts Row", "width": "fill_container", "height": 280, "gap": 20, "children": [{"type": "frame", "id": "bCZQM", "name": "chart1", "width": "fill_container", "height": "fill_container", "fill": "$--bg-card", "layout": "vertical", "gap": 20, "padding": 24, "children": [{"type": "text", "id": "dClND", "name": "chart1Title", "fill": "$--text-primary", "content": "Score Distribution", "fontFamily": "Space Grotesk", "fontSize": 20, "fontWeight": "700"}, {"type": "frame", "id": "WDMvn", "name": "chart1Area", "width": "fill_container", "height": "fill_container", "gap": 8, "padding": [0, 10], "alignItems": "end", "children": [{"type": "frame", "id": "KWaSB", "name": "c1b1", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 8, "justifyContent": "end", "alignItems": "center", "children": [{"type": "frame", "id": "M6iQX", "name": "c1b1f", "width": "fill_container", "height": 40, "fill": "$--gray-400"}, {"type": "text", "id": "QpU1b", "name": "c1b1l", "fill": "$--gray-400", "content": "0-20", "fontFamily": "Space Grotesk", "fontSize": 10, "fontWeight": "normal"}]}, {"type": "frame", "id": "0HSVu", "name": "c1b2", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 8, "justifyContent": "end", "alignItems": "center", "children": [{"type": "frame", "id": "pf1AI", "name": "c1b2f", "width": "fill_container", "height": 60, "fill": "$--gray-400"}, {"type": "text", "id": "qhc39", "name": "c1b2l", "fill": "$--gray-400", "content": "21-40", "fontFamily": "Space Grotesk", "fontSize": 10, "fontWeight": "normal"}]}, {"type": "frame", "id": "O5MHj", "name": "c1b3", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 8, "justifyContent": "end", "alignItems": "center", "children": [{"type": "frame", "id": "sfTLU", "name": "c1b3f", "width": "fill_container", "height": 100, "fill": "$--warning"}, {"type": "text", "id": "y9joK", "name": "c1b3l", "fill": "$--gray-400", "content": "41-60", "fontFamily": "Space Grotesk", "fontSize": 10, "fontWeight": "normal"}]}, {"type": "frame", "id": "I8ty1", "name": "c1b4", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 8, "justifyContent": "end", "alignItems": "center", "children": [{"type": "frame", "id": "eU9nJ", "name": "c1b4f", "width": "fill_container", "height": 160, "fill": "$--terracotta"}, {"type": "text", "id": "2J2PM", "name": "c1b4l", "fill": "$--gray-400", "content": "61-80", "fontFamily": "Space Grotesk", "fontSize": 10, "fontWeight": "normal"}]}, {"type": "frame", "id": "Zquvv", "name": "c1b5", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 8, "justifyContent": "end", "alignItems": "center", "children": [{"type": "frame", "id": "7sQci", "name": "c1b5f", "width": "fill_container", "height": 120, "fill": "$--success"}, {"type": "text", "id": "YRw8Q", "name": "c1b5l", "fill": "$--gray-400", "content": "81-100", "fontFamily": "Space Grotesk", "fontSize": 10, "fontWeight": "normal"}]}]}]}, {"type": "frame", "id": "qCvNm", "name": "chart2", "width": "fill_container", "height": "fill_container", "fill": "$--bg-dark-card", "layout": "vertical", "gap": 20, "padding": 24, "children": [{"type": "text", "id": "s5p9s", "name": "chart2Title", "fill": "$--text-light", "content": "Top Performing Positions", "fontFamily": "Space Grotesk", "fontSize": 20, "fontWeight": "700"}, {"type": "frame", "id": "Pn5Qk", "name": "chart2List", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [{"type": "frame", "id": "ksXtg", "name": "pos1", "width": "fill_container", "padding": [8, 0], "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "rviHP", "name": "pos1Left", "gap": 12, "alignItems": "center", "children": [{"type": "text", "id": "fAzqD", "name": "pos1Num", "fill": "$--terracotta", "content": "1", "fontFamily": "Space Grotesk", "fontSize": 16, "fontWeight": "700"}, {"type": "text", "id": "ftTwD", "name": "pos1Name", "fill": "$--text-light", "content": "Senior Developer", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "600"}]}, {"type": "text", "id": "l3xJE", "name": "pos1Score", "fill": "$--success", "content": "92%", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "700"}]}, {"type": "frame", "id": "dqUvC", "name": "pos2", "width": "fill_container", "padding": [8, 0], "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "lPH8o", "name": "pos2Left", "gap": 12, "alignItems": "center", "children": [{"type": "text", "id": "2e9uH", "name": "pos2Num", "fill": "$--terracotta", "content": "2", "fontFamily": "Space Grotesk", "fontSize": 16, "fontWeight": "700"}, {"type": "text", "id": "LSqpT", "name": "pos2Name", "fill": "$--text-light", "content": "Product Designer", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "600"}]}, {"type": "text", "id": "90Jb7", "name": "pos2Score", "fill": "$--success", "content": "88%", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "700"}]}, {"type": "frame", "id": "8A0ek", "name": "pos3", "width": "fill_container", "padding": [8, 0], "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "BGJ0X", "name": "pos3Left", "gap": 12, "alignItems": "center", "children": [{"type": "text", "id": "SmtP7", "name": "pos3Num", "fill": "$--terracotta", "content": "3", "fontFamily": "Space Grotesk", "fontSize": 16, "fontWeight": "700"}, {"type": "text", "id": "vFbfT", "name": "pos3Name", "fill": "$--text-light", "content": "Data Scientist", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "600"}]}, {"type": "text", "id": "mhNOV", "name": "pos3Score", "fill": "$--success", "content": "85%", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "700"}]}, {"type": "frame", "id": "XvDrJ", "name": "pos4", "width": "fill_container", "padding": [8, 0], "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "ekvCm", "name": "pos4Left", "gap": 12, "alignItems": "center", "children": [{"type": "text", "id": "cnWDZ", "name": "pos4Num", "fill": "$--terracotta", "content": "4", "fontFamily": "Space Grotesk", "fontSize": 16, "fontWeight": "700"}, {"type": "text", "id": "Ypp18", "name": "pos4Name", "fill": "$--text-light", "content": "DevOps Engineer", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "600"}]}, {"type": "text", "id": "p104G", "name": "pos4Score", "fill": "$--warning", "content": "82%", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "700"}]}]}]}]}]}]}, {"type": "frame", "id": "pCH9A", "x": 0, "y": 2000, "name": "7. Job Positions", "width": 1440, "height": 900, "fill": "$--bg-page", "children": [{"id": "xFlHq", "type": "ref", "ref": "ktLFy", "height": "fill_container", "name": "jpSidebar", "descendants": {"PRKdq": {"children": [{"id": "v4hdd", "type": "ref", "ref": "dqDUJ", "name": "jpnav1", "descendants": {"APqrn": {"iconFontName": "layout-grid"}, "SD8e6": {"content": "DASHBOARD"}}}, {"id": "V0N0X", "type": "ref", "ref": "dqDUJ", "name": "jpnav2", "descendants": {"APqrn": {"iconFontName": "video"}, "SD8e6": {"content": "INTERVIEWS"}}}, {"id": "zni9W", "type": "ref", "ref": "dqDUJ", "name": "jpnav3", "descendants": {"APqrn": {"iconFontName": "users"}, "SD8e6": {"content": "CANDIDATES"}}}, {"id": "o9gUm", "type": "ref", "ref": "dqDUJ", "name": "jpnav4", "descendants": {"APqrn": {"iconFontName": "message-circle"}, "SD8e6": {"content": "QUESTIONS"}}}, {"id": "g1WwD", "type": "ref", "ref": "dqDUJ", "name": "jpnav5", "descendants": {"APqrn": {"iconFontName": "cpu"}, "SD8e6": {"content": "AI SETTINGS"}}}, {"id": "kcC3f", "type": "ref", "ref": "dqDUJ", "name": "jpnav6", "descendants": {"APqrn": {"iconFontName": "chart-bar"}, "SD8e6": {"content": "ANALYTICS"}}}, {"id": "U5UtU", "type": "ref", "ref": "BQvu5", "name": "jpnav7", "descendants": {"fTOAO": {"iconFontName": "briefcase"}, "Pkmq1": {"content": "POSITIONS"}}}, {"id": "EvsYO", "type": "ref", "ref": "dqDUJ", "name": "jpnav8", "descendants": {"APqrn": {"iconFontName": "settings"}, "SD8e6": {"content": "SETTINGS"}}}]}}}, {"type": "frame", "id": "FdS42", "name": "Main Content", "clip": true, "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 32, "padding": [48, 56], "children": [{"type": "frame", "id": "dRjCx", "name": "Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "owgW4", "name": "jpHeaderLeft", "layout": "vertical", "gap": 12, "children": [{"type": "text", "id": "R6yiF", "name": "jpTitle", "fill": "$--text-primary", "content": "Job Positions", "fontFamily": "Space Grotesk", "fontSize": 56, "fontWeight": "700"}, {"type": "text", "id": "wZ1lS", "name": "jpSubtitle", "fill": "$--gray-600", "content": "Manage open positions and interview workflows", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal"}]}, {"type": "frame", "id": "FZayM", "name": "jpActions", "gap": 12, "children": [{"id": "PF5Tf", "type": "ref", "ref": "xnjor", "name": "jpSearch", "descendants": {"XxnZY": {"iconFontName": "search"}, "UOd7G": {"content": "SEARCH"}}}, {"id": "ZQePd", "type": "ref", "ref": "OrUHf", "name": "jpAdd", "descendants": {"LqtmP": {"iconFontName": "plus"}, "H1Iqt": {"content": "ADD POSITION"}}}]}]}, {"type": "frame", "id": "Atem4", "name": "Positions Grid", "width": "fill_container", "gap": 20, "children": [{"type": "frame", "id": "ZtIJ1", "name": "job1", "width": "fill_container", "fill": "$--bg-card", "layout": "vertical", "gap": 16, "padding": 24, "children": [{"type": "frame", "id": "rwuLB", "name": "job1Header", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "frame", "id": "BpKsk", "name": "job1Left", "layout": "vertical", "gap": 4, "children": [{"type": "text", "id": "NOWuv", "name": "job1Title", "fill": "$--text-primary", "content": "Senior Developer", "fontFamily": "Space Grotesk", "fontSize": 18, "fontWeight": "700"}, {"type": "text", "id": "gm3zq", "name": "job1Dept", "fill": "$--gray-600", "content": "Engineering", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal"}]}, {"id": "IKp8R", "type": "ref", "ref": "tB1lb", "name": "job1Badge", "descendants": {"xeHpr": {"content": "ACTIVE"}}}]}, {"type": "frame", "id": "bekEw", "name": "job1Stats", "width": "fill_container", "gap": 24, "children": [{"type": "frame", "id": "W51ce", "name": "job1S1", "layout": "vertical", "gap": 4, "children": [{"type": "text", "id": "tvJCU", "name": "job1S1L", "fill": "$--gray-600", "content": "CANDIDATES", "fontFamily": "Space Grotesk", "fontSize": 10, "fontWeight": "600"}, {"type": "text", "id": "tCdTb", "name": "job1S1V", "fill": "$--text-primary", "content": "24", "fontFamily": "Space Grotesk", "fontSize": 20, "fontWeight": "700"}]}, {"type": "frame", "id": "2NIfN", "name": "job1S2", "layout": "vertical", "gap": 4, "children": [{"type": "text", "id": "249B1", "name": "job1S2L", "fill": "$--gray-600", "content": "INTERVIEWS", "fontFamily": "Space Grotesk", "fontSize": 10, "fontWeight": "600"}, {"type": "text", "id": "7roM7", "name": "job1S2V", "fill": "$--text-primary", "content": "12", "fontFamily": "Space Grotesk", "fontSize": 20, "fontWeight": "700"}]}]}]}, {"type": "frame", "id": "cWXoq", "name": "job2", "width": "fill_container", "fill": "$--bg-card", "layout": "vertical", "gap": 16, "padding": 24, "children": [{"type": "frame", "id": "wLl9k", "name": "job2Header", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "frame", "id": "3pQs4", "name": "job2Left", "layout": "vertical", "gap": 4, "children": [{"type": "text", "id": "w53ty", "name": "job2Title", "fill": "$--text-primary", "content": "Product Designer", "fontFamily": "Space Grotesk", "fontSize": 18, "fontWeight": "700"}, {"type": "text", "id": "DPWPz", "name": "job2Dept", "fill": "$--gray-600", "content": "Design", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal"}]}, {"id": "oursk", "type": "ref", "ref": "tB1lb", "name": "job2Badge", "descendants": {"xeHpr": {"content": "ACTIVE"}}}]}, {"type": "frame", "id": "q6Cdj", "name": "job2Stats", "width": "fill_container", "gap": 24, "children": [{"type": "frame", "id": "2JTBb", "name": "job2S1", "layout": "vertical", "gap": 4, "children": [{"type": "text", "id": "HIVTg", "name": "job2S1L", "fill": "$--gray-600", "content": "CANDIDATES", "fontFamily": "Space Grotesk", "fontSize": 10, "fontWeight": "600"}, {"type": "text", "id": "UiWH7", "name": "job2S1V", "fill": "$--text-primary", "content": "18", "fontFamily": "Space Grotesk", "fontSize": 20, "fontWeight": "700"}]}, {"type": "frame", "id": "HavI2", "name": "job2S2", "layout": "vertical", "gap": 4, "children": [{"type": "text", "id": "sYrAL", "name": "job2S2L", "fill": "$--gray-600", "content": "INTERVIEWS", "fontFamily": "Space Grotesk", "fontSize": 10, "fontWeight": "600"}, {"type": "text", "id": "g80AR", "name": "job2S2V", "fill": "$--text-primary", "content": "8", "fontFamily": "Space Grotesk", "fontSize": 20, "fontWeight": "700"}]}]}]}, {"type": "frame", "id": "MJ2QZ", "name": "job3", "width": "fill_container", "fill": "$--bg-card", "layout": "vertical", "gap": 16, "padding": 24, "children": [{"type": "frame", "id": "VogMJ", "name": "job3Header", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "frame", "id": "wGo4B", "name": "job3Left", "layout": "vertical", "gap": 4, "children": [{"type": "text", "id": "JCNCn", "name": "job3Title", "fill": "$--text-primary", "content": "Data Scientist", "fontFamily": "Space Grotesk", "fontSize": 18, "fontWeight": "700"}, {"type": "text", "id": "Xn89t", "name": "job3Dept", "fill": "$--gray-600", "content": "Analytics", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal"}]}, {"id": "ruYW5", "type": "ref", "ref": "AqG8V", "name": "job3Badge", "descendants": {"TPGmN": {"content": "PAUSED"}}}]}, {"type": "frame", "id": "odel3", "name": "job3Stats", "width": "fill_container", "gap": 24, "children": [{"type": "frame", "id": "ecqza", "name": "job3S1", "layout": "vertical", "gap": 4, "children": [{"type": "text", "id": "wMwVD", "name": "job3S1L", "fill": "$--gray-600", "content": "CANDIDATES", "fontFamily": "Space Grotesk", "fontSize": 10, "fontWeight": "600"}, {"type": "text", "id": "d0Kxp", "name": "job3S1V", "fill": "$--text-primary", "content": "32", "fontFamily": "Space Grotesk", "fontSize": 20, "fontWeight": "700"}]}, {"type": "frame", "id": "fyNWo", "name": "job3S2", "layout": "vertical", "gap": 4, "children": [{"type": "text", "id": "JE4t5", "name": "job3S2L", "fill": "$--gray-600", "content": "INTERVIEWS", "fontFamily": "Space Grotesk", "fontSize": 10, "fontWeight": "600"}, {"type": "text", "id": "p4MB2", "name": "job3S2V", "fill": "$--text-primary", "content": "15", "fontFamily": "Space Grotesk", "fontSize": 20, "fontWeight": "700"}]}]}]}]}]}]}, {"type": "frame", "id": "7b2O7", "x": 1540, "y": 2000, "name": "8. Settings", "width": 1440, "height": 900, "fill": "$--bg-page", "children": [{"id": "TGoxk", "type": "ref", "ref": "ktLFy", "height": "fill_container", "name": "setSidebar", "descendants": {"PRKdq": {"children": [{"id": "7Ykx6", "type": "ref", "ref": "dqDUJ", "name": "setnav1", "descendants": {"APqrn": {"iconFontName": "layout-grid"}, "SD8e6": {"content": "DASHBOARD"}}}, {"id": "DLOxi", "type": "ref", "ref": "dqDUJ", "name": "setnav2", "descendants": {"APqrn": {"iconFontName": "video"}, "SD8e6": {"content": "INTERVIEWS"}}}, {"id": "eujjw", "type": "ref", "ref": "dqDUJ", "name": "setnav3", "descendants": {"APqrn": {"iconFontName": "users"}, "SD8e6": {"content": "CANDIDATES"}}}, {"id": "Qt4u7", "type": "ref", "ref": "dqDUJ", "name": "setnav4", "descendants": {"APqrn": {"iconFontName": "message-circle"}, "SD8e6": {"content": "QUESTIONS"}}}, {"id": "uvGYk", "type": "ref", "ref": "dqDUJ", "name": "setnav5", "descendants": {"APqrn": {"iconFontName": "cpu"}, "SD8e6": {"content": "AI SETTINGS"}}}, {"id": "k1Awz", "type": "ref", "ref": "dqDUJ", "name": "setnav6", "descendants": {"APqrn": {"iconFontName": "chart-bar"}, "SD8e6": {"content": "ANALYTICS"}}}, {"id": "McvM4", "type": "ref", "ref": "dqDUJ", "name": "setnav7", "descendants": {"APqrn": {"iconFontName": "briefcase"}, "SD8e6": {"content": "POSITIONS"}}}, {"id": "s1XXu", "type": "ref", "ref": "BQvu5", "name": "setnav8", "descendants": {"fTOAO": {"iconFontName": "settings"}, "Pkmq1": {"content": "SETTINGS"}}}]}}}, {"type": "frame", "id": "RWMjP", "name": "Main Content", "clip": true, "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 32, "padding": [48, 56], "children": [{"type": "frame", "id": "VwPdY", "name": "Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "Sg4Wv", "name": "setHeaderLeft", "layout": "vertical", "gap": 12, "children": [{"type": "text", "id": "rxw1H", "name": "setTitle", "fill": "$--text-primary", "content": "Settings", "fontFamily": "Space Grotesk", "fontSize": 56, "fontWeight": "700"}, {"type": "text", "id": "1os1Z", "name": "setSubtitle", "fill": "$--gray-600", "content": "Configure your workspace preferences and integrations", "fontFamily": "Inter", "fontSize": 16, "fontWeight": "normal"}]}]}, {"type": "frame", "id": "bUCY1", "name": "setContent", "width": "fill_container", "gap": 24, "children": [{"type": "frame", "id": "nbcnK", "name": "setLeft", "width": "fill_container", "layout": "vertical", "gap": 24, "children": [{"type": "frame", "id": "kLiLD", "name": "genCard", "width": "fill_container", "fill": "$--bg-card", "layout": "vertical", "gap": 20, "padding": 24, "children": [{"type": "text", "id": "mlz3m", "name": "genTitle", "fill": "$--text-primary", "content": "General Settings", "fontFamily": "Space Grotesk", "fontSize": 20, "fontWeight": "700"}, {"type": "frame", "id": "bCbi8", "name": "genFields", "width": "fill_container", "layout": "vertical", "gap": 16, "children": [{"id": "NZXbd", "type": "ref", "ref": "yjvSd", "width": "fill_container", "name": "gf1", "descendants": {"Wjw7q": {"content": "COMPANY NAME"}, "ILBVR": {"content": "Acme Corporation"}}}, {"id": "aq8yM", "type": "ref", "ref": "yjvSd", "width": "fill_container", "name": "gf2", "descendants": {"Wjw7q": {"content": "ADMIN EMAIL"}, "ILBVR": {"content": "admin@acme.com"}}}, {"id": "2qC5P", "type": "ref", "ref": "yjvSd", "width": "fill_container", "name": "gf3", "descendants": {"Wjw7q": {"content": "TIMEZONE"}, "ILBVR": {"content": "UTC-8 (Pacific Time)"}}}]}]}, {"type": "frame", "id": "kzUEl", "name": "intCard", "width": "fill_container", "fill": "$--bg-card", "layout": "vertical", "gap": 20, "padding": 24, "children": [{"type": "text", "id": "MSvjm", "name": "intTitle", "fill": "$--text-primary", "content": "Integrations", "fontFamily": "Space Grotesk", "fontSize": 20, "fontWeight": "700"}, {"type": "frame", "id": "YH2hF", "name": "intList", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [{"type": "frame", "id": "2KTAT", "name": "int1", "width": "fill_container", "stroke": {"align": "inside", "thickness": {"bottom": 1}, "fill": "$--border-light"}, "padding": [12, 0], "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "yY6D5", "name": "int1Left", "gap": 12, "alignItems": "center", "children": [{"type": "frame", "id": "9eCaG", "name": "int1Icon", "width": 40, "height": 40, "fill": "$--charcoal", "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "tuVrS", "name": "int1IconI", "width": 20, "height": 20, "iconFontName": "slack", "iconFontFamily": "lucide", "fill": "$--text-light"}]}, {"type": "frame", "id": "wuULf", "name": "int1Info", "layout": "vertical", "gap": 2, "children": [{"type": "text", "id": "2uFrV", "name": "int1Name", "fill": "$--text-primary", "content": "Slack", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "600"}, {"type": "text", "id": "k7Zyn", "name": "int1Desc", "fill": "$--gray-600", "content": "Send notifications to channels", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal"}]}]}, {"id": "VVp3c", "type": "ref", "ref": "tB1lb", "name": "int1Badge", "descendants": {"xeHpr": {"content": "CONNECTED"}}}]}, {"type": "frame", "id": "5M2Ez", "name": "int2", "width": "fill_container", "stroke": {"align": "inside", "thickness": {"bottom": 1}, "fill": "$--border-light"}, "padding": [12, 0], "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "eTPH9", "name": "int2Left", "gap": 12, "alignItems": "center", "children": [{"type": "frame", "id": "Tv4m9", "name": "int2Icon", "width": 40, "height": 40, "fill": "$--info", "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "GT9hw", "name": "int2IconI", "width": 20, "height": 20, "iconFontName": "calendar", "iconFontFamily": "lucide", "fill": "$--text-light"}]}, {"type": "frame", "id": "yGrJO", "name": "int2Info", "layout": "vertical", "gap": 2, "children": [{"type": "text", "id": "t9K6g", "name": "int2Name", "fill": "$--text-primary", "content": "Google Calendar", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "600"}, {"type": "text", "id": "0Q4wW", "name": "int2Desc", "fill": "$--gray-600", "content": "Sync interview schedules", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal"}]}]}, {"id": "ex6ot", "type": "ref", "ref": "tB1lb", "name": "int2Badge", "descendants": {"xeHpr": {"content": "CONNECTED"}}}]}, {"type": "frame", "id": "lGhCP", "name": "int3", "width": "fill_container", "padding": [12, 0], "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "DCgmU", "name": "int3Left", "gap": 12, "alignItems": "center", "children": [{"type": "frame", "id": "Y05sB", "name": "int3Icon", "width": 40, "height": 40, "fill": "$--gray-400", "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "lWY6l", "name": "int3IconI", "width": 20, "height": 20, "iconFontName": "database", "iconFontFamily": "lucide", "fill": "$--text-light"}]}, {"type": "frame", "id": "KLSig", "name": "int3Info", "layout": "vertical", "gap": 2, "children": [{"type": "text", "id": "01gyK", "name": "int3Name", "fill": "$--text-primary", "content": "Workday", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "600"}, {"type": "text", "id": "UcPHU", "name": "int3Desc", "fill": "$--gray-600", "content": "Import candidate data", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal"}]}]}, {"id": "nv8zu", "type": "ref", "ref": "xnjor", "name": "int3Btn", "descendants": {"XxnZY": {"enabled": false}, "UOd7G": {"content": "CONNECT"}}}]}]}]}]}]}]}]}, {"type": "frame", "id": "0KJfI", "x": 4700, "y": 0, "name": "Components", "width": 400, "fill": "#FFFFFF", "layout": "vertical", "gap": 40, "padding": 24, "children": [{"type": "frame", "id": "ktLFy", "name": "Component/Sidebar", "reusable": true, "width": 280, "height": 900, "fill": "$--bg-sidebar", "layout": "vertical", "padding": [40, 28], "justifyContent": "space_between", "children": [{"type": "frame", "id": "MOr7O", "name": "Top Section", "width": "fill_container", "layout": "vertical", "gap": 32, "children": [{"type": "frame", "id": "tEUio", "name": "Logo", "width": "fill_container", "gap": 14, "alignItems": "center", "children": [{"type": "frame", "id": "saKXv", "name": "logoMark", "width": 40, "height": 40, "fill": "$--terracotta", "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "sAC2j", "name": "logoLetter", "fill": "$--text-light", "content": "IX", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "700"}]}, {"type": "text", "id": "nbD2q", "name": "logoText", "fill": "$--text-light", "content": "INTERVIEW EXPRESS", "fontFamily": "Space Grotesk", "fontSize": 18, "fontWeight": "700"}]}, {"type": "frame", "id": "PRKdq", "name": "Navigation", "width": "fill_container", "height": "fit_content(0)", "layout": "vertical"}]}, {"type": "frame", "id": "vc7Yb", "name": "Bottom Section", "width": "fill_container", "layout": "vertical", "gap": 28, "children": [{"type": "frame", "id": "n0OGw", "name": "Upgrade Box", "width": "fill_container", "fill": "$--bg-dark-surface", "layout": "vertical", "gap": 16, "padding": 20, "children": [{"type": "text", "id": "Bwh3g", "name": "upgradeLabel", "fill": "$--text-light", "content": "UPGRADE TO PRO", "fontFamily": "Space Grotesk", "fontSize": 12, "fontWeight": "700"}, {"type": "text", "id": "mICIm", "name": "upgradeDesc", "fill": "$--gray-400", "textGrowth": "fixed-width", "width": "fill_container", "content": "Unlock unlimited AI interviews and advanced analytics.", "lineHeight": 1.6, "fontFamily": "Inter", "fontSize": 13, "fontWeight": "normal"}, {"type": "frame", "id": "9AyYY", "name": "upgradeBtn", "width": "fill_container", "height": 44, "fill": "$--terracotta", "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "sT2Nq", "name": "upgradeBtnText", "fill": "$--text-light", "content": "UPGRADE NOW", "fontFamily": "Space Grotesk", "fontSize": 12, "fontWeight": "600"}]}]}, {"type": "frame", "id": "ZDEA2", "name": "Account Row", "width": "fill_container", "gap": 14, "alignItems": "center", "children": [{"type": "frame", "id": "W1PUK", "name": "avatar", "width": 44, "height": 44, "fill": "$--border-dark", "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "t3Cog", "name": "avatarText", "fill": "$--gray-400", "content": "JD", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "600"}]}, {"type": "frame", "id": "MV7uX", "name": "accountInfo", "width": "fill_container", "layout": "vertical", "gap": 2, "children": [{"type": "text", "id": "lkAEt", "name": "accountName", "fill": "$--text-light", "content": "John Doe", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "500"}, {"type": "text", "id": "t3DPO", "name": "accountEmail", "fill": "$--gray-500", "content": "john@company.com", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal"}]}, {"type": "icon_font", "id": "n6oI6", "name": "chevron", "width": 18, "height": 18, "iconFontName": "chevron-right", "iconFontFamily": "lucide", "fill": "$--gray-500"}]}]}]}, {"type": "frame", "id": "BQvu5", "name": "Component/NavItem-Active", "reusable": true, "width": 224, "stroke": {"align": "inside", "thickness": {"top": 2}, "fill": "$--terracotta"}, "gap": 14, "padding": [16, 0], "alignItems": "center", "children": [{"type": "icon_font", "id": "fTOAO", "name": "navIconActive", "width": 20, "height": 20, "iconFontName": "layout-grid", "iconFontFamily": "lucide", "fill": "$--terracotta"}, {"type": "text", "id": "Pkmq1", "name": "navLabelActive", "fill": "$--text-light", "content": "DASHBOARD", "fontFamily": "Space Grotesk", "fontSize": 13, "fontWeight": "600"}]}, {"type": "frame", "id": "dqDUJ", "name": "Component/NavItem-Default", "reusable": true, "width": 224, "stroke": {"align": "inside", "thickness": {"top": 1}, "fill": "$--border-dark"}, "gap": 14, "padding": [16, 0], "alignItems": "center", "children": [{"type": "icon_font", "id": "APqrn", "name": "navIconDefault", "width": 20, "height": 20, "iconFontName": "users", "iconFontFamily": "lucide", "fill": "$--gray-500"}, {"type": "text", "id": "SD8e6", "name": "navLabelDefault", "fill": "$--gray-500", "content": "CANDIDATES", "fontFamily": "Space Grotesk", "fontSize": 13, "fontWeight": "500"}]}, {"type": "frame", "id": "OrUHf", "name": "Component/Button-Primary", "reusable": true, "fill": "$--charcoal", "gap": 8, "padding": [12, 20], "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "LqtmP", "name": "btnPriIcon", "width": 16, "height": 16, "iconFontName": "plus", "iconFontFamily": "lucide", "fill": "$--text-light"}, {"type": "text", "id": "H1Iqt", "name": "btnPriLabel", "fill": "$--text-light", "content": "NEW INTERVIEW", "fontFamily": "Space Grotesk", "fontSize": 12, "fontWeight": "600"}]}, {"type": "frame", "id": "xnjor", "name": "Component/Button-Secondary", "reusable": true, "fill": "$--bg-card", "gap": 8, "padding": [12, 16], "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "XxnZY", "name": "btnSecIcon", "width": 16, "height": 16, "iconFontName": "search", "iconFontFamily": "lucide", "fill": "$--gray-600"}, {"type": "text", "id": "UOd7G", "name": "btnSecLabel", "fill": "$--text-primary", "content": "SEARCH", "fontFamily": "Space Grotesk", "fontSize": 12, "fontWeight": "600"}]}, {"type": "frame", "id": "3GAB1", "name": "Component/MetricCard", "reusable": true, "width": 260, "fill": "$--bg-card", "layout": "vertical", "gap": 16, "padding": 24, "children": [{"type": "text", "id": "pZzin", "name": "metricLabel", "fill": "$--gray-600", "content": "TOTAL INTERVIEWS", "fontFamily": "Space Grotesk", "fontSize": 11, "fontWeight": "600"}, {"type": "text", "id": "Buu5k", "name": "metricValue", "fill": "$--text-primary", "content": "2,847", "fontFamily": "Space Grotesk", "fontSize": 36, "fontWeight": "700"}, {"type": "frame", "id": "XBg7Z", "name": "metricChange", "gap": 6, "alignItems": "center", "children": [{"type": "icon_font", "id": "NWOrF", "name": "metricArrow", "width": 16, "height": 16, "iconFontName": "arrow-up-right", "iconFontFamily": "lucide", "fill": "$--success"}, {"type": "text", "id": "4vtP8", "name": "metricPercent", "fill": "$--success", "content": "+12.5%", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "600"}]}]}, {"type": "frame", "id": "tB1lb", "name": "Component/Badge-Success", "reusable": true, "fill": "$--success", "padding": [6, 10], "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "xeHpr", "name": "badgeSuccessText", "fill": "$--text-light", "content": "COMPLETED", "fontFamily": "Space Grotesk", "fontSize": 10, "fontWeight": "600"}]}, {"type": "frame", "id": "AqG8V", "name": "Component/Badge-Pending", "reusable": true, "fill": "$--warning", "padding": [6, 10], "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "TPGmN", "name": "badgePendingText", "fill": "$--text-light", "content": "PENDING", "fontFamily": "Space Grotesk", "fontSize": 10, "fontWeight": "600"}]}, {"type": "frame", "id": "LJ00f", "name": "Component/Badge-Info", "reusable": true, "fill": "$--info", "padding": [6, 10], "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "TZ7lV", "name": "badgeInfoText", "fill": "$--text-light", "content": "SCHEDULED", "fontFamily": "Space Grotesk", "fontSize": 10, "fontWeight": "600"}]}, {"type": "frame", "id": "eLOmo", "name": "Component/Card", "reusable": true, "width": 400, "fill": "$--bg-card", "layout": "vertical", "gap": 20, "padding": 24, "children": [{"type": "frame", "id": "IYr62", "name": "Header", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "text", "id": "2XQ5h", "name": "cardTitle", "fill": "$--text-primary", "content": "Card Title", "fontFamily": "Space Grotesk", "fontSize": 20, "fontWeight": "700"}, {"type": "text", "id": "dt7OG", "name": "cardAction", "fill": "$--terracotta", "content": "VIEW ALL", "fontFamily": "Space Grotesk", "fontSize": 11, "fontWeight": "600"}]}, {"type": "frame", "id": "qskKi", "name": "Content", "slot": [], "width": "fill_container", "height": "fit_content(0)", "layout": "vertical", "gap": 16}]}, {"type": "frame", "id": "yjvSd", "name": "Component/Input", "reusable": true, "width": 300, "layout": "vertical", "gap": 8, "children": [{"type": "text", "id": "Wjw7q", "name": "inputLabel", "fill": "$--gray-600", "content": "LABEL", "fontFamily": "Space Grotesk", "fontSize": 11, "fontWeight": "600"}, {"type": "frame", "id": "O1bq3", "name": "inputBox", "width": "fill_container", "height": 44, "fill": "#FFFFFF", "stroke": {"align": "inside", "thickness": 1, "fill": "$--border-light"}, "padding": [0, 16], "alignItems": "center", "children": [{"type": "text", "id": "ILBVR", "name": "inputPlaceholder", "fill": "$--gray-400", "content": "Enter value...", "fontFamily": "Inter", "fontSize": 14, "fontWeight": "normal"}]}]}, {"type": "frame", "id": "2rxyF", "name": "Component/TableRow", "reusable": true, "width": 800, "stroke": {"align": "inside", "thickness": {"bottom": 1}, "fill": "$--border-light"}, "padding": [16, 0], "alignItems": "center", "children": [{"type": "frame", "id": "FkW88", "name": "tableCell1", "width": 200, "layout": "vertical", "gap": 4, "children": [{"type": "text", "id": "cacqP", "name": "tableCellPrimary", "fill": "$--text-primary", "content": "Sarah Johnson", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "600"}, {"type": "text", "id": "m2wtk", "name": "tableCellSecondary", "fill": "$--gray-600", "content": "Senior Developer", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal"}]}, {"type": "frame", "id": "yttU6", "name": "tableCell2", "width": 180, "children": [{"type": "text", "id": "kpuyN", "name": "tableCell2Text", "fill": "$--text-secondary", "content": "Technical Interview", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "normal"}]}, {"type": "frame", "id": "ItO5R", "name": "tableCell3", "width": 120, "children": [{"type": "text", "id": "1bKWQ", "name": "tableCell3Text", "fill": "$--gray-600", "content": "Jan 15, 2024", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "normal"}]}, {"type": "frame", "id": "9GE39", "name": "tableCell4", "width": 100, "height": "fit_content(0)"}]}, {"type": "frame", "id": "M8IrH", "name": "Component/ActivityItem", "reusable": true, "width": "fill_container", "stroke": {"align": "inside", "thickness": {"bottom": 1}, "fill": "$--border-dark"}, "gap": 14, "padding": [14, 0], "alignItems": "center", "children": [{"type": "frame", "id": "5Jmsc", "name": "activityMarker", "width": 10, "height": 10, "fill": "$--success"}, {"type": "frame", "id": "ZBbuG", "name": "activityContent", "width": "fill_container", "layout": "vertical", "gap": 4, "children": [{"type": "text", "id": "hZCb0", "name": "activityTitle", "fill": "$--text-light", "content": "Interview Completed", "fontFamily": "Space Grotesk", "fontSize": 14, "fontWeight": "600"}, {"type": "text", "id": "8QOfM", "name": "activityDesc", "fill": "$--gray-500", "content": "Sarah Johnson - Senior Developer", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "normal"}]}]}]}], "variables": {"--bg-card": {"type": "color", "value": "#E8E4DC"}, "--bg-dark-card": {"type": "color", "value": "#1a1a1a"}, "--bg-dark-surface": {"type": "color", "value": "#2a2a2a"}, "--bg-page": {"type": "color", "value": "#F5F3EF"}, "--bg-sidebar": {"type": "color", "value": "#1a1a1a"}, "--border-dark": {"type": "color", "value": "#3a3a3a"}, "--border-light": {"type": "color", "value": "#D1CCC4"}, "--charcoal": {"type": "color", "value": "#1a1a1a"}, "--error": {"type": "color", "value": "#B54A4A"}, "--font-body": {"type": "string", "value": "Inter"}, "--font-heading": {"type": "string", "value": "Space Grotesk"}, "--gray-400": {"type": "color", "value": "#888888"}, "--gray-500": {"type": "color", "value": "#666666"}, "--gray-600": {"type": "color", "value": "#555555"}, "--info": {"type": "color", "value": "#5C7C8A"}, "--success": {"type": "color", "value": "#4A7C59"}, "--terracotta": {"type": "color", "value": "#C05A3C"}, "--text-light": {"type": "color", "value": "#F5F3EF"}, "--text-primary": {"type": "color", "value": "#1a1a1a"}, "--text-secondary": {"type": "color", "value": "#555555"}, "--warning": {"type": "color", "value": "#C05A3C"}}} \ No newline at end of file +{ + "version": "2.7", + "children": [ + { + "type": "frame", + "id": "J1VeO", + "x": 0, + "y": 0, + "name": "1. Dashboard", + "width": 1440, + "height": 900, + "fill": "$--bg-page", + "children": [ + { + "id": "uRPAd", + "type": "ref", + "ref": "ktLFy", + "height": "fill_container", + "name": "dashSidebar", + "descendants": { + "PRKdq": { + "children": [ + { + "id": "lgqZR", + "type": "ref", + "ref": "BQvu5", + "name": "nav1", + "descendants": { + "fTOAO": { + "iconFontName": "layout-grid" + }, + "Pkmq1": { + "content": "DASHBOARD" + } + } + }, + { + "id": "T1IEH", + "type": "ref", + "ref": "dqDUJ", + "name": "nav2", + "descendants": { + "APqrn": { + "iconFontName": "video" + }, + "SD8e6": { + "content": "INTERVIEWS" + } + } + }, + { + "id": "uFvDK", + "type": "ref", + "ref": "dqDUJ", + "name": "nav3", + "descendants": { + "APqrn": { + "iconFontName": "users" + }, + "SD8e6": { + "content": "CANDIDATES" + } + } + }, + { + "id": "g7k6y", + "type": "ref", + "ref": "dqDUJ", + "name": "nav4", + "descendants": { + "APqrn": { + "iconFontName": "message-circle" + }, + "SD8e6": { + "content": "QUESTIONS" + } + } + }, + { + "id": "hb4ck", + "type": "ref", + "ref": "dqDUJ", + "name": "nav5", + "descendants": { + "APqrn": { + "iconFontName": "cpu" + }, + "SD8e6": { + "content": "AI SETTINGS" + } + } + }, + { + "id": "SOriX", + "type": "ref", + "ref": "dqDUJ", + "name": "nav6", + "descendants": { + "APqrn": { + "iconFontName": "chart-bar" + }, + "SD8e6": { + "content": "ANALYTICS" + } + } + }, + { + "id": "VrIDO", + "type": "ref", + "ref": "dqDUJ", + "name": "nav7", + "descendants": { + "APqrn": { + "iconFontName": "briefcase" + }, + "SD8e6": { + "content": "POSITIONS" + } + } + }, + { + "id": "QZHlq", + "type": "ref", + "ref": "dqDUJ", + "name": "nav8", + "descendants": { + "APqrn": { + "iconFontName": "settings" + }, + "SD8e6": { + "content": "SETTINGS" + } + } + } + ] + } + } + }, + { + "type": "frame", + "id": "c4gTM", + "name": "Main Content", + "clip": true, + "width": "fill_container", + "height": "fill_container", + "layout": "vertical", + "gap": 48, + "padding": [ + 48, + 56 + ], + "children": [ + { + "type": "frame", + "id": "l4pJ1", + "name": "Header", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "jPHW9", + "name": "headerLeft", + "layout": "vertical", + "gap": 12, + "children": [ + { + "type": "text", + "id": "eAx7A", + "name": "headerTitle", + "fill": "$--text-primary", + "content": "Dashboard", + "fontFamily": "Space Grotesk", + "fontSize": 56, + "fontWeight": "700" + }, + { + "type": "text", + "id": "9SRra", + "name": "headerSubtitle", + "fill": "$--gray-600", + "content": "Track your AI interview metrics and activity", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "8HrtD", + "name": "headerActions", + "gap": 12, + "children": [ + { + "id": "KPf2P", + "type": "ref", + "ref": "xnjor", + "name": "searchBtn", + "descendants": { + "XxnZY": { + "iconFontName": "search" + }, + "UOd7G": { + "content": "SEARCH" + } + } + }, + { + "id": "2kg5u", + "type": "ref", + "ref": "OrUHf", + "name": "newBtn", + "descendants": { + "LqtmP": { + "iconFontName": "plus" + }, + "H1Iqt": { + "content": "NEW INTERVIEW" + } + } + } + ] + } + ] + }, + { + "type": "frame", + "id": "Lj7I2", + "name": "Metrics Row", + "width": "fill_container", + "gap": 20, + "children": [ + { + "id": "A2iEY", + "type": "ref", + "ref": "3GAB1", + "width": "fill_container", + "name": "metric1", + "descendants": { + "pZzin": { + "content": "TOTAL INTERVIEWS" + }, + "Buu5k": { + "content": "2,847" + }, + "4vtP8": { + "content": "+12.5%" + } + } + }, + { + "id": "lbkDL", + "type": "ref", + "ref": "3GAB1", + "width": "fill_container", + "name": "metric2", + "descendants": { + "pZzin": { + "content": "COMPLETION RATE" + }, + "Buu5k": { + "content": "94.2%" + }, + "4vtP8": { + "content": "+3.8%" + } + } + }, + { + "id": "xiibb", + "type": "ref", + "ref": "3GAB1", + "width": "fill_container", + "name": "metric3", + "descendants": { + "pZzin": { + "content": "AVG. SCORE" + }, + "Buu5k": { + "content": "78.5" + }, + "NWOrF": { + "iconFontName": "arrow-down-right", + "fill": "$--error" + }, + "4vtP8": { + "content": "-2.1%", + "fill": "$--error" + } + } + }, + { + "id": "9YVhq", + "type": "ref", + "ref": "3GAB1", + "width": "fill_container", + "name": "metric4", + "descendants": { + "pZzin": { + "content": "AVG. DURATION" + }, + "Buu5k": { + "content": "24m" + }, + "NWOrF": { + "iconFontName": "minus", + "fill": "$--gray-400" + }, + "4vtP8": { + "content": "0.0%", + "fill": "$--gray-400" + } + } + } + ] + }, + { + "type": "frame", + "id": "ElVq3", + "name": "Main Row", + "width": "fill_container", + "height": 320, + "gap": 20, + "children": [ + { + "type": "frame", + "id": "D1mht", + "name": "Chart Card", + "width": "fill_container", + "height": "fill_container", + "fill": "$--bg-card", + "layout": "vertical", + "gap": 24, + "padding": 24, + "children": [ + { + "type": "text", + "id": "BRBoL", + "name": "chartHeader", + "fill": "$--text-primary", + "content": "Interview Trends", + "fontFamily": "Space Grotesk", + "fontSize": 20, + "fontWeight": "700" + }, + { + "type": "frame", + "id": "w9eyW", + "name": "Chart Area", + "width": "fill_container", + "height": "fill_container", + "gap": 12, + "padding": [ + 0, + 20 + ], + "justifyContent": "space_between", + "alignItems": "end", + "children": [ + { + "type": "frame", + "id": "yFZIr", + "name": "bar1", + "height": "fill_container", + "layout": "vertical", + "gap": 10, + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "XAtwW", + "name": "bar1Fill", + "width": 40, + "height": 120, + "fill": "$--charcoal" + }, + { + "type": "text", + "id": "s7ewi", + "name": "bar1Label", + "fill": "$--gray-400", + "content": "MON", + "fontFamily": "Space Grotesk", + "fontSize": 11, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "W15DR", + "name": "bar2", + "height": "fill_container", + "layout": "vertical", + "gap": 10, + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "wYvO2", + "name": "bar2Fill", + "width": 40, + "height": 180, + "fill": "$--charcoal" + }, + { + "type": "text", + "id": "1NsuU", + "name": "bar2Label", + "fill": "$--gray-400", + "content": "TUE", + "fontFamily": "Space Grotesk", + "fontSize": 11, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "Acxzu", + "name": "bar3", + "height": "fill_container", + "layout": "vertical", + "gap": 10, + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "PcY50", + "name": "bar3Fill", + "width": 40, + "height": 90, + "fill": "$--charcoal" + }, + { + "type": "text", + "id": "z9WHi", + "name": "bar3Label", + "fill": "$--gray-400", + "content": "WED", + "fontFamily": "Space Grotesk", + "fontSize": 11, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "BtIqD", + "name": "bar4", + "height": "fill_container", + "layout": "vertical", + "gap": 10, + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "nX55l", + "name": "bar4Fill", + "width": 40, + "height": 200, + "fill": "$--terracotta" + }, + { + "type": "text", + "id": "yKMAK", + "name": "bar4Label", + "fill": "$--gray-400", + "content": "THU", + "fontFamily": "Space Grotesk", + "fontSize": 11, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "0U1D5", + "name": "bar5", + "height": "fill_container", + "layout": "vertical", + "gap": 10, + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "jVb0o", + "name": "bar5Fill", + "width": 40, + "height": 150, + "fill": "$--charcoal" + }, + { + "type": "text", + "id": "stMhS", + "name": "bar5Label", + "fill": "$--gray-400", + "content": "FRI", + "fontFamily": "Space Grotesk", + "fontSize": 11, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "CBuQ8", + "name": "bar6", + "height": "fill_container", + "layout": "vertical", + "gap": 10, + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "I0O3v", + "name": "bar6Fill", + "width": 40, + "height": 60, + "fill": "$--charcoal" + }, + { + "type": "text", + "id": "9KylL", + "name": "bar6Label", + "fill": "$--gray-400", + "content": "SAT", + "fontFamily": "Space Grotesk", + "fontSize": 11, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "CvHiE", + "name": "bar7", + "height": "fill_container", + "layout": "vertical", + "gap": 10, + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "SNIZs", + "name": "bar7Fill", + "width": 40, + "height": 40, + "fill": "$--charcoal" + }, + { + "type": "text", + "id": "f49m5", + "name": "bar7Label", + "fill": "$--gray-400", + "content": "SUN", + "fontFamily": "Space Grotesk", + "fontSize": 11, + "fontWeight": "500" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "RdHVY", + "name": "Activity Feed", + "width": 380, + "height": "fill_container", + "fill": "$--bg-dark-card", + "layout": "vertical", + "gap": 24, + "padding": 24, + "children": [ + { + "type": "frame", + "id": "2YoXg", + "name": "activityHeader", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "nWUlv", + "name": "activityTitle", + "fill": "$--text-light", + "content": "Recent Activity", + "fontFamily": "Space Grotesk", + "fontSize": 20, + "fontWeight": "700" + }, + { + "type": "text", + "id": "ZhHzs", + "name": "activityLink", + "fill": "$--terracotta", + "content": "VIEW ALL", + "fontFamily": "Space Grotesk", + "fontSize": 11, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "Z1hik", + "name": "activityList", + "width": "fill_container", + "height": "fill_container", + "layout": "vertical", + "children": [ + { + "id": "thKY2", + "type": "ref", + "ref": "M8IrH", + "name": "act1", + "descendants": { + "5Jmsc": { + "fill": "$--success" + }, + "hZCb0": { + "content": "Interview Completed" + }, + "8QOfM": { + "content": "Sarah Johnson - Senior Developer" + } + } + }, + { + "id": "Z1BS7", + "type": "ref", + "ref": "M8IrH", + "name": "act2", + "descendants": { + "5Jmsc": { + "fill": "$--info" + }, + "hZCb0": { + "content": "New Candidate Applied" + }, + "8QOfM": { + "content": "Michael Chen - Full Stack Engineer" + } + } + }, + { + "id": "FTWuv", + "type": "ref", + "ref": "M8IrH", + "name": "act3", + "descendants": { + "5Jmsc": { + "fill": "$--warning" + }, + "hZCb0": { + "content": "Interview Scheduled" + }, + "8QOfM": { + "content": "Emma Wilson - Product Designer" + } + } + }, + { + "id": "H8uGw", + "type": "ref", + "ref": "M8IrH", + "name": "act4", + "descendants": { + "5Jmsc": { + "fill": "$--success" + }, + "hZCb0": { + "content": "AI Analysis Ready" + }, + "8QOfM": { + "content": "James Brown - Data Scientist" + } + } + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "iVES0", + "x": 1540, + "y": 0, + "name": "2. Interviews", + "width": 1440, + "height": 900, + "fill": "$--bg-page", + "children": [ + { + "id": "hSsW3", + "type": "ref", + "ref": "ktLFy", + "height": "fill_container", + "name": "intSidebar", + "descendants": { + "PRKdq": { + "children": [ + { + "id": "4LpmB", + "type": "ref", + "ref": "dqDUJ", + "name": "inav1", + "descendants": { + "APqrn": { + "iconFontName": "layout-grid" + }, + "SD8e6": { + "content": "DASHBOARD" + } + } + }, + { + "id": "CtKRZ", + "type": "ref", + "ref": "BQvu5", + "name": "inav2", + "descendants": { + "fTOAO": { + "iconFontName": "video" + }, + "Pkmq1": { + "content": "INTERVIEWS" + } + } + }, + { + "id": "gtVU8", + "type": "ref", + "ref": "dqDUJ", + "name": "inav3", + "descendants": { + "APqrn": { + "iconFontName": "users" + }, + "SD8e6": { + "content": "CANDIDATES" + } + } + }, + { + "id": "6UUgD", + "type": "ref", + "ref": "dqDUJ", + "name": "inav4", + "descendants": { + "APqrn": { + "iconFontName": "message-circle" + }, + "SD8e6": { + "content": "QUESTIONS" + } + } + }, + { + "id": "NpjNV", + "type": "ref", + "ref": "dqDUJ", + "name": "inav5", + "descendants": { + "APqrn": { + "iconFontName": "cpu" + }, + "SD8e6": { + "content": "AI SETTINGS" + } + } + }, + { + "id": "A5PBm", + "type": "ref", + "ref": "dqDUJ", + "name": "inav6", + "descendants": { + "APqrn": { + "iconFontName": "chart-bar" + }, + "SD8e6": { + "content": "ANALYTICS" + } + } + }, + { + "id": "3TNSa", + "type": "ref", + "ref": "dqDUJ", + "name": "inav7", + "descendants": { + "APqrn": { + "iconFontName": "briefcase" + }, + "SD8e6": { + "content": "POSITIONS" + } + } + }, + { + "id": "YONO8", + "type": "ref", + "ref": "dqDUJ", + "name": "inav8", + "descendants": { + "APqrn": { + "iconFontName": "settings" + }, + "SD8e6": { + "content": "SETTINGS" + } + } + } + ] + } + } + }, + { + "type": "frame", + "id": "Cu1ae", + "name": "Main Content", + "clip": true, + "width": "fill_container", + "height": "fill_container", + "layout": "vertical", + "gap": 32, + "padding": [ + 48, + 56 + ], + "children": [ + { + "type": "frame", + "id": "bybSh", + "name": "Header", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "864jU", + "name": "intHeaderLeft", + "layout": "vertical", + "gap": 12, + "children": [ + { + "type": "text", + "id": "ioqw6", + "name": "intTitle", + "fill": "$--text-primary", + "content": "Interviews", + "fontFamily": "Space Grotesk", + "fontSize": 56, + "fontWeight": "700" + }, + { + "type": "text", + "id": "pW4Bu", + "name": "intSubtitle", + "fill": "$--gray-600", + "content": "Manage and monitor all AI-powered interviews", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "bCID0", + "name": "intActions", + "gap": 12, + "children": [ + { + "id": "pT4Wf", + "type": "ref", + "ref": "xnjor", + "name": "intFilter", + "descendants": { + "XxnZY": { + "iconFontName": "sliders-horizontal" + }, + "UOd7G": { + "content": "FILTER" + } + } + }, + { + "id": "jPct0", + "type": "ref", + "ref": "xnjor", + "name": "intSearch", + "descendants": { + "XxnZY": { + "iconFontName": "search" + }, + "UOd7G": { + "content": "SEARCH" + } + } + }, + { + "id": "M7M2X", + "type": "ref", + "ref": "OrUHf", + "name": "intNew", + "descendants": { + "LqtmP": { + "iconFontName": "plus" + }, + "H1Iqt": { + "content": "SCHEDULE INTERVIEW" + } + } + } + ] + } + ] + }, + { + "type": "frame", + "id": "vg1ve", + "name": "Table Card", + "width": "fill_container", + "height": "fill_container", + "fill": "$--bg-card", + "layout": "vertical", + "gap": 20, + "padding": 24, + "children": [ + { + "type": "frame", + "id": "IchlU", + "name": "tableHeader", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$--charcoal" + }, + "padding": [ + 12, + 0 + ], + "children": [ + { + "type": "text", + "id": "QRhbC", + "name": "th1", + "fill": "$--text-primary", + "content": "CANDIDATE", + "fontFamily": "Space Grotesk", + "fontSize": 11, + "fontWeight": "600" + }, + { + "type": "text", + "id": "Vvwyr", + "name": "th2", + "fill": "$--text-primary", + "content": "POSITION", + "fontFamily": "Space Grotesk", + "fontSize": 11, + "fontWeight": "600" + }, + { + "type": "text", + "id": "POp7C", + "name": "th3", + "fill": "$--text-primary", + "content": "TYPE", + "fontFamily": "Space Grotesk", + "fontSize": 11, + "fontWeight": "600" + }, + { + "type": "text", + "id": "5g4Dn", + "name": "th4", + "fill": "$--text-primary", + "content": "DATE", + "fontFamily": "Space Grotesk", + "fontSize": 11, + "fontWeight": "600" + }, + { + "type": "text", + "id": "HxtZR", + "name": "th5", + "fill": "$--text-primary", + "content": "SCORE", + "fontFamily": "Space Grotesk", + "fontSize": 11, + "fontWeight": "600" + }, + { + "type": "text", + "id": "yRyQC", + "name": "th6", + "fill": "$--text-primary", + "content": "STATUS", + "fontFamily": "Space Grotesk", + "fontSize": 11, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "oa3bl", + "name": "Table Body", + "width": "fill_container", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "6fIGJ", + "name": "row1", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$--border-light" + }, + "padding": [ + 16, + 0 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "WXvWU", + "name": "r1c1", + "width": 200, + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "Ck10d", + "name": "r1c1n", + "fill": "$--text-primary", + "content": "Sarah Johnson", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "600" + }, + { + "type": "text", + "id": "2R4qe", + "name": "r1c1e", + "fill": "$--gray-600", + "content": "sarah@email.com", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "text", + "id": "YSNqa", + "name": "r1c2", + "fill": "$--text-secondary", + "content": "Senior Developer", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "q7bx3", + "name": "r1c3", + "fill": "$--gray-600", + "content": "Technical", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "nUhwE", + "name": "r1c4", + "fill": "$--gray-600", + "content": "Jan 15, 2024", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "852cK", + "name": "r1c5", + "fill": "$--success", + "content": "92%", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "700" + }, + { + "id": "1yCCH", + "type": "ref", + "ref": "tB1lb", + "name": "r1c6", + "descendants": { + "xeHpr": { + "content": "COMPLETED" + } + } + } + ] + }, + { + "type": "frame", + "id": "3Y1yO", + "name": "row2", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$--border-light" + }, + "padding": [ + 16, + 0 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "q8M5V", + "name": "r2c1", + "width": 200, + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "PIdFl", + "name": "r2c1n", + "fill": "$--text-primary", + "content": "Michael Chen", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "600" + }, + { + "type": "text", + "id": "dH32V", + "name": "r2c1e", + "fill": "$--gray-600", + "content": "m.chen@email.com", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "text", + "id": "rH6ju", + "name": "r2c2", + "fill": "$--text-secondary", + "content": "Full Stack Engineer", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "kyaSq", + "name": "r2c3", + "fill": "$--gray-600", + "content": "Behavioral", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "IfTkf", + "name": "r2c4", + "fill": "$--gray-600", + "content": "Jan 16, 2024", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "eg91a", + "name": "r2c5", + "fill": "$--gray-400", + "content": "—", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "id": "kkK4n", + "type": "ref", + "ref": "LJ00f", + "name": "r2c6", + "descendants": { + "TZ7lV": { + "content": "SCHEDULED" + } + } + } + ] + }, + { + "type": "frame", + "id": "hayyf", + "name": "row3", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$--border-light" + }, + "padding": [ + 16, + 0 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "gGnR6", + "name": "r3c1", + "width": 200, + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "xbH0X", + "name": "r3c1n", + "fill": "$--text-primary", + "content": "Emma Wilson", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "600" + }, + { + "type": "text", + "id": "nAC6i", + "name": "r3c1e", + "fill": "$--gray-600", + "content": "emma.w@email.com", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "text", + "id": "FrAQw", + "name": "r3c2", + "fill": "$--text-secondary", + "content": "Product Designer", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "hYYp7", + "name": "r3c3", + "fill": "$--gray-600", + "content": "Portfolio Review", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "EsYVS", + "name": "r3c4", + "fill": "$--gray-600", + "content": "Jan 14, 2024", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "aO198", + "name": "r3c5", + "fill": "$--success", + "content": "85%", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "700" + }, + { + "id": "2g0eg", + "type": "ref", + "ref": "tB1lb", + "name": "r3c6", + "descendants": { + "xeHpr": { + "content": "COMPLETED" + } + } + } + ] + }, + { + "type": "frame", + "id": "0XFgl", + "name": "row4", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$--border-light" + }, + "padding": [ + 16, + 0 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "gs98C", + "name": "r4c1", + "width": 200, + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "WjfgX", + "name": "r4c1n", + "fill": "$--text-primary", + "content": "James Brown", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "600" + }, + { + "type": "text", + "id": "J6JPN", + "name": "r4c1e", + "fill": "$--gray-600", + "content": "j.brown@email.com", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "text", + "id": "1WW9s", + "name": "r4c2", + "fill": "$--text-secondary", + "content": "Data Scientist", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "KEJqK", + "name": "r4c3", + "fill": "$--gray-600", + "content": "Technical", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "FmWqb", + "name": "r4c4", + "fill": "$--gray-600", + "content": "Jan 17, 2024", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "MHy8M", + "name": "r4c5", + "fill": "$--gray-400", + "content": "—", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "id": "JlJ5M", + "type": "ref", + "ref": "AqG8V", + "name": "r4c6", + "descendants": { + "TPGmN": { + "content": "IN PROGRESS" + } + } + } + ] + }, + { + "type": "frame", + "id": "hwI23", + "name": "row5", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$--border-light" + }, + "padding": [ + 16, + 0 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "CBgyM", + "name": "r5c1", + "width": 200, + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "ljhj6", + "name": "r5c1n", + "fill": "$--text-primary", + "content": "Lisa Anderson", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "600" + }, + { + "type": "text", + "id": "f0kfY", + "name": "r5c1e", + "fill": "$--gray-600", + "content": "lisa.a@email.com", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "text", + "id": "xxQm1", + "name": "r5c2", + "fill": "$--text-secondary", + "content": "DevOps Engineer", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "TBSB1", + "name": "r5c3", + "fill": "$--gray-600", + "content": "System Design", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "Hz5Oj", + "name": "r5c4", + "fill": "$--gray-600", + "content": "Jan 13, 2024", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "M6ITO", + "name": "r5c5", + "fill": "$--warning", + "content": "78%", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "700" + }, + { + "id": "b8kJh", + "type": "ref", + "ref": "tB1lb", + "name": "r5c6", + "descendants": { + "xeHpr": { + "content": "COMPLETED" + } + } + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "x7cUJ", + "x": 3080, + "y": 0, + "name": "3. Candidates", + "width": 1440, + "height": 900, + "fill": "$--bg-page", + "children": [ + { + "id": "ehtcJ", + "type": "ref", + "ref": "ktLFy", + "height": "fill_container", + "name": "candSidebar", + "descendants": { + "PRKdq": { + "children": [ + { + "id": "jt19x", + "type": "ref", + "ref": "dqDUJ", + "name": "cnav1", + "descendants": { + "APqrn": { + "iconFontName": "layout-grid" + }, + "SD8e6": { + "content": "DASHBOARD" + } + } + }, + { + "id": "o3oCT", + "type": "ref", + "ref": "dqDUJ", + "name": "cnav2", + "descendants": { + "APqrn": { + "iconFontName": "video" + }, + "SD8e6": { + "content": "INTERVIEWS" + } + } + }, + { + "id": "9Oxkn", + "type": "ref", + "ref": "BQvu5", + "name": "cnav3", + "descendants": { + "fTOAO": { + "iconFontName": "users" + }, + "Pkmq1": { + "content": "CANDIDATES" + } + } + }, + { + "id": "sqjGc", + "type": "ref", + "ref": "dqDUJ", + "name": "cnav4", + "descendants": { + "APqrn": { + "iconFontName": "message-circle" + }, + "SD8e6": { + "content": "QUESTIONS" + } + } + }, + { + "id": "loGMn", + "type": "ref", + "ref": "dqDUJ", + "name": "cnav5", + "descendants": { + "APqrn": { + "iconFontName": "cpu" + }, + "SD8e6": { + "content": "AI SETTINGS" + } + } + }, + { + "id": "vdXeU", + "type": "ref", + "ref": "dqDUJ", + "name": "cnav6", + "descendants": { + "APqrn": { + "iconFontName": "chart-bar" + }, + "SD8e6": { + "content": "ANALYTICS" + } + } + }, + { + "id": "M13Fl", + "type": "ref", + "ref": "dqDUJ", + "name": "cnav7", + "descendants": { + "APqrn": { + "iconFontName": "briefcase" + }, + "SD8e6": { + "content": "POSITIONS" + } + } + }, + { + "id": "xUFQu", + "type": "ref", + "ref": "dqDUJ", + "name": "cnav8", + "descendants": { + "APqrn": { + "iconFontName": "settings" + }, + "SD8e6": { + "content": "SETTINGS" + } + } + } + ] + } + } + }, + { + "type": "frame", + "id": "thHj0", + "name": "Main Content", + "clip": true, + "width": "fill_container", + "height": "fill_container", + "layout": "vertical", + "gap": 32, + "padding": [ + 48, + 56 + ], + "children": [ + { + "type": "frame", + "id": "B1DeA", + "name": "Header", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Y6vVk", + "name": "candHeaderLeft", + "layout": "vertical", + "gap": 12, + "children": [ + { + "type": "text", + "id": "rZvrG", + "name": "candTitle", + "fill": "$--text-primary", + "content": "Candidates", + "fontFamily": "Space Grotesk", + "fontSize": 56, + "fontWeight": "700" + }, + { + "type": "text", + "id": "1cEf8", + "name": "candSubtitle", + "fill": "$--gray-600", + "content": "View and manage candidate profiles and performance", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "EikO8", + "name": "candActions", + "gap": 12, + "children": [ + { + "id": "t8Xc1", + "type": "ref", + "ref": "xnjor", + "name": "candSearch", + "descendants": { + "XxnZY": { + "iconFontName": "search" + }, + "UOd7G": { + "content": "SEARCH" + } + } + }, + { + "id": "Xs9VQ", + "type": "ref", + "ref": "OrUHf", + "name": "candAdd", + "descendants": { + "LqtmP": { + "iconFontName": "user-plus" + }, + "H1Iqt": { + "content": "ADD CANDIDATE" + } + } + } + ] + } + ] + }, + { + "type": "frame", + "id": "nwK1D", + "name": "candStats", + "width": "fill_container", + "gap": 20, + "children": [ + { + "id": "W0AgA", + "type": "ref", + "ref": "3GAB1", + "width": "fill_container", + "name": "cstat1", + "descendants": { + "pZzin": { + "content": "TOTAL CANDIDATES" + }, + "Buu5k": { + "content": "1,234" + }, + "4vtP8": { + "content": "+8.2%" + } + } + }, + { + "id": "XbwSn", + "type": "ref", + "ref": "3GAB1", + "width": "fill_container", + "name": "cstat2", + "descendants": { + "pZzin": { + "content": "INTERVIEWED" + }, + "Buu5k": { + "content": "847" + }, + "4vtP8": { + "content": "+15.3%" + } + } + }, + { + "id": "IYJG9", + "type": "ref", + "ref": "3GAB1", + "width": "fill_container", + "name": "cstat3", + "descendants": { + "pZzin": { + "content": "HIRED" + }, + "Buu5k": { + "content": "156" + }, + "4vtP8": { + "content": "+22.1%" + } + } + }, + { + "id": "kUXIK", + "type": "ref", + "ref": "3GAB1", + "width": "fill_container", + "name": "cstat4", + "descendants": { + "pZzin": { + "content": "PENDING REVIEW" + }, + "Buu5k": { + "content": "89" + }, + "NWOrF": { + "iconFontName": "minus", + "fill": "$--gray-400" + }, + "4vtP8": { + "content": "0.0%", + "fill": "$--gray-400" + } + } + } + ] + }, + { + "type": "frame", + "id": "QtdtN", + "name": "Candidate Grid", + "width": "fill_container", + "gap": 20, + "children": [ + { + "type": "frame", + "id": "oKuLc", + "name": "cCard1", + "width": "fill_container", + "fill": "$--bg-card", + "layout": "vertical", + "gap": 16, + "padding": 24, + "children": [ + { + "type": "frame", + "id": "mWXiN", + "name": "cCard1Top", + "width": "fill_container", + "gap": 16, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "zvVD0", + "name": "cCard1Avatar", + "width": 56, + "height": 56, + "fill": "$--charcoal", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "9TXH1", + "name": "cCard1Init", + "fill": "$--text-light", + "content": "SJ", + "fontFamily": "Space Grotesk", + "fontSize": 18, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "Ns12r", + "name": "cCard1Info", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "SPFz3", + "name": "cCard1Name", + "fill": "$--text-primary", + "content": "Sarah Johnson", + "fontFamily": "Space Grotesk", + "fontSize": 18, + "fontWeight": "700" + }, + { + "type": "text", + "id": "BzSgC", + "name": "cCard1Role", + "fill": "$--gray-600", + "content": "Senior Developer", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "hJa03", + "name": "cCard1Stats", + "width": "fill_container", + "gap": 24, + "children": [ + { + "type": "frame", + "id": "2QrYN", + "name": "cCard1Stat1", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "3K1lC", + "name": "cCard1S1L", + "fill": "$--gray-600", + "content": "SCORE", + "fontFamily": "Space Grotesk", + "fontSize": 10, + "fontWeight": "600" + }, + { + "type": "text", + "id": "O9ser", + "name": "cCard1S1V", + "fill": "$--success", + "content": "92%", + "fontFamily": "Space Grotesk", + "fontSize": 20, + "fontWeight": "700" + } + ] + }, + { + "type": "frame", + "id": "vJCV2", + "name": "cCard1Stat2", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "mW6yH", + "name": "cCard1S2L", + "fill": "$--gray-600", + "content": "INTERVIEWS", + "fontFamily": "Space Grotesk", + "fontSize": 10, + "fontWeight": "600" + }, + { + "type": "text", + "id": "B3r33", + "name": "cCard1S2V", + "fill": "$--text-primary", + "content": "3", + "fontFamily": "Space Grotesk", + "fontSize": 20, + "fontWeight": "700" + } + ] + } + ] + }, + { + "id": "P31Y5", + "type": "ref", + "ref": "tB1lb", + "name": "cCard1Badge", + "descendants": { + "xeHpr": { + "content": "HIRED" + } + } + } + ] + }, + { + "type": "frame", + "id": "tKHSv", + "name": "cCard2", + "width": "fill_container", + "fill": "$--bg-card", + "layout": "vertical", + "gap": 16, + "padding": 24, + "children": [ + { + "type": "frame", + "id": "zZJd3", + "name": "cCard2Top", + "width": "fill_container", + "gap": 16, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "dxQHE", + "name": "cCard2Avatar", + "width": 56, + "height": 56, + "fill": "$--terracotta", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "CqVdq", + "name": "cCard2Init", + "fill": "$--text-light", + "content": "MC", + "fontFamily": "Space Grotesk", + "fontSize": 18, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "74zz8", + "name": "cCard2Info", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "hfMa1", + "name": "cCard2Name", + "fill": "$--text-primary", + "content": "Michael Chen", + "fontFamily": "Space Grotesk", + "fontSize": 18, + "fontWeight": "700" + }, + { + "type": "text", + "id": "P50Sa", + "name": "cCard2Role", + "fill": "$--gray-600", + "content": "Full Stack Engineer", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "ieBWm", + "name": "cCard2Stats", + "width": "fill_container", + "gap": 24, + "children": [ + { + "type": "frame", + "id": "loUMG", + "name": "cCard2Stat1", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "HalRp", + "name": "cCard2S1L", + "fill": "$--gray-600", + "content": "SCORE", + "fontFamily": "Space Grotesk", + "fontSize": 10, + "fontWeight": "600" + }, + { + "type": "text", + "id": "ehsX3", + "name": "cCard2S1V", + "fill": "$--gray-400", + "content": "—", + "fontFamily": "Space Grotesk", + "fontSize": 20, + "fontWeight": "700" + } + ] + }, + { + "type": "frame", + "id": "DrnUu", + "name": "cCard2Stat2", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "iBQNK", + "name": "cCard2S2L", + "fill": "$--gray-600", + "content": "INTERVIEWS", + "fontFamily": "Space Grotesk", + "fontSize": 10, + "fontWeight": "600" + }, + { + "type": "text", + "id": "letlE", + "name": "cCard2S2V", + "fill": "$--text-primary", + "content": "0", + "fontFamily": "Space Grotesk", + "fontSize": 20, + "fontWeight": "700" + } + ] + } + ] + }, + { + "id": "IjaqG", + "type": "ref", + "ref": "LJ00f", + "name": "cCard2Badge", + "descendants": { + "TZ7lV": { + "content": "SCHEDULED" + } + } + } + ] + }, + { + "type": "frame", + "id": "gAbZv", + "name": "cCard3", + "width": "fill_container", + "fill": "$--bg-card", + "layout": "vertical", + "gap": 16, + "padding": 24, + "children": [ + { + "type": "frame", + "id": "P1bZb", + "name": "cCard3Top", + "width": "fill_container", + "gap": 16, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "xSqpP", + "name": "cCard3Avatar", + "width": 56, + "height": 56, + "fill": "$--info", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "idAJq", + "name": "cCard3Init", + "fill": "$--text-light", + "content": "EW", + "fontFamily": "Space Grotesk", + "fontSize": 18, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "gpGpv", + "name": "cCard3Info", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "4MIKa", + "name": "cCard3Name", + "fill": "$--text-primary", + "content": "Emma Wilson", + "fontFamily": "Space Grotesk", + "fontSize": 18, + "fontWeight": "700" + }, + { + "type": "text", + "id": "mKm87", + "name": "cCard3Role", + "fill": "$--gray-600", + "content": "Product Designer", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "i7GPp", + "name": "cCard3Stats", + "width": "fill_container", + "gap": 24, + "children": [ + { + "type": "frame", + "id": "W8SH6", + "name": "cCard3Stat1", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "2XQKd", + "name": "cCard3S1L", + "fill": "$--gray-600", + "content": "SCORE", + "fontFamily": "Space Grotesk", + "fontSize": 10, + "fontWeight": "600" + }, + { + "type": "text", + "id": "w4U29", + "name": "cCard3S1V", + "fill": "$--success", + "content": "85%", + "fontFamily": "Space Grotesk", + "fontSize": 20, + "fontWeight": "700" + } + ] + }, + { + "type": "frame", + "id": "YLOWt", + "name": "cCard3Stat2", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "jBPAt", + "name": "cCard3S2L", + "fill": "$--gray-600", + "content": "INTERVIEWS", + "fontFamily": "Space Grotesk", + "fontSize": 10, + "fontWeight": "600" + }, + { + "type": "text", + "id": "ThP9W", + "name": "cCard3S2V", + "fill": "$--text-primary", + "content": "2", + "fontFamily": "Space Grotesk", + "fontSize": 20, + "fontWeight": "700" + } + ] + } + ] + }, + { + "id": "K7lL9", + "type": "ref", + "ref": "AqG8V", + "name": "cCard3Badge", + "descendants": { + "TPGmN": { + "content": "IN REVIEW" + } + } + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "Mvlj1", + "x": 0, + "y": 1000, + "name": "4. Questions Bank", + "width": 1440, + "height": 900, + "fill": "$--bg-page", + "children": [ + { + "id": "RUiow", + "type": "ref", + "ref": "ktLFy", + "height": "fill_container", + "name": "qSidebar", + "descendants": { + "PRKdq": { + "children": [ + { + "id": "W6rQ8", + "type": "ref", + "ref": "dqDUJ", + "name": "qnav1", + "descendants": { + "APqrn": { + "iconFontName": "layout-grid" + }, + "SD8e6": { + "content": "DASHBOARD" + } + } + }, + { + "id": "rJqnr", + "type": "ref", + "ref": "dqDUJ", + "name": "qnav2", + "descendants": { + "APqrn": { + "iconFontName": "video" + }, + "SD8e6": { + "content": "INTERVIEWS" + } + } + }, + { + "id": "dLESI", + "type": "ref", + "ref": "dqDUJ", + "name": "qnav3", + "descendants": { + "APqrn": { + "iconFontName": "users" + }, + "SD8e6": { + "content": "CANDIDATES" + } + } + }, + { + "id": "H6LuL", + "type": "ref", + "ref": "BQvu5", + "name": "qnav4", + "descendants": { + "fTOAO": { + "iconFontName": "message-circle" + }, + "Pkmq1": { + "content": "QUESTIONS" + } + } + }, + { + "id": "UZ5cB", + "type": "ref", + "ref": "dqDUJ", + "name": "qnav5", + "descendants": { + "APqrn": { + "iconFontName": "cpu" + }, + "SD8e6": { + "content": "AI SETTINGS" + } + } + }, + { + "id": "pNyXX", + "type": "ref", + "ref": "dqDUJ", + "name": "qnav6", + "descendants": { + "APqrn": { + "iconFontName": "chart-bar" + }, + "SD8e6": { + "content": "ANALYTICS" + } + } + }, + { + "id": "8oT8f", + "type": "ref", + "ref": "dqDUJ", + "name": "qnav7", + "descendants": { + "APqrn": { + "iconFontName": "briefcase" + }, + "SD8e6": { + "content": "POSITIONS" + } + } + }, + { + "id": "HkqJW", + "type": "ref", + "ref": "dqDUJ", + "name": "qnav8", + "descendants": { + "APqrn": { + "iconFontName": "settings" + }, + "SD8e6": { + "content": "SETTINGS" + } + } + } + ] + } + } + }, + { + "type": "frame", + "id": "oYQhH", + "name": "Main Content", + "clip": true, + "width": "fill_container", + "height": "fill_container", + "layout": "vertical", + "gap": 32, + "padding": [ + 48, + 56 + ], + "children": [ + { + "type": "frame", + "id": "gPVYn", + "name": "Header", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "KKizz", + "name": "qHeaderLeft", + "layout": "vertical", + "gap": 12, + "children": [ + { + "type": "text", + "id": "Pb74q", + "name": "qTitle", + "fill": "$--text-primary", + "content": "Questions Bank", + "fontFamily": "Space Grotesk", + "fontSize": 56, + "fontWeight": "700" + }, + { + "type": "text", + "id": "Zjrnp", + "name": "qSubtitle", + "fill": "$--gray-600", + "content": "AI-generated interview questions by category", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "bfSXX", + "name": "qActions", + "gap": 12, + "children": [ + { + "id": "40ys1", + "type": "ref", + "ref": "xnjor", + "name": "qSearch", + "descendants": { + "XxnZY": { + "iconFontName": "search" + }, + "UOd7G": { + "content": "SEARCH" + } + } + }, + { + "id": "qnTzw", + "type": "ref", + "ref": "OrUHf", + "name": "qGen", + "descendants": { + "LqtmP": { + "iconFontName": "sparkles" + }, + "H1Iqt": { + "content": "GENERATE QUESTIONS" + } + } + } + ] + } + ] + }, + { + "type": "frame", + "id": "04xTi", + "name": "Categories", + "width": "fill_container", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "HabKy", + "name": "qCat1", + "fill": "$--charcoal", + "gap": 8, + "padding": [ + 10, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "eV9iF", + "name": "qCat1Icon", + "width": 16, + "height": 16, + "iconFontName": "code", + "iconFontFamily": "lucide", + "fill": "$--text-light" + }, + { + "type": "text", + "id": "tyUyQ", + "name": "qCat1Text", + "fill": "$--text-light", + "content": "TECHNICAL", + "fontFamily": "Space Grotesk", + "fontSize": 12, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "MeyOf", + "name": "qCat2", + "fill": "$--bg-card", + "gap": 8, + "padding": [ + 10, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "250ei", + "name": "qCat2Icon", + "width": 16, + "height": 16, + "iconFontName": "heart", + "iconFontFamily": "lucide", + "fill": "$--gray-600" + }, + { + "type": "text", + "id": "00MdR", + "name": "qCat2Text", + "fill": "$--text-primary", + "content": "BEHAVIORAL", + "fontFamily": "Space Grotesk", + "fontSize": 12, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "JxPrr", + "name": "qCat3", + "fill": "$--bg-card", + "gap": 8, + "padding": [ + 10, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "V6xks", + "name": "qCat3Icon", + "width": 16, + "height": 16, + "iconFontName": "puzzle", + "iconFontFamily": "lucide", + "fill": "$--gray-600" + }, + { + "type": "text", + "id": "4iWIc", + "name": "qCat3Text", + "fill": "$--text-primary", + "content": "PROBLEM SOLVING", + "fontFamily": "Space Grotesk", + "fontSize": 12, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "dGE85", + "name": "qCat4", + "fill": "$--bg-card", + "gap": 8, + "padding": [ + 10, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "5Upkd", + "name": "qCat4Icon", + "width": 16, + "height": 16, + "iconFontName": "users", + "iconFontFamily": "lucide", + "fill": "$--gray-600" + }, + { + "type": "text", + "id": "RgwBb", + "name": "qCat4Text", + "fill": "$--text-primary", + "content": "LEADERSHIP", + "fontFamily": "Space Grotesk", + "fontSize": 12, + "fontWeight": "600" + } + ] + } + ] + }, + { + "type": "frame", + "id": "9KqvL", + "name": "Questions List", + "width": "fill_container", + "layout": "vertical", + "gap": 16, + "children": [ + { + "type": "frame", + "id": "H3edl", + "name": "q1", + "width": "fill_container", + "fill": "$--bg-card", + "layout": "vertical", + "gap": 16, + "padding": 24, + "children": [ + { + "type": "frame", + "id": "Jh3Bp", + "name": "q1Top", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "egD1p", + "name": "q1Left", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "text", + "id": "RejAP", + "name": "q1Title", + "fill": "$--text-primary", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Explain the difference between REST and GraphQL APIs", + "fontFamily": "Space Grotesk", + "fontSize": 16, + "fontWeight": "600" + }, + { + "type": "text", + "id": "JejR8", + "name": "q1Desc", + "fill": "$--gray-600", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Tests understanding of API design patterns and when to use each approach.", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "dlBMR", + "name": "q1Tags", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "DCO9y", + "name": "q1Tag1", + "fill": "$--bg-dark-surface", + "padding": [ + 4, + 8 + ], + "children": [ + { + "type": "text", + "id": "T6skR", + "name": "q1Tag1T", + "fill": "$--text-light", + "content": "BACKEND", + "fontFamily": "Space Grotesk", + "fontSize": 10, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "0WwyN", + "name": "q1Tag2", + "fill": "$--info", + "padding": [ + 4, + 8 + ], + "children": [ + { + "type": "text", + "id": "PACP2", + "name": "q1Tag2T", + "fill": "$--text-light", + "content": "INTERMEDIATE", + "fontFamily": "Space Grotesk", + "fontSize": 10, + "fontWeight": "600" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "ZyixG", + "name": "q2", + "width": "fill_container", + "fill": "$--bg-card", + "layout": "vertical", + "gap": 16, + "padding": 24, + "children": [ + { + "type": "frame", + "id": "Dtery", + "name": "q2Top", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "9gM3R", + "name": "q2Left", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "text", + "id": "Q3BEF", + "name": "q2Title", + "fill": "$--text-primary", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "How would you optimize a slow database query?", + "fontFamily": "Space Grotesk", + "fontSize": 16, + "fontWeight": "600" + }, + { + "type": "text", + "id": "KI2Ui", + "name": "q2Desc", + "fill": "$--gray-600", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Evaluates knowledge of database optimization techniques and problem-solving approach.", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "xM4IT", + "name": "q2Tags", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "UbfmT", + "name": "q2Tag1", + "fill": "$--bg-dark-surface", + "padding": [ + 4, + 8 + ], + "children": [ + { + "type": "text", + "id": "bggkn", + "name": "q2Tag1T", + "fill": "$--text-light", + "content": "DATABASE", + "fontFamily": "Space Grotesk", + "fontSize": 10, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "axw5L", + "name": "q2Tag2", + "fill": "$--terracotta", + "padding": [ + 4, + 8 + ], + "children": [ + { + "type": "text", + "id": "xyglY", + "name": "q2Tag2T", + "fill": "$--text-light", + "content": "ADVANCED", + "fontFamily": "Space Grotesk", + "fontSize": 10, + "fontWeight": "600" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "4rghV", + "name": "q3", + "width": "fill_container", + "fill": "$--bg-card", + "layout": "vertical", + "gap": 16, + "padding": 24, + "children": [ + { + "type": "frame", + "id": "tREkW", + "name": "q3Top", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "pjZbH", + "name": "q3Left", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "text", + "id": "CSqVI", + "name": "q3Title", + "fill": "$--text-primary", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Describe a time when you had to work with a difficult team member", + "fontFamily": "Space Grotesk", + "fontSize": 16, + "fontWeight": "600" + }, + { + "type": "text", + "id": "Nb1qf", + "name": "q3Desc", + "fill": "$--gray-600", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Assesses interpersonal skills, conflict resolution, and emotional intelligence.", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "U3AGz", + "name": "q3Tags", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "H7ejE", + "name": "q3Tag1", + "fill": "$--bg-dark-surface", + "padding": [ + 4, + 8 + ], + "children": [ + { + "type": "text", + "id": "9Cjy8", + "name": "q3Tag1T", + "fill": "$--text-light", + "content": "SOFT SKILLS", + "fontFamily": "Space Grotesk", + "fontSize": 10, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "dwJ0Z", + "name": "q3Tag2", + "fill": "$--success", + "padding": [ + 4, + 8 + ], + "children": [ + { + "type": "text", + "id": "2zSGq", + "name": "q3Tag2T", + "fill": "$--text-light", + "content": "BEGINNER", + "fontFamily": "Space Grotesk", + "fontSize": 10, + "fontWeight": "600" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "lwglP", + "x": 1540, + "y": 1000, + "name": "5. AI Settings", + "width": 1440, + "height": 900, + "fill": "$--bg-page", + "children": [ + { + "id": "q8GhN", + "type": "ref", + "ref": "ktLFy", + "height": "fill_container", + "name": "aiSidebar", + "descendants": { + "PRKdq": { + "children": [ + { + "id": "Xn9VZ", + "type": "ref", + "ref": "dqDUJ", + "name": "ainav1", + "descendants": { + "APqrn": { + "iconFontName": "layout-grid" + }, + "SD8e6": { + "content": "DASHBOARD" + } + } + }, + { + "id": "ixydB", + "type": "ref", + "ref": "dqDUJ", + "name": "ainav2", + "descendants": { + "APqrn": { + "iconFontName": "video" + }, + "SD8e6": { + "content": "INTERVIEWS" + } + } + }, + { + "id": "l6MBu", + "type": "ref", + "ref": "dqDUJ", + "name": "ainav3", + "descendants": { + "APqrn": { + "iconFontName": "users" + }, + "SD8e6": { + "content": "CANDIDATES" + } + } + }, + { + "id": "iI41D", + "type": "ref", + "ref": "dqDUJ", + "name": "ainav4", + "descendants": { + "APqrn": { + "iconFontName": "message-circle" + }, + "SD8e6": { + "content": "QUESTIONS" + } + } + }, + { + "id": "CACqz", + "type": "ref", + "ref": "BQvu5", + "name": "ainav5", + "descendants": { + "fTOAO": { + "iconFontName": "cpu" + }, + "Pkmq1": { + "content": "AI SETTINGS" + } + } + }, + { + "id": "yAoby", + "type": "ref", + "ref": "dqDUJ", + "name": "ainav6", + "descendants": { + "APqrn": { + "iconFontName": "chart-bar" + }, + "SD8e6": { + "content": "ANALYTICS" + } + } + }, + { + "id": "soWDC", + "type": "ref", + "ref": "dqDUJ", + "name": "ainav7", + "descendants": { + "APqrn": { + "iconFontName": "briefcase" + }, + "SD8e6": { + "content": "POSITIONS" + } + } + }, + { + "id": "4BBuL", + "type": "ref", + "ref": "dqDUJ", + "name": "ainav8", + "descendants": { + "APqrn": { + "iconFontName": "settings" + }, + "SD8e6": { + "content": "SETTINGS" + } + } + } + ] + } + } + }, + { + "type": "frame", + "id": "jbWVN", + "name": "Main Content", + "clip": true, + "width": "fill_container", + "height": "fill_container", + "layout": "vertical", + "gap": 32, + "padding": [ + 48, + 56 + ], + "children": [ + { + "type": "frame", + "id": "lnQ3R", + "name": "Header", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "i6Bxa", + "name": "aiHeaderLeft", + "layout": "vertical", + "gap": 12, + "children": [ + { + "type": "text", + "id": "sTQtS", + "name": "aiTitle", + "fill": "$--text-primary", + "content": "AI Settings", + "fontFamily": "Space Grotesk", + "fontSize": 56, + "fontWeight": "700" + }, + { + "type": "text", + "id": "7c7k7", + "name": "aiSubtitle", + "fill": "$--gray-600", + "content": "Configure AI interviewer behavior and evaluation criteria", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "XQc0G", + "name": "aiActions", + "gap": 12, + "children": [ + { + "id": "qSxkA", + "type": "ref", + "ref": "OrUHf", + "name": "aiSave", + "descendants": { + "LqtmP": { + "iconFontName": "save" + }, + "H1Iqt": { + "content": "SAVE CHANGES" + } + } + } + ] + } + ] + }, + { + "type": "frame", + "id": "80cWY", + "name": "aiContent", + "width": "fill_container", + "gap": 24, + "children": [ + { + "type": "frame", + "id": "o5npL", + "name": "aiLeft", + "width": "fill_container", + "layout": "vertical", + "gap": 24, + "children": [ + { + "type": "frame", + "id": "xMPow", + "name": "modelCard", + "width": "fill_container", + "fill": "$--bg-card", + "layout": "vertical", + "gap": 20, + "padding": 24, + "children": [ + { + "type": "text", + "id": "29tMW", + "name": "modelTitle", + "fill": "$--text-primary", + "content": "AI Model Configuration", + "fontFamily": "Space Grotesk", + "fontSize": 20, + "fontWeight": "700" + }, + { + "type": "frame", + "id": "BaVIK", + "name": "modelFields", + "width": "fill_container", + "layout": "vertical", + "gap": 16, + "children": [ + { + "id": "xjtwv", + "type": "ref", + "ref": "yjvSd", + "width": "fill_container", + "name": "field1", + "descendants": { + "Wjw7q": { + "content": "AI MODEL" + }, + "ILBVR": { + "content": "Claude 3.5 Sonnet" + } + } + }, + { + "id": "hycY3", + "type": "ref", + "ref": "yjvSd", + "width": "fill_container", + "name": "field2", + "descendants": { + "Wjw7q": { + "content": "TEMPERATURE" + }, + "ILBVR": { + "content": "0.7" + } + } + }, + { + "id": "jfKrt", + "type": "ref", + "ref": "yjvSd", + "width": "fill_container", + "name": "field3", + "descendants": { + "Wjw7q": { + "content": "MAX TOKENS" + }, + "ILBVR": { + "content": "4096" + } + } + } + ] + } + ] + }, + { + "type": "frame", + "id": "BZgh9", + "name": "evalCard", + "width": "fill_container", + "fill": "$--bg-card", + "layout": "vertical", + "gap": 20, + "padding": 24, + "children": [ + { + "type": "text", + "id": "9lBut", + "name": "evalTitle", + "fill": "$--text-primary", + "content": "Evaluation Criteria", + "fontFamily": "Space Grotesk", + "fontSize": 20, + "fontWeight": "700" + }, + { + "type": "frame", + "id": "bZBlD", + "name": "evalList", + "width": "fill_container", + "layout": "vertical", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "tdNbd", + "name": "eval1", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$--border-light" + }, + "padding": [ + 12, + 0 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Pn8PB", + "name": "eval1Left", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "XsbFp", + "name": "eval1Check", + "width": 20, + "height": 20, + "fill": "$--success", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "jtCAY", + "name": "eval1Icon", + "width": 14, + "height": 14, + "iconFontName": "check", + "iconFontFamily": "lucide", + "fill": "$--text-light" + } + ] + }, + { + "type": "text", + "id": "KzJo2", + "name": "eval1Text", + "fill": "$--text-primary", + "content": "Technical Knowledge", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "600" + } + ] + }, + { + "type": "text", + "id": "kN3vy", + "name": "eval1Weight", + "fill": "$--terracotta", + "content": "30%", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "700" + } + ] + }, + { + "type": "frame", + "id": "y6fJY", + "name": "eval2", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$--border-light" + }, + "padding": [ + 12, + 0 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "RXdp3", + "name": "eval2Left", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "GKwMV", + "name": "eval2Check", + "width": 20, + "height": 20, + "fill": "$--success", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "mdbmL", + "name": "eval2Icon", + "width": 14, + "height": 14, + "iconFontName": "check", + "iconFontFamily": "lucide", + "fill": "$--text-light" + } + ] + }, + { + "type": "text", + "id": "qXkrT", + "name": "eval2Text", + "fill": "$--text-primary", + "content": "Communication Skills", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "600" + } + ] + }, + { + "type": "text", + "id": "WTowK", + "name": "eval2Weight", + "fill": "$--terracotta", + "content": "25%", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "700" + } + ] + }, + { + "type": "frame", + "id": "HJgXt", + "name": "eval3", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$--border-light" + }, + "padding": [ + 12, + 0 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "quJwp", + "name": "eval3Left", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "bDV5N", + "name": "eval3Check", + "width": 20, + "height": 20, + "fill": "$--success", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "pqihT", + "name": "eval3Icon", + "width": 14, + "height": 14, + "iconFontName": "check", + "iconFontFamily": "lucide", + "fill": "$--text-light" + } + ] + }, + { + "type": "text", + "id": "ONjV3", + "name": "eval3Text", + "fill": "$--text-primary", + "content": "Problem Solving", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "600" + } + ] + }, + { + "type": "text", + "id": "L0sZK", + "name": "eval3Weight", + "fill": "$--terracotta", + "content": "25%", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "700" + } + ] + }, + { + "type": "frame", + "id": "WASmJ", + "name": "eval4", + "width": "fill_container", + "padding": [ + 12, + 0 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "aR10n", + "name": "eval4Left", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "QzfMg", + "name": "eval4Check", + "width": 20, + "height": 20, + "fill": "$--success", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "kBdZO", + "name": "eval4Icon", + "width": 14, + "height": 14, + "iconFontName": "check", + "iconFontFamily": "lucide", + "fill": "$--text-light" + } + ] + }, + { + "type": "text", + "id": "Es7qJ", + "name": "eval4Text", + "fill": "$--text-primary", + "content": "Cultural Fit", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "600" + } + ] + }, + { + "type": "text", + "id": "KU5UE", + "name": "eval4Weight", + "fill": "$--terracotta", + "content": "20%", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "700" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "pdVTW", + "x": 3080, + "y": 1000, + "name": "6. Analytics", + "width": 1440, + "height": 900, + "fill": "$--bg-page", + "children": [ + { + "id": "9oRmA", + "type": "ref", + "ref": "ktLFy", + "height": "fill_container", + "name": "anSidebar", + "descendants": { + "PRKdq": { + "children": [ + { + "id": "ksjwH", + "type": "ref", + "ref": "dqDUJ", + "name": "annav1", + "descendants": { + "APqrn": { + "iconFontName": "layout-grid" + }, + "SD8e6": { + "content": "DASHBOARD" + } + } + }, + { + "id": "epSlC", + "type": "ref", + "ref": "dqDUJ", + "name": "annav2", + "descendants": { + "APqrn": { + "iconFontName": "video" + }, + "SD8e6": { + "content": "INTERVIEWS" + } + } + }, + { + "id": "SpvSv", + "type": "ref", + "ref": "dqDUJ", + "name": "annav3", + "descendants": { + "APqrn": { + "iconFontName": "users" + }, + "SD8e6": { + "content": "CANDIDATES" + } + } + }, + { + "id": "NPfG8", + "type": "ref", + "ref": "dqDUJ", + "name": "annav4", + "descendants": { + "APqrn": { + "iconFontName": "message-circle" + }, + "SD8e6": { + "content": "QUESTIONS" + } + } + }, + { + "id": "NguEU", + "type": "ref", + "ref": "dqDUJ", + "name": "annav5", + "descendants": { + "APqrn": { + "iconFontName": "cpu" + }, + "SD8e6": { + "content": "AI SETTINGS" + } + } + }, + { + "id": "pXkLx", + "type": "ref", + "ref": "BQvu5", + "name": "annav6", + "descendants": { + "fTOAO": { + "iconFontName": "chart-bar" + }, + "Pkmq1": { + "content": "ANALYTICS" + } + } + }, + { + "id": "Lji0l", + "type": "ref", + "ref": "dqDUJ", + "name": "annav7", + "descendants": { + "APqrn": { + "iconFontName": "briefcase" + }, + "SD8e6": { + "content": "POSITIONS" + } + } + }, + { + "id": "3YwIO", + "type": "ref", + "ref": "dqDUJ", + "name": "annav8", + "descendants": { + "APqrn": { + "iconFontName": "settings" + }, + "SD8e6": { + "content": "SETTINGS" + } + } + } + ] + } + } + }, + { + "type": "frame", + "id": "3Yuuv", + "name": "Main Content", + "clip": true, + "width": "fill_container", + "height": "fill_container", + "layout": "vertical", + "gap": 32, + "padding": [ + 48, + 56 + ], + "children": [ + { + "type": "frame", + "id": "HbfAB", + "name": "Header", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Ax2iH", + "name": "anHeaderLeft", + "layout": "vertical", + "gap": 12, + "children": [ + { + "type": "text", + "id": "ZrGC4", + "name": "anTitle", + "fill": "$--text-primary", + "content": "Analytics", + "fontFamily": "Space Grotesk", + "fontSize": 56, + "fontWeight": "700" + }, + { + "type": "text", + "id": "AL4gS", + "name": "anSubtitle", + "fill": "$--gray-600", + "content": "Performance insights and interview trends", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "sS7bo", + "name": "anActions", + "gap": 12, + "children": [ + { + "id": "nvnP8", + "type": "ref", + "ref": "xnjor", + "name": "anDate", + "descendants": { + "XxnZY": { + "iconFontName": "calendar" + }, + "UOd7G": { + "content": "LAST 30 DAYS" + } + } + }, + { + "id": "IFvI1", + "type": "ref", + "ref": "OrUHf", + "name": "anExport", + "descendants": { + "LqtmP": { + "iconFontName": "download" + }, + "H1Iqt": { + "content": "EXPORT REPORT" + } + } + } + ] + } + ] + }, + { + "type": "frame", + "id": "kvlPj", + "name": "anMetrics", + "width": "fill_container", + "gap": 20, + "children": [ + { + "id": "w28Pv", + "type": "ref", + "ref": "3GAB1", + "width": "fill_container", + "name": "anm1", + "descendants": { + "pZzin": { + "content": "PASS RATE" + }, + "Buu5k": { + "content": "68.4%" + }, + "4vtP8": { + "content": "+5.2%" + } + } + }, + { + "id": "w9igY", + "type": "ref", + "ref": "3GAB1", + "width": "fill_container", + "name": "anm2", + "descendants": { + "pZzin": { + "content": "AVG. AI SCORE" + }, + "Buu5k": { + "content": "82.3" + }, + "4vtP8": { + "content": "+3.1%" + } + } + }, + { + "id": "xEjHv", + "type": "ref", + "ref": "3GAB1", + "width": "fill_container", + "name": "anm3", + "descendants": { + "pZzin": { + "content": "TIME TO HIRE" + }, + "Buu5k": { + "content": "12d" + }, + "NWOrF": { + "iconFontName": "arrow-down-right", + "fill": "$--success" + }, + "4vtP8": { + "content": "-18%", + "fill": "$--success" + } + } + }, + { + "id": "d6eZE", + "type": "ref", + "ref": "3GAB1", + "width": "fill_container", + "name": "anm4", + "descendants": { + "pZzin": { + "content": "INTERVIEWS/DAY" + }, + "Buu5k": { + "content": "24" + }, + "4vtP8": { + "content": "+12.5%" + } + } + } + ] + }, + { + "type": "frame", + "id": "8eqF6", + "name": "Charts Row", + "width": "fill_container", + "height": 280, + "gap": 20, + "children": [ + { + "type": "frame", + "id": "bCZQM", + "name": "chart1", + "width": "fill_container", + "height": "fill_container", + "fill": "$--bg-card", + "layout": "vertical", + "gap": 20, + "padding": 24, + "children": [ + { + "type": "text", + "id": "dClND", + "name": "chart1Title", + "fill": "$--text-primary", + "content": "Score Distribution", + "fontFamily": "Space Grotesk", + "fontSize": 20, + "fontWeight": "700" + }, + { + "type": "frame", + "id": "WDMvn", + "name": "chart1Area", + "width": "fill_container", + "height": "fill_container", + "gap": 8, + "padding": [ + 0, + 10 + ], + "alignItems": "end", + "children": [ + { + "type": "frame", + "id": "KWaSB", + "name": "c1b1", + "width": "fill_container", + "height": "fill_container", + "layout": "vertical", + "gap": 8, + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "M6iQX", + "name": "c1b1f", + "width": "fill_container", + "height": 40, + "fill": "$--gray-400" + }, + { + "type": "text", + "id": "QpU1b", + "name": "c1b1l", + "fill": "$--gray-400", + "content": "0-20", + "fontFamily": "Space Grotesk", + "fontSize": 10, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "0HSVu", + "name": "c1b2", + "width": "fill_container", + "height": "fill_container", + "layout": "vertical", + "gap": 8, + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "pf1AI", + "name": "c1b2f", + "width": "fill_container", + "height": 60, + "fill": "$--gray-400" + }, + { + "type": "text", + "id": "qhc39", + "name": "c1b2l", + "fill": "$--gray-400", + "content": "21-40", + "fontFamily": "Space Grotesk", + "fontSize": 10, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "O5MHj", + "name": "c1b3", + "width": "fill_container", + "height": "fill_container", + "layout": "vertical", + "gap": 8, + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "sfTLU", + "name": "c1b3f", + "width": "fill_container", + "height": 100, + "fill": "$--warning" + }, + { + "type": "text", + "id": "y9joK", + "name": "c1b3l", + "fill": "$--gray-400", + "content": "41-60", + "fontFamily": "Space Grotesk", + "fontSize": 10, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "I8ty1", + "name": "c1b4", + "width": "fill_container", + "height": "fill_container", + "layout": "vertical", + "gap": 8, + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "eU9nJ", + "name": "c1b4f", + "width": "fill_container", + "height": 160, + "fill": "$--terracotta" + }, + { + "type": "text", + "id": "2J2PM", + "name": "c1b4l", + "fill": "$--gray-400", + "content": "61-80", + "fontFamily": "Space Grotesk", + "fontSize": 10, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "Zquvv", + "name": "c1b5", + "width": "fill_container", + "height": "fill_container", + "layout": "vertical", + "gap": 8, + "justifyContent": "end", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "7sQci", + "name": "c1b5f", + "width": "fill_container", + "height": 120, + "fill": "$--success" + }, + { + "type": "text", + "id": "YRw8Q", + "name": "c1b5l", + "fill": "$--gray-400", + "content": "81-100", + "fontFamily": "Space Grotesk", + "fontSize": 10, + "fontWeight": "normal" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "qCvNm", + "name": "chart2", + "width": "fill_container", + "height": "fill_container", + "fill": "$--bg-dark-card", + "layout": "vertical", + "gap": 20, + "padding": 24, + "children": [ + { + "type": "text", + "id": "s5p9s", + "name": "chart2Title", + "fill": "$--text-light", + "content": "Top Performing Positions", + "fontFamily": "Space Grotesk", + "fontSize": 20, + "fontWeight": "700" + }, + { + "type": "frame", + "id": "Pn5Qk", + "name": "chart2List", + "width": "fill_container", + "layout": "vertical", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "ksXtg", + "name": "pos1", + "width": "fill_container", + "padding": [ + 8, + 0 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "rviHP", + "name": "pos1Left", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "fAzqD", + "name": "pos1Num", + "fill": "$--terracotta", + "content": "1", + "fontFamily": "Space Grotesk", + "fontSize": 16, + "fontWeight": "700" + }, + { + "type": "text", + "id": "ftTwD", + "name": "pos1Name", + "fill": "$--text-light", + "content": "Senior Developer", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "600" + } + ] + }, + { + "type": "text", + "id": "l3xJE", + "name": "pos1Score", + "fill": "$--success", + "content": "92%", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "700" + } + ] + }, + { + "type": "frame", + "id": "dqUvC", + "name": "pos2", + "width": "fill_container", + "padding": [ + 8, + 0 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "lPH8o", + "name": "pos2Left", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "2e9uH", + "name": "pos2Num", + "fill": "$--terracotta", + "content": "2", + "fontFamily": "Space Grotesk", + "fontSize": 16, + "fontWeight": "700" + }, + { + "type": "text", + "id": "LSqpT", + "name": "pos2Name", + "fill": "$--text-light", + "content": "Product Designer", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "600" + } + ] + }, + { + "type": "text", + "id": "90Jb7", + "name": "pos2Score", + "fill": "$--success", + "content": "88%", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "700" + } + ] + }, + { + "type": "frame", + "id": "8A0ek", + "name": "pos3", + "width": "fill_container", + "padding": [ + 8, + 0 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "BGJ0X", + "name": "pos3Left", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "SmtP7", + "name": "pos3Num", + "fill": "$--terracotta", + "content": "3", + "fontFamily": "Space Grotesk", + "fontSize": 16, + "fontWeight": "700" + }, + { + "type": "text", + "id": "vFbfT", + "name": "pos3Name", + "fill": "$--text-light", + "content": "Data Scientist", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "600" + } + ] + }, + { + "type": "text", + "id": "mhNOV", + "name": "pos3Score", + "fill": "$--success", + "content": "85%", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "700" + } + ] + }, + { + "type": "frame", + "id": "XvDrJ", + "name": "pos4", + "width": "fill_container", + "padding": [ + 8, + 0 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "ekvCm", + "name": "pos4Left", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "cnWDZ", + "name": "pos4Num", + "fill": "$--terracotta", + "content": "4", + "fontFamily": "Space Grotesk", + "fontSize": 16, + "fontWeight": "700" + }, + { + "type": "text", + "id": "Ypp18", + "name": "pos4Name", + "fill": "$--text-light", + "content": "DevOps Engineer", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "600" + } + ] + }, + { + "type": "text", + "id": "p104G", + "name": "pos4Score", + "fill": "$--warning", + "content": "82%", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "700" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "pCH9A", + "x": 0, + "y": 2000, + "name": "7. Job Positions", + "width": 1440, + "height": 900, + "fill": "$--bg-page", + "children": [ + { + "id": "xFlHq", + "type": "ref", + "ref": "ktLFy", + "height": "fill_container", + "name": "jpSidebar", + "descendants": { + "PRKdq": { + "children": [ + { + "id": "v4hdd", + "type": "ref", + "ref": "dqDUJ", + "name": "jpnav1", + "descendants": { + "APqrn": { + "iconFontName": "layout-grid" + }, + "SD8e6": { + "content": "DASHBOARD" + } + } + }, + { + "id": "V0N0X", + "type": "ref", + "ref": "dqDUJ", + "name": "jpnav2", + "descendants": { + "APqrn": { + "iconFontName": "video" + }, + "SD8e6": { + "content": "INTERVIEWS" + } + } + }, + { + "id": "zni9W", + "type": "ref", + "ref": "dqDUJ", + "name": "jpnav3", + "descendants": { + "APqrn": { + "iconFontName": "users" + }, + "SD8e6": { + "content": "CANDIDATES" + } + } + }, + { + "id": "o9gUm", + "type": "ref", + "ref": "dqDUJ", + "name": "jpnav4", + "descendants": { + "APqrn": { + "iconFontName": "message-circle" + }, + "SD8e6": { + "content": "QUESTIONS" + } + } + }, + { + "id": "g1WwD", + "type": "ref", + "ref": "dqDUJ", + "name": "jpnav5", + "descendants": { + "APqrn": { + "iconFontName": "cpu" + }, + "SD8e6": { + "content": "AI SETTINGS" + } + } + }, + { + "id": "kcC3f", + "type": "ref", + "ref": "dqDUJ", + "name": "jpnav6", + "descendants": { + "APqrn": { + "iconFontName": "chart-bar" + }, + "SD8e6": { + "content": "ANALYTICS" + } + } + }, + { + "id": "U5UtU", + "type": "ref", + "ref": "BQvu5", + "name": "jpnav7", + "descendants": { + "fTOAO": { + "iconFontName": "briefcase" + }, + "Pkmq1": { + "content": "POSITIONS" + } + } + }, + { + "id": "EvsYO", + "type": "ref", + "ref": "dqDUJ", + "name": "jpnav8", + "descendants": { + "APqrn": { + "iconFontName": "settings" + }, + "SD8e6": { + "content": "SETTINGS" + } + } + } + ] + } + } + }, + { + "type": "frame", + "id": "FdS42", + "name": "Main Content", + "clip": true, + "width": "fill_container", + "height": "fill_container", + "layout": "vertical", + "gap": 32, + "padding": [ + 48, + 56 + ], + "children": [ + { + "type": "frame", + "id": "dRjCx", + "name": "Header", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "owgW4", + "name": "jpHeaderLeft", + "layout": "vertical", + "gap": 12, + "children": [ + { + "type": "text", + "id": "R6yiF", + "name": "jpTitle", + "fill": "$--text-primary", + "content": "Job Positions", + "fontFamily": "Space Grotesk", + "fontSize": 56, + "fontWeight": "700" + }, + { + "type": "text", + "id": "wZ1lS", + "name": "jpSubtitle", + "fill": "$--gray-600", + "content": "Manage open positions and interview workflows", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "FZayM", + "name": "jpActions", + "gap": 12, + "children": [ + { + "id": "PF5Tf", + "type": "ref", + "ref": "xnjor", + "name": "jpSearch", + "descendants": { + "XxnZY": { + "iconFontName": "search" + }, + "UOd7G": { + "content": "SEARCH" + } + } + }, + { + "id": "ZQePd", + "type": "ref", + "ref": "OrUHf", + "name": "jpAdd", + "descendants": { + "LqtmP": { + "iconFontName": "plus" + }, + "H1Iqt": { + "content": "ADD POSITION" + } + } + } + ] + } + ] + }, + { + "type": "frame", + "id": "Atem4", + "name": "Positions Grid", + "width": "fill_container", + "gap": 20, + "children": [ + { + "type": "frame", + "id": "ZtIJ1", + "name": "job1", + "width": "fill_container", + "fill": "$--bg-card", + "layout": "vertical", + "gap": 16, + "padding": 24, + "children": [ + { + "type": "frame", + "id": "rwuLB", + "name": "job1Header", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "BpKsk", + "name": "job1Left", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "NOWuv", + "name": "job1Title", + "fill": "$--text-primary", + "content": "Senior Developer", + "fontFamily": "Space Grotesk", + "fontSize": 18, + "fontWeight": "700" + }, + { + "type": "text", + "id": "gm3zq", + "name": "job1Dept", + "fill": "$--gray-600", + "content": "Engineering", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "id": "IKp8R", + "type": "ref", + "ref": "tB1lb", + "name": "job1Badge", + "descendants": { + "xeHpr": { + "content": "ACTIVE" + } + } + } + ] + }, + { + "type": "frame", + "id": "bekEw", + "name": "job1Stats", + "width": "fill_container", + "gap": 24, + "children": [ + { + "type": "frame", + "id": "W51ce", + "name": "job1S1", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "tvJCU", + "name": "job1S1L", + "fill": "$--gray-600", + "content": "CANDIDATES", + "fontFamily": "Space Grotesk", + "fontSize": 10, + "fontWeight": "600" + }, + { + "type": "text", + "id": "tCdTb", + "name": "job1S1V", + "fill": "$--text-primary", + "content": "24", + "fontFamily": "Space Grotesk", + "fontSize": 20, + "fontWeight": "700" + } + ] + }, + { + "type": "frame", + "id": "2NIfN", + "name": "job1S2", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "249B1", + "name": "job1S2L", + "fill": "$--gray-600", + "content": "INTERVIEWS", + "fontFamily": "Space Grotesk", + "fontSize": 10, + "fontWeight": "600" + }, + { + "type": "text", + "id": "7roM7", + "name": "job1S2V", + "fill": "$--text-primary", + "content": "12", + "fontFamily": "Space Grotesk", + "fontSize": 20, + "fontWeight": "700" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "cWXoq", + "name": "job2", + "width": "fill_container", + "fill": "$--bg-card", + "layout": "vertical", + "gap": 16, + "padding": 24, + "children": [ + { + "type": "frame", + "id": "wLl9k", + "name": "job2Header", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "3pQs4", + "name": "job2Left", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "w53ty", + "name": "job2Title", + "fill": "$--text-primary", + "content": "Product Designer", + "fontFamily": "Space Grotesk", + "fontSize": 18, + "fontWeight": "700" + }, + { + "type": "text", + "id": "DPWPz", + "name": "job2Dept", + "fill": "$--gray-600", + "content": "Design", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "id": "oursk", + "type": "ref", + "ref": "tB1lb", + "name": "job2Badge", + "descendants": { + "xeHpr": { + "content": "ACTIVE" + } + } + } + ] + }, + { + "type": "frame", + "id": "q6Cdj", + "name": "job2Stats", + "width": "fill_container", + "gap": 24, + "children": [ + { + "type": "frame", + "id": "2JTBb", + "name": "job2S1", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "HIVTg", + "name": "job2S1L", + "fill": "$--gray-600", + "content": "CANDIDATES", + "fontFamily": "Space Grotesk", + "fontSize": 10, + "fontWeight": "600" + }, + { + "type": "text", + "id": "UiWH7", + "name": "job2S1V", + "fill": "$--text-primary", + "content": "18", + "fontFamily": "Space Grotesk", + "fontSize": 20, + "fontWeight": "700" + } + ] + }, + { + "type": "frame", + "id": "HavI2", + "name": "job2S2", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "sYrAL", + "name": "job2S2L", + "fill": "$--gray-600", + "content": "INTERVIEWS", + "fontFamily": "Space Grotesk", + "fontSize": 10, + "fontWeight": "600" + }, + { + "type": "text", + "id": "g80AR", + "name": "job2S2V", + "fill": "$--text-primary", + "content": "8", + "fontFamily": "Space Grotesk", + "fontSize": 20, + "fontWeight": "700" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "MJ2QZ", + "name": "job3", + "width": "fill_container", + "fill": "$--bg-card", + "layout": "vertical", + "gap": 16, + "padding": 24, + "children": [ + { + "type": "frame", + "id": "VogMJ", + "name": "job3Header", + "width": "fill_container", + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "wGo4B", + "name": "job3Left", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "JCNCn", + "name": "job3Title", + "fill": "$--text-primary", + "content": "Data Scientist", + "fontFamily": "Space Grotesk", + "fontSize": 18, + "fontWeight": "700" + }, + { + "type": "text", + "id": "Xn89t", + "name": "job3Dept", + "fill": "$--gray-600", + "content": "Analytics", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "id": "ruYW5", + "type": "ref", + "ref": "AqG8V", + "name": "job3Badge", + "descendants": { + "TPGmN": { + "content": "PAUSED" + } + } + } + ] + }, + { + "type": "frame", + "id": "odel3", + "name": "job3Stats", + "width": "fill_container", + "gap": 24, + "children": [ + { + "type": "frame", + "id": "ecqza", + "name": "job3S1", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "wMwVD", + "name": "job3S1L", + "fill": "$--gray-600", + "content": "CANDIDATES", + "fontFamily": "Space Grotesk", + "fontSize": 10, + "fontWeight": "600" + }, + { + "type": "text", + "id": "d0Kxp", + "name": "job3S1V", + "fill": "$--text-primary", + "content": "32", + "fontFamily": "Space Grotesk", + "fontSize": 20, + "fontWeight": "700" + } + ] + }, + { + "type": "frame", + "id": "fyNWo", + "name": "job3S2", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "JE4t5", + "name": "job3S2L", + "fill": "$--gray-600", + "content": "INTERVIEWS", + "fontFamily": "Space Grotesk", + "fontSize": 10, + "fontWeight": "600" + }, + { + "type": "text", + "id": "p4MB2", + "name": "job3S2V", + "fill": "$--text-primary", + "content": "15", + "fontFamily": "Space Grotesk", + "fontSize": 20, + "fontWeight": "700" + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "7b2O7", + "x": 1540, + "y": 2000, + "name": "8. Settings", + "width": 1440, + "height": 900, + "fill": "$--bg-page", + "children": [ + { + "id": "TGoxk", + "type": "ref", + "ref": "ktLFy", + "height": "fill_container", + "name": "setSidebar", + "descendants": { + "PRKdq": { + "children": [ + { + "id": "7Ykx6", + "type": "ref", + "ref": "dqDUJ", + "name": "setnav1", + "descendants": { + "APqrn": { + "iconFontName": "layout-grid" + }, + "SD8e6": { + "content": "DASHBOARD" + } + } + }, + { + "id": "DLOxi", + "type": "ref", + "ref": "dqDUJ", + "name": "setnav2", + "descendants": { + "APqrn": { + "iconFontName": "video" + }, + "SD8e6": { + "content": "INTERVIEWS" + } + } + }, + { + "id": "eujjw", + "type": "ref", + "ref": "dqDUJ", + "name": "setnav3", + "descendants": { + "APqrn": { + "iconFontName": "users" + }, + "SD8e6": { + "content": "CANDIDATES" + } + } + }, + { + "id": "Qt4u7", + "type": "ref", + "ref": "dqDUJ", + "name": "setnav4", + "descendants": { + "APqrn": { + "iconFontName": "message-circle" + }, + "SD8e6": { + "content": "QUESTIONS" + } + } + }, + { + "id": "uvGYk", + "type": "ref", + "ref": "dqDUJ", + "name": "setnav5", + "descendants": { + "APqrn": { + "iconFontName": "cpu" + }, + "SD8e6": { + "content": "AI SETTINGS" + } + } + }, + { + "id": "k1Awz", + "type": "ref", + "ref": "dqDUJ", + "name": "setnav6", + "descendants": { + "APqrn": { + "iconFontName": "chart-bar" + }, + "SD8e6": { + "content": "ANALYTICS" + } + } + }, + { + "id": "McvM4", + "type": "ref", + "ref": "dqDUJ", + "name": "setnav7", + "descendants": { + "APqrn": { + "iconFontName": "briefcase" + }, + "SD8e6": { + "content": "POSITIONS" + } + } + }, + { + "id": "s1XXu", + "type": "ref", + "ref": "BQvu5", + "name": "setnav8", + "descendants": { + "fTOAO": { + "iconFontName": "settings" + }, + "Pkmq1": { + "content": "SETTINGS" + } + } + } + ] + } + } + }, + { + "type": "frame", + "id": "RWMjP", + "name": "Main Content", + "clip": true, + "width": "fill_container", + "height": "fill_container", + "layout": "vertical", + "gap": 32, + "padding": [ + 48, + 56 + ], + "children": [ + { + "type": "frame", + "id": "VwPdY", + "name": "Header", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Sg4Wv", + "name": "setHeaderLeft", + "layout": "vertical", + "gap": 12, + "children": [ + { + "type": "text", + "id": "rxw1H", + "name": "setTitle", + "fill": "$--text-primary", + "content": "Settings", + "fontFamily": "Space Grotesk", + "fontSize": 56, + "fontWeight": "700" + }, + { + "type": "text", + "id": "1os1Z", + "name": "setSubtitle", + "fill": "$--gray-600", + "content": "Configure system preferences and integrations", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "bUCY1", + "name": "setContent", + "width": "fill_container", + "gap": 24, + "children": [ + { + "type": "frame", + "id": "nbcnK", + "name": "setLeft", + "width": "fill_container", + "layout": "vertical", + "gap": 24, + "children": [ + { + "type": "frame", + "id": "kLiLD", + "name": "genCard", + "width": "fill_container", + "fill": "$--bg-card", + "layout": "vertical", + "gap": 20, + "padding": 24, + "children": [ + { + "type": "text", + "id": "mlz3m", + "name": "genTitle", + "fill": "$--text-primary", + "content": "General Settings", + "fontFamily": "Space Grotesk", + "fontSize": 20, + "fontWeight": "700" + }, + { + "type": "frame", + "id": "bCbi8", + "name": "genFields", + "width": "fill_container", + "layout": "vertical", + "gap": 16, + "children": [ + { + "id": "NZXbd", + "type": "ref", + "ref": "yjvSd", + "width": "fill_container", + "name": "gf1", + "descendants": { + "Wjw7q": { + "content": "COMPANY NAME" + }, + "ILBVR": { + "content": "Acme Corporation" + } + } + }, + { + "id": "aq8yM", + "type": "ref", + "ref": "yjvSd", + "width": "fill_container", + "name": "gf2", + "descendants": { + "Wjw7q": { + "content": "ADMIN EMAIL" + }, + "ILBVR": { + "content": "admin@acme.com" + } + } + }, + { + "id": "2qC5P", + "type": "ref", + "ref": "yjvSd", + "width": "fill_container", + "name": "gf3", + "descendants": { + "Wjw7q": { + "content": "TIMEZONE" + }, + "ILBVR": { + "content": "UTC-8 (Pacific Time)" + } + } + } + ] + } + ] + }, + { + "type": "frame", + "id": "kzUEl", + "name": "intCard", + "width": "fill_container", + "fill": "$--bg-card", + "layout": "vertical", + "gap": 20, + "padding": 24, + "children": [ + { + "type": "text", + "id": "MSvjm", + "name": "intTitle", + "fill": "$--text-primary", + "content": "Integrations", + "fontFamily": "Space Grotesk", + "fontSize": 20, + "fontWeight": "700" + }, + { + "type": "frame", + "id": "YH2hF", + "name": "intList", + "width": "fill_container", + "layout": "vertical", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "2KTAT", + "name": "int1", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$--border-light" + }, + "padding": [ + 12, + 0 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "yY6D5", + "name": "int1Left", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "9eCaG", + "name": "int1Icon", + "width": 40, + "height": 40, + "fill": "$--charcoal", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "tuVrS", + "name": "int1IconI", + "width": 20, + "height": 20, + "iconFontName": "slack", + "iconFontFamily": "lucide", + "fill": "$--text-light" + } + ] + }, + { + "type": "frame", + "id": "wuULf", + "name": "int1Info", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "2uFrV", + "name": "int1Name", + "fill": "$--text-primary", + "content": "Slack", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "600" + }, + { + "type": "text", + "id": "k7Zyn", + "name": "int1Desc", + "fill": "$--gray-600", + "content": "Send notifications to channels", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "id": "VVp3c", + "type": "ref", + "ref": "tB1lb", + "name": "int1Badge", + "descendants": { + "xeHpr": { + "content": "CONNECTED" + } + } + } + ] + }, + { + "type": "frame", + "id": "5M2Ez", + "name": "int2", + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$--border-light" + }, + "padding": [ + 12, + 0 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "eTPH9", + "name": "int2Left", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Tv4m9", + "name": "int2Icon", + "width": 40, + "height": 40, + "fill": "$--info", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "GT9hw", + "name": "int2IconI", + "width": 20, + "height": 20, + "iconFontName": "calendar", + "iconFontFamily": "lucide", + "fill": "$--text-light" + } + ] + }, + { + "type": "frame", + "id": "yGrJO", + "name": "int2Info", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "t9K6g", + "name": "int2Name", + "fill": "$--text-primary", + "content": "Google Calendar", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "600" + }, + { + "type": "text", + "id": "0Q4wW", + "name": "int2Desc", + "fill": "$--gray-600", + "content": "Sync interview schedules", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "id": "ex6ot", + "type": "ref", + "ref": "tB1lb", + "name": "int2Badge", + "descendants": { + "xeHpr": { + "content": "CONNECTED" + } + } + } + ] + }, + { + "type": "frame", + "id": "lGhCP", + "name": "int3", + "width": "fill_container", + "padding": [ + 12, + 0 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "DCgmU", + "name": "int3Left", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "Y05sB", + "name": "int3Icon", + "width": 40, + "height": 40, + "fill": "$--gray-400", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "lWY6l", + "name": "int3IconI", + "width": 20, + "height": 20, + "iconFontName": "database", + "iconFontFamily": "lucide", + "fill": "$--text-light" + } + ] + }, + { + "type": "frame", + "id": "KLSig", + "name": "int3Info", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "01gyK", + "name": "int3Name", + "fill": "$--text-primary", + "content": "Workday", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "600" + }, + { + "type": "text", + "id": "UcPHU", + "name": "int3Desc", + "fill": "$--gray-600", + "content": "Import candidate data", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "id": "nv8zu", + "type": "ref", + "ref": "xnjor", + "name": "int3Btn", + "descendants": { + "XxnZY": { + "enabled": false + }, + "UOd7G": { + "content": "CONNECT" + } + } + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "0KJfI", + "x": 4700, + "y": 0, + "name": "Components", + "width": 400, + "fill": "#FFFFFF", + "layout": "vertical", + "gap": 40, + "padding": 24, + "children": [ + { + "type": "frame", + "id": "ktLFy", + "name": "Component/Sidebar", + "reusable": true, + "width": 280, + "height": 900, + "fill": "$--bg-sidebar", + "layout": "vertical", + "padding": [ + 40, + 28 + ], + "justifyContent": "space_between", + "children": [ + { + "type": "frame", + "id": "MOr7O", + "name": "Top Section", + "width": "fill_container", + "layout": "vertical", + "gap": 32, + "children": [ + { + "type": "frame", + "id": "tEUio", + "name": "Logo", + "width": "fill_container", + "gap": 14, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "saKXv", + "name": "logoMark", + "width": 40, + "height": 40, + "fill": "$--terracotta", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "sAC2j", + "name": "logoLetter", + "fill": "$--text-light", + "content": "IX", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "700" + } + ] + }, + { + "type": "text", + "id": "nbD2q", + "name": "logoText", + "fill": "$--text-light", + "content": "INTERVIEW EXPRESS", + "fontFamily": "Space Grotesk", + "fontSize": 18, + "fontWeight": "700" + } + ] + }, + { + "type": "frame", + "id": "PRKdq", + "name": "Navigation", + "width": "fill_container", + "height": "fit_content(0)", + "layout": "vertical" + } + ] + }, + { + "type": "frame", + "id": "vc7Yb", + "name": "Bottom Section", + "width": "fill_container", + "layout": "vertical", + "gap": 28, + "children": [ + { + "type": "frame", + "id": "n0OGw", + "name": "Upgrade Box", + "width": "fill_container", + "fill": "$--bg-dark-surface", + "layout": "vertical", + "gap": 16, + "padding": 20, + "children": [ + { + "type": "text", + "id": "Bwh3g", + "name": "upgradeLabel", + "fill": "$--text-light", + "content": "UPGRADE TO PRO", + "fontFamily": "Space Grotesk", + "fontSize": 12, + "fontWeight": "700" + }, + { + "type": "text", + "id": "mICIm", + "name": "upgradeDesc", + "fill": "$--gray-400", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Unlock unlimited AI interviews and advanced analytics.", + "lineHeight": 1.6, + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "9AyYY", + "name": "upgradeBtn", + "width": "fill_container", + "height": 44, + "fill": "$--terracotta", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "sT2Nq", + "name": "upgradeBtnText", + "fill": "$--text-light", + "content": "UPGRADE NOW", + "fontFamily": "Space Grotesk", + "fontSize": 12, + "fontWeight": "600" + } + ] + } + ] + }, + { + "type": "frame", + "id": "ZDEA2", + "name": "Account Row", + "width": "fill_container", + "gap": 14, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "W1PUK", + "name": "avatar", + "width": 44, + "height": 44, + "fill": "$--border-dark", + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "t3Cog", + "name": "avatarText", + "fill": "$--gray-400", + "content": "JD", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "MV7uX", + "name": "accountInfo", + "width": "fill_container", + "layout": "vertical", + "gap": 2, + "children": [ + { + "type": "text", + "id": "lkAEt", + "name": "accountName", + "fill": "$--text-light", + "content": "John Doe", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "t3DPO", + "name": "accountEmail", + "fill": "$--gray-500", + "content": "john@company.com", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "icon_font", + "id": "n6oI6", + "name": "chevron", + "width": 18, + "height": 18, + "iconFontName": "chevron-right", + "iconFontFamily": "lucide", + "fill": "$--gray-500" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "BQvu5", + "name": "Component/NavItem-Active", + "reusable": true, + "width": 224, + "stroke": { + "align": "inside", + "thickness": { + "top": 2 + }, + "fill": "$--terracotta" + }, + "gap": 14, + "padding": [ + 16, + 0 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "fTOAO", + "name": "navIconActive", + "width": 20, + "height": 20, + "iconFontName": "layout-grid", + "iconFontFamily": "lucide", + "fill": "$--terracotta" + }, + { + "type": "text", + "id": "Pkmq1", + "name": "navLabelActive", + "fill": "$--text-light", + "content": "DASHBOARD", + "fontFamily": "Space Grotesk", + "fontSize": 13, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "dqDUJ", + "name": "Component/NavItem-Default", + "reusable": true, + "width": 224, + "stroke": { + "align": "inside", + "thickness": { + "top": 1 + }, + "fill": "$--border-dark" + }, + "gap": 14, + "padding": [ + 16, + 0 + ], + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "APqrn", + "name": "navIconDefault", + "width": 20, + "height": 20, + "iconFontName": "users", + "iconFontFamily": "lucide", + "fill": "$--gray-500" + }, + { + "type": "text", + "id": "SD8e6", + "name": "navLabelDefault", + "fill": "$--gray-500", + "content": "CANDIDATES", + "fontFamily": "Space Grotesk", + "fontSize": 13, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "OrUHf", + "name": "Component/Button-Primary", + "reusable": true, + "fill": "$--charcoal", + "gap": 8, + "padding": [ + 12, + 20 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "LqtmP", + "name": "btnPriIcon", + "width": 16, + "height": 16, + "iconFontName": "plus", + "iconFontFamily": "lucide", + "fill": "$--text-light" + }, + { + "type": "text", + "id": "H1Iqt", + "name": "btnPriLabel", + "fill": "$--text-light", + "content": "NEW INTERVIEW", + "fontFamily": "Space Grotesk", + "fontSize": 12, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "xnjor", + "name": "Component/Button-Secondary", + "reusable": true, + "fill": "$--bg-card", + "gap": 8, + "padding": [ + 12, + 16 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "XxnZY", + "name": "btnSecIcon", + "width": 16, + "height": 16, + "iconFontName": "search", + "iconFontFamily": "lucide", + "fill": "$--gray-600" + }, + { + "type": "text", + "id": "UOd7G", + "name": "btnSecLabel", + "fill": "$--text-primary", + "content": "SEARCH", + "fontFamily": "Space Grotesk", + "fontSize": 12, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "3GAB1", + "name": "Component/MetricCard", + "reusable": true, + "width": 260, + "fill": "$--bg-card", + "layout": "vertical", + "gap": 16, + "padding": 24, + "children": [ + { + "type": "text", + "id": "pZzin", + "name": "metricLabel", + "fill": "$--gray-600", + "content": "TOTAL INTERVIEWS", + "fontFamily": "Space Grotesk", + "fontSize": 11, + "fontWeight": "600" + }, + { + "type": "text", + "id": "Buu5k", + "name": "metricValue", + "fill": "$--text-primary", + "content": "2,847", + "fontFamily": "Space Grotesk", + "fontSize": 36, + "fontWeight": "700" + }, + { + "type": "frame", + "id": "XBg7Z", + "name": "metricChange", + "gap": 6, + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "NWOrF", + "name": "metricArrow", + "width": 16, + "height": 16, + "iconFontName": "arrow-up-right", + "iconFontFamily": "lucide", + "fill": "$--success" + }, + { + "type": "text", + "id": "4vtP8", + "name": "metricPercent", + "fill": "$--success", + "content": "+12.5%", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "600" + } + ] + } + ] + }, + { + "type": "frame", + "id": "tB1lb", + "name": "Component/Badge-Success", + "reusable": true, + "fill": "$--success", + "padding": [ + 6, + 10 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "xeHpr", + "name": "badgeSuccessText", + "fill": "$--text-light", + "content": "COMPLETED", + "fontFamily": "Space Grotesk", + "fontSize": 10, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "AqG8V", + "name": "Component/Badge-Pending", + "reusable": true, + "fill": "$--warning", + "padding": [ + 6, + 10 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "TPGmN", + "name": "badgePendingText", + "fill": "$--text-light", + "content": "PENDING", + "fontFamily": "Space Grotesk", + "fontSize": 10, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "LJ00f", + "name": "Component/Badge-Info", + "reusable": true, + "fill": "$--info", + "padding": [ + 6, + 10 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "TZ7lV", + "name": "badgeInfoText", + "fill": "$--text-light", + "content": "SCHEDULED", + "fontFamily": "Space Grotesk", + "fontSize": 10, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "eLOmo", + "name": "Component/Card", + "reusable": true, + "width": 400, + "fill": "$--bg-card", + "layout": "vertical", + "gap": 20, + "padding": 24, + "children": [ + { + "type": "frame", + "id": "IYr62", + "name": "Header", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "2XQ5h", + "name": "cardTitle", + "fill": "$--text-primary", + "content": "Card Title", + "fontFamily": "Space Grotesk", + "fontSize": 20, + "fontWeight": "700" + }, + { + "type": "text", + "id": "dt7OG", + "name": "cardAction", + "fill": "$--terracotta", + "content": "VIEW ALL", + "fontFamily": "Space Grotesk", + "fontSize": 11, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "qskKi", + "name": "Content", + "slot": [], + "width": "fill_container", + "height": "fit_content(0)", + "layout": "vertical", + "gap": 16 + } + ] + }, + { + "type": "frame", + "id": "yjvSd", + "name": "Component/Input", + "reusable": true, + "width": 300, + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "text", + "id": "Wjw7q", + "name": "inputLabel", + "fill": "$--gray-600", + "content": "LABEL", + "fontFamily": "Space Grotesk", + "fontSize": 11, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "O1bq3", + "name": "inputBox", + "width": "fill_container", + "height": 44, + "fill": "#FFFFFF", + "stroke": { + "align": "inside", + "thickness": 1, + "fill": "$--border-light" + }, + "padding": [ + 0, + 16 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "ILBVR", + "name": "inputPlaceholder", + "fill": "$--gray-400", + "content": "Enter value...", + "fontFamily": "Inter", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "2rxyF", + "name": "Component/TableRow", + "reusable": true, + "width": 800, + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$--border-light" + }, + "padding": [ + 16, + 0 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "FkW88", + "name": "tableCell1", + "width": 200, + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "cacqP", + "name": "tableCellPrimary", + "fill": "$--text-primary", + "content": "Sarah Johnson", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "600" + }, + { + "type": "text", + "id": "m2wtk", + "name": "tableCellSecondary", + "fill": "$--gray-600", + "content": "Senior Developer", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "yttU6", + "name": "tableCell2", + "width": 180, + "children": [ + { + "type": "text", + "id": "kpuyN", + "name": "tableCell2Text", + "fill": "$--text-secondary", + "content": "Technical Interview", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "ItO5R", + "name": "tableCell3", + "width": 120, + "children": [ + { + "type": "text", + "id": "1bKWQ", + "name": "tableCell3Text", + "fill": "$--gray-600", + "content": "Jan 15, 2024", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "9GE39", + "name": "tableCell4", + "width": 100, + "height": "fit_content(0)" + } + ] + }, + { + "type": "frame", + "id": "M8IrH", + "name": "Component/ActivityItem", + "reusable": true, + "width": "fill_container", + "stroke": { + "align": "inside", + "thickness": { + "bottom": 1 + }, + "fill": "$--border-dark" + }, + "gap": 14, + "padding": [ + 14, + 0 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "5Jmsc", + "name": "activityMarker", + "width": 10, + "height": 10, + "fill": "$--success" + }, + { + "type": "frame", + "id": "ZBbuG", + "name": "activityContent", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "hZCb0", + "name": "activityTitle", + "fill": "$--text-light", + "content": "Interview Completed", + "fontFamily": "Space Grotesk", + "fontSize": 14, + "fontWeight": "600" + }, + { + "type": "text", + "id": "8QOfM", + "name": "activityDesc", + "fill": "$--gray-500", + "content": "Sarah Johnson - Senior Developer", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + } + ] + } + ] + } + ] + } + ], + "variables": { + "--bg-card": { + "type": "color", + "value": "#E8E4DC" + }, + "--bg-dark-card": { + "type": "color", + "value": "#1a1a1a" + }, + "--bg-dark-surface": { + "type": "color", + "value": "#2a2a2a" + }, + "--bg-page": { + "type": "color", + "value": "#F5F3EF" + }, + "--bg-sidebar": { + "type": "color", + "value": "#1a1a1a" + }, + "--border-dark": { + "type": "color", + "value": "#3a3a3a" + }, + "--border-light": { + "type": "color", + "value": "#D1CCC4" + }, + "--charcoal": { + "type": "color", + "value": "#1a1a1a" + }, + "--error": { + "type": "color", + "value": "#B54A4A" + }, + "--font-body": { + "type": "string", + "value": "Inter" + }, + "--font-heading": { + "type": "string", + "value": "Space Grotesk" + }, + "--gray-400": { + "type": "color", + "value": "#888888" + }, + "--gray-500": { + "type": "color", + "value": "#666666" + }, + "--gray-600": { + "type": "color", + "value": "#555555" + }, + "--info": { + "type": "color", + "value": "#5C7C8A" + }, + "--success": { + "type": "color", + "value": "#4A7C59" + }, + "--terracotta": { + "type": "color", + "value": "#C05A3C" + }, + "--text-light": { + "type": "color", + "value": "#F5F3EF" + }, + "--text-primary": { + "type": "color", + "value": "#1a1a1a" + }, + "--text-secondary": { + "type": "color", + "value": "#555555" + }, + "--warning": { + "type": "color", + "value": "#C05A3C" + } + } +} + From e7804f26e2db56be6523317e1ca3a7e5bf040ae7 Mon Sep 17 00:00:00 2001 From: ritikrishu Date: Thu, 12 Feb 2026 02:59:10 +0530 Subject: [PATCH 2/3] Fix corrupted pen file, adjust warning color --- test-fixtures/designs/random.pen | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/test-fixtures/designs/random.pen b/test-fixtures/designs/random.pen index 262d792..7180083 100644 --- a/test-fixtures/designs/random.pen +++ b/test-fixtures/designs/random.pen @@ -6478,7 +6478,7 @@ }, "--terracotta": { "type": "color", - "value": "#C05A3C" + "value": "#C05A3D" }, "--text-light": { "type": "color", @@ -6494,8 +6494,7 @@ }, "--warning": { "type": "color", - "value": "#C05A3C" + "value": "#C05A3D" } } } - From b0c94e3909c40b4b2c3c35eeadb8c042c97e8e9e Mon Sep 17 00:00:00 2001 From: ritikrishu Date: Thu, 26 Feb 2026 13:42:12 +0100 Subject: [PATCH 3/3] Trigger test: autoscaler verification