docs/qa/preview-remaining-client-results-2026-10-25.json
{
"client": "MCPJam 3.16.2",
"csp": "Strict; Col directives and sandbox permissions unchanged",
"coverageMeaning": "Observed initial rendering for each remaining ID, plus separately recorded interactions and repair reruns. This does not establish every state or host.",
"baseline": {
"sourceAdapters": [
{
"id": "intent-ui/Combo Box",
"statusVisible": true,
"status": "Could not load @heroicons/react@2.2.0/20/solid: Failed to fetch dynamically imported module: https://esm.sh/@heroicons/react@2.2.0/20/solid?deps=react@19.3.0,react-dom@19.3.0",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"sandbox": "allow-scripts allow-forms"
},
{
"id": "intent-ui/Text Field",
"statusVisible": false,
"status": "Rendering…",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": "Name",
"role": null,
"tag": "INPUT",
"text": "",
"type": "text"
}
],
"elements": 4,
"images": [],
"text": ""
}
],
"sandbox": "allow-scripts allow-forms",
"theme": "light"
},
{
"id": "intent-ui/Dialog",
"statusVisible": true,
"status": "Could not load @heroicons/react@2.2.0/20/solid: Failed to fetch dynamically imported module: https://esm.sh/@heroicons/react@2.2.0/20/solid?deps=react@19.3.0,react-dom@19.3.0",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"sandbox": "allow-scripts allow-forms"
},
{
"id": "intent-ui/Table",
"statusVisible": true,
"status": "Could not load @heroicons/react@2.2.0/16/solid: Failed to fetch dynamically imported module: https://esm.sh/@heroicons/react@2.2.0/16/solid?deps=react@19.3.0,react-dom@19.3.0",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"sandbox": "allow-scripts allow-forms"
},
{
"id": "intent-ui/Date Picker",
"statusVisible": true,
"status": "Could not load @heroicons/react@2.2.0/20/solid: Failed to fetch dynamically imported module: https://esm.sh/@heroicons/react@2.2.0/20/solid?deps=react@19.3.0,react-dom@19.3.0",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"sandbox": "allow-scripts allow-forms"
},
{
"id": "reui/Kanban",
"statusVisible": true,
"status": "Preview resource blocked by CSP: img-src",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": "button",
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": null,
"role": "button",
"tag": "DIV",
"text": "Add authentication\nHigh\nA\nAlex Johnson\nJan 10, 2025",
"type": null
},
{
"label": null,
"role": "button",
"tag": "DIV",
"text": "Create API endpoints\nMedium\nS\nSarah Chen\nJan 15, 2025",
"type": null
},
{
"label": null,
"role": "button",
"tag": "DIV",
"text": "Write documentation\nLow\nM\nMichael Rodriguez\nJan 20, 2025",
"type": null
},
{
"label": null,
"role": "button",
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": null,
"role": "button",
"tag": "DIV",
"text": "Design system updates\nHigh\nE\nEmma Wilson\nAug 25, 2025",
"type": null
},
{
"label": null,
"role": "button",
"tag": "DIV",
"text": "Implement dark mode\nMedium\nD\nDavid Kim\nAug 25, 2025",
"type": null
},
{
"label": null,
"role": "button",
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": null,
"role": "button",
"tag": "DIV",
"text": "Setup project\nHigh\nA\nAron Thompson\nSep 25, 2025",
"type": null
},
{
"label": null,
"role": "button",
"tag": "DIV",
"text": "Initial commit\nLow\nJ\nJames Brown\nSep 20, 2025",
"type": null
},
{
"label": null,
"role": "status",
"tag": "DIV",
"text": "",
"type": null
}
],
"elements": 144,
"images": [],
"text": "Backlog\n3\nAdd authentication\nHigh\nA\nAlex Johnson\nJan 10, 2025\nCreate API endpoints\nMedium\nS\nSarah Chen\nJan 15, 2025\nWrite documentation\nLow\nM\nMichael Rodriguez\nJan 20, 2025\nIn Progress\n2\nDesign system updates\nHigh\nE\nEmma Wilson\nAug 25, 2025\nImplement dark mode\nMedium\nD\nDavid Kim\nAug 25, 2025\nDone\n2\nSetup project\nHigh\nA\nAron Thompson\nSep 25, 2025\nInitial commit\nLow\nJ\nJames Brown\nSep 20, 2025"
}
],
"sandbox": "allow-scripts allow-forms"
},
{
"id": "reui/Gantt",
"statusVisible": true,
"status": "Could not load date-fns@4.1.0/locale: Failed to fetch dynamically imported module: https://esm.sh/date-fns@4.1.0/locale?deps=react@19.3.0,react-dom@19.3.0",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"sandbox": "allow-scripts allow-forms"
},
{
"id": "reui/Number Field",
"statusVisible": false,
"status": "Rendering…",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": "presentation",
"tag": "SPAN",
"text": "Amount",
"type": null
},
{
"label": null,
"role": "group",
"tag": "DIV",
"text": "",
"type": null
},
{
"label": "Decrease",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "text"
},
{
"label": "Increase",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "number"
}
],
"elements": 15,
"images": [],
"text": "Amount"
}
],
"sandbox": "allow-scripts allow-forms",
"theme": "light"
},
{
"id": "reui/Tree",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @headless-tree/core@1.6.3: Failed to fetch dynamically imported module: https://esm.sh/@headless-tree/core@1.6.3?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "elevenlabs-ui/Audio Player",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @radix-ui/react-dropdown-menu@2.1.5: Failed to fetch dynamically imported module: https://esm.sh/@radix-ui/react-dropdown-menu@2.1.5?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "elevenlabs-ui/Waveform",
"dom": [
{
"canvases": 1,
"controls": [],
"elements": 7,
"images": [],
"text": "Waveform\n\nReal-time audio visualization with smooth scrolling animation"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "elevenlabs-ui/Live Waveform",
"dom": [
{
"canvases": 1,
"controls": [
{
"label": "Audio waveform idle",
"role": "img",
"tag": "DIV",
"text": "",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Start Listening",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Start Processing",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Mode: Static",
"type": null
}
],
"elements": 13,
"images": [],
"text": "Live Audio Waveform\n\nReal-time microphone input visualization with audio reactivity\n\nStart Listening\nStart Processing\nMode: Static"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "elevenlabs-ui/Conversation",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load streamdown@1.6.10: Failed to fetch dynamically imported module: https://esm.sh/streamdown@1.6.10?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true,
"theme": "light"
},
{
"id": "web-awesome/Input",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 1,
"images": [],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "web-awesome/Dialog",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 3,
"images": [],
"text": "Open dialog"
}
],
"status": "Preview resource blocked by CSP: connect-src",
"statusVisible": true,
"theme": "light"
},
{
"id": "web-awesome/Drawer",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 3,
"images": [],
"text": "Open drawer"
}
],
"status": "Preview resource blocked by CSP: connect-src",
"statusVisible": true,
"theme": "light"
},
{
"id": "web-awesome/Select",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": "option",
"tag": "WA-OPTION",
"text": "Apple",
"type": null
},
{
"label": null,
"role": "option",
"tag": "WA-OPTION",
"text": "Pear",
"type": null
}
],
"elements": 3,
"images": [],
"text": ""
}
],
"status": "Preview resource blocked by CSP: connect-src",
"statusVisible": true,
"theme": "light"
},
{
"id": "web-awesome/Tab Group",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": "tab",
"tag": "WA-TAB",
"text": "Overview",
"type": null
},
{
"label": null,
"role": "tab",
"tag": "WA-TAB",
"text": "Details",
"type": null
},
{
"label": null,
"role": "tabpanel",
"tag": "WA-TAB-PANEL",
"text": "Overview content",
"type": null
},
{
"label": null,
"role": "tabpanel",
"tag": "WA-TAB-PANEL",
"text": "Details content",
"type": null
}
],
"elements": 5,
"images": [],
"text": "Overview\nDetails\nOverview content"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Animated Beam",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 172,
"images": [],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Animated Circular Progress Bar",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 6,
"images": [],
"text": "10"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Animated Gradient Text",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true,
"theme": "light"
},
{
"id": "magic-ui/Animated Grid Pattern",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 38,
"images": [],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Animated List",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 15,
"images": [],
"text": "💸\nPayment received\n·\n15m ago\n\nMagic UI"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Animated Shiny Text",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @radix-ui/react-icons@1.3.2: Failed to fetch dynamically imported module: https://esm.sh/@radix-ui/react-icons@1.3.2?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true,
"theme": "light"
},
{
"id": "magic-ui/Theme Toggler",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true,
"theme": "light"
},
{
"id": "magic-ui/Aurora Text",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 5,
"images": [],
"text": "Ship \nbeautiful\nbeautiful"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Avatar Circles",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 15,
"images": [
{
"complete": true,
"src": "https://avatars.githubusercontent.com/u/16860528",
"width": 0
},
{
"complete": true,
"src": "https://avatars.githubusercontent.com/u/20110627",
"width": 0
},
{
"complete": true,
"src": "https://avatars.githubusercontent.com/u/106103625",
"width": 0
},
{
"complete": true,
"src": "https://avatars.githubusercontent.com/u/59228569",
"width": 0
},
{
"complete": true,
"src": "https://avatars.githubusercontent.com/u/59442788",
"width": 0
},
{
"complete": true,
"src": "https://avatars.githubusercontent.com/u/89768406",
"width": 0
}
],
"text": "+99"
}
],
"status": "An upstream image or media asset could not load. This preview cannot fully reproduce it.",
"statusVisible": true,
"theme": "light"
},
{
"id": "magic-ui/Backlight",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 9,
"images": [
{
"complete": true,
"src": "https://plus.unsplash.com/premium_photo-1672201106204-58e9af7a2888?q=80&w=1171&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8",
"width": 0
}
],
"text": ""
}
],
"status": "An upstream image or media asset could not load. This preview cannot fully reproduce it.",
"statusVisible": true,
"theme": "light"
},
{
"id": "magic-ui/Bento Grid",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @radix-ui/react-icons@1.3.2: Failed to fetch dynamically imported module: https://esm.sh/@radix-ui/react-icons@1.3.2?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true,
"theme": "light"
},
{
"id": "magic-ui/Blur Fade",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 21,
"images": [
{
"complete": true,
"src": "https://picsum.photos/seed/1/800/600",
"width": 0
},
{
"complete": true,
"src": "https://picsum.photos/seed/2/600/800",
"width": 0
},
{
"complete": true,
"src": "https://picsum.photos/seed/3/800/600",
"width": 0
},
{
"complete": true,
"src": "https://picsum.photos/seed/4/600/800",
"width": 0
},
{
"complete": true,
"src": "https://picsum.photos/seed/5/800/600",
"width": 0
},
{
"complete": true,
"src": "https://picsum.photos/seed/6/600/800",
"width": 0
},
{
"complete": true,
"src": "https://picsum.photos/seed/7/800/600",
"width": 0
},
{
"complete": true,
"src": "https://picsum.photos/seed/8/600/800",
"width": 0
},
{
"complete": true,
"src": "https://picsum.photos/seed/9/800/600",
"width": 0
}
],
"text": ""
}
],
"status": "An upstream image or media asset could not load. This preview cannot fully reproduce it.",
"statusVisible": true,
"theme": "light"
},
{
"id": "magic-ui/Border Beam",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "email"
},
{
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "password"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Register",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Login",
"type": null
}
],
"elements": 19,
"images": [],
"text": "Login\nEnter your credentials to access your account.\nEmail\nPassword\nRegister\nLogin"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Code Comparison",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true,
"theme": "light"
},
{
"id": "magic-ui/Comic Text",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 3,
"images": [],
"text": "BOOM!"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "magic-ui/Confetti",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load canvas-confetti@1.9.3: Failed to fetch dynamically imported module: https://esm.sh/canvas-confetti@1.9.3?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true,
"theme": "light"
},
{
"id": "magic-ui/Cool Mode",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Click Me!",
"type": null
}
],
"elements": 4,
"images": [],
"text": "Click Me!"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Dia Text Reveal",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 3,
"images": [],
"text": "Magic UI"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Dot Pattern",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 903,
"images": [],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Dotted Map",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load svg-dotted-map@2.0.1: Failed to fetch dynamically imported module: https://esm.sh/svg-dotted-map@2.0.1?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true,
"theme": "light"
},
{
"id": "magic-ui/File Tree",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true,
"theme": "light"
},
{
"id": "magic-ui/Flickering Grid",
"dom": [
{
"canvases": 1,
"controls": [],
"elements": 4,
"images": [],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Floating 3D Particles",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true,
"theme": "light"
},
{
"id": "magic-ui/Glare Hover",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Get started",
"type": null
}
],
"elements": 26,
"images": [],
"text": "Pro\nPopular\nFor teams that need more.\n$49\n/mo\nUnlimited projects\nTeam collaboration\nAdvanced analytics\nSSO (coming soon)\nGet started"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Globe",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load cobe@0.6.4: Failed to fetch dynamically imported module: https://esm.sh/cobe@0.6.4?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true,
"theme": "light"
},
{
"id": "magic-ui/Glyph Matrix",
"dom": [
{
"canvases": 1,
"controls": [],
"elements": 3,
"images": [],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Grid Pattern",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 20,
"images": [],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Hero Video Dialog",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true,
"theme": "light"
},
{
"id": "magic-ui/Hexagon Pattern",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 26,
"images": [],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Highlighter",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 11,
"images": [],
"text": "The Magic UI Highlighter\n makes important \ntext stand out effortlessly."
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Hyper Text",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 11,
"images": [],
"text": "HOVER ME!"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Icon Cloud",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true,
"theme": "light"
},
{
"id": "magic-ui/Interactive Grid Pattern",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 579,
"images": [],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Interactive Hover Button",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true,
"theme": "light"
},
{
"id": "magic-ui/iPhone",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 22,
"images": [],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Kinetic Text",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 13,
"images": [],
"text": "N\no\ns\nt\na\nl\ng\ni\na\nNostalgia"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Lens",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": "Zoom Area",
"role": "region",
"tag": "DIV",
"text": "",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Let's go",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Another time",
"type": null
}
],
"elements": 11,
"images": [
{
"complete": true,
"src": "https://images.unsplash.com/photo-1736606355698-5efdb410fe93?q=80&w=2071&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA",
"width": 0
}
],
"text": "Your next camp\nSee our latest and best camp destinations all across the five continents of the globe.\nLet's go\nAnother time"
}
],
"status": "An upstream image or media asset could not load. This preview cannot fully reproduce it.",
"statusVisible": true,
"theme": "light"
},
{
"id": "magic-ui/Light Rays",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 17,
"images": [],
"text": "AMBIENT GLOW\nLight Rays\n\nDrop this component into any container and it will fill the space with softly animated light rays shining from above."
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Line Shadow Text",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 3,
"images": [],
"text": "ShipFast"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Magic Card",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "email"
},
{
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "password"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Sign In",
"type": null
}
],
"elements": 20,
"images": [],
"text": "Login\nEnter your credentials to access your account\nEmail\nPassword\nSign In"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Marquee",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 182,
"images": [
{
"complete": true,
"src": "https://avatar.vercel.sh/jack",
"width": 0
},
{
"complete": true,
"src": "https://avatar.vercel.sh/jill",
"width": 0
},
{
"complete": true,
"src": "https://avatar.vercel.sh/john",
"width": 0
},
{
"complete": true,
"src": "https://avatar.vercel.sh/jack",
"width": 0
},
{
"complete": true,
"src": "https://avatar.vercel.sh/jill",
"width": 0
},
{
"complete": true,
"src": "https://avatar.vercel.sh/john",
"width": 0
},
{
"complete": true,
"src": "https://avatar.vercel.sh/jack",
"width": 0
},
{
"complete": true,
"src": "https://avatar.vercel.sh/jill",
"width": 0
},
{
"complete": true,
"src": "https://avatar.vercel.sh/john",
"width": 0
},
{
"complete": true,
"src": "https://avatar.vercel.sh/jack",
"width": 0
},
{
"complete": true,
"src": "https://avatar.vercel.sh/jill",
"width": 0
},
{
"complete": true,
"src": "https://avatar.vercel.sh/john",
"width": 0
},
{
"complete": true,
"src": "https://avatar.vercel.sh/jane",
"width": 0
},
{
"complete": true,
"src": "https://avatar.vercel.sh/jenny",
"width": 0
},
{
"complete": true,
"src": "https://avatar.vercel.sh/james",
"width": 0
},
{
"complete": true,
"src": "https://avatar.vercel.sh/jane",
"width": 0
},
{
"complete": true,
"src": "https://avatar.vercel.sh/jenny",
"width": 0
},
{
"complete": true,
"src": "https://avatar.vercel.sh/james",
"width": 0
},
{
"complete": true,
"src": "https://avatar.vercel.sh/jane",
"width": 0
},
{
"complete": true,
"src": "https://avatar.vercel.sh/jenny",
"width": 0
},
{
"complete": true,
"src": "https://avatar.vercel.sh/james",
"width": 0
},
{
"complete": true,
"src": "https://avatar.vercel.sh/jane",
"width": 0
},
{
"complete": true,
"src": "https://avatar.vercel.sh/jenny",
"width": 0
},
{
"complete": true,
"src": "https://avatar.vercel.sh/james",
"width": 0
}
],
"text": "Jack\n\n@jack\n\nI've never seen anything like this before. It's amazing. I love it.\nJill\n\n@jill\n\nI don't know what to say. I'm speechless. This is amazing.\nJohn\n\n@john\n\nI'm at a loss for words. This is amazing. I love it.\nJack\n\n@jack\n\nI've never seen anything like this before. It's amazing. I love it.\nJill\n\n@jill\n\nI don't know what to say. I'm speechless. This is amazing.\nJohn\n\n@john\n\nI'm at a loss for words. This is amazing. I love it.\nJack\n\n@jack\n\nI've never seen anything like this before. It's amazing. I love it.\nJill\n\n@jill\n\nI don't know what to say. I'm speechless. This is amazing.\nJohn\n\n@john\n\nI'm at a loss for words. This is amazing. I love it.\nJack\n\n@jack\n\nI've never seen anything like this before. It's amazing. I love it.\nJill\n\n@jill\n\nI don't know what to say. I'm speechless. This is amazing.\nJohn\n\n@john\n\nI'm at a loss for words. This is amazing. I love it.\nJane\n\n@jane\n\nI'm at a lo"
}
],
"status": "An upstream image or media asset could not load. This preview cannot fully reproduce it.",
"statusVisible": true,
"theme": "light"
},
{
"id": "magic-ui/Meteors",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 63,
"images": [],
"text": "Meteors"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Morphing Text",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 8,
"images": [],
"text": "Hello\nMorphing"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Neon Gradient Card",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 4,
"images": [],
"text": "Neon Gradient Card"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Noise Texture",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 11,
"images": [],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Number Ticker",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 2,
"images": [],
"text": "0"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Orbiting Circles",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 75,
"images": [],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Pixel Image"
},
{
"id": "magic-ui/Pixel Image",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 50,
"images": [
{
"complete": true,
"src": "/pixel-image-demo.jpg",
"width": 0
},
{
"complete": true,
"src": "/pixel-image-demo.jpg",
"width": 0
},
{
"complete": true,
"src": "/pixel-image-demo.jpg",
"width": 0
},
{
"complete": true,
"src": "/pixel-image-demo.jpg",
"width": 0
},
{
"complete": true,
"src": "/pixel-image-demo.jpg",
"width": 0
},
{
"complete": true,
"src": "/pixel-image-demo.jpg",
"width": 0
},
{
"complete": true,
"src": "/pixel-image-demo.jpg",
"width": 0
},
{
"complete": true,
"src": "/pixel-image-demo.jpg",
"width": 0
},
{
"complete": true,
"src": "/pixel-image-demo.jpg",
"width": 0
},
{
"complete": true,
"src": "/pixel-image-demo.jpg",
"width": 0
},
{
"complete": true,
"src": "/pixel-image-demo.jpg",
"width": 0
},
{
"complete": true,
"src": "/pixel-image-demo.jpg",
"width": 0
},
{
"complete": true,
"src": "/pixel-image-demo.jpg",
"width": 0
},
{
"complete": true,
"src": "/pixel-image-demo.jpg",
"width": 0
},
{
"complete": true,
"src": "/pixel-image-demo.jpg",
"width": 0
},
{
"complete": true,
"src": "/pixel-image-demo.jpg",
"width": 0
},
{
"complete": true,
"src": "/pixel-image-demo.jpg",
"width": 0
},
{
"complete": true,
"src": "/pixel-image-demo.jpg",
"width": 0
},
{
"complete": true,
"src": "/pixel-image-demo.jpg",
"width": 0
},
{
"complete": true,
"src": "/pixel-image-demo.jpg",
"width": 0
},
{
"complete": true,
"src": "/pixel-image-demo.jpg",
"width": 0
},
{
"complete": true,
"src": "/pixel-image-demo.jpg",
"width": 0
},
{
"complete": true,
"src": "/pixel-image-demo.jpg",
"width": 0
},
{
"complete": true,
"src": "/pixel-image-demo.jpg",
"width": 0
}
],
"text": ""
}
],
"status": "An upstream image or media asset could not load. This preview cannot fully reproduce it.",
"statusVisible": true
},
{
"id": "magic-ui/Pointer",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 22,
"images": [],
"text": "Animated Pointer\n\nAnimated pointer\n\nColored Pointer\n\nA custom pointer with different color\n\nCustom Shape\n\nA pointer with a custom SVG shape\n\nEmoji Pointer\n\nUsing an emoji as a custom pointer"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "magic-ui/Progressive Blur",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 36,
"images": [],
"text": "0\n1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "magic-ui/Pulsating Button",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Join Affiliate Program",
"type": null
}
],
"elements": 4,
"images": [],
"text": "Join Affiliate Program"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "magic-ui/Rainbow Button",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Get Unlimited Access",
"type": null
}
],
"elements": 2,
"images": [],
"text": "Get Unlimited Access"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "magic-ui/Retro Grid",
"dom": [
{
"canvases": 1,
"controls": [],
"elements": 7,
"images": [],
"text": "Retro Grid"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "magic-ui/Ripple",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 12,
"images": [],
"text": "Ripple"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "magic-ui/Ripple Button",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Click me",
"type": null
}
],
"elements": 4,
"images": [],
"text": "Click me"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "magic-ui/Safari",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 40,
"images": [],
"text": "magicui.design"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "magic-ui/Scroll Based Velocity",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 17,
"images": [],
"text": "Velocity Scroll\nVelocity Scroll\nVelocity Scroll\nVelocity Scroll\nVelocity Scroll\nVelocity Scroll\nVelocity Scroll\nVelocity Scroll"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "magic-ui/Scroll Progress",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 4,
"images": [],
"text": "Note: The scroll progress is shown below the navbar of the page."
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "magic-ui/Shimmer Button",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Shimmer Button",
"type": null
}
],
"elements": 8,
"images": [],
"text": "Shimmer Button"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "magic-ui/Shine Border",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "email"
},
{
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "password"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Sign In",
"type": null
}
],
"elements": 17,
"images": [],
"text": "Login\nEnter your credentials to access your account\nEmail\nPassword\nSign In"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "magic-ui/Shiny Button",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "SHINY BUTTON",
"type": null
}
],
"elements": 4,
"images": [],
"text": "SHINY BUTTON"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "magic-ui/Smooth Cursor",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 18,
"images": [],
"text": "Move your mouse around"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "magic-ui/Sparkles Text",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 4,
"images": [],
"text": "Magic UI"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "magic-ui/Spinning Text",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 40,
"images": [],
"text": "l\ne\na\nr\nn\nm\no\nr\ne\n•\ne\na\nr\nn\nm\no\nr\ne\n•\ng\nr\no\nw\nm\no\nr\ne\n•\nlearn more • earn more • grow more •"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "magic-ui/Striped Pattern",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 9,
"images": [],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "magic-ui/Terminal",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 24,
"images": [],
"text": "✔ Preflight checks.\n✔ Verifying framework. Found Next.js.\n✔ Validating Tailwind CSS.\n✔ Validating import alias.\n✔ Writing components.json.\n✔ Checking registry.\n✔ Updating tailwind.config.ts\n✔ Updating app/globals.css\n✔ Installing dependencies.\nℹ Updated 1 file:\n- lib/utils.ts"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "magic-ui/Text 3D Flip",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 76,
"images": [],
"text": "Stay hungry, stay foolish\nS\nS\nt\nt\na\na\ny\ny\n \nh\nh\nu\nu\nn\nn\ng\ng\nr\nr\ny\ny\n,\n,\n \ns\ns\nt\nt\na\na\ny\ny\n \nf\nf\no\no\no\no\nl\nl\ni\ni\ns\ns\nh\nh"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "magic-ui/Text Animate",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 23,
"images": [],
"text": "Blur in by character\nBlur in by character"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "magic-ui/Text Reveal",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 28,
"images": [],
"text": "Magic\nMagic\nUI\nUI\nwill\nwill\nchange\nchange\nthe\nthe\nway\nway\nyou\nyou\ndesign.\ndesign."
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "magic-ui/Tweet Card",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load react-tweet@3.2.2: Failed to fetch dynamically imported module: https://esm.sh/react-tweet@3.2.2?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "magic-ui/Typing Animation",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 3,
"images": [],
"text": "|"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "magic-ui/Video Text",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 7,
"images": [],
"text": "OCEAN"
}
],
"status": "Preview resource blocked by CSP: media-src",
"statusVisible": true
},
{
"id": "magic-ui/Warp Background",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 24,
"images": [],
"text": "Congratulations on Your Promotion!\nYour hard work and dedication have paid off. We're thrilled to see you take this next step in your career. Keep up the fantastic work!"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "magic-ui/Word Rotate",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 3,
"images": [],
"text": "Word"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "kibo-ui/Announcement",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.545.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.545.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/Banner",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.545.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.545.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/Calendar",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load jotai@2.15.0: Failed to fetch dynamically imported module: https://esm.sh/jotai@2.15.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/Choicebox",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.545.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.545.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/Code Block",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @shikijs/transformers@3.13.0: Failed to fetch dynamically imported module: https://esm.sh/@shikijs/transformers@3.13.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/Color Picker",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load color@5.0.2: Failed to fetch dynamically imported module: https://esm.sh/color@5.0.2?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/Combobox",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.545.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.545.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/Contribution Graph",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load date-fns@4.1.0: Failed to fetch dynamically imported module: https://esm.sh/date-fns@4.1.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/Credit Card",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load react-svg-credit-card-payment-icons@4.2.1: Failed to fetch dynamically imported module: https://esm.sh/react-svg-credit-card-payment-icons@4.2.1?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/Cursor",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 19,
"images": [],
"text": "@haydenbleasel\nCan we adjust the color?\n@leerob\nOne more thing...\n@shadcn\nAnother new component?!!"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "kibo-ui/Dialog Stack",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Show me",
"type": null
}
],
"elements": 3,
"images": [],
"text": "Show me"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "kibo-ui/Dropzone",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.545.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.545.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/Editor",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @tiptap/extension-typography@3.6.6: Failed to fetch dynamically imported module: https://esm.sh/@tiptap/extension-typography@3.6.6?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/Gantt",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @faker-js/faker@10.0.0: Failed to fetch dynamically imported module: https://esm.sh/@faker-js/faker@10.0.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/Glimpse",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Preview resource blocked by CSP: connect-src",
"statusVisible": true
},
{
"id": "kibo-ui/Kanban",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load tunnel-rat@0.1.2: Failed to fetch dynamically imported module: https://esm.sh/tunnel-rat@0.1.2?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/List",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @faker-js/faker@10.0.0: Failed to fetch dynamically imported module: https://esm.sh/@faker-js/faker@10.0.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/Marquee",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load react-fast-marquee@1.6.5: Failed to fetch dynamically imported module: https://esm.sh/react-fast-marquee@1.6.5?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/Mini Calendar",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.545.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.545.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/Pill",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.545.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.545.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/QR Code",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load culori@4.0.2: Failed to fetch dynamically imported module: https://esm.sh/culori@4.0.2?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/Rating",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.545.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.545.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/Reel",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.545.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.545.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/Relative Time",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 15,
"images": [],
"text": "EST\nOctober 25, 2026\n04:44:33 AM\nGMT\nOctober 25, 2026\n08:44:33 AM\nJST\nOctober 25, 2026\n05:44:33 PM"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "kibo-ui/Sandbox",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @codesandbox/sandpack-react@2.20.0: Failed to fetch dynamically imported module: https://esm.sh/@codesandbox/sandpack-react@2.20.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/Snippet",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.545.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.545.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/Spinner",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.545.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.545.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/Status",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 38,
"images": [],
"text": "Online\nOffline\nMaintenance\nDegraded"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "kibo-ui/Stories",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": "region",
"tag": "DIV",
"text": "AJ\nAlex Johnson\nSC\nSarah Chen\nMR\nMike Rodriguez\nEW\nEmma Wilson\nDK\nDavid Kim",
"type": null
},
{
"label": null,
"role": "group",
"tag": "DIV",
"text": "AJ\nAlex Johnson",
"type": null
},
{
"label": null,
"role": "button",
"tag": "DIV",
"text": "AJ\nAlex Johnson",
"type": null
},
{
"label": null,
"role": "group",
"tag": "DIV",
"text": "SC\nSarah Chen",
"type": null
},
{
"label": null,
"role": "button",
"tag": "DIV",
"text": "SC\nSarah Chen",
"type": null
},
{
"label": null,
"role": "group",
"tag": "DIV",
"text": "MR\nMike Rodriguez",
"type": null
},
{
"label": null,
"role": "button",
"tag": "DIV",
"text": "MR\nMike Rodriguez",
"type": null
},
{
"label": null,
"role": "group",
"tag": "DIV",
"text": "EW\nEmma Wilson",
"type": null
},
{
"label": null,
"role": "button",
"tag": "DIV",
"text": "EW\nEmma Wilson",
"type": null
},
{
"label": null,
"role": "group",
"tag": "DIV",
"text": "DK\nDavid Kim",
"type": null
},
{
"label": null,
"role": "button",
"tag": "DIV",
"text": "DK\nDavid Kim",
"type": null
}
],
"elements": 49,
"images": [],
"text": "AJ\nAlex Johnson\nSC\nSarah Chen\nMR\nMike Rodriguez\nEW\nEmma Wilson\nDK\nDavid Kim"
}
],
"status": "An upstream image or media asset could not load. This preview cannot fully reproduce it.",
"statusVisible": true
},
{
"id": "kibo-ui/Table",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load jotai@2.15.0: Failed to fetch dynamically imported module: https://esm.sh/jotai@2.15.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/Tags",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.545.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.545.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/Theme Switcher",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.545.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.545.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/Tree",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.545.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.545.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "kibo-ui/Video Player",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load media-chrome@4.14.0/react: Failed to fetch dynamically imported module: https://esm.sh/media-chrome@4.14.0/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/AI Blob Warp",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @paper-design/shaders-react@0.0.72: Failed to fetch dynamically imported module: https://esm.sh/@paper-design/shaders-react@0.0.72?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/AI Instructions",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @hugeicons/react@1.1.5: Failed to fetch dynamically imported module: https://esm.sh/@hugeicons/react@1.1.5?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Analytics Chart",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Clicks",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Signups",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Revenue",
"type": "button"
},
{
"label": "Analytics line chart",
"role": "img",
"tag": "svg",
"type": null
}
],
"elements": 127,
"images": [],
"text": "Clicks\nSignups\nRevenue\nClicks\n\nConversion analytics\n\n7 points\nSun, Sep 10, 2023\nbuy-it-now\n8,420 clicks\nSun, Oct 15, 2023\nbuy-it-now\n12,891 clicks\nSun, Dec 10, 2023\nbuy-it-now\n21,291 clicks\nSat, Jan 20, 2024\nbuy-it-now\n28,530 clicks\nThu, Feb 15, 2024\nbuy-it-now\n30,102 clicks\nSun, Mar 10, 2024\nbuy-it-now\n33,847 clicks\nWed, Apr 10, 2024\nbuy-it-now\n40,171 clicks\n\nHover points for details\n\nComponent API\n\ndata — chart data points\ngradientStops — line color stops\ndotColors — per-dot overrides\ngridLines — grid line count\npinnedIndices — pinned tooltips\nvalueLabel — unit label"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Apple Iphone 17 Pro",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Apple Keyboard",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @tabler/icons-react@3.34.1: Failed to fetch dynamically imported module: https://esm.sh/@tabler/icons-react@3.34.1?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Apple Watch Ultra",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Bg Animate Button",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "full",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "xl",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "2xl",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "3xl",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "sm",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "spin",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "pulse",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "spin-slow",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "spin-fast",
"type": null
}
],
"elements": 33,
"images": [],
"text": "full\nxl\n2xl\n3xl\nsm\nspin\npulse\nspin-slow\nspin-fast"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Bg Animated Fractal Grid",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Bg Image Texture",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Bg Media",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": "Pause video",
"role": null,
"tag": "BUTTON",
"text": "Pause",
"type": null
}
],
"elements": 7,
"images": [],
"text": "Pause"
}
],
"status": "Preview resource blocked by CSP: media-src",
"statusVisible": true
},
{
"id": "cult-ui/Border Beam Button",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load border-beam@1.0.1: Failed to fetch dynamically imported module: https://esm.sh/border-beam@1.0.1?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Border Beam Card",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load border-beam@1.0.1: Failed to fetch dynamically imported module: https://esm.sh/border-beam@1.0.1?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Border Beam Input",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load border-beam@1.0.1: Failed to fetch dynamically imported module: https://esm.sh/border-beam@1.0.1?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Canvas Fractal Grid",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Choice Poll",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @hugeicons/core-free-icons@3.1.1: Failed to fetch dynamically imported module: https://esm.sh/@hugeicons/core-free-icons@3.1.1?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Circuit Board",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Code Block",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Collab Avatar",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Collab Toolbar",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": "phone",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": "desktop",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": "chat",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": "Jane Doe",
"role": "img",
"tag": "DIV",
"text": "",
"type": null
},
{
"label": "Alex Kim",
"role": "img",
"tag": "DIV",
"text": "",
"type": null
},
{
"label": "Sam Taylor",
"role": "img",
"tag": "DIV",
"text": "",
"type": null
},
{
"label": "upload",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": "menu",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button"
}
],
"elements": 32,
"images": [],
"text": ""
}
],
"status": "Preview resource blocked by CSP: img-src",
"statusVisible": true
},
{
"id": "cult-ui/Color Picker",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Copy Button",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Cosmic Button",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Cosmic button goes brrr",
"type": "button"
}
],
"elements": 11,
"images": [],
"text": "Cosmic button goes brrr"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Direction Aware Tabs",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load react-use-measure@2.1.1: Failed to fetch dynamically imported module: https://esm.sh/react-use-measure@2.1.1?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Distorted Glass",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Dock",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Dynamic Island",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Edge Blur",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 80,
"images": [],
"text": "Edge blur\n\nStacked backdrop-blur layers with a gradient mask. Blurs sit outside the scroll layer so they stay pinned to the frame; only the inner panel scrolls. transform-gpu on the frame keeps fixed blurs inside this preview instead of the viewport.\n\nParagraph 1. Layers use pointer-events-none so the scroll container still receives wheel and touch events.\n\nParagraph 2. Layers use pointer-events-none so the scroll container still receives wheel and touch events.\n\nParagraph 3. Layers use pointer-events-none so the scroll container still receives wheel and touch events.\n\nParagraph 4. Layers use pointer-events-none so the scroll container still receives wheel and touch events.\n\nParagraph 5. Layers use pointer-events-none so the scroll container still receives wheel and touch events.\n\nParagraph 6. Layers use pointer-events-none so the scroll container still receives wheel and touch events.\n\n"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Expandable",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load react-use-measure@2.1.1: Failed to fetch dynamically imported module: https://esm.sh/react-use-measure@2.1.1?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Family Button",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load react-use-measure@2.1.1: Failed to fetch dynamically imported module: https://esm.sh/react-use-measure@2.1.1?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Family Drawer",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Feature Poll",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Feature Voting",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/File Icons",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Floating Panel",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Fluid AI Workloads",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 54,
"images": [],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Fluted Glass",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @paper-design/shaders-react@0.0.72: Failed to fetch dynamically imported module: https://esm.sh/@paper-design/shaders-react@0.0.72?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Gateway Endpoint Illustration",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 55,
"images": [],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Gateway Route Illustration",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 38,
"images": [],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Gateway SVG Illustration",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 73,
"images": [],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Globe",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Gradient Button Group",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Gradient Heading",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 140,
"images": [],
"text": "Variant: default\nHeading - lg\nHeading - lg\nHeading - lg\nHeading - lg\nHeading - lg\nHeading - xl\nHeading - xl\nHeading - xl\nHeading - xl\nHeading - xl\nHeading - xxl\nHeading - xxl\nHeading - xxl\nHeading - xxl\nHeading - xxl\nHeading - xxxl\nHeading - xxxl\nHeading - xxxl\nHeading - xxxl\nHeading - xxxl\nVariant: pink\nHeading - lg\nHeading - lg\nHeading - lg\nHeading - lg\nHeading - lg\nHeading - xl\nHeading - xl\nHeading - xl\nHeading - xl\nHeading - xl\nHeading - xxl\nHeading - xxl\nHeading - xxl\nHeading - xxl\nHeading - xxl\nHeading - xxxl\nHeading - xxxl\nHeading - xxxl\nHeading - xxxl\nHeading - xxxl\nVariant: light\nHeading - lg\nHeading - lg\nHeading - lg\nHeading - lg\nHeading - lg\nHeading - xl\nHeading - xl\nHeading - xl\nHeading - xl\nHeading - xl\nHeading - xxl\nHeading - xxl\nHeading - xxl\nHeading - xxl\nHeading - xxl\nHeading - xxxl\nHeading - xxxl\nHeading - xxxl\nHeading - xxxl\nHeading - xxxl"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Grid Beam",
"dom": [
{
"canvases": 2,
"controls": [
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "colorful",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "mono",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "ocean",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "sunset",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "● dark",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "⏸ pause",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "~ breathe",
"type": "button"
},
{
"label": null,
"role": "presentation",
"tag": "svg",
"type": null
},
{
"label": null,
"role": "presentation",
"tag": "svg",
"type": null
}
],
"elements": 104,
"images": [],
"text": "GridBeam\n\nSoft glowing beams along grid dividers\n\ncolorful\nmono\nocean\nsunset\n● dark\n⏸ pause\n~ breathe\nComposed GridBeam\nPROJECT\nSTATUS\nLEAD\nPROGRESS\nQuantum Core\nActive\nAria Chen\n78%\nNebula API\nReview\nKai Tanaka\n92%\nVoid Engine\nActive\nZara Osei\n45%\nPulse Sync\nPaused\nLev Petrov\n61%\nHeadless useGridBeam + Dividers / Canvas / Content\nLATENCY\n12ms\n-3ms\nTHROUGHPUT\n2.4k\n+180\nUPTIME\n99.97%\n+0.02%\nREQUESTS\n847k\n+12k\nERRORS\n0.03%\n-0.01%\nCACHE HIT\n94.2%\n+1.8%"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Halo Badge",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Halo Button",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Halo Card",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Halo Dropzone",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Halo Field",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Halo Input",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Halo Notification",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Halo Progress",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @base-ui/react@1.3.0/progress: Failed to fetch dynamically imported module: https://esm.sh/@base-ui/react@1.3.0/progress?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Halo Search",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Halo Segmented",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @base-ui/react@1.3.0/toggle-group: Failed to fetch dynamically imported module: https://esm.sh/@base-ui/react@1.3.0/toggle-group?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Halo Select",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Halo Switch",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @base-ui/react@1.3.0/switch: Failed to fetch dynamically imported module: https://esm.sh/@base-ui/react@1.3.0/switch?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Halo Tabs",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @base-ui/react@1.3.0/tabs: Failed to fetch dynamically imported module: https://esm.sh/@base-ui/react@1.3.0/tabs?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Halo Toast",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Stylesheet failed to load: sonner@2.0.0/dist/styles.css",
"statusVisible": true
},
{
"id": "cult-ui/Halo Toggle Group",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @base-ui/react@1.3.0/toggle: Failed to fetch dynamically imported module: https://esm.sh/@base-ui/react@1.3.0/toggle?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Hero Color Panels",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @paper-design/shaders-react@0.0.72: Failed to fetch dynamically imported module: https://esm.sh/@paper-design/shaders-react@0.0.72?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Hero Dithering",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @paper-design/shaders-react@0.0.72: Failed to fetch dynamically imported module: https://esm.sh/@paper-design/shaders-react@0.0.72?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Hero Heatmap",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @paper-design/shaders-react@0.0.72: Failed to fetch dynamically imported module: https://esm.sh/@paper-design/shaders-react@0.0.72?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Hero Liquid Metal",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @paper-design/shaders-react@0.0.72: Failed to fetch dynamically imported module: https://esm.sh/@paper-design/shaders-react@0.0.72?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Hero Static Radial Gradient",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @paper-design/shaders-react@0.0.72: Failed to fetch dynamically imported module: https://esm.sh/@paper-design/shaders-react@0.0.72?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Illustration Card Grid",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 178,
"images": [],
"text": "One API key, hundreds of models\n\nUnified billing and observability across your entire AI stack, with text, image, and video models.\n\nBuilt-in failovers, better uptime\n\nAutomatic fallbacks during provider outages so your app stays up even when a model goes down.\n\nNo markup, just list price\n\nPay exactly what providers charge with no platform fees."
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Illustration Comment Bubble",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 19,
"images": [
{
"complete": true,
"src": "https://i.pravatar.cc/48?img=13",
"width": 0
}
],
"text": "Jane\nCan we ship this behind beta first and roll out to everyone next week?"
}
],
"status": "An upstream image or media asset could not load. This preview cannot fully reproduce it.",
"statusVisible": true
},
{
"id": "cult-ui/Illustration Cursor",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 39,
"images": [],
"text": "Live collaborators\n6 online\nJohn\nJane\nJim\nJill\nJack\nMina"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Illustration Fluid Rendering",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 73,
"images": [],
"text": "Vercel Store\nContentful\nBigCommerce\nShopify"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Illustration Globe Vercel",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "deploying",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "deployed",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "error",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Dots",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Vercel",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Infra",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Custom",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": "Replay globe animation",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button"
}
],
"elements": 153,
"images": [],
"text": "STATUS\ndeploying\ndeployed\nerror\nICONS\nDots\nVercel\nInfra\nCustom\nCOLOR\ndeployed"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Illustration Graph",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 55,
"images": [],
"text": "Investigate 12h ago / now\n5xx\napi / api/error rate / error rate\n40%\n20%\n0%\nnow\n12h ago"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Lightboard",
"dom": [
{
"canvases": 7,
"controls": [
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Draw Color: 2",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Toggle Scroll: Off",
"type": null
}
],
"elements": 33,
"images": [],
"text": "LightBoard Demo\nControlled LightBoard with draw support\n\nTry drawing on this board by clicking and dragging.\n\nDraw Color: 2\nToggle Scroll: Off\nDrawing disabled\nsketchpad\n\nTry drawing on this board by clicking and dragging."
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Logo Carousel",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Mac Screen",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 6,
"images": [
{
"complete": true,
"src": "/component-frames/apple-computer-img.png",
"width": 0
},
{
"complete": true,
"src": "https://media.giphy.com/media/sIIhZliB2McAo/giphy.gif",
"width": 0
}
],
"text": ""
}
],
"status": "An upstream image or media asset could not load. This preview cannot fully reproduce it.",
"statusVisible": true
},
{
"id": "cult-ui/Marketing Feature Code",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Marketing Hero Analytics",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Deploy Now",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Get a Demo",
"type": "button"
}
],
"elements": 183,
"images": [],
"text": "Understand production from the inside out.\n\nWith real-time infrastructure and traffic insights, Vercel is the mission control for frontend applications.\n\nDeploy Now\nGet a Demo\nApp Logs\n13:39\n24:59\nM\nGET\n200\n/app/front/ap...\n24.52\nƒe\nGET\n200\n/status/api\n24.50\nM\nGET\n200\n/docs\n24.43\nƒe\nGET\n200\n/api/jwt\nTop Sources\nVisitors\ngoogle.com\n259,010\nvercel.com\n132,821\nx.com\n51,280\nycombinator.com\n27,102\nsplitbee.com\n20,186\nlinear.com\n18,281\ngithub.blog\n13,021"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Merging Bubbles",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 89,
"images": [],
"text": "Small\n\n+\n\nMedium\n\n+\n\nLarge\n\n+"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Metal Button",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load metal-fx@1.0.4: Failed to fetch dynamically imported module: https://esm.sh/metal-fx@1.0.4?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Minimal Card",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 44,
"images": [
{
"complete": true,
"src": "/basic-img.png",
"width": 0
},
{
"complete": true,
"src": "/basic-img.png",
"width": 0
},
{
"complete": true,
"src": "/basic-img.png",
"width": 0
},
{
"complete": true,
"src": "/basic-img.png",
"width": 0
},
{
"complete": true,
"src": "/basic-img.png",
"width": 0
}
],
"text": "Sick title\n\nHow to design with gestures and motion that feel intuitive and natural.\n\nSick title\n\nHow to design with gestures and motion that feel intuitive and natural.\n\nSick title\n\nHow to design with gestures and motion that feel intuitive and natural.\n\nSick title\n\nHow to design with gestures and motion that feel intuitive and natural.\n\nSick title\n\nHow to design with gestures and motion that feel intuitive and natural."
}
],
"status": "An upstream image or media asset could not load. This preview cannot fully reproduce it.",
"statusVisible": true
},
{
"id": "cult-ui/Mock Browser Window",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Morph Surface",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Neumorph Button",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Neumorph Eyebrow",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 5,
"images": [],
"text": "A milestone in scraping\nPrimary variant\nSecondary variant"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Organic Button",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Pixel Heading Character",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "text"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "uniform",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "multi",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "wave",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "random",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "SELECT",
"text": "h1\nh2\nh3\nh4\nh5\nh6",
"type": null
},
{
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "range"
},
{
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "range"
},
{
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "range"
},
{
"label": null,
"role": "switch",
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": null,
"role": "switch",
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "text"
},
{
"label": null,
"role": null,
"tag": "SELECT",
"text": "none\nsquare\ngrid\ncircle\ntriangle\nline",
"type": null
},
{
"label": null,
"role": "switch",
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Restart",
"type": "button"
}
],
"elements": 74,
"images": [],
"text": "Pixel Fonts\nWAVE\nTEXT\nMODE\nuniform\nmulti\nwave\nrandom\nHEADING LEVEL\nh1\nh2\nh3\nh4\nh5\nh6\nCYCLE INTERVAL: 340MS\nSTAGGER DELAY: 200MS\nDEFAULT FONT INDEX: 3\nAUTO PLAY\nSHOW LABEL\nPREFIX\nPREFIX FONT\nnone\nsquare\ngrid\ncircle\ntriangle\nline\nISOLATE CHARACTERS\nRESET ANIMATION\nRestart"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Pixel Heading Word",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "text"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "square",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "grid",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "circle",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "triangle",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "line",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "cycle all",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "square",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "grid",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "circle",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "triangle",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "line",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "SELECT",
"text": "h1\nh2\nh3\nh4\nh5\nh6",
"type": null
},
{
"label": null,
"role": "switch",
"tag": "BUTTON",
"text": "",
"type": "button"
}
],
"elements": 40,
"images": [],
"text": "Pixel Fonts\nSQUARE\nTEXT\nINITIAL FONT\nsquare\ngrid\ncircle\ntriangle\nline\nHOVER BEHAVIOR\ncycle all\nsquare\ngrid\ncircle\ntriangle\nline\nHEADING LEVEL\nh1\nh2\nh3\nh4\nh5\nh6\nSHOW LABEL"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Pixel Paragraph Words",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "TEXTAREA",
"text": "",
"type": null
},
{
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "text"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "square",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "grid",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "circle",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "triangle",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "line",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "SELECT",
"text": "<p>\n<span>\n<div>",
"type": null
}
],
"elements": 31,
"images": [],
"text": "54+ animated components and effects. Free, open source, and built to drop into any shadcn/ui project.\n\nPARAGRAPH TEXT\nPIXEL WORDS (COMMA-SEPARATED)\n\nThese words render in a pixel font while the rest stays in the normal typeface\n\nPIXEL FONT\nsquare\ngrid\ncircle\ntriangle\nline\nWRAPPER ELEMENT\n<p>\n<span>\n<div>"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Pixel Paragraph Words Inverse",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "TEXTAREA",
"text": "",
"type": null
},
{
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "text"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "square",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "grid",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "circle",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "triangle",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "line",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "sans",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "mono",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "SELECT",
"text": "<p>\n<span>\n<div>",
"type": null
}
],
"elements": 36,
"images": [],
"text": "54+ animated components and effects. Free, open source, and built to drop into any shadcn/ui project.\n\nPARAGRAPH TEXT\nPLAIN WORDS (COMMA-SEPARATED)\n\nThese words escape the pixel font and render in sans/mono\n\nPIXEL FONT (BASE TEXT)\nsquare\ngrid\ncircle\ntriangle\nline\nPLAIN FONT (ESCAPED WORDS)\nsans\nmono\nWRAPPER ELEMENT\n<p>\n<span>\n<div>"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Poll Widget",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Popover",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Popover Form",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Prompt Composer",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Prompt Library",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Rolling Number",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Security Checkpoint",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 41,
"images": [],
"text": "Vercel Security Checkpoint\nTo ensure a smooth and safe experience, we're taking a few moments to verify your browser."
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Shader Lens Blur",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load jotai@2.1.0: Failed to fetch dynamically imported module: https://esm.sh/jotai@2.1.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Shadow Card",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 169,
"images": [],
"text": "Where Design And Product Teams\nBuild The Future Of Software\nTHE DESIGN\nZEPXEN\nWhere Design And Product Teams Build The Future Of Software.\n\nDesign Is About To Have Its\nGitHub Moment."
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Shift Card",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Side Panel",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Sortable List",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Speech Bubble",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 13,
"images": [],
"text": "Hello, how are you?\nNo cursor variant"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Squiggle Arrow",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 76,
"images": [],
"text": "Variants\nWavy\nBouncy\nSmooth\nDirections\nRight\nLeft\nDown\nUp\nSizes"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Stripe Bg Guides",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/SVG Bands",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 175,
"images": [],
"text": "SVG bands\n\nWide (2400-based) section ornaments: battlement and zigzag trims, steep hero headers, and frame panels. Styling follows currentColor with light fill tints — pair with your background and type color.\n\nProfile bands\n\nFlat single angle\n\nCastle wall (12 merlons)\n\nSymmetric V\n\nTwin top notches\n\nZigzag (12 teeth)\n\nZigzag (8 teeth)\n\nCenter tab\n\nDiagonal slash\n\nArrow chevron\n\nStaircase\n\nStepped left, steep right\n\nPanels and frames\n\nStepped inset frame\n\nAngled corner panel\n\nDual side notch frame\n\nTall angled hero\n\nSteep tops, bottom trims\n\nTop steep right\n\nTop steep both\n\nTop steep left\n\nBottom steep right (mirrored)\n\nWavy bottom\n\nCenter tab top (wide grid)\n\nPyramid steps\n\nFour steps\n\nTwelve steps\n\nGeneric BandShape + path builders\n\nBandShape · castleWallBandPath(6)\n\nBandShape · zigzagSawtoothBandPath(10)"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/SVG Shapes",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 427,
"images": [],
"text": "SVG shapes\n\nWide viewBox line-art panels for landing pages: polygons, architectural silhouettes, sacred geometry, and Platonic wire projections. Shape via currentColor and light fill tints; pass flip to mirror without editing paths.\n\nPolygons & curves\n\nTriangle\n\nCircle\n\nEllipse\n\nSemicircle (D panel)\n\nRight triangle\n\nKite\n\nPennant\n\nQuarter circle\n\nRounded & architectural\n\nRounded square\n\nRounded triangle\n\nSquircle\n\nGothic arch panel\n\nBracket (line art)\n\nArrow pentagon\n\nSacred geometry\n\nVesica piscis\n\nSeed of life\n\nFlower of life\n\nMetatron’s cube\n\nSri Yantra\n\nGolden spiral\n\nTorus tube\n\nPlatonic solids (wire projections)\n\nTetrahedron\n\nCube\n\nOctahedron\n\nIcosahedron\n\nDodecahedron\n\nFlip prop\n\nnone\n\nvertical\n\nhorizontal\n\nboth axes"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/SVG Shapes Animated",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Tabs Illustration Vercel",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Text",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Image",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Video\nNew",
"type": "button"
}
],
"elements": 53,
"images": [],
"text": "Generate anything\nText\n\nAccess the latest from every major model lab and provider. Power your AI features all through a single endpoint.\n\nImage\n\nGenerate and edit with best-in-class image models, no extra setup.\n\nVideo\nNew\n\nShip production-ready video across a wide range of models with just a prompt.\n\nVerc"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Terminal Animation",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "REFRESH",
"type": "button"
},
{
"label": "Terminal commands",
"role": "tablist",
"tag": "DIV",
"text": "install\nbuild\ndeploy\ntest",
"type": null
},
{
"label": null,
"role": "tab",
"tag": "BUTTON",
"text": "install",
"type": "button"
},
{
"label": null,
"role": "tab",
"tag": "BUTTON",
"text": "build",
"type": "button"
},
{
"label": null,
"role": "tab",
"tag": "BUTTON",
"text": "deploy",
"type": "button"
},
{
"label": null,
"role": "tab",
"tag": "BUTTON",
"text": "test",
"type": "button"
}
],
"elements": 18,
"images": [],
"text": "REFRESH\nDOWNLOAD BG\n$\ninstall\nbuild\ndeploy\ntest"
}
],
"status": "Preview resource blocked by CSP: img-src",
"statusVisible": true
},
{
"id": "cult-ui/Text Animate",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Texture Button",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Texture Card",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Texture Overlay",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 118,
"images": [],
"text": "Texture Overlay Showcase\n\nExplore different texture patterns using CSS gradients for adding visual texture to backgrounds and surfaces.\n\nDots Pattern\n\ndots texture\n\nGrid Pattern\n\ngrid texture\n\nNoise Pattern\n\nnoise texture\n\nCrosshatch Pattern\n\ncrosshatch texture\n\nDiagonal Pattern\n\ndiagonal texture\n\nScattered Dots\n\nscatteredDots texture\n\nHalftone Pattern\n\nhalftone texture\n\nTriangular Pattern\n\ntriangular texture\n\nChevron Pattern\n\nchevron texture\n\nPaper Grain\n\npaperGrain texture\n\nHorizontal Lines\n\nhorizontalLines texture\n\nVertical Lines\n\nverticalLines texture\n\nOpacity Variations\n\nSee how different opacity values affect the texture appearance\n\nDots Pattern\n\nOpacity: 0.3\n\nDots Pattern\n\nOpacity: 0.6\n\nDots Pattern\n\nOpacity: 1\n\nCustom Styling\n\nCombine with custom classes for unique effects\n\nGrid with Blend Mode\n\nmix-blend-overlay\n\nNoise with Custom Opacity\n\nopacity-50 class"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Three D Carousel",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Timer",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Toolbar Expandable",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Tweet Grid",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 137,
"images": [],
"text": "Join the club\nT\nTwitter User\n@user\nThis is a mock tweet placeholder. Tweet ID: 1742983975340327184\n💬 0\n🔄 0\n❤️ 0\nT\nTwitter User\n@user\nThis is a mock tweet placeholder. Tweet ID: 1743049700583116812\n💬 0\n🔄 0\n❤️ 0\nT\nTwitter User\n@user\nThis is a mock tweet placeholder. Tweet ID: 1754067409366073443\n💬 0\n🔄 0\n❤️ 0\nT\nTwitter User\n@user\nThis is a mock tweet placeholder. Tweet ID: 1753968111059861648\n💬 0\n🔄 0\n❤️ 0\nT\nTwitter User\n@user\nThis is a mock tweet placeholder. Tweet ID: 1754174981897118136\n💬 0\n🔄 0\n❤️ 0\nT\nTwitter User\n@user\nThis is a mock tweet placeholder. Tweet ID: 1743632296802988387\n💬 0\n🔄 0\n❤️ 0\nT\nTwitter User\n@user\nThis is a mock tweet placeholder. Tweet ID: 1754110885168021921\n💬 0\n🔄 0\n❤️ 0\nT\nTwitter User\n@user\nThis is a mock tweet placeholder. Tweet ID: 1760248682828419497\n💬 0\n🔄 0\n❤️ 0\nT\nTwitter User\n@user\nThis is a mock tweet placeholder. Tweet ID: 1760230134601122153\n�"
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "cult-ui/Typewriter",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Vote Tally",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load lucide-react@0.544.0: Failed to fetch dynamically imported module: https://esm.sh/lucide-react@0.544.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Wizard Expandable",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @base-ui/react@1.3.0/scroll-area: Failed to fetch dynamically imported module: https://esm.sh/@base-ui/react@1.3.0/scroll-area?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "cult-ui/Youtube Video Player",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load motion@12.35.2/react: Failed to fetch dynamically imported module: https://esm.sh/motion@12.35.2/react?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true
},
{
"id": "intent-ui/Text Field",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": "Name",
"role": null,
"tag": "INPUT",
"text": "",
"type": "text"
}
],
"elements": 4,
"images": [],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "kibo-ui/Dialog Stack",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Show me",
"type": null
}
],
"elements": 3,
"images": [],
"text": "Show me"
}
],
"status": "Rendering…",
"statusVisible": false
}
],
"packageAdapters": [
{
"id": "base-ui/Accordion",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "base-ui/Avatar",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "base-ui/Button",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "base-ui/Checkbox",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "base-ui/Collapsible",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "base-ui/Field",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "base-ui/Fieldset",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "base-ui/Input",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "base-ui/Meter",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "base-ui/Number Field",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "base-ui/Popover",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "base-ui/Progress",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "base-ui/Radio Group",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "base-ui/Separator",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "base-ui/Slider",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "base-ui/Switch",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "base-ui/Tabs",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "base-ui/Toggle",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "base-ui/Toggle Group",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "radix-ui/Avatar",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "radix-ui/Checkbox",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "radix-ui/Collapsible",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "radix-ui/Dialog",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "radix-ui/Dropdown Menu",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "radix-ui/Label",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "radix-ui/Popover",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "radix-ui/Progress",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "radix-ui/Radio Group",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "radix-ui/Separator",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "radix-ui/Slider",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "radix-ui/Switch",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "radix-ui/Tabs",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "radix-ui/Toggle",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "radix-ui/Toggle Group",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "radix-ui/Tooltip",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "react-aria/Breadcrumbs",
"status": [
{
"hidden": false,
"text": " cannot be rendered outside a collection."
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "react-aria/Button",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "react-aria/Checkbox",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "react-aria/CheckboxGroup",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "react-aria/ColorSwatch",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "react-aria/ComboBox",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "react-aria/Disclosure",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "react-aria/GridList",
"status": [
{
"hidden": false,
"text": " cannot be rendered outside a collection."
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "react-aria/Group",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "react-aria/Link",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "react-aria/ListBox",
"status": [
{
"hidden": false,
"text": " cannot be rendered outside a collection."
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "react-aria/Menu",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from actual MCPJam DOM observations and tool output after interrupted ledger write. Full initial DOM detail unavailable."
},
{
"id": "react-aria/Meter",
"at": "2026-10-25T08:40:23.730Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Storage65%",
"nodes": 3,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "meter",
"tag": "DIV",
"text": "Storage65%",
"type": null,
"value": ""
}
]
},
{
"id": "react-aria/Modal",
"at": "2026-10-25T08:40:41.321Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Open dialog",
"nodes": 1,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Open dialog",
"type": "button",
"value": ""
}
]
},
{
"id": "react-aria/Popover",
"at": "2026-10-25T08:40:46.779Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Open popover",
"nodes": 1,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Open popover",
"type": "button",
"value": ""
}
]
},
{
"id": "react-aria/ProgressBar",
"at": "2026-10-25T08:40:52.341Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Upload65%",
"nodes": 3,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "progressbar",
"tag": "DIV",
"text": "Upload65%",
"type": null,
"value": ""
}
]
},
{
"id": "react-aria/RadioGroup",
"at": "2026-10-25T08:40:57.208Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Plan\nBasic\nPro",
"nodes": 8,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "radiogroup",
"tag": "DIV",
"text": "PlanBasicPro",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "basic"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "pro"
}
]
},
{
"id": "react-aria/SearchField",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from observed tool output after async filesystem timeout."
},
{
"id": "react-aria/Select",
"status": [
{
"hidden": false,
"text": "Cannot destructure property 'placeholder' of 'V(...)' as it is null."
}
],
"evidence": "Recovered from observed tool output after async filesystem timeout."
},
{
"id": "react-aria/Separator",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from observed tool output after async filesystem timeout."
},
{
"id": "react-aria/Slider",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"evidence": "Recovered from observed tool output after async filesystem timeout."
},
{
"id": "react-aria/Switch",
"at": "2026-10-25T08:44:07.330Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Notifications",
"nodes": 3,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "switch",
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
}
]
},
{
"id": "react-aria/Table",
"at": "2026-10-25T08:44:14.314Z",
"status": [
{
"hidden": false,
"text": " cannot be rendered outside a collection."
}
],
"text": " cannot be rendered outside a collection.",
"nodes": 0,
"controls": []
},
{
"id": "react-aria/Tabs",
"at": "2026-10-25T08:44:20.145Z",
"status": [
{
"hidden": false,
"text": " cannot be rendered outside a collection."
}
],
"text": " cannot be rendered outside a collection.",
"nodes": 0,
"controls": []
},
{
"id": "react-aria/TextField",
"at": "2026-10-25T08:44:24.166Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Name",
"nodes": 3,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "text",
"value": ""
}
]
},
{
"id": "react-aria/ToggleButton",
"at": "2026-10-25T08:44:29.170Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Bold",
"nodes": 1,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Bold",
"type": "button",
"value": ""
}
]
},
{
"id": "react-aria/ToggleButtonGroup",
"at": "2026-10-25T08:44:43.729Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "BoldItalic",
"nodes": 3,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "radiogroup",
"tag": "DIV",
"text": "BoldItalic",
"type": null,
"value": ""
},
{
"checked": "false",
"disabled": false,
"expanded": null,
"role": "radio",
"tag": "BUTTON",
"text": "Bold",
"type": "button",
"value": ""
},
{
"checked": "false",
"disabled": false,
"expanded": null,
"role": "radio",
"tag": "BUTTON",
"text": "Italic",
"type": "button",
"value": ""
}
]
},
{
"id": "react-aria/Tooltip",
"at": "2026-10-25T08:44:49.905Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Hover or focus",
"nodes": 1,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Hover or focus",
"type": "button",
"value": ""
}
]
},
{
"id": "ark-ui/Avatar",
"at": "2026-10-25T08:44:55.485Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "AB",
"nodes": 2,
"controls": []
},
{
"id": "ark-ui/Checkbox",
"at": "2026-10-25T08:44:59.315Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Accept terms",
"nodes": 5,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
}
]
},
{
"id": "ark-ui/Collapsible",
"at": "2026-10-25T08:45:04.508Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Show details",
"nodes": 3,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Show details",
"type": "button",
"value": ""
}
]
},
{
"id": "ark-ui/Dialog",
"at": "2026-10-25T08:45:14.000Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Open dialog",
"nodes": 1,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Open dialog",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "dialog",
"tag": "DIV",
"text": "Example dialogSample contentClose",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Close",
"type": "button",
"value": ""
}
]
},
{
"id": "ark-ui/Editable",
"at": "2026-10-25T08:45:18.461Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Name\nExample name",
"nodes": 5,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": null,
"value": "Example name"
}
]
},
{
"id": "ark-ui/Field",
"at": "2026-10-25T08:45:25.373Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "NameYour display name",
"nodes": 4,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "group",
"tag": "DIV",
"text": "NameYour display name",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": null,
"value": ""
}
]
},
{
"id": "ark-ui/Fieldset",
"at": "2026-10-25T08:45:29.769Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Profile\nName",
"nodes": 5,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "group",
"tag": "DIV",
"text": "Name",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": null,
"value": ""
}
]
},
{
"id": "ark-ui/Number Input",
"at": "2026-10-25T08:45:34.333Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Quantity\n−+",
"nodes": 6,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "group",
"tag": "DIV",
"text": "−+",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "−",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "spinbutton",
"tag": "INPUT",
"text": "",
"type": "text",
"value": "2"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "+",
"type": "button",
"value": ""
}
]
},
{
"id": "ark-ui/Popover",
"at": "2026-10-25T08:45:39.449Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Open popover",
"nodes": 1,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Open popover",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "dialog",
"tag": "DIV",
"text": "Example popoverSample contentClose",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Close",
"type": "button",
"value": ""
}
]
},
{
"id": "ark-ui/Progress - Linear",
"at": "2026-10-25T08:45:49.839Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Upload65%",
"nodes": 5,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "progressbar",
"tag": "DIV",
"text": "",
"type": null,
"value": ""
}
]
},
{
"id": "ark-ui/Radio Group",
"at": "2026-10-25T08:45:55.277Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Plan\nbasic\npro",
"nodes": 10,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "radiogroup",
"tag": "DIV",
"text": "Planbasicpro",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "basic"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "pro"
}
]
},
{
"id": "ark-ui/Rating Group",
"at": "2026-10-25T08:46:01.391Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Rating\n★★★★★",
"nodes": 9,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "radiogroup",
"tag": "DIV",
"text": "★★★★★",
"type": null,
"value": ""
},
{
"checked": "false",
"disabled": false,
"expanded": null,
"role": "radio",
"tag": "SPAN",
"text": "★",
"type": null,
"value": ""
},
{
"checked": "false",
"disabled": false,
"expanded": null,
"role": "radio",
"tag": "SPAN",
"text": "★",
"type": null,
"value": ""
},
{
"checked": "true",
"disabled": false,
"expanded": null,
"role": "radio",
"tag": "SPAN",
"text": "★",
"type": null,
"value": ""
},
{
"checked": "false",
"disabled": false,
"expanded": null,
"role": "radio",
"tag": "SPAN",
"text": "★",
"type": null,
"value": ""
},
{
"checked": "false",
"disabled": false,
"expanded": null,
"role": "radio",
"tag": "SPAN",
"text": "★",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "text",
"value": "3"
}
]
},
{
"id": "ark-ui/Slider",
"at": "2026-10-25T08:46:07.334Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Volume40",
"nodes": 8,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "slider",
"tag": "DIV",
"text": "",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "text",
"value": "40"
}
]
},
{
"id": "ark-ui/Switch",
"at": "2026-10-25T08:46:14.064Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Notifications",
"nodes": 5,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
}
]
},
{
"id": "ark-ui/Tabs",
"at": "2026-10-25T08:46:20.847Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "OverviewDetails\nOverview content",
"nodes": 6,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "tablist",
"tag": "DIV",
"text": "OverviewDetails",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "tab",
"tag": "BUTTON",
"text": "Overview",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "tab",
"tag": "BUTTON",
"text": "Details",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "tabpanel",
"tag": "DIV",
"text": "Overview content",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "tabpanel",
"tag": "DIV",
"text": "Details content",
"type": null,
"value": ""
}
]
},
{
"id": "headless-ui/Dropdown Menu",
"at": "2026-10-25T08:46:31.092Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Actions",
"nodes": 1,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Actions",
"type": "button",
"value": ""
}
]
},
{
"id": "headless-ui/Disclosure",
"at": "2026-10-25T08:46:38.471Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Show details",
"nodes": 1,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Show details",
"type": "button",
"value": ""
}
]
},
{
"id": "headless-ui/Dialog",
"at": "2026-10-25T08:46:45.636Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Open dialog",
"nodes": 1,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Open dialog",
"type": null,
"value": ""
}
]
},
{
"id": "headless-ui/Popover",
"at": "2026-10-25T08:46:52.405Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Open popover",
"nodes": 2,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Open popover",
"type": "button",
"value": ""
}
]
},
{
"id": "headless-ui/Tabs",
"at": "2026-10-25T08:46:57.368Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "OverviewDetails\nOverview content",
"nodes": 7,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "tablist",
"tag": "DIV",
"text": "OverviewDetails",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "tab",
"tag": "BUTTON",
"text": "Overview",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "tab",
"tag": "BUTTON",
"text": "Details",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "tabpanel",
"tag": "DIV",
"text": "Overview content",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "tabpanel",
"tag": "SPAN",
"text": "",
"type": null,
"value": ""
}
]
},
{
"id": "headless-ui/Transition",
"at": "2026-10-25T08:47:08.397Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Toggle content\nExample content",
"nodes": 2,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Toggle content",
"type": null,
"value": ""
}
]
},
{
"id": "headless-ui/Button",
"at": "2026-10-25T08:47:14.921Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Button",
"nodes": 1,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Button",
"type": "button",
"value": ""
}
]
},
{
"id": "headless-ui/Combobox",
"at": "2026-10-25T08:47:23.295Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Show options",
"nodes": 2,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": "false",
"role": "combobox",
"tag": "INPUT",
"text": "",
"type": "text",
"value": "Apple"
},
{
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Show options",
"type": "button",
"value": ""
}
]
},
{
"id": "headless-ui/Fieldset",
"at": "2026-10-25T08:47:30.557Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Profile\nName",
"nodes": 6,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": null,
"value": ""
}
]
},
{
"id": "headless-ui/Input",
"at": "2026-10-25T08:47:37.958Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "",
"nodes": 1,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": null,
"value": ""
}
]
},
{
"id": "headless-ui/Listbox",
"at": "2026-10-25T08:49:33.162Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Apple",
"nodes": 1,
"controls": [
{
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Apple",
"type": "button",
"value": ""
}
]
},
{
"id": "headless-ui/Radio Group",
"at": "2026-10-25T08:55:39.243Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "radiogroup",
"tag": "DIV",
"text": "●Basic●Pro",
"type": null,
"value": ""
},
{
"checked": "true",
"disabled": false,
"expanded": null,
"role": "radio",
"tag": "SPAN",
"text": "●",
"type": null,
"value": ""
},
{
"checked": "false",
"disabled": false,
"expanded": null,
"role": "radio",
"tag": "SPAN",
"text": "●",
"type": null,
"value": ""
}
],
"nodes": 9,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "●Basic\n●Pro"
},
{
"id": "headless-ui/Select",
"at": "2026-10-25T08:59:21.912Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "SELECT",
"text": "ApplePear",
"type": null,
"value": "Apple"
}
],
"nodes": 3,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Apple\nPear"
},
{
"id": "headless-ui/Switch",
"at": "2026-10-25T09:00:28.541Z",
"controls": [
{
"checked": "false",
"disabled": false,
"expanded": null,
"role": "switch",
"tag": "BUTTON",
"text": "Toggle",
"type": "button",
"value": ""
}
],
"nodes": 4,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "ToggleNotifications"
},
{
"id": "headless-ui/Textarea",
"at": "2026-10-25T09:01:04.841Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "TEXTAREA",
"text": "",
"type": null,
"value": ""
}
],
"nodes": 1,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": ""
},
{
"id": "mantine/Button",
"at": "2026-10-25T09:01:15.203Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Button",
"type": "button",
"value": ""
}
],
"nodes": 5,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Button"
},
{
"id": "mantine/Tabs",
"at": "2026-10-25T09:01:19.833Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "tablist",
"tag": "DIV",
"text": "OverviewDetails",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "tab",
"tag": "BUTTON",
"text": "Overview",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "tab",
"tag": "BUTTON",
"text": "Details",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "tabpanel",
"tag": "DIV",
"text": "Overview content",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "tabpanel",
"tag": "DIV",
"text": "",
"type": null,
"value": ""
}
],
"nodes": 10,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Overview\nDetails\nOverview content"
},
{
"id": "mantine/Code",
"at": "2026-10-25T09:01:24.771Z",
"controls": [],
"nodes": 3,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "const example = true;"
},
{
"id": "mantine/ColorPicker",
"at": "2026-10-25T09:01:30.154Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "slider",
"tag": "DIV",
"text": "",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "slider",
"tag": "DIV",
"text": "",
"type": null,
"value": ""
}
],
"nodes": 14,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": ""
},
{
"id": "mantine/Kbd",
"at": "2026-10-25T09:01:36.385Z",
"controls": [],
"nodes": 3,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "⌘ K"
},
{
"id": "mantine/NativeSelect",
"at": "2026-10-25T09:01:56.095Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "SELECT",
"text": "ApplePearOrange",
"type": null,
"value": "Apple"
}
],
"nodes": 12,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Fruit\nApple\nPear\nOrange"
},
{
"id": "mantine/Paper",
"at": "2026-10-25T09:02:00.849Z",
"controls": [],
"nodes": 3,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Sample content"
},
{
"id": "mantine/Popover",
"at": "2026-10-25T09:02:05.511Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Open popover",
"type": "button",
"value": ""
}
],
"nodes": 5,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Open popover"
},
{
"id": "mantine/SegmentedControl",
"at": "2026-10-25T09:02:10.500Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "radiogroup",
"tag": "DIV",
"text": "OverviewDetails",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "Overview"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "Details"
}
],
"nodes": 12,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Overview\nDetails"
},
{
"id": "mantine/Slider",
"at": "2026-10-25T09:02:17.294Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "slider",
"tag": "DIV",
"text": "",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "hidden",
"value": "<redacted>"
}
],
"nodes": 9,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": ""
},
{
"id": "mantine/RangeSlider",
"at": "2026-10-25T09:02:22.725Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "slider",
"tag": "DIV",
"text": "",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "slider",
"tag": "DIV",
"text": "",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "hidden",
"value": "<redacted>"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "hidden",
"value": "<redacted>"
}
],
"nodes": 11,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": ""
},
{
"id": "mantine/Switch",
"at": "2026-10-25T09:02:34.410Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "switch",
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
}
],
"nodes": 10,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Notifications"
},
{
"id": "mantine/Table",
"at": "2026-10-25T09:02:39.544Z",
"controls": [],
"nodes": 14,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Name\tRole\nAlex\tDesigner\nSam\tDeveloper"
},
{
"id": "mantine/Text",
"at": "2026-10-25T09:02:44.545Z",
"controls": [],
"nodes": 3,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Sample text"
},
{
"id": "mantine/TextInput",
"at": "2026-10-25T09:02:49.149Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": null,
"value": ""
}
],
"nodes": 6,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Name"
},
{
"id": "mantine/Title",
"at": "2026-10-25T09:02:55.148Z",
"controls": [],
"nodes": 3,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Example heading"
},
{
"id": "mantine/Badge",
"at": "2026-10-25T09:03:02.456Z",
"controls": [],
"nodes": 4,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "BADGE"
},
{
"id": "mantine/Tooltip",
"at": "2026-10-25T09:03:12.657Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Hover or focus",
"type": "button",
"value": ""
}
],
"nodes": 5,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Hover or focus"
},
{
"id": "mantine/Divider",
"at": "2026-10-25T09:03:19.764Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "separator",
"tag": "DIV",
"text": "",
"type": null,
"value": ""
}
],
"nodes": 5,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Before\n\nAfter"
},
{
"id": "mantine/Avatar",
"at": "2026-10-25T09:03:24.268Z",
"controls": [],
"nodes": 4,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "AB"
},
{
"id": "mantine/Alert",
"at": "2026-10-25T09:03:28.718Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "alert",
"tag": "DIV",
"text": "NoticeSample notification",
"type": null,
"value": ""
}
],
"nodes": 8,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Notice\nSample notification"
},
{
"id": "mantine/Fieldset",
"at": "2026-10-25T09:03:33.530Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": null,
"value": ""
}
],
"nodes": 8,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Profile\nName"
},
{
"id": "mantine/Checkbox",
"at": "2026-10-25T09:03:39.146Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
}
],
"nodes": 10,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Accept terms"
},
{
"id": "mantine/Autocomplete",
"at": "2026-10-25T09:03:52.397Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": "false",
"role": "combobox",
"tag": "INPUT",
"text": "",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "presentation",
"tag": "DIV",
"text": "ApplePearOrange",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "listbox",
"tag": "DIV",
"text": "ApplePearOrange",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "option",
"tag": "DIV",
"text": "Apple",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "option",
"tag": "DIV",
"text": "Pear",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "option",
"tag": "DIV",
"text": "Orange",
"type": null,
"value": ""
}
],
"nodes": 6,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Fruit"
},
{
"id": "mantine/TagsInput",
"at": "2026-10-25T09:04:00.441Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": "false",
"role": "combobox",
"tag": "INPUT",
"text": "",
"type": "text",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "hidden",
"value": "<redacted>"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "presentation",
"tag": "DIV",
"text": "Code",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "listbox",
"tag": "DIV",
"text": "Code",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "option",
"tag": "DIV",
"text": "Code",
"type": null,
"value": ""
}
],
"nodes": 14,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Tags\nDesign"
},
{
"id": "mantine/Select",
"at": "2026-10-25T09:04:06.695Z",
"controls": [],
"nodes": 0,
"status": [
{
"hidden": false,
"text": "Could not load @mantine/core@9.7.1: Failed to fetch dynamically imported module: https://esm.sh/@mantine/core@9.7.1?deps=react@19.3.0,react-dom@19.3.0"
}
],
"text": "Could not load @mantine/core@9.7.1: Failed to fetch dynamically imported module: https://esm.sh/@mantine/core@9.7.1?deps=react@19.3.0,react-dom@19.3.0"
},
{
"id": "mantine/MultiSelect",
"at": "2026-10-25T09:04:13.014Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": "false",
"role": "combobox",
"tag": "INPUT",
"text": "",
"type": "text",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "hidden",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "presentation",
"tag": "DIV",
"text": "ApplePearOrange",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "listbox",
"tag": "DIV",
"text": "ApplePearOrange",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "option",
"tag": "DIV",
"text": "Apple",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "option",
"tag": "DIV",
"text": "Pear",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "option",
"tag": "DIV",
"text": "Orange",
"type": null,
"value": ""
}
],
"nodes": 12,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Fruit"
},
{
"id": "mantine/Pagination",
"at": "2026-10-25T09:04:20.911Z",
"controls": [
{
"checked": null,
"disabled": true,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "1",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "2",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "3",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "4",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "5",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "10",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button",
"value": ""
}
],
"nodes": 19,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "1\n2\n3\n4\n5\n10"
},
{
"id": "mantine/Menu",
"at": "2026-10-25T09:04:27.923Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Actions",
"type": "button",
"value": ""
}
],
"nodes": 5,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Actions"
},
{
"id": "mantine/Progress",
"at": "2026-10-25T09:04:46.632Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "progressbar",
"tag": "DIV",
"text": "",
"type": null,
"value": ""
}
],
"nodes": 4,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": ""
},
{
"id": "mantine/Chip",
"at": "2026-10-25T09:04:52.531Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
}
],
"nodes": 6,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Example chip"
},
{
"id": "mantine/PinInput",
"at": "2026-10-25T09:05:13.137Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "group",
"tag": "DIV",
"text": "",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "text",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "text",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "text",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "text",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "hidden",
"value": ""
}
],
"nodes": 12,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": ""
},
{
"id": "mantine/Rating",
"at": "2026-10-25T09:05:23.534Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "0"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "1"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "2"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "3"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "4"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "5"
}
],
"nodes": 38,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": ""
},
{
"id": "mantine/Textarea",
"at": "2026-10-25T09:05:30.921Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "TEXTAREA",
"text": "",
"type": null,
"value": ""
}
],
"nodes": 6,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Message"
},
{
"id": "mantine/Card",
"at": "2026-10-25T09:05:37.108Z",
"controls": [],
"nodes": 4,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Sample card content"
},
{
"id": "mantine/PasswordInput",
"at": "2026-10-25T09:05:42.454Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "password",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button",
"value": ""
}
],
"nodes": 14,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Password"
},
{
"id": "mantine/ColorInput",
"at": "2026-10-25T09:05:48.486Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": null,
"value": "#2563eb"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button",
"value": ""
}
],
"nodes": 23,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Color"
},
{
"id": "mantine/NumberInput",
"at": "2026-10-25T09:05:56.459Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "text",
"value": "2"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button",
"value": ""
}
],
"nodes": 14,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Quantity"
},
{
"id": "mantine/Radio",
"at": "2026-10-25T09:06:08.325Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "radiogroup",
"tag": "DIV",
"text": "BasicPro",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "basic"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "pro"
}
],
"nodes": 21,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Plan\nBasic\nPro"
},
{
"id": "mui/Autocomplete",
"at": "2026-10-25T09:06:15.770Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": "false",
"role": "combobox",
"tag": "INPUT",
"text": "",
"type": "text",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button",
"value": ""
}
],
"nodes": 12,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Fruit\nFruit"
},
{
"id": "mui/ButtonGroup",
"at": "2026-10-25T09:06:27.855Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "group",
"tag": "DIV",
"text": "OneTwo",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "One",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Two",
"type": "button",
"value": ""
}
],
"nodes": 3,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "ONE\nTWO"
},
{
"id": "mui/Checkbox",
"at": "2026-10-25T09:06:35.581Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
}
],
"nodes": 6,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Accept terms"
},
{
"id": "mui/RadioGroup",
"at": "2026-10-25T09:06:41.940Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "radiogroup",
"tag": "DIV",
"text": "BasicPro",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "basic"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "pro"
}
],
"nodes": 19,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Basic\nPro"
},
{
"id": "mui/Rating",
"at": "2026-10-25T09:06:55.373Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "1"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "2"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "3"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "4"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "5"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": ""
}
],
"nodes": 34,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "1 Star\n2 Stars\n3 Stars\n4 Stars\n5 Stars\nEmpty"
},
{
"id": "mui/Select",
"at": "2026-10-25T09:07:04.414Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": "false",
"role": "combobox",
"tag": "DIV",
"text": "Apple",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": null,
"value": "apple"
}
],
"nodes": 8,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Apple\n"
},
{
"id": "mui/Slider",
"at": "2026-10-25T09:07:11.195Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "range",
"value": "40"
}
],
"nodes": 5,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": ""
},
{
"id": "mui/Switch",
"at": "2026-10-25T09:07:18.183Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "switch",
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
}
],
"nodes": 7,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Notifications"
},
{
"id": "mui/TextField",
"at": "2026-10-25T09:07:27.602Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "text",
"value": ""
}
],
"nodes": 7,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Name\nName"
},
{
"id": "mui/Avatar",
"at": "2026-10-25T09:07:42.756Z",
"controls": [],
"nodes": 1,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "AB"
},
{
"id": "mui/Badge",
"at": "2026-10-25T09:07:49.503Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Inbox",
"type": "button",
"value": ""
}
],
"nodes": 3,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "INBOX\n4"
},
{
"id": "mui/Chip",
"at": "2026-10-25T09:07:57.166Z",
"controls": [],
"nodes": 2,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Example chip"
},
{
"id": "mui/Divider",
"at": "2026-10-25T09:08:04.251Z",
"controls": [],
"nodes": 3,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Before\n\nAfter"
},
{
"id": "mui/List",
"at": "2026-10-25T09:08:11.012Z",
"controls": [],
"nodes": 7,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "First item\nSecond item"
},
{
"id": "mui/Table",
"at": "2026-10-25T09:08:29.141Z",
"controls": [],
"nodes": 12,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Name\tRole\nAlex\tDesigner\nSam\tDeveloper"
},
{
"id": "mui/Tooltip",
"at": "2026-10-25T09:08:34.047Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Hover or focus",
"type": "button",
"value": ""
}
],
"nodes": 1,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "HOVER OR FOCUS"
},
{
"id": "mui/Typography",
"at": "2026-10-25T09:08:42.493Z",
"controls": [],
"nodes": 1,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Example heading"
},
{
"id": "mui/Alert",
"at": "2026-10-25T09:08:55.155Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "alert",
"tag": "DIV",
"text": "Sample notification",
"type": null,
"value": ""
}
],
"nodes": 5,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Sample notification"
},
{
"id": "mui/CircularProgress",
"at": "2026-10-25T09:09:00.569Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "progressbar",
"tag": "SPAN",
"text": "",
"type": null,
"value": ""
}
],
"nodes": 3,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": ""
},
{
"id": "mui/LinearProgress",
"at": "2026-10-25T09:09:12.584Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "progressbar",
"tag": "SPAN",
"text": "",
"type": null,
"value": ""
}
],
"nodes": 2,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": ""
},
{
"id": "mui/Skeleton",
"at": "2026-10-25T09:09:22.034Z",
"controls": [],
"nodes": 1,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": ""
},
{
"id": "mui/Accordion",
"at": "2026-10-25T09:09:27.461Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Show details",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": "region",
"tag": "DIV",
"text": "Example details",
"type": null,
"value": ""
}
],
"nodes": 9,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Show details"
},
{
"id": "mui/Card",
"at": "2026-10-25T09:09:35.682Z",
"controls": [],
"nodes": 4,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Example card\n\nSample content"
},
{
"id": "mui/Paper",
"at": "2026-10-25T09:09:46.489Z",
"controls": [],
"nodes": 1,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Sample content"
},
{
"id": "mui/Breadcrumbs",
"at": "2026-10-25T09:09:55.170Z",
"controls": [],
"nodes": 7,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Home\n/\n\nCurrent page"
},
{
"id": "mui/Pagination",
"at": "2026-10-25T09:10:06.027Z",
"controls": [
{
"checked": null,
"disabled": true,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "1",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "2",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "3",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "4",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "5",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "10",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button",
"value": ""
}
],
"nodes": 24,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "1\n2\n3\n4\n5\n…\n10"
},
{
"id": "mui/Box",
"at": "2026-10-25T09:11:31.887Z",
"controls": [],
"nodes": 1,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Sample content"
},
{
"id": "mui/Container",
"at": "2026-10-25T09:11:43.149Z",
"controls": [],
"nodes": 1,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Sample content"
},
{
"id": "mui/Stack",
"at": "2026-10-25T09:11:48.376Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "First",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Second",
"type": "button",
"value": ""
}
],
"nodes": 3,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "FIRST\nSECOND"
},
{
"id": "mui/NativeSelect",
"at": "2026-10-25T09:12:07.169Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "SELECT",
"text": "ApplePear",
"type": null,
"value": "apple"
}
],
"nodes": 6,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Apple\nPear"
},
{
"id": "mui/AvatarGroup",
"at": "2026-10-25T09:12:16.376Z",
"controls": [],
"nodes": 3,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "CD\nAB"
},
{
"id": "heroui/Avatar",
"at": "2026-10-25T09:12:32.939Z",
"controls": [],
"nodes": 2,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "AB"
},
{
"id": "heroui/Card",
"at": "2026-10-25T09:12:39.360Z",
"controls": [],
"nodes": 5,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Example card\n\nSample description\n\nSample content"
},
{
"id": "heroui/Checkbox",
"at": "2026-10-25T09:12:45.692Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "presentation",
"tag": "svg",
"text": "",
"type": null,
"value": ""
}
],
"nodes": 8,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Accept terms"
},
{
"id": "heroui/Chip",
"at": "2026-10-25T09:12:51.688Z",
"controls": [],
"nodes": 2,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Example chip"
},
{
"id": "heroui/Description",
"at": "2026-10-25T09:13:02.724Z",
"controls": [],
"nodes": 1,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Example description"
},
{
"id": "heroui/Input",
"at": "2026-10-25T09:13:07.907Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "INPUT",
"text": "",
"type": null,
"value": ""
}
],
"nodes": 1,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": ""
},
{
"id": "heroui/Kbd",
"at": "2026-10-25T09:13:12.980Z",
"controls": [],
"nodes": 1,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "⌘ K"
},
{
"id": "heroui/Label",
"at": "2026-10-25T09:13:17.635Z",
"controls": [],
"nodes": 1,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Example label"
},
{
"id": "heroui/Link",
"at": "2026-10-25T09:13:23.442Z",
"controls": [],
"nodes": 1,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Example link"
},
{
"id": "heroui/Separator",
"at": "2026-10-25T09:13:33.496Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "separator",
"tag": "HR",
"text": "",
"type": null,
"value": ""
}
],
"nodes": 3,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Before\n\nAfter"
},
{
"id": "heroui/Surface",
"at": "2026-10-25T09:13:39.404Z",
"controls": [],
"nodes": 0,
"status": [
{
"hidden": false,
"text": "Could not load @heroui/react@3.2.6: Failed to fetch dynamically imported module: https://esm.sh/@heroui/react@3.2.6?deps=react@19.3.0,react-dom@19.3.0"
}
],
"text": "Could not load @heroui/react@3.2.6: Failed to fetch dynamically imported module: https://esm.sh/@heroui/react@3.2.6?deps=react@19.3.0,react-dom@19.3.0"
},
{
"id": "heroui/Switch",
"at": "2026-10-25T09:13:43.766Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "switch",
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
}
],
"nodes": 7,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Notifications"
},
{
"id": "heroui/Text Area",
"at": "2026-10-25T09:13:48.775Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "TEXTAREA",
"text": "",
"type": null,
"value": ""
}
],
"nodes": 1,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": ""
},
{
"id": "heroui/Toggle Button",
"at": "2026-10-25T09:13:54.044Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Bold",
"type": "button",
"value": ""
}
],
"nodes": 1,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Bold"
},
{
"id": "chakra-ui/Dialog",
"at": "2026-10-25T09:14:05.173Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": "false",
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Open dialog",
"type": "button",
"value": ""
}
],
"nodes": 1,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Open dialog"
},
{
"id": "chakra-ui/Menu",
"at": "2026-10-25T09:14:11.985Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": "false",
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Actions",
"type": "button",
"value": ""
}
],
"nodes": 1,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Actions"
},
{
"id": "chakra-ui/Select",
"at": "2026-10-25T09:14:17.516Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "SELECT",
"text": "ApplePear",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": "false",
"nativeChecked": false,
"role": "combobox",
"tag": "BUTTON",
"text": "Choose fruit",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "listbox",
"tag": "DIV",
"text": "ApplePear",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "option",
"tag": "DIV",
"text": "Apple",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "option",
"tag": "DIV",
"text": "Pear",
"type": null,
"value": ""
}
],
"nodes": 23,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Fruit\nApple\nPear\nChoose fruit"
},
{
"id": "chakra-ui/Table",
"at": "2026-10-25T09:14:30.854Z",
"controls": [],
"nodes": 12,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Name\tRole\nAlex\tDesigner\nSam\tDeveloper"
},
{
"id": "chakra-ui/Tabs",
"at": "2026-10-25T09:14:37.020Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "tablist",
"tag": "DIV",
"text": "OverviewDetails",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "tab",
"tag": "BUTTON",
"text": "Overview",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "tab",
"tag": "BUTTON",
"text": "Details",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "tabpanel",
"tag": "DIV",
"text": "Overview content",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "tabpanel",
"tag": "DIV",
"text": "Details content",
"type": null,
"value": ""
}
],
"nodes": 6,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Overview\nDetails\nOverview content"
},
{
"id": "chakra-ui/Slider",
"at": "2026-10-25T09:14:42.833Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "slider",
"tag": "DIV",
"text": "",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "INPUT",
"text": "",
"type": "text",
"value": "40"
}
],
"nodes": 8,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Volume\n40"
},
{
"id": "tween-ui/Flip Card",
"at": "2026-10-25T09:15:02.954Z",
"controls": [],
"nodes": 32,
"status": [
{
"hidden": false,
"text": "An upstream image or media asset could not load. This preview cannot fully reproduce it."
}
],
"text": "An upstream image or media asset could not load. This preview cannot fully reproduce it.\n\nWeb Design\n\nInterfaces that convert\n\nWeb Design\n\nResearch-led product and marketing design, from first wireframe to a polished, accessible UI.\n\nUX & UI design\nDesign systems\nPrototyping\nExplore service"
},
{
"id": "tween-ui/Magnetic Button",
"at": "2026-10-25T09:15:06.896Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Get started",
"type": "button",
"value": ""
}
],
"nodes": 2,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Get started"
},
{
"id": "tween-ui/Morphing Text",
"at": "2026-10-25T09:15:11.803Z",
"controls": [],
"nodes": 19,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Motion that feels\nlike \nmagic\nmagic"
},
{
"id": "tween-ui/Number Counter",
"at": "2026-10-25T09:15:17.448Z",
"controls": [],
"nodes": 16,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "+\n\nprojects delivered\n\n%\n\nclient retention\n\nX\n\nfaster launch"
},
{
"id": "tween-ui/Sliding Tabs",
"at": "2026-10-25T09:17:08.968Z",
"controls": [],
"nodes": 0,
"status": [
{
"hidden": false,
"text": "Could not load gsap@3.13.0/CustomEase: Failed to fetch dynamically imported module: https://esm.sh/gsap@3.13.0/CustomEase?deps=react@19.3.0,react-dom@19.3.0"
}
],
"text": "Could not load gsap@3.13.0/CustomEase: Failed to fetch dynamically imported module: https://esm.sh/gsap@3.13.0/CustomEase?deps=react@19.3.0,react-dom@19.3.0"
},
{
"id": "tween-ui/Pricing Plan Switch",
"at": "2026-10-25T09:17:13.633Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "StarterFor early-stage teams",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "ProFor growing teams",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "BusinessFor established businesses",
"type": "button",
"value": ""
}
],
"nodes": 113,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "PRICING\nSimple pricing that scales with you\n\nUpgrade anytime as your needs evolve, and stay focused on building and expanding your product with confidence.\n\nMonthly\nYearly\nStarter\nFor early-stage teams\nPro\nFor growing teams\nBusiness\nFor established businesses\nFree trial\nCancel anytime\nStarter\nPro\nBusiness\nSubscription\n\n$/month\n\nEverything you need to get moving — core automation, a shared workspace, and email support to keep momentum.\n\nBuilt for growing teams with advanced automation, priority workflows, and deeper analytics to keep everything moving.\n\nEnterprise-grade controls with custom workflows, team-wide governance, and dedicated support for large-scale operations.\n\nGet started\nWhat's included:\nUnlimited workflows\nTeam workspace\nEmail support\nAdvanced automation\nPriority queue\nUsage analytics\nRole-based access\nCustom integrations\nDedicated success manager"
},
{
"id": "tween-ui/Integration Hub",
"at": "2026-10-25T09:17:19.861Z",
"controls": [],
"nodes": 0,
"status": [
{
"hidden": false,
"text": "Could not load gsap@3.13.0/MotionPathPlugin: Failed to fetch dynamically imported module: https://esm.sh/gsap@3.13.0/MotionPathPlugin?deps=react@19.3.0,react-dom@19.3.0"
}
],
"text": "Could not load gsap@3.13.0/MotionPathPlugin: Failed to fetch dynamically imported module: https://esm.sh/gsap@3.13.0/MotionPathPlugin?deps=react@19.3.0,react-dom@19.3.0"
},
{
"id": "beui/Button",
"at": "2026-10-25T09:17:26.744Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Continue",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Download",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Outline",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Ghost",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Small",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Medium",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Large",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Ripple",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Tap me",
"type": "button",
"value": ""
}
],
"nodes": 28,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Continue\nDownload\nOutline\nGhost\nSmall\nMedium\nLarge\nRipple\nTap me"
},
{
"id": "beui/Morphing Modal",
"at": "2026-10-25T09:17:42.460Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Open wallet options",
"type": "button",
"value": ""
}
],
"nodes": 4,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Open wallet options\n\nClick a row. The modal morphs height to match new content."
},
{
"id": "beui/Dynamic Island",
"at": "2026-10-25T09:17:47.181Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "status",
"tag": "DIV",
"text": "9:41",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Call",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Timer",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Music",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Dismiss",
"type": "button",
"value": ""
}
],
"nodes": 13,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "9:41\nCall\nTimer\nMusic\nDismiss"
},
{
"id": "beui/Animated Toast Stack",
"at": "2026-10-25T09:17:53.961Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Title only",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Promise",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Success",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Error",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Clear",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "top-left",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "top-center",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "top-right",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "bottom-left",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "bottom-center",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "bottom-right",
"type": "button",
"value": ""
}
],
"nodes": 27,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Open a real toast\n\nToasts render fixed on the screen. Change position to open a toast from that edge.\n\nTitle only\nPromise\nSuccess\nError\nClear\ntop-left\ntop-center\ntop-right\nbottom-left\nbottom-center\nbottom-right"
},
{
"id": "beui/Bottom Sheet",
"at": "2026-10-25T09:17:59.323Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Open bottom sheet",
"type": "button",
"value": ""
}
],
"nodes": 2,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Open bottom sheet"
},
{
"id": "loading-dev/Classic",
"at": "2026-10-25T09:18:10.692Z",
"controls": [],
"nodes": 14,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": ""
},
{
"id": "loading-dev/Comet",
"at": "2026-10-25T09:18:15.564Z",
"controls": [],
"nodes": 4,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": ""
},
{
"id": "loading-dev/Ripple",
"at": "2026-10-25T09:18:20.317Z",
"controls": [],
"nodes": 4,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": ""
},
{
"id": "loading-dev/Wave",
"at": "2026-10-25T09:18:28.524Z",
"controls": [],
"nodes": 6,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": ""
},
{
"id": "hextaui/Button",
"at": "2026-10-25T09:18:37.565Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Save changesDoneFailed",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "status",
"tag": "SPAN",
"text": "",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Request that failsDoneFailed",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "status",
"tag": "SPAN",
"text": "",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Fast requestDoneFailed",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "status",
"tag": "SPAN",
"text": "",
"type": null,
"value": ""
}
],
"nodes": 71,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Save changes\nDone\nFailed\nRequest that fails\nDone\nFailed\nFast request\nDone\nFailed"
},
{
"id": "hextaui/Dialog",
"at": "2026-10-25T09:18:46.875Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": "false",
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Edit profile",
"type": "button",
"value": ""
}
],
"nodes": 2,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Edit profile"
},
{
"id": "hextaui/Command",
"at": "2026-10-25T09:18:54.431Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": "true",
"nativeChecked": false,
"role": "combobox",
"tag": "INPUT",
"text": "",
"type": "text",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "listbox",
"tag": "DIV",
"text": "SuggestionsCalendarSearch EmojiCalculatorSettingsProfileCtrl+PBillingCtrl+BSettingsCtrl+,",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "presentation",
"tag": "DIV",
"text": "SuggestionsCalendarSearch EmojiCalculator",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "group",
"tag": "DIV",
"text": "CalendarSearch EmojiCalculator",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "option",
"tag": "DIV",
"text": "Calendar",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "option",
"tag": "DIV",
"text": "Search Emoji",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "option",
"tag": "DIV",
"text": "Calculator",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "separator",
"tag": "DIV",
"text": "",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "presentation",
"tag": "DIV",
"text": "SettingsProfileCtrl+PBillingCtrl+BSettingsCtrl+,",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "group",
"tag": "DIV",
"text": "ProfileCtrl+PBillingCtrl+BSettingsCtrl+,",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "option",
"tag": "DIV",
"text": "ProfileCtrl+P",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "option",
"tag": "DIV",
"text": "BillingCtrl+B",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "option",
"tag": "DIV",
"text": "SettingsCtrl+,",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "status",
"tag": "SPAN",
"text": "",
"type": null,
"value": ""
}
],
"nodes": 64,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Command menu\nSuggestions\nCalendar\nSearch Emoji\nCalculator\nSettings\nProfile\nCtrl+P\nBilling\nCtrl+B\nSettings\nCtrl+,"
},
{
"id": "hextaui/Data Table",
"at": "2026-10-25T09:19:03.056Z",
"controls": [],
"nodes": 0,
"status": [
{
"hidden": false,
"text": "Could not load @tanstack/react-table@9.3.1: Failed to fetch dynamically imported module: https://esm.sh/@tanstack/react-table@9.3.1?deps=react@19.3.0,react-dom@19.3.0"
}
],
"text": "Could not load @tanstack/react-table@9.3.1: Failed to fetch dynamically imported module: https://esm.sh/@tanstack/react-table@9.3.1?deps=react@19.3.0,react-dom@19.3.0"
},
{
"id": "hextaui/Date Picker",
"at": "2026-10-25T09:19:18.710Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": "false",
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Pick a date",
"type": "button",
"value": ""
}
],
"nodes": 10,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Pick a date"
},
{
"id": "hextaui/Sidebar",
"at": "2026-10-25T09:19:33.298Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": "false",
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "AAcme IncEnterprise",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": "true",
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Dashboards",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": "false",
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "More",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": "false",
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "More",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": "false",
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "More",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": "false",
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "OMOlivia Martinolivia@acme.com",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": "true",
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Toggle Sidebar",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "presentation",
"tag": "LI",
"text": "",
"type": null,
"value": ""
}
],
"nodes": 138,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "A\nAcme Inc\nEnterprise\nPlatform\nHome\nInbox\n24\nDashboards\nOverview\nRevenue\nSettings\nProjects\nDesign engineering\nMore\nSales & marketing\nMore\nTravel\nMore\nOM\nOlivia Martin\nolivia@acme.com\nToggle Sidebar\nPlatform\nHome"
},
{
"id": "hextaui/Toast",
"at": "2026-10-25T09:19:40.986Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Show toast",
"type": "button",
"value": ""
}
],
"nodes": 2,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Show toast"
},
{
"id": "mantine/Select",
"at": "2026-10-25T09:20:16.409Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": "false",
"nativeChecked": false,
"role": "combobox",
"tag": "INPUT",
"text": "",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "INPUT",
"text": "",
"type": "hidden",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "presentation",
"tag": "DIV",
"text": "ApplePearOrange",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "listbox",
"tag": "DIV",
"text": "ApplePearOrange",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "option",
"tag": "DIV",
"text": "Apple",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "option",
"tag": "DIV",
"text": "Pear",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "option",
"tag": "DIV",
"text": "Orange",
"type": null,
"value": ""
}
],
"nodes": 10,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Fruit"
},
{
"id": "heroui/Surface",
"at": "2026-10-25T09:20:38.789Z",
"controls": [],
"nodes": 1,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Sample content"
},
{
"id": "tween-ui/Flip Card",
"at": "2026-10-25T09:23:00.987Z",
"controls": [],
"nodes": 32,
"status": [
{
"hidden": false,
"text": "An upstream image or media asset could not load. This preview cannot fully reproduce it."
}
],
"text": "An upstream image or media asset could not load. This preview cannot fully reproduce it.\n\nWeb Design\n\nInterfaces that convert\n\nWeb Design\n\nResearch-led product and marketing design, from first wireframe to a polished, accessible UI.\n\nUX & UI design\nDesign systems\nPrototyping\nExplore service"
},
{
"id": "base-ui/Collapsible",
"at": "2026-10-25T09:26:04.360Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": "false",
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Show details",
"type": "button",
"value": ""
}
],
"nodes": 2,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Show details"
},
{
"id": "base-ui/Checkbox",
"at": "2026-10-25T09:26:10.468Z",
"controls": [
{
"checked": "false",
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "checkbox",
"tag": "SPAN",
"text": "",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
}
],
"nodes": 3,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Accept terms"
},
{
"id": "base-ui/Switch",
"at": "2026-10-25T09:26:16.064Z",
"controls": [
{
"checked": "false",
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "switch",
"tag": "SPAN",
"text": "",
"type": null,
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
}
],
"nodes": 4,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Notifications"
},
{
"id": "hextaui/Toast",
"at": "2026-10-25T09:36:27.334Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Show toast",
"type": "button",
"value": ""
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "region",
"tag": "DIV",
"text": "",
"type": null,
"value": ""
}
],
"nodes": 2,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Show toast"
},
{
"id": "tween-ui/Flip Card",
"at": "2026-10-25T09:36:56.364Z",
"controls": [],
"nodes": 32,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Web Design\n\nInterfaces that convert\n\nWeb Design\n\nResearch-led product and marketing design, from first wireframe to a polished, accessible UI.\n\nUX & UI design\nDesign systems\nPrototyping\nExplore service"
},
{
"id": "mantine/Chip",
"at": "2026-10-25T09:41:57.343Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
}
],
"nodes": 6,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Example chip"
},
{
"id": "mantine/Rating",
"at": "2026-10-25T09:42:07.456Z",
"controls": [
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "0"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "1"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "2"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": true,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "3"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "4"
},
{
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "5"
}
],
"nodes": 38,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": ""
}
]
},
"firstRepairs": {
"sourceAdapters": [
{
"id": "web-awesome/Select",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": "option",
"tag": "WA-OPTION",
"text": "Apple",
"type": null
},
{
"label": null,
"role": "option",
"tag": "WA-OPTION",
"text": "Pear",
"type": null
}
],
"elements": 3,
"images": [],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false
},
{
"id": "web-awesome/Dialog",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 3,
"images": [],
"text": "Open dialog"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "web-awesome/Drawer",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 3,
"images": [],
"text": "Open drawer"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "web-awesome/Tab Group",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": "tab",
"tag": "WA-TAB",
"text": "Overview",
"type": null
},
{
"label": null,
"role": "tab",
"tag": "WA-TAB",
"text": "Details",
"type": null
},
{
"label": null,
"role": "tabpanel",
"tag": "WA-TAB-PANEL",
"text": "Overview content",
"type": null
},
{
"label": null,
"role": "tabpanel",
"tag": "WA-TAB-PANEL",
"text": "Details content",
"type": null
}
],
"elements": 5,
"images": [],
"text": "Overview\nDetails\nOverview content"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "web-awesome/Input",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 1,
"images": [],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Video Text",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 7,
"images": [],
"text": "OCEAN"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "reui/Kanban",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": "button",
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": null,
"role": "button",
"tag": "DIV",
"text": "Add authentication\nHigh\nAlex Johnson\nJan 10, 2025",
"type": null
},
{
"label": null,
"role": "button",
"tag": "DIV",
"text": "Create API endpoints\nMedium\nSarah Chen\nJan 15, 2025",
"type": null
},
{
"label": null,
"role": "button",
"tag": "DIV",
"text": "Write documentation\nLow\nMichael Rodriguez\nJan 20, 2025",
"type": null
},
{
"label": null,
"role": "button",
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": null,
"role": "button",
"tag": "DIV",
"text": "Design system updates\nHigh\nEmma Wilson\nAug 25, 2025",
"type": null
},
{
"label": null,
"role": "button",
"tag": "DIV",
"text": "Implement dark mode\nMedium\nDavid Kim\nAug 25, 2025",
"type": null
},
{
"label": null,
"role": "button",
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": null,
"role": "button",
"tag": "DIV",
"text": "Setup project\nHigh\nAron Thompson\nSep 25, 2025",
"type": null
},
{
"label": null,
"role": "button",
"tag": "DIV",
"text": "Initial commit\nLow\nJames Brown\nSep 20, 2025",
"type": null
},
{
"label": null,
"role": "status",
"tag": "DIV",
"text": "",
"type": null
}
],
"elements": 129,
"images": [
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 192
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4gO8SUNDX1BST0ZJTEUAAQEAAAOsS0NNUwIQAABtbnRyUkdCIFhZWiAHzgAMAAEAEgA6ABVhY3NwTVNGVAAAAABLT0RBUk9NTQAAAAAAAAAAA",
"width": 192
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 192
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4gJASUNDX1BST0ZJTEUAAQEAAAIwQURCRQIQAABtbnRyUkdCIFhZWiAHzwAGAAMAAAAAAABhY3NwQVBQTAAAAABub25lAAAAAAAAAAAAAAAAA",
"width": 192
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 192
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 192
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 192
}
],
"text": "Backlog\n3\nAdd authentication\nHigh\nAlex Johnson\nJan 10, 2025\nCreate API endpoints\nMedium\nSarah Chen\nJan 15, 2025\nWrite documentation\nLow\nMichael Rodriguez\nJan 20, 2025\nIn Progress\n2\nDesign system updates\nHigh\nEmma Wilson\nAug 25, 2025\nImplement dark mode\nMedium\nDavid Kim\nAug 25, 2025\nDone\n2\nSetup project\nHigh\nAron Thompson\nSep 25, 2025\nInitial commit\nLow\nJames Brown\nSep 20, 2025"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Avatar Circles",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 15,
"images": [
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcwAAAHMCAIAAADXuQ/RAACAAElEQVR4nOy92dMtx3EnVkt3n+X77gaQIECIFBeRkDSWPNLIMaEJhSzJclCyrbA14RfbL57wePxgh+TwOGLGnpg/Qw",
"width": 460
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/2wCEAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDIBCQkJDAsMGA0NGDIhHCEyMjIyMjIyMjIyMjIyMjIyM",
"width": 460
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMwAAADMCAIAAACwQNulAAAepElEQVR4nOyde1gTV/rHU4si6iCiHanEW9RUY+W3TyzPUnlYKbusi67r7lp9XC+9SHWFFevWemnrpdSitbX1gtQqWN",
"width": 204
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/2wCEAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDIBCQkJDAsMGA0NGDIhHCEyMjIyMjIyMjIyMjIyMjIyM",
"width": 460
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/2wCEAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDIBCQkJDAsMGA0NGDIhHCEyMjIyMjIyMjIyMjIyMjIyM",
"width": 460
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/2wCEAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDIBCQkJDAsMGA0NGDIhHCEyMjIyMjIyMjIyMjIyMjIyM",
"width": 460
}
],
"text": "+99"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Backlight",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 9,
"images": [
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 1171
}
],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Blur Fade",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 21,
"images": [
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4QDeRXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAA",
"width": 800
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4QDeRXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAA",
"width": 600
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4QDeRXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAA",
"width": 800
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4QDgRXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAA",
"width": 600
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4QDeRXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAA",
"width": 800
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4QDeRXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAA",
"width": 600
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4QDeRXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAA",
"width": 800
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4QDeRXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAA",
"width": 600
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4QDeRXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAA",
"width": 800
}
],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Lens",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": "Zoom Area",
"role": "region",
"tag": "DIV",
"text": "",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Let's go",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Another time",
"type": null
}
],
"elements": 11,
"images": [
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 2071
}
],
"text": "Your next camp\nSee our latest and best camp destinations all across the five continents of the globe.\nLet's go\nAnother time"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Marquee",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 182,
"images": [
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAARwklEQVR4nO2VVZckR5YG25+WmZmZmZmZ+c8sMzMz4whHzIwjmGVmZnoarZlnZOrz8Lja3tmS1NUdD3auWXh0RFbeU9",
"width": 120
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAATCUlEQVR4nO2Y1ZNcx5NG7X1ZZmYw27JsGWRbtuRlZmZmZoZ/ZJmZmZmZmZl5902/71TnndvzZXalLA20pHk4UXVOX1",
"width": 120
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAALn0lEQVR4nO2U1ZYbWRJFHU/DzMzMzMzMM78zzMzM0OZmNrPbMD3MzMwzT+Pe5yot5y2XVMqMUGWUSw97na0rZeZZEU",
"width": 120
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAARwklEQVR4nO2VVZckR5YG25+WmZmZmZmZ+c8sMzMz4whHzIwjmGVmZnoarZlnZOrz8Lja3tmS1NUdD3auWXh0RFbeU9",
"width": 120
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAATCUlEQVR4nO2Y1ZNcx5NG7X1ZZmYw27JsGWRbtuRlZmZmZoZ/ZJmZmZmZmZl5902/71TnndvzZXalLA20pHk4UXVOX1",
"width": 120
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAALn0lEQVR4nO2U1ZYbWRJFHU/DzMzMzMzMM78zzMzM0OZmNrPbMD3MzMwzT+Pe5yot5y2XVMqMUGWUSw97na0rZeZZEU",
"width": 120
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAARwklEQVR4nO2VVZckR5YG25+WmZmZmZmZ+c8sMzMz4whHzIwjmGVmZnoarZlnZOrz8Lja3tmS1NUdD3auWXh0RFbeU9",
"width": 120
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAATCUlEQVR4nO2Y1ZNcx5NG7X1ZZmYw27JsGWRbtuRlZmZmZoZ/ZJmZmZmZmZl5902/71TnndvzZXalLA20pHk4UXVOX1",
"width": 120
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAALn0lEQVR4nO2U1ZYbWRJFHU/DzMzMzMzMM78zzMzM0OZmNrPbMD3MzMwzT+Pe5yot5y2XVMqMUGWUSw97na0rZeZZEU",
"width": 120
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAARwklEQVR4nO2VVZckR5YG25+WmZmZmZmZ+c8sMzMz4whHzIwjmGVmZnoarZlnZOrz8Lja3tmS1NUdD3auWXh0RFbeU9",
"width": 120
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAATCUlEQVR4nO2Y1ZNcx5NG7X1ZZmYw27JsGWRbtuRlZmZmZoZ/ZJmZmZmZmZl5902/71TnndvzZXalLA20pHk4UXVOX1",
"width": 120
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAALn0lEQVR4nO2U1ZYbWRJFHU/DzMzMzMzMM78zzMzM0OZmNrPbMD3MzMwzT+Pe5yot5y2XVMqMUGWUSw97na0rZeZZEU",
"width": 120
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAVEElEQVR4nO2aVbMlO3JGu57sMTMzMzOOaUxjZma2/4OZmZmZmZnZYfs2M44Zh56m5/sypewspbKqciJuxO0+J2Iv6d",
"width": 120
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAKcUlEQVR4nO2ZU7QsSxKGT7wM79vYtm3btm3b12Pbtm3ba2zbxtM9N6Jqd3fGX5lRWVHZXd218+FbufdDfn9Of6v3mr",
"width": 120
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAKqklEQVR4nO2aRXAsOxJFnRs37oaZmZmZmZmZmfnzMDMzMzMzxzAzM35Y/fczq2xnq28pS1Kpu9plLU5ovNC5mj7Rjn",
"width": 120
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAVEElEQVR4nO2aVbMlO3JGu57sMTMzMzOOaUxjZma2/4OZmZmZmZnZYfs2M44Zh56m5/sypewspbKqciJuxO0+J2Iv6d",
"width": 120
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAKcUlEQVR4nO2ZU7QsSxKGT7wM79vYtm3btm3b12Pbtm3ba2zbxtM9N6Jqd3fGX5lRWVHZXd218+FbufdDfn9Of6v3mr",
"width": 120
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAKqklEQVR4nO2aRXAsOxJFnRs37oaZmZmZmZmZmfnzMDMzMzMzxzAzM35Y/fczq2xnq28pS1Kpu9plLU5ovNC5mj7Rjn",
"width": 120
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAVEElEQVR4nO2aVbMlO3JGu57sMTMzMzOOaUxjZma2/4OZmZmZmZnZYfs2M44Zh56m5/sypewspbKqciJuxO0+J2Iv6d",
"width": 120
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAKcUlEQVR4nO2ZU7QsSxKGT7wM79vYtm3btm3b12Pbtm3ba2zbxtM9N6Jqd3fGX5lRWVHZXd218+FbufdDfn9Of6v3mr",
"width": 120
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAKqklEQVR4nO2aRXAsOxJFnRs37oaZmZmZmZmZmfnzMDMzMzMzxzAzM35Y/fczq2xnq28pS1Kpu9plLU5ovNC5mj7Rjn",
"width": 120
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAVEElEQVR4nO2aVbMlO3JGu57sMTMzMzOOaUxjZma2/4OZmZmZmZnZYfs2M44Zh56m5/sypewspbKqciJuxO0+J2Iv6d",
"width": 120
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAKcUlEQVR4nO2ZU7QsSxKGT7wM79vYtm3btm3b12Pbtm3ba2zbxtM9N6Jqd3fGX5lRWVHZXd218+FbufdDfn9Of6v3mr",
"width": 120
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAKqklEQVR4nO2aRXAsOxJFnRs37oaZmZmZmZmZmfnzMDMzMzMzxzAzM35Y/fczq2xnq28pS1Kpu9plLU5ovNC5mj7Rjn",
"width": 120
}
],
"text": "Jack\n\n@jack\n\nI've never seen anything like this before. It's amazing. I love it.\nJill\n\n@jill\n\nI don't know what to say. I'm speechless. This is amazing.\nJohn\n\n@john\n\nI'm at a loss for words. This is amazing. I love it.\nJack\n\n@jack\n\nI've never seen anything like this before. It's amazing. I love it.\nJill\n\n@jill\n\nI don't know what to say. I'm speechless. This is amazing.\nJohn\n\n@john\n\nI'm at a loss for words. This is amazing. I love it.\nJack\n\n@jack\n\nI've never seen anything like this before. It's amazing. I love it.\nJill\n\n@jill\n\nI don't know what to say. I'm speechless. This is amazing.\nJohn\n\n@john\n\nI'm at a loss for words. This is amazing. I love it.\nJack\n\n@jack\n\nI've never seen anything like this before. It's amazing. I love it.\nJill\n\n@jill\n\nI don't know what to say. I'm speechless. This is amazing.\nJohn\n\n@john\n\nI'm at a loss for words. This is amazing. I love it.\nJane\n\n@jane\n\nI'm at a lo"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "magic-ui/Pixel Image",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 50,
"images": [
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 1920
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 1920
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 1920
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 1920
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 1920
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 1920
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 1920
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 1920
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 1920
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 1920
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 1920
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 1920
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 1920
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 1920
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 1920
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 1920
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 1920
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 1920
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 1920
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 1920
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 1920
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 1920
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 1920
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 1920
}
],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "kibo-ui/Stories",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": "region",
"tag": "DIV",
"text": "Alex Johnson\nSC\nSarah Chen\nMike Rodriguez\nEmma Wilson\nDavid Kim",
"type": null
},
{
"label": null,
"role": "group",
"tag": "DIV",
"text": "Alex Johnson",
"type": null
},
{
"label": null,
"role": "button",
"tag": "DIV",
"text": "Alex Johnson",
"type": null
},
{
"label": null,
"role": "group",
"tag": "DIV",
"text": "SC\nSarah Chen",
"type": null
},
{
"label": null,
"role": "button",
"tag": "DIV",
"text": "SC\nSarah Chen",
"type": null
},
{
"label": null,
"role": "group",
"tag": "DIV",
"text": "Mike Rodriguez",
"type": null
},
{
"label": null,
"role": "button",
"tag": "DIV",
"text": "Mike Rodriguez",
"type": null
},
{
"label": null,
"role": "group",
"tag": "DIV",
"text": "Emma Wilson",
"type": null
},
{
"label": null,
"role": "button",
"tag": "DIV",
"text": "Emma Wilson",
"type": null
},
{
"label": null,
"role": "group",
"tag": "DIV",
"text": "David Kim",
"type": null
},
{
"label": null,
"role": "button",
"tag": "DIV",
"text": "David Kim",
"type": null
}
],
"elements": 49,
"images": [
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 40
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 40
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 40
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAA",
"width": 40
}
],
"text": "Alex Johnson\nSC\nSarah Chen\nMike Rodriguez\nEmma Wilson\nDavid Kim"
}
],
"status": "An upstream image or media asset could not load. This preview cannot fully reproduce it.",
"statusVisible": true,
"theme": "light"
},
{
"id": "cult-ui/Collab Toolbar",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": "phone",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": "desktop",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": "chat",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": "Jane Doe",
"role": "img",
"tag": "DIV",
"text": "",
"type": null
},
{
"label": "Alex Kim",
"role": "img",
"tag": "DIV",
"text": "",
"type": null
},
{
"label": "Sam Taylor",
"role": "img",
"tag": "DIV",
"text": "",
"type": null
},
{
"label": "upload",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": "menu",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button"
}
],
"elements": 32,
"images": [],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "cult-ui/Illustration Comment Bubble",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 19,
"images": [
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2ODApLCBxdWFsaXR5ID0gODAK/9sAQwAGBAUGBQQGBgUGBwcGCAoQC",
"width": 48
}
],
"text": "Jane\nCan we ship this behind beta first and roll out to everyone next week?"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "cult-ui/Mac Screen",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 6,
"images": [
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABVUAAAMACAYAAAAkCYfBAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAUGVYSWZNTQ",
"width": 1365
},
{
"complete": true,
"src": "data:image/gif;base64,R0lGODlh8ACYAPe/AAAAAABKcgBKewMDCwNShAUYOgYSIgYpBwdCcwdCewe1/whCawhKbwit/wo4aQql9gwjNwwtTg1Kew5Fcg9EchBCcxCt/xGt7BG3qxJCahS2/BY8WBZQZxZTDR",
"width": 240
}
],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "cult-ui/Minimal Card",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 44,
"images": [
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABPwAAAQ7CAYAAAAb0LD6AAABX2lDQ1BJQ0MgUHJvZmlsZQAAKJF1kM1LAlEUxc+UIpR9gbSKcBFBYCGTi7ZmYIULmwqrTYyjjYGOj5mRaNeqZSupdu",
"width": 1276
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABPwAAAQ7CAYAAAAb0LD6AAABX2lDQ1BJQ0MgUHJvZmlsZQAAKJF1kM1LAlEUxc+UIpR9gbSKcBFBYCGTi7ZmYIULmwqrTYyjjYGOj5mRaNeqZSupdu",
"width": 1276
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABPwAAAQ7CAYAAAAb0LD6AAABX2lDQ1BJQ0MgUHJvZmlsZQAAKJF1kM1LAlEUxc+UIpR9gbSKcBFBYCGTi7ZmYIULmwqrTYyjjYGOj5mRaNeqZSupdu",
"width": 1276
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABPwAAAQ7CAYAAAAb0LD6AAABX2lDQ1BJQ0MgUHJvZmlsZQAAKJF1kM1LAlEUxc+UIpR9gbSKcBFBYCGTi7ZmYIULmwqrTYyjjYGOj5mRaNeqZSupdu",
"width": 1276
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABPwAAAQ7CAYAAAAb0LD6AAABX2lDQ1BJQ0MgUHJvZmlsZQAAKJF1kM1LAlEUxc+UIpR9gbSKcBFBYCGTi7ZmYIULmwqrTYyjjYGOj5mRaNeqZSupdu",
"width": 1276
}
],
"text": "Sick title\n\nHow to design with gestures and motion that feel intuitive and natural.\n\nSick title\n\nHow to design with gestures and motion that feel intuitive and natural.\n\nSick title\n\nHow to design with gestures and motion that feel intuitive and natural.\n\nSick title\n\nHow to design with gestures and motion that feel intuitive and natural.\n\nSick title\n\nHow to design with gestures and motion that feel intuitive and natural."
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "cult-ui/Terminal Animation",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "REFRESH",
"type": "button"
},
{
"label": "Terminal commands",
"role": "tablist",
"tag": "DIV",
"text": "install\nbuild\ndeploy\ntest",
"type": null
},
{
"label": null,
"role": "tab",
"tag": "BUTTON",
"text": "install",
"type": "button"
},
{
"label": null,
"role": "tab",
"tag": "BUTTON",
"text": "build",
"type": "button"
},
{
"label": null,
"role": "tab",
"tag": "BUTTON",
"text": "deploy",
"type": "button"
},
{
"label": null,
"role": "tab",
"tag": "BUTTON",
"text": "test",
"type": "button"
}
],
"elements": 18,
"images": [],
"text": "REFRESH\nDOWNLOAD BG\n$\ninstall\nbuild\ndeploy\ntest"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "elevenlabs-ui/Live Waveform",
"dom": [
{
"canvases": 1,
"controls": [
{
"label": "Audio waveform idle",
"role": "img",
"tag": "DIV",
"text": "",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Start Listening",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Start Processing",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Mode: Static",
"type": null
}
],
"elements": 13,
"images": [],
"text": "Live Audio Waveform\n\nReal-time microphone input visualization with audio reactivity\n\nStart Listening\nStart Processing\nMode: Static"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light"
},
{
"id": "cult-ui/Mac Screen",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 6,
"images": [
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABVUAAAMACAYAAAAkCYfBAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAUGVYSWZNTQ",
"width": 1365
},
{
"complete": true,
"src": "data:image/gif;base64,R0lGODlh8ACYAPe/AAAAAABKcgBKewMDCwNShAUYOgYSIgYpBwdCcwdCewe1/whCawhKbwit/wo4aQql9gwjNwwtTg1Kew5Fcg9EchBCcxCt/xGt7BG3qxJCahS2/BY8WBZQZxZTDR",
"width": 240
}
],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "dark"
}
],
"packageAdapters": [
{
"id": "hextaui/Toast",
"at": "2026-10-25T09:36:27.334Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"nodes": 2,
"text": "Show toast",
"afterKeyboardActivation": "Show toast\nEvent created\n\nSunday, December 3 at 9:00 AM\n\nUndo",
"afterUndo": "Show toast\nEvent removed",
"evidence": "Recovered from this agent's actual MCPJam tool outputs after detecting a stale REPL closure left the postfix mount array empty. Keyboard interaction ledger and screenshot persisted independently.",
"screenshot": "package-hexta-toast-after.png"
},
{
"id": "tween-ui/Flip Card",
"at": "2026-10-25T09:36:56.364Z",
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"nodes": 32,
"text": "Web Design\n\nInterfaces that convert\n\nWeb Design\n\nResearch-led product and marketing design, from first wireframe to a polished, accessible UI.\n\nUX & UI design\nDesign systems\nPrototyping\nExplore service",
"image": {
"sourceType": "data:image/jpeg;base64",
"naturalWidth": 640
},
"evidence": "Recovered from this agent's actual MCPJam DOM output after detecting a stale REPL closure left the postfix mount array empty."
}
]
},
"finalRepairs": {
"sourceAdapters": [
{
"id": "intent-ui/Combo Box",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": "Users",
"role": "combobox",
"tag": "INPUT",
"text": "",
"type": "text"
},
{
"label": "Show suggestions",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "hidden"
}
],
"elements": 10,
"images": [],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light",
"at": "2026-10-25T10:17:32.444Z",
"phase": "complete-dependencies-and-assets"
},
{
"id": "intent-ui/Dialog",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Rename",
"type": "button"
}
],
"elements": 2,
"images": [],
"text": "Rename"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light",
"at": "2026-10-25T10:17:52.362Z",
"phase": "complete-dependencies-and-assets"
},
{
"id": "intent-ui/Table",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": "Products",
"role": "grid",
"tag": "TABLE",
"text": "#\tName\tCategory\tPrice\tStock\t\n\n1\n\t\niPhone 13\n\t\nElectronics\n\t\n$799.00\n\t\n150\n\t\n\n\n2\n\t\nGalaxy S",
"type": null
},
{
"label": null,
"role": "rowgroup",
"tag": "THEAD",
"text": "#\tName\tCategory\tPrice\tStock\t\n",
"type": null
},
{
"label": null,
"role": "row",
"tag": "TR",
"text": "#\tName\tCategory\tPrice\tStock\t",
"type": null
},
{
"label": null,
"role": "columnheader",
"tag": "TH",
"text": "#",
"type": null
},
{
"label": null,
"role": "presentation",
"tag": "DIV",
"text": "#",
"type": null
},
{
"label": null,
"role": "columnheader",
"tag": "TH",
"text": "Name",
"type": null
},
{
"label": null,
"role": "presentation",
"tag": "DIV",
"text": "Name",
"type": null
},
{
"label": null,
"role": "columnheader",
"tag": "TH",
"text": "Category",
"type": null
},
{
"label": null,
"role": "presentation",
"tag": "DIV",
"text": "Category",
"type": null
},
{
"label": null,
"role": "columnheader",
"tag": "TH",
"text": "Price",
"type": null
},
{
"label": null,
"role": "presentation",
"tag": "DIV",
"text": "Price",
"type": null
},
{
"label": null,
"role": "columnheader",
"tag": "TH",
"text": "Stock",
"type": null
},
{
"label": null,
"role": "presentation",
"tag": "DIV",
"text": "Stock",
"type": null
},
{
"label": null,
"role": "columnheader",
"tag": "TH",
"text": "",
"type": null
},
{
"label": null,
"role": "presentation",
"tag": "DIV",
"text": "",
"type": null
},
{
"label": null,
"role": "rowgroup",
"tag": "TBODY",
"text": "1\n\t\niPhone 13\n\t\nElectronics\n\t\n$799.00\n\t\n150\n\t\n\n\n2\n\t\nGalaxy S21\n\t\nElectronics\n\t\n$699.00\n\t\n2",
"type": null
},
{
"label": null,
"role": "row",
"tag": "TR",
"text": "1\n\t\niPhone 13\n\t\nElectronics\n\t\n$799.00\n\t\n150\n\t",
"type": null
},
{
"label": null,
"role": "gridcell",
"tag": "TD",
"text": "1",
"type": null
},
{
"label": null,
"role": "rowheader",
"tag": "TD",
"text": "iPhone 13",
"type": null
},
{
"label": null,
"role": "gridcell",
"tag": "TD",
"text": "Electronics",
"type": null
},
{
"label": null,
"role": "gridcell",
"tag": "TD",
"text": "$799.00",
"type": null
},
{
"label": null,
"role": "gridcell",
"tag": "TD",
"text": "150",
"type": null
},
{
"label": null,
"role": "gridcell",
"tag": "TD",
"text": "",
"type": null
},
{
"label": "Options",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": null,
"role": "row",
"tag": "TR",
"text": "2\n\t\nGalaxy S21\n\t\nElectronics\n\t\n$699.00\n\t\n200\n\t",
"type": null
}
],
"elements": 136,
"images": [],
"text": "#\tName\tCategory\tPrice\tStock\t\n\n1\n\t\niPhone 13\n\t\nElectronics\n\t\n$799.00\n\t\n150\n\t\n\n\n2\n\t\nGalaxy S21\n\t\nElectronics\n\t\n$699.00\n\t\n200\n\t\n\n\n3\n\t\nMacBook Pro\n\t\nComputers\n\t\n$1,299.00\n\t\n80\n\t\n\n\n4\n\t\nDell XPS 13\n\t\nComputers\n\t\n$999.00\n\t\n50\n\t\n\n\n5\n\t\nSony WH-1000XM4\n\t\nHeadphones\n\t\n$349.00\n\t\n120\n\t\n\n\n6\n\t\nAirPods Pro\n\t\nHeadphones\n\t\n$249.00\n\t\n180\n\t\n\n\n7\n\t\nFitbit Charge 5\n\t\nWearables\n\t\n$179.00\n\t\n75\n\t"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light",
"at": "2026-10-25T10:18:03.864Z",
"phase": "complete-dependencies-and-assets"
},
{
"id": "intent-ui/Date Picker",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": "group",
"tag": "DIV",
"text": "mm/dd/yyyy",
"type": null
},
{
"label": null,
"role": "presentation",
"tag": "DIV",
"text": "mm/dd/yyyy",
"type": null
},
{
"label": "month, ",
"role": "spinbutton",
"tag": "SPAN",
"text": "mm",
"type": null
},
{
"label": "day, ",
"role": "spinbutton",
"tag": "SPAN",
"text": "dd",
"type": null
},
{
"label": "year, ",
"role": "spinbutton",
"tag": "SPAN",
"text": "yyyy",
"type": null
},
{
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "text"
},
{
"label": "Calendar",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "date"
}
],
"elements": 17,
"images": [],
"text": "Event date\nmm/dd/yyyy"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light",
"at": "2026-10-25T10:18:15.922Z",
"phase": "complete-dependencies-and-assets"
},
{
"id": "reui/Gantt",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @date-fns/tz@1.5.0: Failed to fetch dynamically imported module: https://esm.sh/@date-fns/tz@1.5.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true,
"theme": "light",
"at": "2026-10-25T10:18:27.277Z",
"phase": "complete-dependencies-and-assets"
},
{
"id": "reui/Tree",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": "",
"role": "tree",
"tag": "DIV",
"text": "Leads\nNew Lead\nContacted Lead\nQualified Lead\nAccounts\nAcme Corp\nGlobex Inc\nActivities\nCall",
"type": null
},
{
"label": "Leads",
"role": "treeitem",
"tag": "BUTTON",
"text": "Leads",
"type": "button"
},
{
"label": "New Lead",
"role": "treeitem",
"tag": "BUTTON",
"text": "New Lead",
"type": "button"
},
{
"label": "Contacted Lead",
"role": "treeitem",
"tag": "BUTTON",
"text": "Contacted Lead",
"type": "button"
},
{
"label": "Qualified Lead",
"role": "treeitem",
"tag": "BUTTON",
"text": "Qualified Lead",
"type": "button"
},
{
"label": "Accounts",
"role": "treeitem",
"tag": "BUTTON",
"text": "Accounts",
"type": "button"
},
{
"label": "Acme Corp",
"role": "treeitem",
"tag": "BUTTON",
"text": "Acme Corp",
"type": "button"
},
{
"label": "Globex Inc",
"role": "treeitem",
"tag": "BUTTON",
"text": "Globex Inc",
"type": "button"
},
{
"label": "Activities",
"role": "treeitem",
"tag": "BUTTON",
"text": "Activities",
"type": "button"
},
{
"label": "Calls",
"role": "treeitem",
"tag": "BUTTON",
"text": "Calls",
"type": "button"
},
{
"label": "Meetings",
"role": "treeitem",
"tag": "BUTTON",
"text": "Meetings",
"type": "button"
},
{
"label": "Emails",
"role": "treeitem",
"tag": "BUTTON",
"text": "Emails",
"type": "button"
},
{
"label": "Support",
"role": "treeitem",
"tag": "BUTTON",
"text": "Support",
"type": "button"
}
],
"elements": 39,
"images": [],
"text": "Leads\nNew Lead\nContacted Lead\nQualified Lead\nAccounts\nAcme Corp\nGlobex Inc\nActivities\nCalls\nMeetings\nEmails\nSupport"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light",
"at": "2026-10-25T10:19:00.385Z",
"phase": "complete-dependencies-and-assets"
},
{
"id": "elevenlabs-ui/Audio Player",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "1\nII - 00",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "2\nII - 01",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "3\nII - 02",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "4\nII - 03",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "5\nII - 04",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "6\nII - 05",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "7\nII - 06",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "8\nII - 07",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "9\nII - 08",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "10\nII - 09",
"type": null
},
{
"label": "Play",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": null,
"role": "slider",
"tag": "SPAN",
"text": "",
"type": null
},
{
"label": "Playback speed",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button"
}
],
"elements": 111,
"images": [],
"text": "1\nII - 00\n2\nII - 01\n3\nII - 02\n4\nII - 03\n5\nII - 04\n6\nII - 05\n7\nII - 06\n8\nII - 07\n9\nII - 08\n10\nII - 09\nNo track selected\n0:00\n--:--"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light",
"at": "2026-10-25T10:19:13.208Z",
"phase": "complete-dependencies-and-assets"
},
{
"id": "elevenlabs-ui/Conversation",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Invalid TSX at line 199734, column 3699. Check matching JSX tags, fragments, and module syntax.",
"statusVisible": true,
"theme": "light",
"at": "2026-10-25T10:19:36.962Z",
"phase": "complete-dependencies-and-assets"
},
{
"id": "magic-ui/Animated Gradient Text",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 7,
"images": [],
"text": "🎉\nIntroducing Magic UI"
}
],
"status": "Rendering…",
"statusVisible": false,
"at": "2026-10-25T10:20:51.597Z",
"phase": "complete-dependencies-and-assets"
},
{
"id": "magic-ui/Animated Shiny Text",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 7,
"images": [],
"text": "✨ Introducing Magic UI"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light",
"at": "2026-10-25T10:21:15.823Z",
"phase": "complete-dependencies-and-assets"
},
{
"id": "magic-ui/Theme Toggler",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Toggle theme",
"type": "button"
}
],
"elements": 6,
"images": [],
"text": "Toggle theme"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light",
"at": "2026-10-25T10:21:31.574Z",
"phase": "complete-dependencies-and-assets"
},
{
"id": "magic-ui/Bento Grid",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load react-day-picker@9.11.0: Failed to fetch dynamically imported module: https://esm.sh/react-day-picker@9.11.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true,
"theme": "light",
"at": "2026-10-25T10:21:48.306Z",
"phase": "complete-dependencies-and-assets"
},
{
"id": "magic-ui/Code Comparison",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @shikijs/transformers@2.5.0: Failed to fetch dynamically imported module: https://esm.sh/@shikijs/transformers@2.5.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true,
"theme": "light",
"at": "2026-10-25T10:22:24.765Z",
"phase": "complete-dependencies-and-assets"
},
{
"id": "magic-ui/Confetti",
"dom": [
{
"canvases": 1,
"controls": [],
"elements": 4,
"images": [],
"text": "Confetti"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light",
"at": "2026-10-25T10:22:39.751Z",
"phase": "complete-dependencies-and-assets"
},
{
"id": "magic-ui/Code Comparison",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 0,
"images": [],
"text": ""
}
],
"status": "Could not load @shikijs/transformers@2.5.0: Failed to fetch dynamically imported module: https://esm.sh/@shikijs/transformers@2.5.0?deps=react@19.3.0,react-dom@19.3.0",
"statusVisible": true,
"at": "2026-10-25T10:23:38.616Z",
"phase": "complete-dependencies-and-assets"
},
{
"id": "magic-ui/Dotted Map",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 1853,
"images": [],
"text": "Seoul\nNYC"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light",
"at": "2026-10-25T10:24:25.900Z",
"phase": "complete-dependencies-and-assets"
},
{
"id": "magic-ui/File Tree",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "src",
"type": "button"
},
{
"label": null,
"role": "region",
"tag": "DIV",
"text": "app\nlayout.tsx\npage.tsx\ncomponents\nui\nbutton.tsx\nfooter.tsx\nheader.tsx\nlib\nutils.ts",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "app",
"type": "button"
},
{
"label": null,
"role": "region",
"tag": "DIV",
"text": "layout.tsx\npage.tsx",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "layout.tsx",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "page.tsx",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "components",
"type": "button"
},
{
"label": null,
"role": "region",
"tag": "DIV",
"text": "ui\nbutton.tsx\nfooter.tsx\nheader.tsx",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "ui",
"type": "button"
},
{
"label": null,
"role": "region",
"tag": "DIV",
"text": "button.tsx",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "button.tsx",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "footer.tsx",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "header.tsx",
"type": "button"
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "lib",
"type": "button"
},
{
"label": null,
"role": "region",
"tag": "DIV",
"text": "utils.ts",
"type": null
},
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "utils.ts",
"type": "button"
}
],
"elements": 78,
"images": [],
"text": "src\napp\nlayout.tsx\npage.tsx\ncomponents\nui\nbutton.tsx\nfooter.tsx\nheader.tsx\nlib\nutils.ts"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light",
"at": "2026-10-25T10:24:41.634Z",
"phase": "complete-dependencies-and-assets"
},
{
"id": "magic-ui/Floating 3D Particles",
"dom": [
{
"canvases": 1,
"controls": [
{
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Get Started",
"type": "button"
}
],
"elements": 10,
"images": [],
"text": "Build something magical\n\nA pseudo-3D particle background that stays behind your content with continuous rotation and buoyant drift.\n\nGet Started"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light",
"at": "2026-10-25T10:24:56.178Z",
"phase": "complete-dependencies-and-assets"
},
{
"id": "magic-ui/Globe",
"dom": [
{
"canvases": 1,
"controls": [],
"elements": 6,
"images": [],
"text": "Globe"
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light",
"at": "2026-10-25T10:26:19.194Z",
"phase": "complete-dependencies-and-assets"
},
{
"id": "magic-ui/Hero Video Dialog",
"dom": [
{
"canvases": 0,
"controls": [
{
"label": "Play video",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button"
},
{
"label": "Play video",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button"
}
],
"elements": 18,
"images": [
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABTgAAAMgCAYAAAAHvA03AAAAAXNSR0IArs4c6QAAIABJREFUeF7snQV0G8fXxV/DzMzM0FDDzMxpmBpmThxmZmZmZmZomJm5SRpmTr9zn7/1X1ZsS7",
"width": 1336
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABTgAAAMgCAYAAAAHvA03AAAAAXNSR0IArs4c6QAAIABJREFUeF7snQV0G8fXxW/6DzMzcwNtmLENY8PMzMzMzMzMnIaxaRpokiZpGNqAw8ycNt95z5",
"width": 1336
}
],
"text": ""
}
],
"status": "Rendering…",
"statusVisible": false,
"theme": "light",
"at": "2026-10-25T10:26:35.270Z",
"phase": "complete-dependencies-and-assets"
},
{
"id": "magic-ui/Icon Cloud",
"statusVisible": true,
"status": "Preview resource blocked by CSP: img-src",
"dom": [
{
"elements": 7,
"canvases": 1,
"text": ""
}
],
"phase": "complete-dependencies-and-assets",
"inputMethod": "MCPJam native ui_execute_tool after reload",
"evidence": "Recovered from actual identity and DOM tool observations after a subsequent read timed out before persisting. No image decode details were observed."
}
],
"delegatedSourceAdapters": [
{
"id": "cult-ui/Gradient Button Group",
"at": "2026-10-25T10:26:19.147Z",
"identity": "Library implementation: cult-ui/Gradient Button Group — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:a9d0251cdaf3febb4a5f7df5297d94fd45f81eb660fb372d1161dffac7defda2\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": "Dashboard",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Analytics",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Layers",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Storage",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Switch to dark mode",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
}
],
"media": [],
"nodes": 52,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": ""
},
{
"id": "cult-ui/Halo Badge",
"at": "2026-10-25T10:26:40.883Z",
"identity": "Library implementation: cult-ui/Halo Badge — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:3844e31d2cfb4ad22d48880824cc0ef212848fe62080eb3481dc22c32bb2baa0\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Bump count",
"value": ""
}
],
"media": [],
"nodes": 67,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Counts & layout\n\nTabular figures keep digit width steady when the count changes; the label can animate when its text updates.\n\n3\nBump count\nLive & variants\n\nLive mode shows a leading status dot with a gentle pulse; reduced motion preferences shorten or remove the animation.\n\nLive\nNew\nAction\nStatic label"
},
{
"id": "cult-ui/Halo Button",
"at": "2026-10-25T10:26:48.646Z",
"identity": "Library implementation: cult-ui/Halo Button — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:e8f4a92fe6c994eca87cbcaa0ccffe64ac9ca0500156a4254924011944090c11\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Continue",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Solid surface",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Continue",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Save",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "With icon",
"value": ""
}
],
"media": [],
"nodes": 107,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Default (translucent)\n\nC\no\nn\nt\ni\nn\nu\ne\nS\no\nl\ni\nd\n \ns\nu\nr\nf\na\nc\ne\n\nLoading state (async)\n\nGuard the click while loading, then clear after your mutation (here MOCK_LOADING_MS).\n\nC\no\nn\nt\ni\nn\nu\ne\n\nLoading\n\nisLoading shows loadingText and disables the control.\n\nS\na\nv\ne\n\nNon-string children\n\nStagger applies only when the label is a string.\n\nWith icon"
},
{
"id": "cult-ui/Halo Card",
"at": "2026-10-25T10:26:57.334Z",
"identity": "Library implementation: cult-ui/Halo Card — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:b1897b16804564e7f5af89197aba934f4c627bd99183a3be9e2340814e23f568\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": "Composable animated card example",
"role": "group",
"tag": "DIV",
"text": "Composable cardHeader, content, and footer slots share the same gradient rim and frosted surface as ",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "More options",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Cancel",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Continue",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Minimal animated card",
"role": "group",
"tag": "DIV",
"text": "Minimal layoutTitle and description only — no content slot or footer. Same rim and hover behavior.",
"value": ""
}
],
"media": [],
"nodes": 53,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Composable card\n\nHeader, content, and footer slots share the same gradient rim and frosted surface as the polished search field. Footer actions use HaloCardButton so labels stay high-contrast in dark mode.\n\nUse HaloCardContent for the main body between the header and footer. Tab through the header action or footer buttons to see focus-within on the rim.\n\nHaloCardHeader — title, description, optional action\nHaloCardFooter — primary actions aligned to the end\nCancel\nContinue\nMinimal layout\n\nTitle and description only — no content slot or footer. Same rim and hover behavior."
},
{
"id": "cult-ui/Halo Dropzone",
"at": "2026-10-25T10:27:11.420Z",
"identity": "Library implementation: cult-ui/Halo Dropzone — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:5d8ad8f9eaa06bac0f1c77ec9ce2fa0af41eb7a462597a672b9495186a79f576\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"value": ""
}
],
"media": [],
"nodes": 24,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Animated dropzone\n\nDrag in files or use the file picker: images can preview inside the zone, and queued files show as rows with progress below.\n\nDrop files here or browse\nTry images plus PDF, Office, JSON, MD…"
},
{
"id": "cult-ui/Halo Field",
"at": "2026-10-25T10:27:22.583Z",
"identity": "Library implementation: cult-ui/Halo Field — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:e897beb1831a384f5167bd155d3bf3f0625437853967d62b4bfabe45e2e6e7ee\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": "group",
"tag": "DIV",
"text": "EmailWe’ll only use this for account updates.",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Toggle validation (demo)",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "group",
"tag": "DIV",
"text": "BioOptional — shown on your profile.",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "TEXTAREA",
"text": "",
"value": ""
}
],
"media": [],
"nodes": 45,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Field + input\n\nGroups a label with an input, helper text, and optional validation messages in a frosted shell with an animated rim.\n\nEmail\n\nWe’ll only use this for account updates.\n\nToggle validation (demo)\nTextarea\nBio\n\nOptional — shown on your profile."
},
{
"id": "cult-ui/Halo Input",
"at": "2026-10-25T10:27:31.613Z",
"identity": "Library implementation: cult-ui/Halo Input — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:9958e5a61cd0acd4f5c63c1b8ba6ae60aa533b2aba5d6d81aafd4df1125f208e\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "TEXTAREA",
"text": "",
"value": ""
}
],
"media": [],
"nodes": 36,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Animated input\n\nSingle-line and multiline controls with the same frosted rim polish as the rest of the animated form set.\n\nSingle line\n\nValue length: 0\n\nMultiline\n\n0 characters"
},
{
"id": "cult-ui/Halo Notification",
"at": "2026-10-25T10:27:42.253Z",
"identity": "Library implementation: cult-ui/Halo Notification — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:93b20a6a9d06753324111782aaf203f5759847f0e792a4acd3aee4235da80a2b\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": "status",
"tag": "DIV",
"text": "Saved to workspaceYour changes are synced. You can continue editing or invite collaborators from the",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Notification",
"role": "group",
"tag": "DIV",
"text": "Saved to workspaceYour changes are synced. You can continue editing or invite collaborators from the",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Dismiss notification",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Slide from: bottom",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Show",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Hide",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Next message",
"value": ""
}
],
"media": [],
"nodes": 32,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Local notification\n\nBrief status or alert messages with a frosted surface, icon, title, and body copy. Enter and exit with slide and fade from the top or bottom edge.\n\nSaved to workspace\n\nYour changes are synced. You can continue editing or invite collaborators from the share menu.\n\nSlide from: bottom\nShow\nHide\nNext message"
},
{
"id": "cult-ui/Halo Progress",
"at": "2026-10-25T10:30:41.235Z",
"identity": "Library implementation: cult-ui/Halo Progress — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:1ec686c159bc37825c8b32c019f34cb120e6bac3c8f72802d82d006476627852\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": "progressbar",
"tag": "DIV",
"text": "Uploading28%x",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "presentation",
"tag": "SPAN",
"text": "Uploading",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "presentation",
"tag": "SPAN",
"text": "x",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Reset",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "progressbar",
"tag": "DIV",
"text": "x",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "presentation",
"tag": "SPAN",
"text": "x",
"value": ""
}
],
"media": [],
"nodes": 31,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Determinate\n\nShows a known completion percentage with an optional label and numeric value — suited to uploads and other bounded tasks.\n\nUploading\n28%\nx\nReset\nIndeterminate\n\nUse when the duration is unknown: the bar loops until the task finishes or you switch to a determinate value.\n\nx"
},
{
"id": "cult-ui/Halo Search",
"at": "2026-10-25T10:31:42.900Z",
"identity": "Library implementation: cult-ui/Halo Search — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:8108ae471084c679dfa5774327cc33da99a8ada96dce7fa5c756e416aca2ac3f\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": "Demo search",
"role": null,
"tag": "INPUT",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Frosted fill",
"value": ""
}
],
"media": [],
"nodes": 63,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "COMPONENT DEMO\n\nAnimated search\n\nPress Enter to run a mock search — loading state matches how you'd gate a real fetch. Clear resets the request timer too. Toggle frosted fill to see the gradient blobs through the field.\n\nS\ne\na\nr\nc\nh\n \nd\no\nc\ns\n,\n \nA\nP\nI\ns\n,\n \no\nr\n \na\ns\nk\n \na\n \nq\nu\ne\ns\nt\ni\no\nn\n…\nFrosted fill\n\nClear the field or use the trailing control to see the deletion animation. Prefer reduced motion? Effects shorten or disable automatically."
},
{
"id": "cult-ui/Halo Segmented",
"at": "2026-10-25T10:34:45.438Z",
"identity": "Library implementation: cult-ui/Halo Segmented — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:f534a7b8a3e6b776d950297881cb6a57df395d527f83c082cb9a404d523dee82\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": "group",
"tag": "DIV",
"text": "DayWeekMonth",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Day",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Week",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Month",
"value": ""
}
],
"media": [],
"nodes": 19,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Segmented control\n\nSingle-select control: one option is active at a time, with a spring-animated thumb that slides between segments.\n\nDay\nWeek\nMonth\n\nSelected: week"
},
{
"id": "cult-ui/Halo Select",
"at": "2026-10-25T10:35:55.633Z",
"identity": "Library implementation: cult-ui/Halo Select — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:00ac8535c394589807c2dd6381671d7a6991b2efe01b421de6be6cda058ccee7\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": "false",
"label": null,
"role": "combobox",
"tag": "BUTTON",
"text": "Choose environment",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": "false",
"label": null,
"role": "combobox",
"tag": "BUTTON",
"text": "No data",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Simulate load",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Clear selection",
"value": ""
}
],
"media": [],
"nodes": 51,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Select\n\nOpens a frosted listbox from a trigger: pick one option, show a loading state on the trigger, and flash the selection when it changes.\n\nChoose environment\nEmpty list\n\nWhen the list is empty, show placeholder copy in the dropdown panel instead of options.\n\nNo data\nSimulate load\nClear selection"
},
{
"id": "cult-ui/Halo Switch",
"at": "2026-10-25T10:36:46.567Z",
"identity": "Library implementation: cult-ui/Halo Switch — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:02e7b627ce01a4f3ed8f7b26856b82a536f8d92c42a5714ca9fb07e85e6a8e25\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": "switch",
"tag": "SPAN",
"text": "",
"value": ""
},
{
"checked": true,
"expanded": null,
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"value": "on"
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "switch",
"tag": "SPAN",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"value": "on"
}
],
"media": [],
"nodes": 31,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Default\n\nToggles on and off with a spring-animated thumb and an enlarged tap target for easier touch use.\n\nNotifications on\nSmall\n\nA smaller footprint for dense toolbars and compact settings rows.\n\nCompact mode off"
},
{
"id": "cult-ui/Halo Tabs",
"at": "2026-10-25T10:37:04.557Z",
"identity": "Library implementation: cult-ui/Halo Tabs — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:30a9afd6fc436bb917435f2fa8978faca9b71aaa114354b728ec06fbe93c84d4\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": "tablist",
"tag": "DIV",
"text": "OverviewUsageBilling",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "tab",
"tag": "BUTTON",
"text": "Overview",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "tab",
"tag": "BUTTON",
"text": "Usage",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "tab",
"tag": "BUTTON",
"text": "Billing",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "presentation",
"tag": "SPAN",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "tabpanel",
"tag": "DIV",
"text": "Project summary, health metrics, and rollouts for the current workspace.",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "tablist",
"tag": "DIV",
"text": "DesignCodePreview",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "tab",
"tag": "BUTTON",
"text": "Design",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "tab",
"tag": "BUTTON",
"text": "Code",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "tab",
"tag": "BUTTON",
"text": "Preview",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "presentation",
"tag": "SPAN",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "tabpanel",
"tag": "DIV",
"text": "Tokens, spacing, and motion aligned with the polished surfaces.",
"value": ""
}
],
"media": [],
"nodes": 22,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Tabs — underline\nOverview\nUsage\nBilling\nProject summary, health metrics, and rollouts for the current workspace.\nTabs — pill\nDesign\nCode\nPreview\nTokens, spacing, and motion aligned with the polished surfaces."
},
{
"id": "cult-ui/Halo Toast",
"at": "2026-10-25T10:37:16.294Z",
"identity": "Library implementation: cult-ui/Halo Toast — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:0d6ca661d75c924d62b156812aa04f92f2813e88a0744301f4baa0e6a80e277f\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Push toast (default rim)",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Push toast (with close)",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Success rim",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Error rim",
"value": ""
}
],
"media": [],
"nodes": 16,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Animated toast\n\nStackable notifications with a gradient rim, frosted panel, and optional status or semantic rim colors. Dismiss from the viewport edge or use an in-card close control when enabled.\n\nPush toast (default rim)\nPush toast (with close)\n\nSuccess and error rim treatments\n\nSuccess rim\nError rim"
},
{
"id": "cult-ui/Halo Toggle Group",
"at": "2026-10-25T10:37:30.221Z",
"identity": "Library implementation: cult-ui/Halo Toggle Group — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:377e151c6aa339dd5a6a41d36bfa0ede6da631a5a259bfc9be27808bc16a5f9f\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": "group",
"tag": "DIV",
"text": "DayWeekMonth",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Day",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Week",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Month",
"value": ""
}
],
"media": [],
"nodes": 19,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Segmented control\n\nSingle-select toggle group with a spring-driven thumb (same constants as HaloButton).\n\nDay\nWeek\nMonth\n\nSelected: week"
},
{
"id": "cult-ui/Hero Color Panels",
"at": "2026-10-25T10:37:59.300Z",
"identity": "Library implementation: cult-ui/Hero Color Panels — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:511010051c7fc954dd937e1bfc6bd6b12283bc0863afde7d4d6c322717cd93ac\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [],
"media": [],
"nodes": 104,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Default\nAI SDK Agents\nAI SDK Agents\nCopy and Paste\n\nFull-stack vercel ai sdk patterns for workflows, tool calling, and agent orchestration. Built with ai sdk v6 and shadcn/ui. Headless, themable, practical.\n\nCheck it out today\nNext.js\nv16\nAI SDK\nv6\nConfigured Via Props\nComposable hero\nCursor for\nMarketing\n\nHuman-in-the-loop marketing copy software that helps teams draft, review, and ship high-converting campaigns with confidence.\n\nTry NewCopy for marketing\nNext.js\nv16\nAI SDK\nv6"
},
{
"id": "cult-ui/Hero Dithering",
"at": "2026-10-25T10:38:15.932Z",
"identity": "Library implementation: cult-ui/Hero Dithering — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:92a102e61260e0e879f877e26bff13e45af8b1b5dff398005acf443b7d3134de\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [],
"media": [],
"nodes": 104,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Default\nAI SDK Agents\nAI SDK Agents\nCopy and Paste\n\nFull-stack vercel ai sdk patterns for workflows, tool calling, and agent orchestration. Built with ai sdk v6 and shadcn/ui. Headless, themable, practical.\n\nCheck it out today\nNext.js\nv16\nAI SDK\nv6\nConfigured Via Props\nComposable hero\nCursor for\nMarketing\n\nHuman-in-the-loop marketing copy software that helps teams draft, review, and ship high-converting campaigns with confidence.\n\nTry NewCopy for marketing\nNext.js\nv16\nAI SDK\nv6"
},
{
"id": "cult-ui/Hero Heatmap",
"at": "2026-10-25T10:39:02.680Z",
"identity": "Library implementation: cult-ui/Hero Heatmap — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:e54da7f56ae0183a4b1d0c2c0510931d5d0a5895f1a702821da56a0aacdff9a5\n\nOriginal demo assets (2)\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThe listed original demo assets are embedded as hash-pinned, unchanged bytes. Remote assets are snapshots, not live updates. Example links, fonts, other assets, network services and device APIs are not reproduced; unavailable resources remain visible errors.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [],
"media": [],
"nodes": 157,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Default\nAI SDK Agents\nAI SDK Agents\nCopy and Paste\n\nFull-stack vercel ai sdk patterns for workflows, tool calling, and agent orchestration. Built with ai sdk v6 and shadcn/ui. Headless, themable, practical.\n\nCheck it out today\nRoot-level shader props\nAI SDK Agents\nAI SDK Agents\nCopy and Paste\n\nFull-stack vercel ai sdk patterns for workflows, tool calling, and agent orchestration. Built with ai sdk v6 and shadcn/ui. Headless, themable, practical.\n\nCheck it out today\nConfigured via props\nComposable hero\nCursor for\nMarketing\n\nHuman-in-the-loop marketing copy software that helps teams draft, review, and ship high-converting campaigns with confidence.\n\nTry NewCopy for marketing"
},
{
"id": "cult-ui/Hero Liquid Metal",
"at": "2026-10-25T10:39:53.558Z",
"identity": "Library implementation: cult-ui/Hero Liquid Metal — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:deb537ca19ca67efe16fa86c19e75a56b81e194da307203643846902b03cd9af\n\nOriginal demo assets (2)\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThe listed original demo assets are embedded as hash-pinned, unchanged bytes. Remote assets are snapshots, not live updates. Example links, fonts, other assets, network services and device APIs are not reproduced; unavailable resources remain visible errors.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [],
"media": [],
"nodes": 157,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Default\nAI SDK Agents\nAI SDK Agents\nCopy and Paste\n\nFull-stack vercel ai sdk patterns for workflows, tool calling, and agent orchestration. Built with ai sdk v6 and shadcn/ui. Headless, themable, practical.\n\nCheck it out today\nRoot-level shader props\nAI SDK Agents\nAI SDK Agents\nCopy and Paste\n\nFull-stack vercel ai sdk patterns for workflows, tool calling, and agent orchestration. Built with ai sdk v6 and shadcn/ui. Headless, themable, practical.\n\nCheck it out today\nConfigured via props\nComposable hero\nCursor for\nMarketing\n\nHuman-in-the-loop marketing copy software that helps teams draft, review, and ship high-converting campaigns with confidence.\n\nTry NewCopy for marketing"
},
{
"id": "cult-ui/Hero Static Radial Gradient",
"at": "2026-10-25T10:40:06.551Z",
"identity": "Library implementation: cult-ui/Hero Static Radial Gradient — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:f397e74ede27691c81611dede72f0dbff875c14aaa606db5b9645e3be3d3bb44\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [],
"media": [],
"nodes": 104,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Default\nAI SDK Agents\nAI SDK Agents\nCopy and Paste\n\nFull-stack vercel ai sdk patterns for workflows, tool calling, and agent orchestration. Built with ai sdk v6 and shadcn/ui. Headless, themable, practical.\n\nCheck it out today\nNext.js\nv16\nAI SDK\nv6\nConfigured Via Props\nComposable hero\nCursor for\nMarketing\n\nHuman-in-the-loop marketing copy software that helps teams draft, review, and ship high-converting campaigns with confidence.\n\nTry NewCopy for marketing\nNext.js\nv16\nAI SDK\nv6"
},
{
"id": "cult-ui/Logo Carousel",
"at": "2026-10-25T10:40:17.570Z",
"identity": "Library implementation: cult-ui/Logo Carousel — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:5c8e079b232a4ebdd2b57be27ef82c1b14cd54e2e2bbf954fee403b9e8e3b47b\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [],
"media": [],
"nodes": 28,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "The best are already here\nJoin new cult"
},
{
"id": "cult-ui/Marketing Feature Code",
"at": "2026-10-25T10:40:35.096Z",
"identity": "Library implementation: cult-ui/Marketing Feature Code — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:ce06a85e6d0b5ae9f4dae9b7ef555505aca9670b4e74e840e6f7668ba9a965da\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": "Copy code snippet",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
}
],
"media": [],
"nodes": 92,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Enterprise-grade security\nNetwork Firewall with Credentials Brokering\n\nControl egress traffic with fine-grained network policies that can be updated at runtime. Credentials brokering injects secrets into outbound requests without exposing them inside the sandbox, preventing data exfiltration even when running untrusted code.\n\nDynamic policies: allow-all, deny-all, or user-defined rules\nCredentials injected on egress: never enter sandbox scope\nDomain-based allowlists with wildcard support\nLive policy updates without restarting processes\nconst sandbox = await Sandbox.create({\n\tnetwork: {\n\tpolicy: 'allow-all',\n\t},\n});\n// Install dependencies with full network access\nawait sandbox.runCommand({ cmd: 'npm', args: ['install'] });\n// Lock down network before running untrusted code\nawait sandbox.setNetworkPolicy({\n\tpolicy: 'user-defined',\n\tallowedDomains: ['api.openai.com', '*.vercel.app'],\n\t// Credentials injected on egress - never in sandbox\n\ttransformations: [{\n\t\tdomain: 'api.openai.com',\n\t\theaders: { Authorization: 'Bearer $OPENAI_API_KEY' },\n\t}],\n});"
},
{
"id": "cult-ui/Metal Button",
"at": "2026-10-25T10:40:44.702Z",
"identity": "Library implementation: cult-ui/Metal Button — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:8a12f9cf1c87203960ebdf50cf3d01125cc80ea3adddf925e4751975e4ade47f\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Continue",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Outline",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Secondary",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Ghost",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Chromatic",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Silver",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Gold",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Chromatic",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "button",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "circle",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "50%",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "75%",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "90%",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "100%",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Sparkles",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Zap",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Wand",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Tools",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Get started",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Play metal",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
}
],
"media": [],
"nodes": 796,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "LIQUID METAL\n\nButton + animated metal ring\n\nclassName targets the shadcn Button; metalFxClassName styles the MetalFx wrapper. Use preset, metalVariant, and paused to tune the effect.\n\nButton variants\n\nOutline and secondary read well against the ring; default adds a stronger fill.\n\nMetal preset\n\nmetal-fx shares one WebGL palette for the whole page — pick a preset, then watch the ring update on the preview below.\n\nChromatic\nSilver\nGold\nMetal variant\n\nbutton is a pill ring; circle uses a thicker ring suited to compact controls.\n\nStrength\n\nStrength scales shader opacity and glow; the animation keeps running underneath.\n\nIcon buttons\n\nIcon buttons default to icon sizing and circle variant. The Wand icon disables the halo glow.\n\nInteractive\n\nToggle the shader without hiding the button. Respects prefers-reduced-motion. Dark-mode reflections hit the chip ref.\n\nTools\n\nReduced motion is on — metal animation stays paused."
},
{
"id": "cult-ui/Mock Browser Window",
"at": "2026-10-25T10:40:55.266Z",
"identity": "Library implementation: cult-ui/Mock Browser Window — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:77320916ce91bbd255e86fcc10a22a9f076f9a6d9917e0f9478fb1cff5973f6f\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": "false",
"label": null,
"role": "combobox",
"tag": "BUTTON",
"text": "Chrome",
"value": ""
},
{
"checked": false,
"expanded": "false",
"label": null,
"role": "combobox",
"tag": "BUTTON",
"text": "Address Bar",
"value": ""
},
{
"checked": false,
"expanded": "false",
"label": null,
"role": "combobox",
"tag": "BUTTON",
"text": "Large",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"value": "https://example.com/dashboard"
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "switch",
"tag": "BUTTON",
"text": "",
"value": "on"
},
{
"checked": false,
"expanded": "false",
"label": null,
"role": "combobox",
"tag": "BUTTON",
"text": "Left",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Chrome Dashboard",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Safari Minimal",
"value": ""
}
],
"media": [],
"nodes": 77,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Preview\nhttps://example.com/dashboard\nOverview\nUsers\n12\nAnalytics\nnew\nSettings\nWindow Settings\nBrowser\nChrome\nHeader Style\nAddress Bar\nSize\nLarge\nURL\nShow Sidebar\nSidebar Position\nLeft\nQuick Presets\nChrome Dashboard\nSafari Minimal"
},
{
"id": "cult-ui/Morph Surface",
"at": "2026-10-25T10:41:37.734Z",
"identity": "Library implementation: cult-ui/Morph Surface — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:b8094eac5e7a40b08f2240e82a81f1701da0b0ded615759125b88b0cadd40e26\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Feedback",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Send Feedback",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Custom Size",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Help",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Open Morph Surface",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Controlled",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Slow Animation",
"value": ""
}
],
"media": [],
"nodes": 92,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Default Usage\n\nThe component works out of the box with no configuration needed\n\nMorph Surface\nFeedback\nCustom Labels & Content\n\nCustomize trigger label, placeholder, and submit behavior\n\nMorph Surface\nSend Feedback\nCustom Dimensions\n\nAdjust the size when collapsed and expanded\n\nMorph Surface\nCustom Size\nCustom Trigger Icon\n\nAdd an icon to the trigger button\n\nMorph Surface\nHelp\nControlled State\n\nControl the open/close state externally\n\nOpen Morph Surface\nMorph Surface\nControlled\nCustom Animation Speed\n\nSpeed up or slow down animations (higher values = slower animations)\n\nMorph Surface\nSlow Animation"
},
{
"id": "cult-ui/Neumorph Button",
"at": "2026-10-25T10:41:46.185Z",
"identity": "Library implementation: cult-ui/Neumorph Button — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:642bf8ecbb1533a61b5e89538e47848e64d3d6670e35cc99bb2903615098a201\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Default",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Primary",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Secondary",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Danger",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Small",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Medium",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Large",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Full Width",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Disabled Default",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Disabled Primary",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Disabled Secondary",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Disabled Danger",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Animate Me",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Animate Me",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Animate Me",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Animate Me",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Click to Load",
"value": ""
}
],
"media": [],
"nodes": 56,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Button Variants\nDEFAULT\nPRIMARY\nSECONDARY\nDANGER\nButton Sizes\nSmall\nMEDIUM\nLarge\nFull Width Button\nFULL WIDTH\nDisabled Buttons\nDISABLED DEFAULT\nDISABLED PRIMARY\nDISABLED SECONDARY\nDISABLED DANGER\nHover and Active Effects\n\nHover over and click these buttons to see the animations.\n\nANIMATE ME\nANIMATE ME\nANIMATE ME\nANIMATE ME\nLoading State\n\nClick the button to see the loading animation.\n\nCLICK TO LOAD"
},
{
"id": "cult-ui/Organic Button",
"at": "2026-10-25T10:41:56.024Z",
"identity": "Library implementation: cult-ui/Organic Button — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:4ea887801525032bb06603e4d89ed0b8fc4d85056754b5844a8d9ba3130bdde4\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [],
"media": [],
"nodes": 141,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Anchor-based control with fixed SVG end caps and shared surface colors via CSS variables on variantColor.\n\nDefault\n\nGet started\n\nSizes\n\nRow height and label type scale together: 36px / 44px / 56px (sm / md / lg).\n\nSmall\nMedium\nLarge\n\nColors\n\nPrimary\nSecondary"
},
{
"id": "cult-ui/Poll Widget",
"at": "2026-10-25T10:42:08.806Z",
"identity": "Library implementation: cult-ui/Poll Widget — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:3f9413d408bb2fa513f7b80ec675a8b58b36396fc477923effb3be67baebd543\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": "listbox",
"tag": "DIV",
"text": "Faster buildsBetter DXClearer docs",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "option",
"tag": "BUTTON",
"text": "Faster builds",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "option",
"tag": "BUTTON",
"text": "Better DX",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "option",
"tag": "BUTTON",
"text": "Clearer docs",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Submit Vote",
"value": ""
},
{
"checked": false,
"expanded": "false",
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Open poll99",
"value": ""
},
{
"checked": false,
"expanded": "false",
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Open poll99",
"value": ""
}
],
"media": [],
"nodes": 51,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Inline (default)\nWhich feature matters most?\n\nPick one, then submit to see results and success state.\n\nFaster builds\nBetter DX\nClearer docs\n99 votes\nSubmit Vote\nPopover mode\nOpen poll\n99\nDialog mode\nOpen poll\n99"
},
{
"id": "cult-ui/Popover",
"at": "2026-10-25T10:42:19.530Z",
"identity": "Library implementation: cult-ui/Popover — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:88233e496adf1098519b87293e137d40ed09260f18cb8e293dc00f42487e5e46\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Add Feedback",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Choose Color",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Quick Actions",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Preview Image",
"value": ""
}
],
"media": [],
"nodes": 17,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Add Feedback\nChoose Color\nQuick Actions\nPreview Image"
},
{
"id": "cult-ui/Popover Form",
"at": "2026-10-25T10:42:32.920Z",
"identity": "Library implementation: cult-ui/Popover Form — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:07334159c50e741d0f57b965de4da5b95c47115bb4dcf72ba32cc2b36742f136\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Feedback",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Click Here",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Newsletter Signup",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Choose theme",
"value": ""
}
],
"media": [],
"nodes": 18,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Feedback\nClick Here\nNewsletter Signup\nChoose theme"
},
{
"id": "cult-ui/Prompt Composer",
"at": "2026-10-25T10:45:01.522Z",
"identity": "Library implementation: cult-ui/Prompt Composer — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:1e71824818535093938e18bd9c1fa3aa0a25f1c0d1783ce89a43cd911a6402b7\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": "Message",
"role": null,
"tag": "TEXTAREA",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Attach file",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Send message",
"value": ""
}
],
"media": [],
"nodes": 54,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Animated composer\n\nMulti-line message field with send on ⌘ or Ctrl+Enter, loading line animation while sending, and an optional attachment affordance.\n\nW\nr\ni\nt\ne\n \na\n \np\nr\no\nm\np\nt\n…\nAttach file\nSend message"
},
{
"id": "cult-ui/Prompt Library",
"at": "2026-10-25T10:45:12.710Z",
"identity": "Library implementation: cult-ui/Prompt Library — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:59ae806181d96352e530d0d3f98a96c688a13b5bd306ada0f067e6e1e11437d4\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": "false",
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Prompts",
"value": ""
}
],
"media": [],
"nodes": 12,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Browse and insert prompt templates. Click a prompt to copy it to clipboard, or pass onInsert to put it straight into your input.\n\nPrompts"
},
{
"id": "cult-ui/Rolling Number",
"at": "2026-10-25T10:45:21.041Z",
"identity": "Library implementation: cult-ui/Rolling Number — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:6a51973bc3ad9e495cb42e9fc418d67496ac4247360a02bb42c1422a7d0fd6ee\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Increase",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Decrease",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "slider",
"tag": "SPAN",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "slider",
"tag": "SPAN",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "slider",
"tag": "SPAN",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
}
],
"media": [],
"nodes": 94,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Custom Spring Properties\n1,000\nIncrease\nDecrease\nMass: 1\nStiffness: 100\nDamping: 40\nPrecision\n14.57\nFormat\n$10.00\nCallbacks\n10"
},
{
"id": "cult-ui/Shader Lens Blur",
"at": "2026-10-25T10:45:37.554Z",
"identity": "Library implementation: cult-ui/Shader Lens Blur — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:60002af876127205ed94aa28819f3452bccbc2675cc20c86e5ee167914a426fb\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [],
"media": [],
"nodes": 0,
"status": [
{
"hidden": false,
"text": "Could not load three@0.168.0: Failed to fetch dynamically imported module: https://esm.sh/three@0.168.0?deps=react@19.3.0,react-dom@19.3.0"
}
],
"text": "Could not load three@0.168.0: Failed to fetch dynamically imported module: https://esm.sh/three@0.168.0?deps=react@19.3.0,react-dom@19.3.0"
},
{
"id": "cult-ui/Shift Card",
"at": "2026-10-25T10:46:00.395Z",
"identity": "Library implementation: cult-ui/Shift Card — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:8ec6f8ed69f392e08b025d0c3d538fcc64f3b332b0b1a062b44a1eeb3460bf83\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "TwitterPost on Twitter",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Loom Open in Loom ",
"value": ""
}
],
"media": [
{
"complete": true,
"src": "/basic-img.png",
"tag": "IMG",
"width": 0
}
],
"nodes": 40,
"status": [
{
"hidden": false,
"text": "An upstream image or media asset could not load. This preview cannot fully reproduce it."
}
],
"text": "An upstream image or media asset could not load. This preview cannot fully reproduce it.\n\nScreen Capture\n\nShare your work\n\nShare your image to build that audience. Inspired by @mrncst\nPost on Twitter\nOpen in Loom"
},
{
"id": "cult-ui/Side Panel",
"at": "2026-10-25T10:46:16.062Z",
"identity": "Library implementation: cult-ui/Side Panel — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:a82fa6a78d6191f2458c982da314b5a299f983e5be19b27cecff1520da29df65\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [],
"media": [],
"nodes": 0,
"status": [
{
"hidden": false,
"text": "Could not load react-player@2.16.0/lazy: Failed to fetch dynamically imported module: https://esm.sh/react-player@2.16.0/lazy?deps=react@19.3.0,react-dom@19.3.0"
}
],
"text": "Could not load react-player@2.16.0/lazy: Failed to fetch dynamically imported module: https://esm.sh/react-player@2.16.0/lazy?deps=react@19.3.0,react-dom@19.3.0"
},
{
"id": "cult-ui/Sortable List",
"at": "2026-10-25T10:46:39.950Z",
"identity": "Library implementation: cult-ui/Sortable List — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:37fe706466339a3a167109b71af2f3bbaf724e09a1f6809d507ef7461ce80a08\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Mark to delete",
"role": "checkbox",
"tag": "BUTTON",
"text": "",
"value": "on"
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Mark to delete",
"role": "checkbox",
"tag": "BUTTON",
"text": "",
"value": "on"
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Mark to delete",
"role": "checkbox",
"tag": "BUTTON",
"text": "",
"value": "on"
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Mark to delete",
"role": "checkbox",
"tag": "BUTTON",
"text": "",
"value": "on"
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
}
],
"media": [],
"nodes": 104,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Agent workflow\nInspired by @mrncst\n\n1\n\nGather Data\n\n2\n\nAnalyze Copy\n\n3\n\nCreate Suggestions\n\n4\n\nRecommendations"
},
{
"id": "cult-ui/Stripe Bg Guides",
"at": "2026-10-25T10:47:08.704Z",
"identity": "Library implementation: cult-ui/Stripe Bg Guides — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:1bad21ea64a676c3da1f187815e1d09a78c14481ebcaa802df26532678702300\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [],
"media": [],
"nodes": 27,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Stripe Background Guides\n\nAnimated background guides with glowing effects, inspired by Stripe's design system."
},
{
"id": "cult-ui/SVG Shapes Animated",
"at": "2026-10-25T10:47:18.929Z",
"identity": "Library implementation: cult-ui/SVG Shapes Animated — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:faedeb97f098b4a876ffa2fc2e86832fdc293118fc11e75a1194adc074355c13\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Replay animations",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Replay animations",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Replay animations",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Replay animations",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Replay animations",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Replay animations",
"value": ""
}
],
"media": [],
"nodes": 523,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "SVG shapes (animated)\n\nSame wide viewBox geometry as the static set, with paths drawn via motion/react when each graphic scrolls into view. Respects prefers-reduced-motion.\n\nReplay animations\nPolygons and curves\n\nTriangle\n\nCircle\n\nEllipse\n\nSemicircle (D panel)\n\nRight triangle\n\nKite\n\nPennant\n\nQuarter circle\n\nReplay animations\nRounded and architectural\n\nRounded square\n\nRounded triangle\n\nSquircle\n\nGothic arch panel\n\nInverted arch panel\n\nArrow pentagon\n\nReplay animations\nPrimitives\n\nDiamond\n\nTrapezoid\n\nOctagon\n\nParallelogram\n\nChevron\n\nCross\n\nPill\n\nReplay animations\nPanels\n\nRibbon banner\n\nHourglass / bowtie\n\nScalloped top\n\nCorner bite\n\nDouble notch\n\nOgee onion dome\n\nReplay animations\nSacred geometry\n\nVesica piscis\n\nSeed of life\n\nFlower of life\n\nMetatron cube\n\nSri Yantra\n\nGolden spiral\n\nTorus tube\n\nReplay animations\nPlatonic solids (wireframe)\n\nTetrahedron\n\nCube\n\nOctahedron\n\nIcosahedron\n\nDodecahedron\n\nFlip prop\n\nnone\n\nvertical\n\nhorizontal\n\nboth axes"
},
{
"id": "cult-ui/Text Animate",
"at": "2026-10-25T10:47:27.404Z",
"identity": "Library implementation: cult-ui/Text Animate — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:4d34c8edce604dac6beb063323c59ec0c3a28c42f7790aaa8224062eb4df2614\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": "heading",
"tag": "H2",
"text": "Fade In",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "heading",
"tag": "H2",
"text": "Pop In",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "heading",
"tag": "H2",
"text": "Fade In Up",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "heading",
"tag": "H2",
"text": "Shift In Up",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "heading",
"tag": "H2",
"text": "Whip In Up",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "heading",
"tag": "H2",
"text": "Calm In Up",
"value": ""
}
],
"media": [],
"nodes": 118,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Roll In\n\nRollIn\n\nWhip In\n\nWhipIn\n\nfade In\n\nF\na\nd\ne\n \nI\nn\n\nPop In\n\nP\no\np\n \nI\nn\n\nFade In Up\n\nF\na\nd\ne\n \nI\nn\n \nU\np\n\nShift In Up\n\nS\nh\ni\nf\nt\n \nI\nn\n \nU\np\n\nWhip In Up\n\nW\nh\ni\np\n \nI\nn\n \nU\np\n\nCalm In Up\n\nC\na\nl\nm\n \nI\nn\n \nU\np"
},
{
"id": "cult-ui/Texture Button",
"at": "2026-10-25T10:55:01.516Z",
"identity": "Library implementation: cult-ui/Texture Button — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:f3897c08006cb3b4358a70ff1b3335b71886c217b510568d56173cf1d94a0c87\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Primary",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Primary",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Primary",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Accent",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Accent",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Accent",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Secondary",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Secondary",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Secondary",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Destructive",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Destructive",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Destructive",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Minimal",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Minimal",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Minimal",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
}
],
"media": [],
"nodes": 75,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Primary\nPrimary\nAccent\nAccent\nSecondary\nSecondary\nDestructive\nDestructive\nMinimal\nMinimal",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "cult-ui/Texture Card",
"at": "2026-10-25T10:55:06.980Z",
"identity": "Library implementation: cult-ui/Texture Card — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:9c0739092899a426a1c18c079da4fcbb1c7be933006d35e7548d8d0912276238\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Google",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Github",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Continue",
"value": ""
}
],
"media": [],
"nodes": 70,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Create your account\n\nWelcome! Please fill in the details to get started.\n\nGoogle\nGithub\nor\nFirst name\nLast Name\nUsername\nEmail\nPassword\nContinue\nAlready have an account? Sign in\nSecured by Supabase",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "cult-ui/Three D Carousel",
"at": "2026-10-25T10:55:14.254Z",
"identity": "Library implementation: cult-ui/Three D Carousel — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:f7630ce3d92730576d9dd307b0776af4e5a9768736ec088c6d07b76cbeddd2e9\n\nOriginal demo assets (14)\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThe listed original demo assets are embedded as hash-pinned, unchanged bytes. Remote assets are snapshots, not live updates. Example links, fonts, other assets, network services and device APIs are not reproduced; unavailable resources remain visible errors.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [],
"media": [
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4QDgRXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAAQAAAEgAAAABAAAABwAAkAcABAAAADAyMTABkQcABAAAAAECAwCGkgcAFwAAA",
"tag": "IMG",
"width": 200
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4QDeRXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAAQAAAEgAAAABAAAABwAAkAcABAAAADAyMTABkQcABAAAAAECAwCGkgcAFgAAA",
"tag": "IMG",
"width": 200
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4QDeRXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAAQAAAEgAAAABAAAABwAAkAcABAAAADAyMTABkQcABAAAAAECAwCGkgcAFgAAA",
"tag": "IMG",
"width": 200
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4QDeRXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAAQAAAEgAAAABAAAABwAAkAcABAAAADAyMTABkQcABAAAAAECAwCGkgcAFgAAA",
"tag": "IMG",
"width": 200
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4QDeRXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAAQAAAEgAAAABAAAABwAAkAcABAAAADAyMTABkQcABAAAAAECAwCGkgcAFgAAA",
"tag": "IMG",
"width": 200
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4QDeRXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAAQAAAEgAAAABAAAABwAAkAcABAAAADAyMTABkQcABAAAAAECAwCGkgcAFgAAA",
"tag": "IMG",
"width": 200
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4QDeRXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAAQAAAEgAAAABAAAABwAAkAcABAAAADAyMTABkQcABAAAAAECAwCGkgcAFgAAA",
"tag": "IMG",
"width": 200
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4QDeRXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAAQAAAEgAAAABAAAABwAAkAcABAAAADAyMTABkQcABAAAAAECAwCGkgcAFQAAA",
"tag": "IMG",
"width": 200
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4QDeRXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAAQAAAEgAAAABAAAABwAAkAcABAAAADAyMTABkQcABAAAAAECAwCGkgcAFgAAA",
"tag": "IMG",
"width": 200
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4QDeRXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAAQAAAEgAAAABAAAABwAAkAcABAAAADAyMTABkQcABAAAAAECAwCGkgcAFgAAA",
"tag": "IMG",
"width": 200
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4QDeRXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAAQAAAEgAAAABAAAABwAAkAcABAAAADAyMTABkQcABAAAAAECAwCGkgcAFgAAA",
"tag": "IMG",
"width": 200
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4QDeRXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAAQAAAEgAAAABAAAABwAAkAcABAAAADAyMTABkQcABAAAAAECAwCGkgcAFgAAA",
"tag": "IMG",
"width": 200
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4QDeRXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAAQAAAEgAAAABAAAABwAAkAcABAAAADAyMTABkQcABAAAAAECAwCGkgcAFgAAA",
"tag": "IMG",
"width": 200
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4QDeRXhpZgAASUkqAAgAAAAGABIBAwABAAAAAQAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAACgBAwABAAAAAgAAABMCAwABAAAAAQAAAGmHBAABAAAAZgAAAAAAAABIAAAAAQAAAEgAAAABAAAABwAAkAcABAAAADAyMTABkQcABAAAAAECAwCGkgcAFgAAA",
"tag": "IMG",
"width": 200
}
],
"nodes": 36,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "cult-ui/Timer",
"at": "2026-10-25T10:55:25.151Z",
"identity": "Library implementation: cult-ui/Timer — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:00c8906294ebb732cd24d6501be2d2ec40c782fa5faec246f67125ee1a3b1ff6\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": "timer",
"tag": "DIV",
"text": "00.35",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "timer",
"tag": "DIV",
"text": "00.35",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "timer",
"tag": "DIV",
"text": "00.35",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "timer",
"tag": "DIV",
"text": "00.35",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "timer",
"tag": "DIV",
"text": "00.35",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "timer",
"tag": "DIV",
"text": "00.35",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "timer",
"tag": "DIV",
"text": "00.35",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "timer",
"tag": "DIV",
"text": "00.35",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "timer",
"tag": "DIV",
"text": "01:23",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "timer",
"tag": "DIV",
"text": "00:00",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
}
],
"media": [],
"nodes": 84,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Basic Timer\n00.35\nVariants\n00.35\n00.35\n00.35\n00.35\nSizes\n00.35\n00.35\n00.35\nCompound Components\n01:23\nCustom Timer with Controls\n00:00",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "cult-ui/Toolbar Expandable",
"at": "2026-10-25T10:55:36.872Z",
"identity": "Library implementation: cult-ui/Toolbar Expandable — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:288af81ccceaf596bdc619c73226f791c93c773800e2c59e9794a87bc83339d7\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Expand",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Configuration",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Deploy",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Reset",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "1Project Setup",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "2Configuration",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "3Customize Design",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "4Upload Assets",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "5Deploy",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "1Project Setup",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "2Configuration",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "3Customize Design",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "4Upload Assets",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "5Deploy",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "1Choose Format",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "2Download Options",
"value": ""
}
],
"media": [],
"nodes": 150,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Component Demo\nDynamic Toolbar Expandable\n\nSophisticated expandable toolbar with smooth animations and step-based navigation for complex workflows.\n\nControlled Usage\n\nExternal state management for programmatic control\n\nExpand\nConfiguration\nDeploy\nReset\nexpanded: false • active: null\nCONTROLLED\n1\nProject Setup\n2\nConfiguration\n3\nCustomize Design\n4\nUpload Assets\n5\nDeploy\nDeployment Workflow\n\n5-step process with internal state management\n\nDEPLOYMENT\n1\nProject Setup\n2\nConfiguration\n3\nCustomize Design\n4\nUpload Assets\n5\nDeploy\nDownload Configuration\n\n2-step process for download preferences\n\nDOWNLOAD\n1\nChoose Format\n2\nDownload Options\nFeatures\n\nKey capabilities and technical highlights\n\nSmooth Animations\nFramer Motion with spring transitions\nResponsive Design\nFully responsive with mobile optimization\nEnhanced Scrolling\nAutomatic fade masks and touch support\nPerformance Optimized\nMemoized components and callbacks\nControllable State\nControlled and uncontrolled patterns\nTypeScript Support\nFully typed with comprehensive interfaces",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "cult-ui/Typewriter",
"at": "2026-10-25T10:55:47.300Z",
"identity": "Library implementation: cult-ui/Typewriter — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:2320dcd264e626db9a08f6636fd2598e188c217891b4bb67788d0b7c6b0973e9\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [],
"media": [],
"nodes": 15,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "iMessage\nToday 11:29\nHey!\nWhats up bretheren?!\n\nDelivered",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "cult-ui/Vote Tally",
"at": "2026-10-25T10:56:04.721Z",
"identity": "Library implementation: cult-ui/Vote Tally — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:74f605d675791348745872b08ec7ece3d4f4b9ce3cf78838b3a1e2deb1c266f5\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": "Vote",
"role": null,
"tag": "BUTTON",
"text": "203",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Vote",
"role": null,
"tag": "BUTTON",
"text": "156",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Remove vote",
"role": null,
"tag": "BUTTON",
"text": "142",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Vote",
"role": null,
"tag": "BUTTON",
"text": "89",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Vote",
"role": null,
"tag": "BUTTON",
"text": "67",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Vote",
"role": null,
"tag": "BUTTON",
"text": "12",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Vote",
"role": null,
"tag": "BUTTON",
"text": "8",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Vote",
"role": null,
"tag": "BUTTON",
"text": "24",
"value": ""
}
],
"media": [],
"nodes": 75,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "203\nAPI Access\nPublic API for third-party integrations\n156\nMobile App\nNative iOS and Android applications\n142\nDark Mode\nAdd system-wide dark mode support with automatic detection\n89\nKeyboard Shortcuts\nCustomizable keyboard shortcuts for power users\n67\nExport to PDF\nExport documents and reports as PDF files\nInline editing\n12\nBatch operations\n8\nAuto-save drafts\n24",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "cult-ui/Wizard Expandable",
"at": "2026-10-25T10:56:11.865Z",
"identity": "Library implementation: cult-ui/Wizard Expandable — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:98fc6ee0b360231b8020df43d5db2d3807cb699dc69e64119cd14ca368497c3f\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": "presentation",
"tag": "DIV",
"text": "1Account2Profile3Organization4Plan5Review",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "presentation",
"tag": "DIV",
"text": "1Account2Profile3Organization4Plan5Review",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Wizard steps",
"role": "tablist",
"tag": "DIV",
"text": "1Account2Profile3Organization4Plan5Review",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "tab",
"tag": "BUTTON",
"text": "1Account",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "tab",
"tag": "BUTTON",
"text": "2Profile",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "tab",
"tag": "BUTTON",
"text": "3Organization",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "tab",
"tag": "BUTTON",
"text": "4Plan",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "tab",
"tag": "BUTTON",
"text": "5Review",
"value": ""
}
],
"media": [],
"nodes": 36,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Validated wizard\n\nFive steps with footer navigation, canNavigateToStep, and onNavigateBlocked focusing the first invalid field. Profile step includes a hook demo button.\n\nSIGN UP\n1\nAccount\n2\nProfile\n3\nOrganization\n4\nPlan\n5\nReview",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "cult-ui/Youtube Video Player",
"at": "2026-10-25T10:56:19.805Z",
"identity": "Library implementation: cult-ui/Youtube Video Player — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:2c10251d04b0cc9e62145f8ecbc4147cb5684019992f960782ed5e9fe5247824\n\nOriginal demo assets (12)\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThe listed original demo assets are embedded as hash-pinned, unchanged bytes. Remote assets are snapshots, not live updates. Example links, fonts, other assets, network services and device APIs are not reproduced; unavailable resources remain visible errors.\nYouTube playback requires an external iframe, which this preview's CSP blocks. Player controls can be inspected, but the video cannot play here.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": "Play video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Maximize video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Play video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Maximize video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Play video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Maximize video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Play video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Maximize video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Play video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Maximize video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Play video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Maximize video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Play video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Maximize video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Play video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Maximize video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Play video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Maximize video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Play video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Maximize video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Play video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Maximize video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Play video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Maximize video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Play video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Maximize video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Play video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Maximize video",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
}
],
"media": [
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLUhQICAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA",
"tag": "IMG",
"width": 800
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAUDBBAQDxAQDhAPDQ8NDw0PDw0NDg0NDQ0NDQ0NDQ0PDQ0NDRANDQ0ODQ0NDRUNDhERExMTDQ0WGBYSGBASExIBBQUFCAcIDwkJDxUVEhUVGBUVGBUVFRUVFRcVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVF",
"tag": "IMG",
"width": 480
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAUDBAoJCBAJCQkJCQkJCQgQCQgQDgkIDgkJCQgICQkICQkIChERCAkRCQkIDRUOEBMSExMTCA4WGBYSGBASExIBBQUFCAcIDwkJDxINEA0SEhISEhISFRUVFRUVEhIVFRIVFRISFRIVEhUVFRUVEhUVFRISFRIVFRUVF",
"tag": "IMG",
"width": 480
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAUDBAoICAsKCQoKCgsLCggKCwoICwgJCAkICwgKCQsICAoIChANCgoPCggIDhYODhERExMTCA0WGBYSGBASExIBBQUFCAcIDgkJDhIPDw0SEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISE",
"tag": "IMG",
"width": 480
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAUDBAoKCggICAgICAgICAgICAgICAgICAgICAgICAgICAgIChANCAgOCQgIDRUNDhERExMTCA0WGBYSGBASExIBBQUFCAcIDwkJDxIPEA8SFRUSEhISEhUVEhUVFRUVFRUVFRISEhUVEhUVEhIVFRUVFRUVFRUVFRUVF",
"tag": "IMG",
"width": 480
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAUDBAoKCgoNCgoICAgICAgICAgICAgICAgICAgICAgICAgIChANCAgOCQgIDRUNDhERExMTCA0WGBYSGBASExIBBQUFCAcIDgkJDxIPDw8SEhISEhISEhISEhISEhISEhIVFRUSFRUSEhUSEhUSFRUVFRISFRISFRIVF",
"tag": "IMG",
"width": 480
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAUDBA0QDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDRANDQ0ODQ0IDRUNDhERExMTDQ0WGBYSGBASExIBBQUFCAcIDwkJDxIPDw8VEhISFRUSFRISEhISEhIVFRIVFRUVFRISFRUSEhUSFRIVFRYSFRUVFRUVF",
"tag": "IMG",
"width": 480
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAUDBAgJCQgICQgJCQgJCAgICAgJCAgGCAgHCAgGBwcHBwgHChALBwgaCQcHGCENGhERHx8fBwsgICAeIBweEx4BBQUFCAcIDQkJDRINDQ0SEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISE",
"tag": "IMG",
"width": 480
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2MBERISGBUYLxoaL2NCOEJjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY",
"tag": "IMG",
"width": 480
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY",
"tag": "IMG",
"width": 480
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2MBERISGBUYLxoaL2NCOEJjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY",
"tag": "IMG",
"width": 480
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAUDBAoKDQ0NDQ0ICA0ICAgICAgICAgICAgICAgICAgICAgIChANCAgOCggIDRUNDhERExMTCA0WGBYSGBASExIBBQUFCAcIDwkJDxUPDw8SFRUVFRUVFRUVFRUVFRUSEhUVFRUVFRUVFRUVFRUSFRUVFRUVFRUVFRUVF",
"tag": "IMG",
"width": 480
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAUDBAoKDQ0NDQ0ICA0ICAgICAgICAgICAgICAgICAgICAgIChANCAgOCggIDRUNDhERExMTCA0WGBYSGBASExIBBQUFCAcIDwkJDxUPDw8SFRUVFRUVFRUVFRUVFRUSEhUVFRUVFRUVFRUVFRUSFRUVFRUVFRUVFRUVF",
"tag": "IMG",
"width": 480
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAUDBAoKDQ0NDQ0ICA0ICAgICAgICAgICAgICAgICAgICAgIChANCAgOCggIDRUNDhERExMTCA0WGBYSGBASExIBBQUFCAcIDwkJDxUPDw8SFRUVFRUVFRUVFRUVFRUSEhUVFRUVFRUVFRUVFRUSFRUVFRUVFRUVFRUVF",
"tag": "IMG",
"width": 480
}
],
"nodes": 334,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "YouTube Video Player Examples\n\nA collection of YouTube video player examples showcasing different configurations and styling options.\n\nCustom Thumbnail\n\nPlayer with a custom thumbnail image instead of the default YouTube thumbnail.\n\nMe at the zoo - First YouTube Video\nCustom Styling\n\nPlayer with custom styling classes for different elements.\n\nDespacito - Luis Fonsi ft. Daddy Yankee\nMultiple Players\n\nA grid of multiple video players with different content.\n\nPSY - GANGNAM STYLE\nQueen – Bohemian Rhapsody\nSmash Mouth - All Star\nNirvana - Smells Like Teen Spirit\na-ha - Take On Me\nHappy - Pharrell Williams\nDifferent Sizes\n\nPlayers in different container sizes to show responsive behavior.\n\nSmall (300px)\nNyan Cat [original]\nMedium (500px)\nRickRoll'D\nLarge (800px)\nDarude - Sandstorm\nDifferent URL Formats\n\nThe player can handle different YouTube URL formats automatically.\n\nVideo ID: \"dQw4w9WgXcQ\"\nUsing Video ID\nFull URL: \"https://www.youtube.com/watch?v=dQw4w9WgXcQ\"\nUsing Full YouTube URL\nShort URL: \"https://youtu.be/dQw4w9WgXcQ\"\nUsing Short YouTube URL\nFeatures\n✨ Key Features\n• Expandable full-screen mode\n• Custom thumbnails support\n• Smooth animations with Framer Motion\n• Keyboard shortcuts (ESC to close)\n• Responsive design\n• Accessible controls\n• Multiple URL format support\n🎨 Customization\n• Fully customizable styling\n• Custom play button designs\n• Thumbnail overlay effects\n• Control button positioning\n• Container and backdrop styling\n• Title and text customization",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "shadcn-ui/Sidebar",
"at": "2026-10-25T10:56:31.303Z",
"identity": "Library implementation: shadcn-ui/Sidebar — shadcn/ui@base-nova (CLI 4.22.1), export default (official demo). Official documentation\n\nPinned upstream source · sha256:7f2247c45f47b32f6d4d97e57cb0c4de9d0f8b21b54944b15801ca30d78c8af9\n\nOriginal demo assets (1)\n\nReproduction limits\n\nUses the official shadcn example with actual base-nova components, lucide icons, neutral theme and CSS variables. Base-style demo import aliases select the installed base-nova files; other styles, locally edited copies, application data and callbacks are not reproduced.\nThe preview includes the official manual-install theme CSS. App-specific fonts and additional global styles are not imported.\nThe listed original demo assets are embedded as hash-pinned, unchanged bytes. Remote assets are snapshots, not live updates. Example links, fonts, other assets, network services and device APIs are not reproduced; unavailable resources remain visible errors.\nThe original Sidebar writes a cookie when toggled. This opaque sandbox blocks cookie persistence: it can collapse and expand, but reports the browser's cookie error. No storage emulation or broader sandbox permissions are applied.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": "false",
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Acme IncEnterprise",
"value": ""
},
{
"checked": false,
"expanded": "true",
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Playground",
"value": ""
},
{
"checked": false,
"expanded": "false",
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Models",
"value": ""
},
{
"checked": false,
"expanded": "false",
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Documentation",
"value": ""
},
{
"checked": false,
"expanded": "false",
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Settings",
"value": ""
},
{
"checked": false,
"expanded": "false",
"label": null,
"role": null,
"tag": "BUTTON",
"text": "More",
"value": ""
},
{
"checked": false,
"expanded": "false",
"label": null,
"role": null,
"tag": "BUTTON",
"text": "More",
"value": ""
},
{
"checked": false,
"expanded": "false",
"label": null,
"role": null,
"tag": "BUTTON",
"text": "More",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "More",
"value": ""
},
{
"checked": false,
"expanded": "false",
"label": null,
"role": null,
"tag": "BUTTON",
"text": "shadcnm@example.com",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Toggle Sidebar",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Toggle Sidebar",
"value": ""
}
],
"media": [
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wgARCAGQA",
"tag": "IMG",
"width": 400
}
],
"nodes": 148,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Acme Inc\nEnterprise\nPlatform\nPlayground\nHistory\nStarred\nSettings\nModels\nDocumentation\nSettings\nProjects\nDesign Engineering\nMore\nSales & Marketing\nMore\nTravel\nMore\nMore\nshadcn\nm@example.com\nToggle Sidebar",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "shadcn-ui/Avatar",
"at": "2026-10-25T10:56:40.040Z",
"identity": "Library implementation: shadcn-ui/Avatar — shadcn/ui@base-nova (CLI 4.22.1), export default (official demo). Official documentation\n\nPinned upstream source · sha256:dc6fa1fb5683a05ee47ffb9273d8eb0f6d48fbf864fd47179554d9c036529d3f\n\nOriginal demo assets (3)\n\nReproduction limits\n\nUses the official shadcn example with actual base-nova components, lucide icons, neutral theme and CSS variables. Base-style demo import aliases select the installed base-nova files; other styles, locally edited copies, application data and callbacks are not reproduced.\nThe preview includes the official manual-install theme CSS. App-specific fonts and additional global styles are not imported.\nThe listed original demo assets are embedded as hash-pinned, unchanged bytes. Remote assets are snapshots, not live updates. Example links, fonts, other assets, network services and device APIs are not reproduced; unavailable resources remain visible errors.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [],
"media": [
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/2wCEAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDIBCQkJDAsMGA0NGDIhHCEyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMv/AABEIAcwBzAMBI",
"tag": "IMG",
"width": 460
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcwAAAHMCAIAAADXuQ/RAAAkkUlEQVR4nOzdaXQUZb7HcbM2W4AkLBESQiIgAUQBBWVVBA4ii46iojBGYfSAgqLoDArDUUc8BxwcVhdERBCBgWEbYBCFAQkoSySAgJCwJSQEJPve6dQ9Y+44LixJdz39r6f6+3lxz7y4mF/966lfd1",
"tag": "IMG",
"width": 460
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/2wCEAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDIBCQkJDAsMGA0NGDIhHCEyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMv/AABEIAcwBzAMBI",
"tag": "IMG",
"width": 460
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZgAAAGYCAIAAADwWWMCAACAAElEQVR4nMx9T68tOZKXw85z7n1VVAmEBBIsBgnYjGbBYhBCYsmGj8mnYVggkGDBCAmxmRmagW666XrvnpOZDvRzRkTaTjv/3HuresL3nXeOMzL8PxwOh8PDv/2zv3LOMXnXByLSr46Z8T/7Oib9ee",
"tag": "IMG",
"width": 408
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcwAAAHMCAIAAADXuQ/RAAAkkUlEQVR4nOzdaXQUZb7HcbM2W4AkLBESQiIgAUQBBWVVBA4ii46iojBGYfSAgqLoDArDUUc8BxwcVhdERBCBgWEbYBCFAQkoSySAgJCwJSQEJPve6dQ9Y+44LixJdz39r6f6+3lxz7y4mF/966lfd1",
"tag": "IMG",
"width": 460
}
],
"nodes": 14,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "+3",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "shadcn-ui/Attachment",
"at": "2026-10-25T10:56:49.419Z",
"identity": "Library implementation: shadcn-ui/Attachment — shadcn/ui@base-nova (CLI 4.22.1), export AttachmentDemo (official demo). Official documentation\n\nPinned upstream source · sha256:886a4f3a222592a155c024ccac2d12d8ceb2b9d55aeaffec4de2288dc5f5e8a1\n\nOriginal demo assets (3)\n\nReproduction limits\n\nUses the official shadcn example with actual base-nova components, lucide icons, neutral theme and CSS variables. Base-style demo import aliases select the installed base-nova files; other styles, locally edited copies, application data and callbacks are not reproduced.\nThe preview includes the official manual-install theme CSS. App-specific fonts and additional global styles are not imported.\nThe listed original demo assets are embedded as hash-pinned, unchanged bytes. Remote assets are snapshots, not live updates. Example links, fonts, other assets, network services and device APIs are not reproduced; unavailable resources remain visible errors.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": "Loading",
"role": "status",
"tag": "svg",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Cancel upload",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Remove message-renderer.tsx",
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
}
],
"media": [
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLUhQICAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA",
"tag": "IMG",
"width": 900
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLUhQICAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA",
"tag": "IMG",
"width": 900
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLUhQICAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA",
"tag": "IMG",
"width": 900
}
],
"nodes": 47,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "workspace.png\nPNG · 820 KB\ndesk-reference.jpg\nJPG · 1.1 MB\noffice-reference.jpg\nJPG · 940 KB\nsales-dashboard.pdf\nUploading · 64%\nmessage-renderer.tsx\nTypeScript · 12 KB",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "shadcn-ui/Message",
"at": "2026-10-25T10:57:09.295Z",
"identity": "Library implementation: shadcn-ui/Message — shadcn/ui@base-nova (CLI 4.22.1), export MessageDemo (official demo). Official documentation\n\nPinned upstream source · sha256:8315225a962c921a7eef90d97fb9e8d6f1eafa93fb82dfb06cf6e97da37ae18c\n\nOriginal demo assets (2)\n\nReproduction limits\n\nUses the official shadcn example with actual base-nova components, lucide icons, neutral theme and CSS variables. Base-style demo import aliases select the installed base-nova files; other styles, locally edited copies, application data and callbacks are not reproduced.\nThe preview includes the official manual-install theme CSS. App-specific fonts and additional global styles are not imported.\nThe listed original demo assets are embedded as hash-pinned, unchanged bytes. Remote assets are snapshots, not live updates. Example links, fonts, other assets, network services and device APIs are not reproduced; unavailable resources remain visible errors.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": "status",
"tag": "DIV",
"text": "Oliver is typing...",
"value": ""
}
],
"media": [
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAkAAAAJABAMAAACXtMQFAAAAJFBMVEW/v78AAAD////g4OCAgIBAQEC7u7vPz8+JiYnv7+8PDw9dXV1mThoLAAAWVklEQVR42uzXsWrDMBCAYUMGz1qC5/PkrUiQNK/jgMlY6FA8ejGanUlv2xYKTmsbJ46Wnv7vEX7uTigDAAAAAA",
"tag": "IMG",
"width": 576
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASAAAAEgCAYAAAAUg66AAAAAAXNSR0IArs4c6QAAIABJREFUeJztnX1wG2V+x7+7epe8lhxahykmMeG4cO3UcZJyhfCmEAzXgcaGML20YbCd9Ia3QhyYngMdart0eg7tXEKYAu0dRIE0JdO5xk7uWtKkiZw2wFxLooS5a3JwRE64mY",
"tag": "IMG",
"width": 288
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAkAAAAJABAMAAACXtMQFAAAAJFBMVEW/v78AAAD////g4OCAgIBAQEC7u7vPz8+JiYnv7+8PDw9dXV1mThoLAAAWVklEQVR42uzXsWrDMBCAYUMGz1qC5/PkrUiQNK/jgMlY6FA8ejGanUlv2xYKTmsbJ46Wnv7vEX7uTigDAAAAAA",
"tag": "IMG",
"width": 576
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASAAAAEgCAYAAAAUg66AAAAAAXNSR0IArs4c6QAAIABJREFUeJztnX1wG2V+x7+7epe8lhxahykmMeG4cO3UcZJyhfCmEAzXgcaGML20YbCd9Ia3QhyYngMdart0eg7tXEKYAu0dRIE0JdO5xk7uWtKkiZw2wFxLooS5a3JwRE64mY",
"tag": "IMG",
"width": 288
}
],
"nodes": 38,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Deploying to prod real quick.\nIt's 4:55 PM. On a Friday.\nIt's a one-line change.\nDelivered\nIt's always a one-line change 😭.\nAlright, let me take a look.\n👍\nOliver is typing...",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "kibo-ui/Avatar Stack",
"at": "2026-10-25T10:57:13.814Z",
"identity": "Library implementation: kibo-ui/Avatar Stack — shadcnblocks/kibo@3d63cdb15b79, export default (official source). Official documentation\n\nPinned upstream source · sha256:6e853718605fb125024967894f92964e85a0d9fd6adb0ff8128743e9b26d5089\n\nOriginal demo assets (4)\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThe listed original demo assets are embedded as hash-pinned, unchanged bytes. Remote assets are snapshots, not live updates. Example links, fonts, other assets, network services and device APIs are not reproduced; unavailable resources remain visible errors.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [],
"media": [
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/2wCEAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDIBCQkJDAsMGA0NGDIhHCEyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMv/AABEIAcwBzAMBI",
"tag": "IMG",
"width": 460
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/2wCEAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDIBCQkJDAsMGA0NGDIhHCEyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMv/AABEIAcwBzAMBI",
"tag": "IMG",
"width": 460
},
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcwAAAHMCAIAAADXuQ/RAACAAElEQVR4nMx9S49kx3VmPbIq3/XoarLZVFMcQZCEWQ40wCxmNz/B/9OAF94bsL00IHshyDAtybREURb7UV2PfFRlVQ3UH/nx4zkRJ869WU0rFoWszHvjxo0b94vvfOfEicH/+B//Y3d3d2dnB38fHh",
"tag": "IMG",
"width": 460
},
{
"complete": true,
"src": "data:image/jpeg;base64,/9j/2wCEAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDIBCQkJDAsMGA0NGDIhHCEyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMv/AABEIAcwBzAMBI",
"tag": "IMG",
"width": 460
}
],
"nodes": 14,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "elevenlabs-ui/Orb",
"at": "2026-10-25T10:59:20.754Z",
"identity": "Library implementation: elevenlabs-ui/Orb — elevenlabs/ui@3a28ebab197f, export default (official source). Official documentation\n\nPinned upstream source · sha256:dc7fb0a82fa270e5a00f019aec479b00321798c77f66815c1332d138b15b12bb\n\nOriginal demo assets (1)\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThe listed original demo assets are embedded as hash-pinned, unchanged bytes. Remote assets are snapshots, not live updates. Example links, fonts, other assets, network services and device APIs are not reproduced; unavailable resources remain visible errors.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Idle",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Listening",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Talking",
"value": ""
}
],
"media": [],
"nodes": 32,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Agent Orbs\n\nInteractive orb visualization with agent states\n\nIdle\nListening\nTalking",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "reui/Data Grid",
"at": "2026-10-25T10:59:39.170Z",
"identity": "Library implementation: reui/Data Grid — keenthemes/reui@067aa0dc7f8b, export default (official source). Official documentation\n\nPinned upstream source · sha256:a5b8b5ca199187104752b168adb4169b2ca775a4fdb00a12aaf784c6f795ef8f\n\nOriginal demo assets (20)\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUses ReUI’s original default Lucide icon registry and actual lucide-react@1.17.0 icons. The application’s alternative icon-library customizer is unavailable; selecting another icon library reports an explicit error.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThe listed original demo assets are embedded as hash-pinned, unchanged bytes. Remote assets are snapshots, not live updates. Example links, fonts, other assets, network services and device APIs are not reproduced; unavailable resources remain visible errors.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": "presentation",
"tag": "DIV",
"text": "NameEmailLocationBalance ($)Sarah Chensarah@example.comUnited Kingdom$5243.03Nick Johnsonnick@exampl",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "presentation",
"tag": "DIV",
"text": "NameEmailLocationBalance ($)Sarah Chensarah@example.comUnited Kingdom$5243.03Nick Johnsonnick@exampl",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "presentation",
"tag": "DIV",
"text": "NameEmailLocationBalance ($)Sarah Chensarah@example.comUnited Kingdom$5243.03Nick Johnsonnick@exampl",
"value": ""
},
{
"checked": false,
"expanded": "false",
"label": "Rows per page",
"role": "combobox",
"tag": "BUTTON",
"text": "5▼",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"value": "5"
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Go to previous page",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Go to page 1",
"role": null,
"tag": "BUTTON",
"text": "1",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": "Go to page 2",
"role": null,
"tag": "BUTTON",
"text": "2",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Go to next page",
"value": ""
}
],
"media": [
{
"complete": true,
"src": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCAzMCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iNjAwIj48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGQ9Ik0wIDB2MzBoNjBWMHoiLz48L2NsaXBQYXRoPjxjbGlwUG",
"tag": "IMG",
"width": 1200
},
{
"complete": true,
"src": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MDAiIGhlaWdodD0iNjAwIj48cGF0aCBmaWxsPSIjQ0UxMTI2IiBkPSJNMCAwaDkwMHY2MDBIMCIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoNjAwdjYwMEgwIi8+PH",
"tag": "IMG",
"width": 900
},
{
"complete": true,
"src": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDk2MDAgNDgwMCI+PHBhdGggZmlsbD0icmVkIiBkPSJNMCAwaDI0MDBsOTkgOTloNDYwMmw5OS05OWgyNDAwdjQ4MD",
"tag": "IMG",
"width": 1200
},
{
"complete": true,
"src": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MDAiIGhlaWdodD0iNjAwIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDkwMHY2MDBIMHoiLz48Y2lyY2xlIGZpbGw9IiNiYzAwMmQiIGN4PSI0NTAiIGN5PSIzMDAiIH",
"tag": "IMG",
"width": 900
},
{
"complete": true,
"src": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTAwIiBoZWlnaHQ9IjEwMDAiIHZpZXdCb3g9IjAgMCAzIDIiPjxwYXRoIGZpbGw9IiMwMDkyNDYiIGQ9Ik0wIDBoM3YySDB6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTT",
"tag": "IMG",
"width": 1500
}
],
"nodes": 92,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Name\tEmail\tLocation\tBalance ($)\nSarah Chen\t\nsarah@example.com\n\t\nUnited Kingdom\n\t$5243.03\nNick Johnson\t\nnick@example.com\n\t\nFrance\n\t$5943.03\nMichael Rodriguez\t\nmichael@example.com\n\t\nCanada\n\t$5343.03\nMaria Garcia\t\nmaria@example.com\n\t\nJapan\n\t$5843.03\nLiam Thompson\t\nliam@example.com\n\t\nItaly\n\t$6043.03\nRows per page\n5\n1 - 5 of 10\nGo to previous page\n1\n2\nGo to next page",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "shadcn-ui/Sonner",
"at": "2026-10-25T10:59:53.090Z",
"identity": "Library implementation: shadcn-ui/Sonner — shadcn/ui@new-york-v4 (CLI 4.22.1), export default (official demo). Official documentation\n\nPinned upstream source · sha256:60ae5a415270c5f29bcf9eed7a4532cf7ff9bbaa74d32b6eb0d14d8de861539c\n\nReproduction limits\n\nUses the official shadcn example with actual new-york-v4 components, lucide icons, neutral theme and CSS variables. Base-style demo import aliases select the installed base-nova files; other styles, locally edited copies, application data and callbacks are not reproduced.\nExample links and asset paths belong to the upstream documentation. Their destinations and site-relative images are not supplied by your app; blocked resources are reported.\nThe preview includes the official manual-install theme CSS. App-specific fonts and additional global styles are not imported.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Show Toast",
"value": ""
}
],
"media": [],
"nodes": 2,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Show Toast",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "shadcn-ui/Dialog",
"at": "2026-10-25T11:00:04.851Z",
"identity": "Library implementation: shadcn-ui/Dialog — shadcn/ui@base-nova (CLI 4.22.1), export DialogDemo (official demo). Official documentation\n\nPinned upstream source · sha256:b9358bcfcfac2c2338c62355e68be377971d0b56c130f6d3641b61b77615dd2a\n\nReproduction limits\n\nUses the official shadcn example with actual base-nova components, lucide icons, neutral theme and CSS variables. Base-style demo import aliases select the installed base-nova files; other styles, locally edited copies, application data and callbacks are not reproduced.\nExample links and asset paths belong to the upstream documentation. Their destinations and site-relative images are not supplied by your app; blocked resources are reported.\nThe preview includes the official manual-install theme CSS. App-specific fonts and additional global styles are not imported.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": "false",
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Open Dialog",
"value": ""
}
],
"media": [],
"nodes": 2,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Open Dialog",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "intent-ui/Button",
"at": "2026-10-25T11:00:18.792Z",
"identity": "Library implementation: intent-ui/Button — irsyadadl/intentui@28ec90171b94, export default (official source). Official documentation\n\nPinned upstream source · sha256:a8adbcd0139de932fca0cf1ff0fe845172f573d9b17a79a40d727036a9138430\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Label",
"value": ""
}
],
"media": [],
"nodes": 2,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Label",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "cult-ui/Shader Lens Blur",
"at": "2026-10-25T11:00:43.293Z",
"identity": "Library implementation: cult-ui/Shader Lens Blur — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:60002af876127205ed94aa28819f3452bccbc2675cc20c86e5ee167914a426fb\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": "false",
"label": null,
"role": "combobox",
"tag": "BUTTON",
"text": "- Triangle",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "none",
"tag": "DIV",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": "false",
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": "false",
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": "false",
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": "false",
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "switch",
"tag": "BUTTON",
"text": "",
"value": "on"
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "switch",
"tag": "BUTTON",
"text": "",
"value": "on"
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "none",
"tag": "DIV",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "slider",
"tag": "SPAN",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": "slider",
"tag": "SPAN",
"text": "",
"value": ""
}
],
"media": [],
"nodes": 81,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Inverted mouse interaction using mouse or touch\nShader Configuration\nVariation\n- Triangle\nColors\ncolor1\ncolor2\ncolor3\ncolor4\nOptions\nEnable Hover\nInvert Mouse\nDimensions\nWidth\n100%px\nHeight\n400pxpx",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "cult-ui/Shift Card",
"at": "2026-10-25T11:00:51.554Z",
"identity": "Library implementation: cult-ui/Shift Card — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:8ec6f8ed69f392e08b025d0c3d538fcc64f3b332b0b1a062b44a1eeb3460bf83\n\nOriginal demo assets (1)\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThe listed original demo assets are embedded as hash-pinned, unchanged bytes. Remote assets are snapshots, not live updates. Example links, fonts, other assets, network services and device APIs are not reproduced; unavailable resources remain visible errors.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "TwitterPost on Twitter",
"value": ""
},
{
"checked": false,
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Loom Open in Loom ",
"value": ""
}
],
"media": [
{
"complete": true,
"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABPwAAAQ7CAYAAAAb0LD6AAABX2lDQ1BJQ0MgUHJvZmlsZQAAKJF1kM1LAlEUxc+UIpR9gbSKcBFBYCGTi7ZmYIULmwqrTYyjjYGOj5mRaNeqZSupdu2i/8BNRG1bBYFFiyiCcNVGcFPyum+sRoseXM6Pw73vnXeBLr/KWN4DoGDYph",
"tag": "IMG",
"width": 1276
}
],
"nodes": 40,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Screen Capture\n\nShare your work\n\nShare your image to build that audience. Inspired by @mrncst\nPost on Twitter\nOpen in Loom",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "cult-ui/Side Panel",
"at": "2026-10-25T11:01:03.543Z",
"identity": "Library implementation: cult-ui/Side Panel — nolly-studio/cult-ui@7f031dc812f7, export default (official source). Official documentation\n\nPinned upstream source · sha256:a82fa6a78d6191f2458c982da314b5a299f983e5be19b27cecff1520da29df65\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThe original example embeds a YouTube video through ReactPlayer. Its remote player SDK and iframe are blocked by this preview's CSP, so the panel can be inspected but the video cannot play here.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"controls": [],
"media": [],
"nodes": 0,
"status": [
{
"hidden": false,
"text": "Use literal browser imports; computed and source/defer imports are unsupported"
}
],
"text": "Use literal browser imports; computed and source/defer imports are unsupported",
"phase": "after-final-build-65-groups-181-assets"
}
],
"packageAdapters": [
{
"id": "react-aria/Breadcrumbs",
"at": "2026-10-25T10:13:14.213Z",
"controls": [
{
"checked": false,
"expanded": null,
"role": "link",
"tag": "SPAN",
"text": "Current page",
"value": ""
}
],
"nodes": 6,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Home\nCurrent page"
},
{
"id": "react-aria/GridList",
"at": "2026-10-25T10:13:46.480Z",
"controls": [
{
"checked": false,
"expanded": null,
"role": "grid",
"tag": "DIV",
"text": "First itemSecond item",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "row",
"tag": "DIV",
"text": "First item",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "gridcell",
"tag": "DIV",
"text": "First item",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "row",
"tag": "DIV",
"text": "Second item",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "gridcell",
"tag": "DIV",
"text": "Second item",
"value": ""
}
],
"nodes": 8,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "First item\nSecond item"
},
{
"id": "react-aria/ListBox",
"at": "2026-10-25T10:14:20.570Z",
"controls": [
{
"checked": false,
"expanded": null,
"role": "listbox",
"tag": "DIV",
"text": "ApplePearOrange",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "option",
"tag": "DIV",
"text": "Apple",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "option",
"tag": "DIV",
"text": "Pear",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "option",
"tag": "DIV",
"text": "Orange",
"value": ""
}
],
"nodes": 7,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Apple\nPear\nOrange"
},
{
"id": "react-aria/Select",
"at": "2026-10-25T10:14:41.464Z",
"controls": [
{
"checked": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Select an item",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "SELECT",
"text": " ApplePear",
"value": ""
}
],
"nodes": 11,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "FruitSelect an item\n \nApple\nPear"
},
{
"id": "react-aria/Table",
"at": "2026-10-25T10:14:50.835Z",
"controls": [
{
"checked": false,
"expanded": null,
"role": "grid",
"tag": "TABLE",
"text": "NameRoleAlexDesignerSamDeveloper",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "rowgroup",
"tag": "THEAD",
"text": "NameRole",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "row",
"tag": "TR",
"text": "NameRole",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "columnheader",
"tag": "TH",
"text": "Name",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "columnheader",
"tag": "TH",
"text": "Role",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "rowgroup",
"tag": "TBODY",
"text": "AlexDesignerSamDeveloper",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "row",
"tag": "TR",
"text": "AlexDesigner",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "rowheader",
"tag": "TD",
"text": "Alex",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "gridcell",
"tag": "TD",
"text": "Designer",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "row",
"tag": "TR",
"text": "SamDeveloper",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "rowheader",
"tag": "TD",
"text": "Sam",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "gridcell",
"tag": "TD",
"text": "Developer",
"value": ""
}
],
"nodes": 15,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Name\tRole\nAlex\tDesigner\nSam\tDeveloper"
},
{
"id": "react-aria/Tabs",
"at": "2026-10-25T10:15:01.167Z",
"controls": [
{
"checked": false,
"expanded": null,
"role": "tablist",
"tag": "DIV",
"text": "OverviewDetails",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "tab",
"tag": "DIV",
"text": "Overview",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "tab",
"tag": "DIV",
"text": "Details",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "tabpanel",
"tag": "DIV",
"text": "Overview content",
"value": ""
}
],
"nodes": 6,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Overview\nDetails\nOverview content"
},
{
"id": "tween-ui/Sliding Tabs",
"at": "2026-10-25T10:15:11.914Z",
"controls": [
{
"checked": false,
"expanded": null,
"role": "tablist",
"tag": "DIV",
"text": "OverviewDetails",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "tab",
"tag": "DIV",
"text": "Overview",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "tab",
"tag": "DIV",
"text": "Details",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "tabpanel",
"tag": "DIV",
"text": "Details content",
"value": ""
}
],
"nodes": 6,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Overview\nDetails\nDetails content",
"invalidated": true,
"evidenceNote": "Stale previous React Aria Tabs iframe read while the requested component was still loading. Excluded from component coverage; the later Sliding Tabs row with 8 nodes is the valid observation."
},
{
"id": "tween-ui/Integration Hub",
"at": "2026-10-25T10:15:54.988Z",
"controls": [],
"nodes": 67,
"status": [
{
"hidden": false,
"text": "An upstream image or media asset could not load. This preview cannot fully reproduce it."
}
],
"text": "An upstream image or media asset could not load. This preview cannot fully reproduce it.\n\nOne hub for every integration\n\nConnect Notion, Zoom, Stripe, and the rest of your stack without leaving your product."
},
{
"id": "tween-ui/Sliding Tabs",
"at": "2026-10-25T10:16:21.302Z",
"controls": [
{
"checked": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Home",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "About",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Service",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Projects",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Team",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Blog",
"value": ""
}
],
"nodes": 8,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "Home\nAbout\nService\nProjects\nTeam\nBlog"
},
{
"id": "hextaui/Data Table",
"at": "2026-10-25T10:16:35.075Z",
"controls": [
{
"checked": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "View",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "checkbox",
"tag": "SPAN",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"value": "on"
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Email",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Status",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Date",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Amount",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "checkbox",
"tag": "SPAN",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"value": "on"
},
{
"checked": false,
"expanded": null,
"role": "checkbox",
"tag": "SPAN",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"value": "on"
},
{
"checked": false,
"expanded": null,
"role": "checkbox",
"tag": "SPAN",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"value": "on"
},
{
"checked": false,
"expanded": null,
"role": "checkbox",
"tag": "SPAN",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"value": "on"
},
{
"checked": false,
"expanded": null,
"role": "checkbox",
"tag": "SPAN",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"value": "on"
},
{
"checked": false,
"expanded": null,
"role": "checkbox",
"tag": "SPAN",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"value": "on"
},
{
"checked": false,
"expanded": null,
"role": "checkbox",
"tag": "SPAN",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"value": "on"
},
{
"checked": false,
"expanded": null,
"role": "checkbox",
"tag": "SPAN",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"value": "on"
},
{
"checked": false,
"expanded": null,
"role": "checkbox",
"tag": "SPAN",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"value": "on"
},
{
"checked": false,
"expanded": null,
"role": "checkbox",
"tag": "SPAN",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"value": "on"
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "SELECT",
"text": "102050100",
"value": "10"
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "",
"value": ""
},
{
"checked": false,
"expanded": null,
"role": "status",
"tag": "SPAN",
"text": "",
"value": ""
}
],
"nodes": 220,
"status": [
{
"hidden": true,
"text": "Rendering…"
}
],
"text": "View\n\t\nEmail\n\t\nStatus\n\tMethod\tCountry\t\nDate\n\t\nAmount\n\n\n\tolivia.1@example.com\t\nPaid\n\tCard\tUnited States\t2026-01-01\t$5.00\n\n\tjackson.1@example.com\t\nPending\n\tPayPal\tJapan\t2026-02-02\t$84.20\n\n\tisabella.1@example.com\t\nFailed\n\tBank\tGermany\t2026-03-03\t$163.40\n\n\twilliam.1@example.com\t\nPaid\n\tApple Pay\tBrazil\t2026-04-04\t$242.60\n\n\tsofia.1@example.com\t\nPending\n\tCard\tIndia\t2026-05-05\t$321.80\n\n\tliam.1@example.com\t\nFailed\n\tPayPal\tUnited States\t2026-06-06\t$401.00\n\n\tolivia.2@example.com\t\nPaid\n\tBank\tJapan\t2026-07-07\t$480.10\n\n\tjackson.2@example.com\t\nPending\n\tApple Pay\tGermany\t2026-08-08\t$559.30\n\n\tisabella.2@example.com\t\nFailed\n\tCard\tBrazil\t2026-09-09\t$638.50\n\n\twilliam.2@example.com\t\nPaid\n\tPayPal\tIndia\t2026-01-10\t$717.70\n0 of 42 rows selected\nRows per page\n10\n20\n50\n100\nPage 1 of 5"
}
],
"closingPass": [
{
"id": "reui/Gantt",
"dom": [
{
"canvases": 0,
"controls": [
{
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Today",
"type": "button",
"value": ""
},
{
"expanded": "false",
"label": "Select view",
"role": null,
"tag": "BUTTON",
"text": "Month",
"type": "button",
"value": ""
},
{
"expanded": null,
"label": "Previous",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button",
"value": ""
},
{
"expanded": null,
"label": "Next",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button",
"value": ""
},
{
"expanded": "false",
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Settings",
"type": "button",
"value": ""
},
{
"expanded": null,
"label": null,
"role": "presentation",
"tag": "DIV",
"text": "Resources\nPlanning\nProject brief\nScope review\nDesign\nWireframes\nVisual design\nBuild\nFrontend\nBackend",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": "presentation",
"tag": "DIV",
"text": "Resources\nPlanning\nProject brief\nScope review\nDesign\nWireframes\nVisual design\nBuild\nFrontend\nBackend",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": "presentation",
"tag": "DIV",
"text": "Resources\nPlanning\nProject brief\nScope review\nDesign\nWireframes\nVisual design\nBuild\nFrontend\nBackend",
"type": null,
"value": ""
},
{
"expanded": "true",
"label": "Planning",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button",
"value": ""
},
{
"expanded": null,
"label": "Project brief",
"role": "checkbox",
"tag": "SPAN",
"text": "",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
},
{
"expanded": null,
"label": "Scope review",
"role": "checkbox",
"tag": "SPAN",
"text": "",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
},
{
"expanded": "true",
"label": "Design",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button",
"value": ""
},
{
"expanded": null,
"label": "Wireframes",
"role": "checkbox",
"tag": "SPAN",
"text": "",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
},
{
"expanded": null,
"label": "Visual design",
"role": "checkbox",
"tag": "SPAN",
"text": "",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
},
{
"expanded": "true",
"label": "Build",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button",
"value": ""
},
{
"expanded": null,
"label": "Frontend",
"role": "checkbox",
"tag": "SPAN",
"text": "",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
},
{
"expanded": null,
"label": "Backend",
"role": "checkbox",
"tag": "SPAN",
"text": "",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
},
{
"expanded": null,
"label": "QA pass",
"role": "checkbox",
"tag": "SPAN",
"text": "",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
},
{
"expanded": null,
"label": "Release prep",
"role": "checkbox",
"tag": "SPAN",
"text": "",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
},
{
"expanded": "true",
"label": "Launch",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button",
"value": ""
},
{
"expanded": null,
"label": "Docs",
"role": "checkbox",
"tag": "SPAN",
"text": "",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
},
{
"expanded": null,
"label": "Marketing site",
"role": "checkbox",
"tag": "SPAN",
"text": "",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
}
],
"elements": 740,
"images": [],
"media": [],
"text": "Today\nMonth\nOctober 2026\nSettings\nResources\nPlanning\nProject brief\nScope review\nDesign\nWireframes\nVisual design\nBuild\nFrontend\nBackend\nQA pass\nRelease prep\nLaunch\nDocs\nMarketing site\nAnnouncement\nW36 Aug 30 - 5\nW37 Sep 6 - 12\nW38 Sep 13 - 19\nW39 Sep 20 - 26\nW40 Sep 27 - 3\nW41 Oct 4 - 10\nW42 Oct 11 - 17\nW43 Oct 18 - 24\nW44 Oct 25 - 31\nW45 Nov 1 - 7\nW46 Nov 8 - 14\nW47 Nov 15 - 21\nW48 Nov 22 - 28\nW49 Nov 29 - 5\nTue 1\nWed 2\nThu 3\nFri 4\nSat 5\nSun 6\nMon 7\nTue 8\nWed 9\nThu 10\nFri 11\nSat 12\nSun 13\nMon 14\nTue 15\nWed 16\nThu 17\nFri 18\nSat 19\nSun 20\nMon 21\nTue 22\nWed 23\nThu 24\nFri 25\nSat 26\nSun 27\nMon 28\nTue 29\nWed 30\nThu 1\nFri 2\nSat 3\nSun 4\nMon 5\nTue 6\nWed 7\nThu 8\nFri 9\nSat 10\nSun 11\nMon 12\nTue 13\nWed 14\nThu 15\nFri 16\nSat 17\nSun 18\nMon 19\nTue 20\nWed 21\nThu 22\nFri 23\nSat 24\nSun 25\nMon 26\nTue 27\nWed 28\nThu 29\nFri 30\nSat 31\nSun 1\nMon 2\nTue 3\nWed 4\nThu 5\nFri 6\nSat 7\nSun 8\nMon 9\nTue 10\nWed 11\nThu 12\nFri 13\nSat 14\nSun 15\nMon 16\nTue 17\nWed 18\nThu 19\nFri 20\nSat 21\nSun 22\nMon 23\nTue 24\nWed 25\nThu 26\nFri 27\nSat 28\nSun 29\nMon 30"
}
],
"status": "Rendering…",
"statusVisible": false,
"identity": "Library implementation: reui/Gantt — keenthemes/reui@067aa0dc7f8b, export default (official source). Official documentation\n\nPinned upstream source · sha256:8bced9b95d94cea179b7c1d4b042c0723764bb27a5ebd9a1b3eec1b1a697f5d1\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses ReUI’s original default Lucide icon registry and actual lucide-react@1.17.0 icons. The application’s alternative icon-library customizer is unavailable; selecting another icon library reports an explicit error.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"at": "2026-10-25T11:06:56.327Z",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "magic-ui/Bento Grid",
"dom": [
{
"canvases": 0,
"controls": [
{
"expanded": null,
"label": "Go to the Previous Month",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button",
"value": ""
},
{
"expanded": null,
"label": "Go to the Next Month",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button",
"value": ""
},
{
"expanded": null,
"label": null,
"role": "status",
"tag": "SPAN",
"text": "October 2026",
"type": null,
"value": ""
},
{
"expanded": null,
"label": "October 2026",
"role": "grid",
"tag": "TABLE",
"text": "Su\nMo\nTu\nWe\nTh\nFr\nSa\n27\n28\n29\n30\n1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n2",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": "gridcell",
"tag": "TD",
"text": "27",
"type": null,
"value": ""
},
{
"expanded": null,
"label": "Sunday, September 27th, 2026",
"role": null,
"tag": "BUTTON",
"text": "27",
"type": "button",
"value": ""
},
{
"expanded": null,
"label": null,
"role": "gridcell",
"tag": "TD",
"text": "28",
"type": null,
"value": ""
},
{
"expanded": null,
"label": "Monday, September 28th, 2026",
"role": null,
"tag": "BUTTON",
"text": "28",
"type": "button",
"value": ""
},
{
"expanded": null,
"label": null,
"role": "gridcell",
"tag": "TD",
"text": "29",
"type": null,
"value": ""
},
{
"expanded": null,
"label": "Tuesday, September 29th, 2026",
"role": null,
"tag": "BUTTON",
"text": "29",
"type": "button",
"value": ""
},
{
"expanded": null,
"label": null,
"role": "gridcell",
"tag": "TD",
"text": "30",
"type": null,
"value": ""
},
{
"expanded": null,
"label": "Wednesday, September 30th, 2026",
"role": null,
"tag": "BUTTON",
"text": "30",
"type": "button",
"value": ""
},
{
"expanded": null,
"label": null,
"role": "gridcell",
"tag": "TD",
"text": "1",
"type": null,
"value": ""
},
{
"expanded": null,
"label": "Thursday, October 1st, 2026",
"role": null,
"tag": "BUTTON",
"text": "1",
"type": "button",
"value": ""
},
{
"expanded": null,
"label": null,
"role": "gridcell",
"tag": "TD",
"text": "2",
"type": null,
"value": ""
},
{
"expanded": null,
"label": "Friday, October 2nd, 2026",
"role": null,
"tag": "BUTTON",
"text": "2",
"type": "button",
"value": ""
},
{
"expanded": null,
"label": null,
"role": "gridcell",
"tag": "TD",
"text": "3",
"type": null,
"value": ""
},
{
"expanded": null,
"label": "Saturday, October 3rd, 2026",
"role": null,
"tag": "BUTTON",
"text": "3",
"type": "button",
"value": ""
},
{
"expanded": null,
"label": null,
"role": "gridcell",
"tag": "TD",
"text": "4",
"type": null,
"value": ""
},
{
"expanded": null,
"label": "Sunday, October 4th, 2026",
"role": null,
"tag": "BUTTON",
"text": "4",
"type": "button",
"value": ""
},
{
"expanded": null,
"label": null,
"role": "gridcell",
"tag": "TD",
"text": "5",
"type": null,
"value": ""
},
{
"expanded": null,
"label": "Monday, October 5th, 2026",
"role": null,
"tag": "BUTTON",
"text": "5",
"type": "button",
"value": ""
},
{
"expanded": null,
"label": null,
"role": "gridcell",
"tag": "TD",
"text": "6",
"type": null,
"value": ""
},
{
"expanded": null,
"label": "Tuesday, October 6th, 2026",
"role": null,
"tag": "BUTTON",
"text": "6",
"type": "button",
"value": ""
},
{
"expanded": null,
"label": null,
"role": "gridcell",
"tag": "TD",
"text": "7",
"type": null,
"value": ""
},
{
"expanded": null,
"label": "Wednesday, October 7th, 2026",
"role": null,
"tag": "BUTTON",
"text": "7",
"type": "button",
"value": ""
},
{
"expanded": null,
"label": null,
"role": "gridcell",
"tag": "TD",
"text": "8",
"type": null,
"value": ""
},
{
"expanded": null,
"label": "Thursday, October 8th, 2026",
"role": null,
"tag": "BUTTON",
"text": "8",
"type": "button",
"value": ""
},
{
"expanded": null,
"label": null,
"role": "gridcell",
"tag": "TD",
"text": "9",
"type": null,
"value": ""
},
{
"expanded": null,
"label": "Friday, October 9th, 2026",
"role": null,
"tag": "BUTTON",
"text": "9",
"type": "button",
"value": ""
},
{
"expanded": null,
"label": null,
"role": "gridcell",
"tag": "TD",
"text": "10",
"type": null,
"value": ""
},
{
"expanded": null,
"label": "Saturday, October 10th, 2026",
"role": null,
"tag": "BUTTON",
"text": "10",
"type": "button",
"value": ""
}
],
"elements": 809,
"images": [],
"media": [],
"text": "bitcoin.pdf\nBitcoin is a cryptocurrency invented in 2008 by an unknown person or group of people using the name Satoshi Nakamoto.\nfinances.xlsx\nA spreadsheet or worksheet is a file made of rows and columns that help sort data, arrange data easily, and calculate numerical data.\nlogo.svg\nScalable Vector Graphics is an Extensible Markup Language-based vector image format for two-dimensional graphics with support for interactivity and animation.\nkeys.gpg\nGPG keys are used to encrypt and decrypt email, files, directories, and whole disk partitions and to authenticate messages.\nseed.txt\nA seed phrase, seed recovery phrase or backup seed phrase is a list of words which store all the information needed to recover Bitcoin funds on-chain.\nbitcoin.pdf\nBitcoin is a cryptocurrency invented in 2008 by an unknown person or group of people using the name Satoshi Nakamoto.\nfinances.xlsx\nA spreadsheet or worksheet is a file made of rows and columns that help sort data, arrange data easily, and calculate numerical data.\nlogo.svg\nScalable Vector Graphics is an Extensible Markup Language-based vector image format for two-dimensional graphics with support for interactivity and animation.\nkeys.gpg\nGPG keys are used to encrypt and decrypt email, files, directories, and whole disk partitions and to authenticate messages.\nseed.txt\nA seed phrase, seed recovery phrase or backup seed phrase is a list of words which store all the information needed to recover Bitcoin funds on-chain.\nbitcoin.pdf\nBitcoin is a cryptocurrency invented in 2008 by an unknown person or group of people using the name Satoshi Na"
}
],
"status": "Rendering…",
"statusVisible": false,
"identity": "Library implementation: magic-ui/Bento Grid — magicuidesign/magicui@efe76fc5755e, export default (official source). Official documentation\n\nPinned upstream source · sha256:cf57025f416c7ffa9f11086280b485c87972cdd9126d9ba31aab7eb3e9f00d42\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"at": "2026-10-25T11:07:50.013Z",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "magic-ui/Code Comparison",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 21,
"images": [],
"media": [],
"text": "middleware.ts\nbefore\nimport { NextRequest } from 'next/server';\n\nexport const middleware = async (req: NextRequest) => {\n let user = undefined;\n let team = undefined;\n const token = req.headers.get('token'); \n\n if(req.nextUrl.pathname.startsWith('/auth')) {\n user = await getUserByToken(token);\n\n if(!user) {\n return NextResponse.redirect('/login');\n }\n }\n\n if(req.nextUrl.pathname.startsWith('/team')) {\n user = await getUserByToken(token);\n\n if(!user) {\n return NextResponse.redirect('/login');\n }\n\n const slug = req.nextUrl.query.slug;\n team = await getTeamBySlug(slug); // [!code highlight]\n\n if(!team) { // [!code highlight]\n return NextResponse.redirect('/'); // [!code highlight]\n } // [!code highlight]\n } // [!code highlight]\n\n return NextResponse.next(); // [!code highlight]\n}\n\nexport const config = {\n matcher: ['/((?!_next/|_static|_vercel|[\\w-]+\\.\\w+).*)'], // [!code highlight]\n};\nmiddleware.ts\nafter\nimport { createMiddleware, type MiddlewareFunctionProps } from '@app/(auth)/auth/_middleware';\nimport { auth } from '@/app/(auth)/auth/_middleware'; // [!code --]\nimport { auth } from '@/app/(auth)/auth/_middleware'; // [!code ++]\nimport { team } from '@/app/(team)/team/_middleware';\n\nconst middlewares = {\n '/auth{/:path?}': auth,\n '/team{/:slug?}': [ auth, team ],\n};\n\nexport const middleware = createMiddleware(middlewares); // [!code focus]\n\nexport const config = {\n matcher: ['/((?!_next/|_static|_vercel|[\\w-]+\\.\\w+).*)'],\n};\nVS"
}
],
"status": "Rendering…",
"statusVisible": false,
"identity": "Library implementation: magic-ui/Code Comparison — magicuidesign/magicui@efe76fc5755e, export default (official source). Official documentation\n\nPinned upstream source · sha256:0b3bbbf79c3c87a8377e1abf67c2b70a5665910469635f5ce9c1829d1e3167e4\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"at": "2026-10-25T11:08:04.693Z",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "tween-ui/Integration Hub",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 67,
"images": [
{
"complete": true,
"src": "data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMjZBNUU0IiByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbn",
"width": 150
},
{
"complete": true,
"src": "data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNDI4NUY0IiByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbn",
"width": 150
},
{
"complete": true,
"src": "data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbn",
"width": 150
},
{
"complete": true,
"src": "data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbn",
"width": 150
},
{
"complete": true,
"src": "data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkY0NTAwIiByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbn",
"width": 150
},
{
"complete": true,
"src": "data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNjM1QkZGIiByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbn",
"width": 150
},
{
"complete": true,
"src": "data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMkQ4Q0ZGIiByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbn",
"width": 150
}
],
"media": [],
"text": "One hub for every integration\n\nConnect Notion, Zoom, Stripe, and the rest of your stack without leaving your product."
}
],
"status": "Rendering…",
"statusVisible": false,
"identity": "Library implementation: tween-ui/Integration Hub — StaticMania/tween-ui@11b68c10f240, export default (official source). Official documentation\n\nPinned upstream source · sha256:3b643e0f5a65fb43e1ef4cc7297dcb347ec77cd192b627ed38aa3d01c4f51260\n\nOriginal demo assets (7)\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nThe upstream theme imports external stylesheets: https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap. These remain subject to the client's unchanged CSP; blocked fonts/styles cannot be reproduced and are reported as preview errors.\nThe listed original demo assets are embedded as hash-pinned, unchanged bytes. Remote assets are snapshots, not live updates. Example links, fonts, other assets, network services and device APIs are not reproduced; unavailable resources remain visible errors.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"at": "2026-10-25T11:08:22.183Z",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "elevenlabs-ui/Audio Player",
"dom": [
{
"canvases": 0,
"controls": [
{
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "1\nII - 00",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "2\nII - 01",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "3\nII - 02",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "4\nII - 03",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "5\nII - 04",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "6\nII - 05",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "7\nII - 06",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "8\nII - 07",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "9\nII - 08",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "10\nII - 09",
"type": null,
"value": ""
},
{
"expanded": null,
"label": "Play",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button",
"value": ""
},
{
"expanded": null,
"label": null,
"role": "slider",
"tag": "SPAN",
"text": "",
"type": null,
"value": ""
},
{
"expanded": "false",
"label": "Playback speed",
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button",
"value": ""
}
],
"elements": 111,
"images": [],
"media": [
{
"currentTime": 0,
"paused": true,
"readyState": 0,
"tag": "AUDIO",
"width": 0
}
],
"text": "1\nII - 00\n2\nII - 01\n3\nII - 02\n4\nII - 03\n5\nII - 04\n6\nII - 05\n7\nII - 06\n8\nII - 07\n9\nII - 08\n10\nII - 09\nNo track selected\n0:00\n--:--"
}
],
"status": "Rendering…",
"statusVisible": false,
"identity": "Library implementation: elevenlabs-ui/Audio Player — elevenlabs/ui@3a28ebab197f, export default (official source). Official documentation\n\nPinned upstream source · sha256:99fa2a0879f3b6239d6f9ab9c7ffc07750cff06dc22ef1a5729547e8d892573d\n\nOriginal demo assets (3)\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThe listed original demo assets are embedded as hash-pinned, unchanged bytes. Remote assets are snapshots, not live updates. Example links, fonts, other assets, network services and device APIs are not reproduced; unavailable resources remain visible errors.\nThree original sample tracks fit the preview asset budget and are embedded unchanged. Seven tracks exceed the 2,000,000-byte per-file limit and cannot play under this CSP; they are not shortened, transcoded or replaced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"at": "2026-10-25T11:08:50.189Z",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "magic-ui/Interactive Hover Button",
"dom": [
{
"canvases": 0,
"controls": [
{
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Hover Me\nHover Me",
"type": null,
"value": ""
}
],
"elements": 10,
"images": [],
"media": [],
"text": "Hover Me\nHover Me"
}
],
"status": "Rendering…",
"statusVisible": false,
"identity": "Library implementation: magic-ui/Interactive Hover Button — magicuidesign/magicui@efe76fc5755e, export default (official source). Official documentation\n\nPinned upstream source · sha256:b961eb54d735195abd0de5ce1c084c12380b2297c664e75ea61b88c892407b46\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"at": "2026-10-25T11:10:20.032Z",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "magic-ui/Tweet Card",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 3,
"images": [],
"media": [],
"text": "Tweet not found"
}
],
"status": "Preview resource blocked by CSP: connect-src",
"statusVisible": true,
"identity": "Library implementation: magic-ui/Tweet Card — magicuidesign/magicui@efe76fc5755e, export default (official source). Official documentation\n\nPinned upstream source · sha256:163f83fd0e506dc5c37c40a38103b9ea4f14a2cc28435e2df1005da462c0fee0\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThe original example requests live tweet data. CSP blocks that network request, so its tweet content and media cannot be reproduced here.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"at": "2026-10-25T11:10:27.677Z",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "kibo-ui/Announcement",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 7,
"images": [],
"media": [],
"text": "Latest update\nNew feature added"
}
],
"status": "Rendering…",
"statusVisible": false,
"identity": "Library implementation: kibo-ui/Announcement — shadcnblocks/kibo@3d63cdb15b79, export default (official source). Official documentation\n\nPinned upstream source · sha256:31e6789c41b27e6d52c8afe12404965a4c12cc2fe25bdb0bc37ea262f922ac6f\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"at": "2026-10-25T11:10:35.058Z",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "kibo-ui/Banner",
"dom": [
{
"canvases": 0,
"controls": [
{
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Learn more",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"type": null,
"value": ""
}
],
"elements": 13,
"images": [],
"media": [],
"text": "Important message\n\nLearn more"
}
],
"status": "Rendering…",
"statusVisible": false,
"identity": "Library implementation: kibo-ui/Banner — shadcnblocks/kibo@3d63cdb15b79, export default (official source). Official documentation\n\nPinned upstream source · sha256:04578e83c3e144691fcdc7f1028d3d08f77f9944fbe12bcb61f0c13abe6ce3c9\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"at": "2026-10-25T11:11:58.237Z",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "kibo-ui/Calendar",
"dom": [
{
"canvases": 0,
"controls": [
{
"expanded": "false",
"label": null,
"role": null,
"tag": "BUTTON",
"text": "October",
"type": "button",
"value": ""
},
{
"expanded": "false",
"label": null,
"role": null,
"tag": "BUTTON",
"text": "2026",
"type": "button",
"value": ""
},
{
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"type": null,
"value": ""
}
],
"elements": 129,
"images": [],
"media": [],
"text": "October\n2026\nSun\nMon\nTue\nWed\nThu\nFri\nSat\n27\n28\n29\n30\n1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31"
}
],
"status": "Rendering…",
"statusVisible": false,
"identity": "Library implementation: kibo-ui/Calendar — shadcnblocks/kibo@3d63cdb15b79, export default (official source). Official documentation\n\nPinned upstream source · sha256:c47eaaae0410ad414f247ab903c1cd0d3ef545166220cfa26caa9af569d2ac90\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"at": "2026-10-25T11:12:23.595Z",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "kibo-ui/Choicebox",
"dom": [
{
"canvases": 0,
"controls": [
{
"expanded": null,
"label": null,
"role": "radiogroup",
"tag": "DIV",
"text": "Option 1\n(the first option)\n\nThis is the first option\n\nOption 2\n(the second option)\n\nThis is the sec",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": "group",
"tag": "DIV",
"text": "Option 1\n(the first option)\n\nThis is the first option",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": "radio",
"tag": "BUTTON",
"text": "",
"type": "button",
"value": "1"
},
{
"expanded": null,
"label": null,
"role": "group",
"tag": "DIV",
"text": "Option 2\n(the second option)\n\nThis is the second option",
"type": null,
"value": ""
},
{
"expanded": null,
"label": null,
"role": "radio",
"tag": "BUTTON",
"text": "",
"type": "button",
"value": "2"
}
],
"elements": 19,
"images": [],
"media": [],
"text": "Option 1\n(the first option)\n\nThis is the first option\n\nOption 2\n(the second option)\n\nThis is the second option"
}
],
"status": "Rendering…",
"statusVisible": false,
"identity": "Library implementation: kibo-ui/Choicebox — shadcnblocks/kibo@3d63cdb15b79, export default (official source). Official documentation\n\nPinned upstream source · sha256:7924a32bc1b27228e3b68fb3d143c034c3a05aec801840bd82d6010afe8af866\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"at": "2026-10-25T11:12:31.602Z",
"phase": "after-final-build-65-groups-181-assets"
},
{
"id": "kibo-ui/Color Picker",
"statusVisible": false,
"status": "Rendering…",
"dom": [
{
"canvases": 0,
"controls": [
{
"expanded": null,
"label": null,
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button",
"value": ""
},
{
"expanded": "false",
"label": null,
"role": "combobox",
"tag": "BUTTON",
"text": "HEX",
"type": "button",
"value": ""
},
{
"expanded": null,
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "text",
"value": "#FF0000"
},
{
"expanded": null,
"label": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "text",
"value": "100"
}
],
"elements": 32,
"images": [],
"media": [],
"text": "HEX\n%"
}
],
"identity": "Library implementation: kibo-ui/Color Picker — shadcnblocks/kibo@3d63cdb15b79, export default (official source). Official documentation\n\nPinned upstream source · sha256:4537382326b078f250860c2442ed887a5e90d09ef9c0d201c584a53bd44dd4a5\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"at": "2026-10-25T11:38:14.858Z",
"phase": "after-pure-js-fastpath-and-youtube-provider-build"
},
{
"id": "kibo-ui/Combobox",
"statusVisible": false,
"status": "Rendering…",
"dom": [
{
"canvases": 0,
"controls": [
{
"expanded": "false",
"label": null,
"role": null,
"tag": "BUTTON",
"text": "Select framework...",
"type": "button",
"value": ""
}
],
"elements": 6,
"images": [],
"media": [],
"text": "Select framework..."
}
],
"identity": "Library implementation: kibo-ui/Combobox — shadcnblocks/kibo@3d63cdb15b79, export default (official source). Official documentation\n\nPinned upstream source · sha256:79d3836c6b2942ad554ec7c82a1915142364c5f88a22bba7ce44b3ef0a989bf8\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"at": "2026-10-25T11:38:32.977Z",
"phase": "after-pure-js-fastpath-and-youtube-provider-build"
},
{
"id": "kibo-ui/Contribution Graph",
"statusVisible": false,
"status": "Rendering…",
"dom": [
{
"canvases": 0,
"controls": [],
"elements": 403,
"images": [],
"media": [],
"text": "Jan\nFeb\nMar\nApr\nMay\nJun\nJul\nAug\nSep\nOct\nNov\nDec\n1490 activities in 2026\nLess\nMore"
}
],
"identity": "Library implementation: kibo-ui/Contribution Graph — shadcnblocks/kibo@3d63cdb15b79, export default (official source). Official documentation\n\nPinned upstream source · sha256:909afd6c343c826f3f34a312a677c2f7123890e2bb97f9b01238d5e0980f5d8d\n\nReproduction limits\n\nUses the upstream official demo with its fixed sample data and composition. Application data, callbacks and surrounding layout are not connected.\nUpstream theme CSS is included where listed. Site fonts and external images, media, network services and device APIs are not copied; blocked or unavailable resources must be reported.\nUses the actual next-themes@0.4.6 ThemeProvider with the requested color scheme forced. App-specific theme names and providers are not reproduced.\nThis is a fixed example composition with sample content. App data, callbacks, routing and surrounding layout are not reproduced.\nReact 19.3.0 and the listed package version are pinned for this preview; your app's installed versions are not inspected.\nOnly supplied CSS and color scheme are applied. App fonts, assets, global CSS and additional providers are not loaded automatically. CSP-blocked resources are reported as errors.",
"at": "2026-10-25T11:38:52.153Z",
"phase": "after-pure-js-fastpath-and-youtube-provider-build"
}
]
},
"interactions": {
"sourceAdapters": [
{
"id": "intent-ui/Text Field",
"action": "Fill name with Unicode and emoji",
"expected": "Exact input preserved",
"observed": [
"Naveed — नमस्ते 👋"
]
},
{
"id": "reui/Number Field",
"actions": [
"Increase via keyboard Enter: 5 to 6",
"Enter 999 then blur: clamps to 100",
"Enter -5 then blur: clamps to 0"
],
"result": "pass",
"limitation": "Pointer click blocked by browser automation fractional nested-frame coordinates; keyboard activation verified."
},
{
"id": "kibo-ui/Dialog Stack",
"actions": [
"Show me via Enter opens first dialog",
"Next advances to second and third",
"Previous returns to second"
],
"result": "pass",
"note": "One browser CDP action timed out before dispatch; inspected state then retried successfully."
},
{
"id": "web-awesome/Select",
"actions": [
"ArrowDown opens",
"ArrowDown advances to Pear",
"Enter selects Pear and closes"
],
"observed": {
"display": "Pear",
"selected": "Pear",
"expanded": false,
"systemIcon": "Original SVG with Font Awesome license comment"
},
"result": "pass"
},
{
"id": "web-awesome/Dialog",
"actions": [
"Enter opens dialog",
"Close footer button Enter closes after animation"
],
"observed": {
"closeIconOriginalSvg": true,
"error": false
},
"result": "pass"
},
{
"id": "web-awesome/Drawer",
"actions": [
"Enter opens",
"Footer Close Enter closes"
],
"result": "pass",
"observed": {
"systemCloseIconSvg": true
}
},
{
"id": "magic-ui/Video Text",
"actions": [
"Render unchanged embedded WebM",
"Observe playback across two reads"
],
"observed": {
"readyState": 4,
"videoWidth": 720,
"paused": false,
"timeBefore": 3.363962,
"timeAfter": 3.75743,
"source": "data:video/webm;base64"
},
"result": "pass"
},
{
"id": "cult-ui/Terminal Animation",
"actions": [
"Select test tab via Enter",
"Observe original sample terminal output"
],
"observed": {
"selected": "test",
"log": " \nPASS src/components/Button.test.tsx\n✓ renders correctly\n✓ handles click events\nPASS src/utils/format.test.ts\n✓ formats currency\n✓ formats dates\n \nTest Suites: 2 passed, 2 total\nTests: 4 passed, 4 total\nTime: 1.234 s",
"originalBackground": "embedded data:image/png"
},
"result": "pass",
"note": "Original sample animation only; no real shell commands executed."
},
{
"id": "elevenlabs-ui/Live Waveform",
"actions": [
"Start Processing Enter",
"Mode Static Enter changes to Scrolling",
"Stop Processing Enter"
],
"observed": {
"processing": "Processing audio",
"afterStop": "Audio waveform idle"
},
"result": "pass",
"limitation": "Microphone capture unavailable in opaque sandbox; not granted or simulated."
}
],
"delegatedSourceAdapters": [
{
"id": "cult-ui/Mock Browser Window",
"action": "Keyboard Enter on Safari Minimal preset",
"outcome": "Automation action deadline on an enabled visible button; no preset change established",
"text": "Preview\nhttps://example.com/dashboard\nOverview\nUsers\n12\nAnalytics\nnew\nSettings\nWindow Settings\nBrowser\nChrome\nHeader Style\nAddress Bar\nSize\nLarge\nURL\nShow Sidebar\nSidebar Position\nLeft\nQuick Presets\nChrome Dashboard\nSafari Minimal",
"at": "2026-10-25T10:41:24.724Z"
},
{
"id": "cult-ui/Popover Form",
"action": "Attempted keyboard Enter on Feedback and visible Click Here; direct click at screenshot-visible Click Here",
"outcome": "Keyboard action deadlines; direct click rejected by browser control fractional-iframe-coordinate guard. Opening behavior remains unverified.",
"at": "2026-10-25T10:43:57.126Z"
}
],
"packageAdapters": [
{
"id": "base-ui/Accordion",
"action": "Enter on First question",
"text": "First question\nFirst answer\nSecond question"
},
{
"id": "base-ui/Avatar",
"outcome": "No interactive control in this composition"
},
{
"id": "base-ui/Button",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Button",
"type": "button",
"value": ""
},
"action": "Enter",
"error": "Error: Error: Timed out after 2000ms waiting for selector iframe[title=\"MCP App: render_component\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\"Component preview\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=0: Playwright selector deadline exceeded\nlocator.press failed for selector iframe[title=\"MCP App: render_component\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\"Component preview\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=0\nLocator diagnostics: {\"kind\":\"action_failed\",\"action\":\"press\",\"locator\":\"iframe[title=\\\"MCP App: render_component\\\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\\\"Component preview\\\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=0\",\"matchCount\":1,\"matches\":[{\"ariaLabel\":null,\"disabled\":false,\"role\":null,\"tag\":\"button\",\"text\":\"Button\",\"type\":\"button\",\"visible\":true}],\"visibleCount\":1,\"truncated\":false}"
},
{
"id": "base-ui/Checkbox",
"control": {
"checked": "false",
"disabled": false,
"expanded": null,
"role": "checkbox",
"tag": "SPAN",
"text": "",
"type": null,
"value": ""
},
"action": "Space",
"error": "Error: Error: Timed out after 2000ms waiting for selector iframe[title=\"MCP App: render_component\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\"Component preview\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=0: Playwright selector deadline exceeded\nlocator.press failed for selector iframe[title=\"MCP App: render_component\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\"Component preview\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=0\nLocator diagnostics: {\"kind\":\"action_failed\",\"action\":\"press\",\"locator\":\"iframe[title=\\\"MCP App: render_component\\\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\\\"Component preview\\\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=0\",\"matchCount\":1,\"matches\":[{\"ariaLabel\":null,\"disabled\":false,\"role\":\"checkbox\",\"tag\":\"span\",\"text\":\"\",\"type\":null,\"visible\":true}],\"visibleCount\":1,\"truncated\":false}"
},
{
"id": "base-ui/Collapsible",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Show details",
"type": "button",
"value": ""
},
"action": "Enter",
"error": "Error: Error: Playwright selector deadline exceeded\nlocator.press failed for selector iframe[title=\"MCP App: render_component\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\"Component preview\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=0\nLocator diagnostics: {\"kind\":\"action_failed\",\"action\":\"press\",\"locator\":\"iframe[title=\\\"MCP App: render_component\\\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\\\"Component preview\\\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=0\",\"matchCount\":1,\"matches\":[{\"ariaLabel\":null,\"disabled\":false,\"role\":null,\"tag\":\"button\",\"text\":\"Show details\",\"type\":\"button\",\"visible\":true}],\"visibleCount\":1,\"truncated\":false}"
},
{
"id": "base-ui/Field",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": null,
"value": ""
},
"action": "Fill with Col QA",
"after": "Name\n\nYour display name",
"states": [
{
"checked": null,
"expanded": null,
"role": null,
"selected": null,
"text": "",
"value": "Col QA"
}
]
},
{
"id": "base-ui/Fieldset",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": null,
"value": ""
},
"action": "Fill with Col QA",
"after": "Profile\nName",
"states": [
{
"checked": null,
"expanded": null,
"role": null,
"selected": null,
"text": "",
"value": "Col QA"
}
]
},
{
"id": "base-ui/Input",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": null,
"value": ""
},
"action": "Fill with Col QA",
"after": "",
"states": [
{
"checked": null,
"expanded": null,
"role": null,
"selected": null,
"text": "",
"value": "Col QA"
}
]
},
{
"id": "base-ui/Meter",
"outcome": "No interactive control in this composition"
},
{
"id": "base-ui/Number Field",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "−",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Quantity\n−+",
"states": [
{
"checked": null,
"expanded": null,
"role": "group",
"selected": null,
"text": "−+",
"value": ""
},
{
"checked": null,
"expanded": null,
"role": null,
"selected": null,
"text": "−",
"value": ""
},
{
"checked": null,
"expanded": null,
"role": null,
"selected": null,
"text": "",
"value": "1"
},
{
"checked": null,
"expanded": null,
"role": null,
"selected": null,
"text": "+",
"value": ""
},
{
"checked": null,
"expanded": null,
"role": null,
"selected": null,
"text": "",
"value": "1"
}
]
},
{
"id": "base-ui/Popover",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Open popover",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Open popover\nExample popover\n\nSample content\n\nClose",
"states": [
{
"checked": null,
"expanded": "true",
"role": null,
"selected": null,
"text": "Open popover",
"value": ""
},
{
"checked": null,
"expanded": null,
"role": "presentation",
"selected": null,
"text": "Example popoverSample contentClose",
"value": ""
},
{
"checked": null,
"expanded": null,
"role": "dialog",
"selected": null,
"text": "Example popoverSample contentClose",
"value": ""
},
{
"checked": null,
"expanded": null,
"role": null,
"selected": null,
"text": "Close",
"value": ""
}
]
},
{
"id": "base-ui/Progress",
"outcome": "No interactive control in this composition"
},
{
"id": "base-ui/Radio Group",
"control": {
"checked": "true",
"disabled": false,
"expanded": null,
"role": "radio",
"tag": "SPAN",
"text": "●",
"type": null,
"value": ""
},
"action": "Enter",
"after": "●\nBasic\nPro",
"states": [
{
"checked": null,
"expanded": null,
"role": "radiogroup",
"selected": null,
"text": "●BasicPro",
"value": ""
},
{
"checked": "true",
"expanded": null,
"role": "radio",
"selected": null,
"text": "●",
"value": ""
},
{
"checked": null,
"expanded": null,
"role": null,
"selected": null,
"text": "",
"value": "basic"
},
{
"checked": "false",
"expanded": null,
"role": "radio",
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"role": null,
"selected": null,
"text": "",
"value": "pro"
}
]
},
{
"id": "base-ui/Separator",
"outcome": "No interactive control in this composition"
},
{
"id": "base-ui/Slider",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "range",
"value": "40"
},
"action": "Enter",
"error": "Error: Error: Playwright selector deadline exceeded\nlocator.press failed for selector iframe[title=\"MCP App: render_component\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\"Component preview\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=1\nLocator diagnostics: {\"kind\":\"action_failed\",\"action\":\"press\",\"locator\":\"iframe[title=\\\"MCP App: render_component\\\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\\\"Component preview\\\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=1\",\"matchCount\":1,\"matches\":[{\"ariaLabel\":\"Volume\",\"disabled\":false,\"role\":null,\"tag\":\"input\",\"text\":\"\",\"type\":\"range\",\"visible\":true}],\"visibleCount\":1,\"truncated\":false}"
},
{
"id": "base-ui/Switch",
"control": {
"checked": "false",
"disabled": false,
"expanded": null,
"role": "switch",
"tag": "SPAN",
"text": "",
"type": null,
"value": ""
},
"action": "Space",
"error": "Error: Error: Playwright selector deadline exceeded\nlocator.press failed for selector iframe[title=\"MCP App: render_component\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\"Component preview\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=0\nLocator diagnostics: {\"kind\":\"action_failed\",\"action\":\"press\",\"locator\":\"iframe[title=\\\"MCP App: render_component\\\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\\\"Component preview\\\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=0\",\"matchCount\":1,\"matches\":[{\"ariaLabel\":null,\"disabled\":false,\"role\":\"switch\",\"tag\":\"span\",\"text\":\"\",\"type\":null,\"visible\":true}],\"visibleCount\":1,\"truncated\":false}"
},
{
"id": "base-ui/Tabs",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": "tab",
"tag": "BUTTON",
"text": "Overview",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "OverviewDetails\nOverview content",
"states": [
{
"checked": null,
"expanded": null,
"role": "tablist",
"selected": null,
"text": "OverviewDetails",
"value": ""
},
{
"checked": null,
"expanded": null,
"role": "tab",
"selected": "true",
"text": "Overview",
"value": ""
},
{
"checked": null,
"expanded": null,
"role": "tab",
"selected": "false",
"text": "Details",
"value": ""
},
{
"checked": null,
"expanded": null,
"role": "tabpanel",
"selected": null,
"text": "Overview content",
"value": ""
}
]
},
{
"id": "base-ui/Toggle",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Bold",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Bold",
"states": [
{
"checked": null,
"expanded": null,
"role": null,
"selected": null,
"text": "Bold",
"value": ""
}
]
},
{
"id": "base-ui/Toggle Group",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Bold",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "BoldItalic",
"states": [
{
"checked": null,
"expanded": null,
"role": "group",
"selected": null,
"text": "BoldItalic",
"value": ""
},
{
"checked": null,
"expanded": null,
"role": null,
"selected": null,
"text": "Bold",
"value": ""
},
{
"checked": null,
"expanded": null,
"role": null,
"selected": null,
"text": "Italic",
"value": ""
}
]
},
{
"id": "radix-ui/Avatar",
"outcome": "No interactive control in this composition"
},
{
"id": "radix-ui/Checkbox",
"control": {
"checked": "false",
"disabled": false,
"expanded": null,
"role": "checkbox",
"tag": "BUTTON",
"text": "",
"type": "button",
"value": "on"
},
"action": "Space",
"after": "✓Accept terms",
"states": [
{
"checked": "true",
"expanded": null,
"role": "checkbox",
"selected": null,
"text": "✓",
"value": "on"
}
]
},
{
"id": "radix-ui/Collapsible",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Show details",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Show details\nExample details",
"states": [
{
"checked": null,
"expanded": "true",
"role": null,
"selected": null,
"text": "Show details",
"value": ""
}
]
},
{
"id": "radix-ui/Dialog",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Open dialog",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Open dialog\nExample dialog\n\nSample content. App actions are not connected.\n\nClose",
"states": [
{
"checked": null,
"expanded": "true",
"role": null,
"selected": null,
"text": "Open dialog",
"value": ""
},
{
"checked": null,
"expanded": null,
"role": "dialog",
"selected": null,
"text": "Example dialogSample content. App actions are not connected.Close",
"value": ""
},
{
"checked": null,
"expanded": null,
"role": null,
"selected": null,
"text": "Close",
"value": ""
}
]
},
{
"id": "radix-ui/Dropdown Menu",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Actions",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Actions\nCopy\nPaste",
"states": [
{
"checked": null,
"expanded": "true",
"role": null,
"selected": null,
"text": "Actions",
"value": ""
},
{
"checked": null,
"expanded": null,
"role": "menu",
"selected": null,
"text": "CopyPaste",
"value": ""
},
{
"checked": null,
"expanded": null,
"role": "menuitem",
"selected": null,
"text": "Copy",
"value": ""
},
{
"checked": null,
"expanded": null,
"role": "menuitem",
"selected": null,
"text": "Paste",
"value": ""
}
]
},
{
"id": "radix-ui/Label",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": null,
"value": ""
},
"action": "Fill with Col QA",
"after": "Name",
"states": [
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "Col QA"
}
]
},
{
"id": "radix-ui/Popover",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Open popover",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Open popover\nExample popoverClose",
"states": [
{
"checked": null,
"expanded": "true",
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Open popover",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "dialog",
"selected": null,
"text": "Example popoverClose",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Close",
"value": ""
}
]
},
{
"id": "radix-ui/Progress",
"outcome": "No interactive control in this composition"
},
{
"id": "radix-ui/Radio Group",
"control": {
"checked": "true",
"disabled": false,
"expanded": null,
"role": "radio",
"tag": "BUTTON",
"text": "●",
"type": "button",
"value": "basic"
},
"action": "ArrowRight",
"after": "●BasicPro",
"states": [
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "radiogroup",
"selected": null,
"text": "●BasicPro",
"value": ""
},
{
"checked": "true",
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "radio",
"selected": null,
"text": "●",
"value": "basic"
},
{
"checked": "false",
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "radio",
"selected": null,
"text": "",
"value": "pro"
}
]
},
{
"id": "radix-ui/Separator",
"outcome": "No interactive control in this composition"
},
{
"id": "radix-ui/Slider",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": "slider",
"tag": "SPAN",
"text": "",
"type": null,
"value": ""
},
"action": "ArrowRight",
"error": "Error: Error: Playwright selector deadline exceeded\nlocator.press failed for selector iframe[title=\"MCP App: render_component\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\"Component preview\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=0\nLocator diagnostics: {\"kind\":\"action_failed\",\"action\":\"press\",\"locator\":\"iframe[title=\\\"MCP App: render_component\\\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\\\"Component preview\\\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=0\",\"matchCount\":1,\"matches\":[{\"ariaLabel\":\"Volume\",\"disabled\":false,\"role\":\"slider\",\"tag\":\"span\",\"text\":\"\",\"type\":null,\"visible\":true}],\"visibleCount\":1,\"truncated\":false}"
},
{
"id": "radix-ui/Switch",
"control": {
"checked": "false",
"disabled": false,
"expanded": null,
"role": "switch",
"tag": "BUTTON",
"text": "",
"type": "button",
"value": "on"
},
"action": "Space",
"after": "Notifications",
"states": [
{
"checked": "true",
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "switch",
"selected": null,
"text": "",
"value": "on"
}
]
},
{
"id": "radix-ui/Tabs",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": "tab",
"tag": "BUTTON",
"text": "Overview",
"type": "button",
"value": ""
},
"action": "ArrowRight",
"after": "OverviewDetails\nDetails content",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "tablist",
"selected": null,
"text": "OverviewDetails",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "tab",
"selected": "false",
"text": "Overview",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "tab",
"selected": "true",
"text": "Details",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "tabpanel",
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "tabpanel",
"selected": null,
"text": "Details content",
"value": ""
}
]
},
{
"id": "radix-ui/Toggle",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Bold",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Bold",
"states": [
{
"checked": null,
"expanded": null,
"pressed": "true",
"role": null,
"selected": null,
"text": "Bold",
"value": ""
}
]
},
{
"id": "radix-ui/Toggle Group",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Bold",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "BoldItalic",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "toolbar",
"selected": null,
"text": "BoldItalic",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": "true",
"role": null,
"selected": null,
"text": "Bold",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": "false",
"role": null,
"selected": null,
"text": "Italic",
"value": ""
}
]
},
{
"id": "radix-ui/Tooltip",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Hover or focus",
"type": null,
"value": ""
},
"action": "Enter",
"after": "Hover or focus",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "Hover or focus",
"value": ""
}
]
},
{
"id": "react-aria/Breadcrumbs",
"outcome": "No interactive control"
},
{
"id": "react-aria/Button",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Button",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Button",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "Button",
"value": ""
}
]
},
{
"id": "react-aria/Checkbox",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
},
"action": "Space",
"after": "Accept terms",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "on"
}
]
},
{
"id": "react-aria/CheckboxGroup",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "design"
},
"action": "Space",
"after": "Interests\nDesign\nCode",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "group",
"selected": null,
"text": "InterestsDesignCode",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "design"
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "code"
}
]
},
{
"id": "react-aria/ColorSwatch",
"outcome": "No interactive control"
},
{
"id": "react-aria/ComboBox",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"role": "combobox",
"tag": "INPUT",
"text": "",
"type": "text",
"value": ""
},
"action": "Fill Col QA",
"after": "FruitShow options",
"states": [
{
"checked": null,
"expanded": "false",
"pressed": null,
"role": "combobox",
"selected": null,
"text": "",
"value": "Col QA"
},
{
"checked": null,
"expanded": "false",
"pressed": null,
"role": null,
"selected": null,
"text": "Show options",
"value": ""
}
]
},
{
"id": "react-aria/Disclosure",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Show details",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Show details\nExample details",
"states": [
{
"checked": null,
"expanded": "true",
"pressed": null,
"role": null,
"selected": null,
"text": "Show details",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "group",
"selected": null,
"text": "Example details",
"value": ""
}
]
},
{
"id": "react-aria/GridList",
"outcome": "No interactive control"
},
{
"id": "react-aria/Group",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Save",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "SaveCancel",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "group",
"selected": null,
"text": "SaveCancel",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "Save",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "Cancel",
"value": ""
}
]
},
{
"id": "react-aria/Link",
"outcome": "No interactive control"
},
{
"id": "react-aria/ListBox",
"outcome": "No interactive control"
},
{
"id": "react-aria/Menu",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Actions",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Actions",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "Actions",
"value": ""
}
]
},
{
"id": "react-aria/Modal",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Open dialog",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Open dialog",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "Open dialog",
"value": ""
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "react-aria/Popover",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Open popover",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Open popover",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "Open popover",
"value": ""
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "react-aria/ProgressBar",
"outcome": "No interactive control"
},
{
"id": "react-aria/RadioGroup",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "basic"
},
"action": "Enter",
"after": "Plan\nBasic\nPro",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "radiogroup",
"selected": null,
"text": "PlanBasicPro",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "basic"
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "pro"
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "react-aria/Switch",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": "switch",
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
},
"action": "Space",
"after": "Notifications",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "switch",
"selected": null,
"text": "",
"value": "on"
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "react-aria/Table",
"outcome": "No interactive control"
},
{
"id": "react-aria/Tabs",
"outcome": "No interactive control"
},
{
"id": "react-aria/TextField",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "text",
"value": ""
},
"action": "Fill Col QA",
"after": "Name",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "Col QA"
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "react-aria/ToggleButton",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Bold",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Bold",
"states": [
{
"checked": null,
"expanded": null,
"pressed": "true",
"role": null,
"selected": null,
"text": "Bold",
"value": ""
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "react-aria/ToggleButtonGroup",
"control": {
"checked": "false",
"disabled": false,
"expanded": null,
"role": "radio",
"tag": "BUTTON",
"text": "Bold",
"type": "button",
"value": ""
},
"action": "ArrowRight",
"after": "BoldItalic",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "radiogroup",
"selected": null,
"text": "BoldItalic",
"value": ""
},
{
"checked": "false",
"expanded": null,
"pressed": null,
"role": "radio",
"selected": null,
"text": "Bold",
"value": ""
},
{
"checked": "false",
"expanded": null,
"pressed": null,
"role": "radio",
"selected": null,
"text": "Italic",
"value": ""
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "react-aria/Tooltip",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Hover or focus",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Hover or focus",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "Hover or focus",
"value": ""
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "ark-ui/Avatar",
"outcome": "No interactive control"
},
{
"id": "ark-ui/Checkbox",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
},
"action": "Space",
"after": "✓\nAccept terms",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "on"
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "ark-ui/Collapsible",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Show details",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Show details\nExample details",
"states": [
{
"checked": null,
"expanded": "true",
"pressed": null,
"role": null,
"selected": null,
"text": "Show details",
"value": ""
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "ark-ui/Dialog",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Open dialog",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Open dialog\nExample dialog\nSample content\nClose",
"states": [
{
"checked": null,
"expanded": "true",
"pressed": null,
"role": null,
"selected": null,
"text": "Open dialog",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "dialog",
"selected": null,
"text": "Example dialogSample contentClose",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "Close",
"value": ""
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "ark-ui/Editable",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": null,
"value": "Example name"
},
"action": "Fill Col QA",
"error": "Error: Error: Playwright selector deadline exceeded\nlocator.fill failed for selector iframe[title=\"MCP App: render_component\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\"Component preview\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=0\nLocator diagnostics: {\"kind\":\"no_visible_match\",\"action\":\"fill\",\"locator\":\"iframe[title=\\\"MCP App: render_component\\\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\\\"Component preview\\\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=0\",\"matchCount\":1,\"matches\":[{\"ariaLabel\":\"editable input\",\"disabled\":false,\"role\":null,\"tag\":\"input\",\"text\":\"\",\"type\":null,\"visible\":false}],\"visibleCount\":0,\"truncated\":false}"
},
{
"id": "ark-ui/Field",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": null,
"value": ""
},
"action": "Fill Col QA",
"after": "NameYour display name",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "group",
"selected": null,
"text": "NameYour display name",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "Col QA"
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "ark-ui/Fieldset",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": null,
"value": ""
},
"action": "Fill Col QA",
"after": "Profile\nName",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "group",
"selected": null,
"text": "Name",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "Col QA"
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "ark-ui/Number Input",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "−",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Quantity\n−+",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "group",
"selected": null,
"text": "−+",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "−",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "spinbutton",
"selected": null,
"text": "",
"value": "2"
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "+",
"value": ""
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "ark-ui/Popover",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Open popover",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Open popover\nExample popover\nSample content\nClose",
"states": [
{
"checked": null,
"expanded": "true",
"pressed": null,
"role": null,
"selected": null,
"text": "Open popover",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "dialog",
"selected": null,
"text": "Example popoverSample contentClose",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "Close",
"value": ""
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "ark-ui/Progress - Linear",
"outcome": "No interactive control"
},
{
"id": "ark-ui/Radio Group",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "basic"
},
"action": "Enter",
"after": "Plan\nbasic\npro",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "radiogroup",
"selected": null,
"text": "Planbasicpro",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "basic"
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "pro"
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "ark-ui/Rating Group",
"control": {
"checked": "false",
"disabled": false,
"expanded": null,
"role": "radio",
"tag": "SPAN",
"text": "★",
"type": null,
"value": ""
},
"action": "ArrowRight",
"after": "Rating\n★★★★★",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "radiogroup",
"selected": null,
"text": "★★★★★",
"value": ""
},
{
"checked": "false",
"expanded": null,
"pressed": null,
"role": "radio",
"selected": null,
"text": "★",
"value": ""
},
{
"checked": "false",
"expanded": null,
"pressed": null,
"role": "radio",
"selected": null,
"text": "★",
"value": ""
},
{
"checked": "false",
"expanded": null,
"pressed": null,
"role": "radio",
"selected": null,
"text": "★",
"value": ""
},
{
"checked": "true",
"expanded": null,
"pressed": null,
"role": "radio",
"selected": null,
"text": "★",
"value": ""
},
{
"checked": "false",
"expanded": null,
"pressed": null,
"role": "radio",
"selected": null,
"text": "★",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "4"
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "ark-ui/Slider",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": "slider",
"tag": "DIV",
"text": "",
"type": null,
"value": ""
},
"action": "ArrowRight",
"error": "Error: Error: Playwright selector deadline exceeded\nlocator.press failed for selector iframe[title=\"MCP App: render_component\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\"Component preview\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=0\nLocator diagnostics: {\"kind\":\"action_failed\",\"action\":\"press\",\"locator\":\"iframe[title=\\\"MCP App: render_component\\\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\\\"Component preview\\\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=0\",\"matchCount\":1,\"matches\":[{\"ariaLabel\":null,\"disabled\":false,\"role\":\"slider\",\"tag\":\"div\",\"text\":\"\",\"type\":null,\"visible\":true}],\"visibleCount\":1,\"truncated\":false}"
},
{
"id": "ark-ui/Switch",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
},
"action": "Space",
"after": "Notifications",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "on"
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "ark-ui/Tabs",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": "tab",
"tag": "BUTTON",
"text": "Overview",
"type": "button",
"value": ""
},
"action": "ArrowRight",
"after": "OverviewDetails\nDetails content",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "tablist",
"selected": null,
"text": "OverviewDetails",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "tab",
"selected": "false",
"text": "Overview",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "tab",
"selected": "true",
"text": "Details",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "tabpanel",
"selected": null,
"text": "Overview content",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "tabpanel",
"selected": null,
"text": "Details content",
"value": ""
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "headless-ui/Dropdown Menu",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Actions",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Actions\nCopyPaste",
"states": [
{
"checked": null,
"expanded": "true",
"pressed": null,
"role": null,
"selected": null,
"text": "Actions",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "menu",
"selected": null,
"text": "CopyPaste",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "menuitem",
"selected": null,
"text": "Copy",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "menuitem",
"selected": null,
"text": "Paste",
"value": ""
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "headless-ui/Disclosure",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Show details",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Show details\nExample details",
"states": [
{
"checked": null,
"expanded": "true",
"pressed": null,
"role": null,
"selected": null,
"text": "Show details",
"value": ""
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "headless-ui/Dialog",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Open dialog",
"type": null,
"value": ""
},
"action": "Enter",
"after": "Open dialog\nExample dialog\n\nSample content\n\nClose",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "Open dialog",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "dialog",
"selected": null,
"text": "Example dialogSample contentClose",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "Close",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "headless-ui/Popover",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Open popover",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Open popover\nExample popover",
"states": [
{
"checked": null,
"expanded": "true",
"pressed": null,
"role": null,
"selected": null,
"text": "Open popover",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "headless-ui/Tabs",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": "tab",
"tag": "BUTTON",
"text": "Overview",
"type": "button",
"value": ""
},
"action": "ArrowRight",
"after": "OverviewDetails\nDetails content",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "tablist",
"selected": null,
"text": "OverviewDetails",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "tab",
"selected": "false",
"text": "Overview",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "tab",
"selected": "true",
"text": "Details",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "tabpanel",
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "tabpanel",
"selected": null,
"text": "Details content",
"value": ""
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "headless-ui/Transition",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Toggle content",
"type": null,
"value": ""
},
"action": "Enter",
"after": "Toggle content",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "Toggle content",
"value": ""
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "headless-ui/Button",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Button",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Button",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "Button",
"value": ""
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "headless-ui/Combobox",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"role": "combobox",
"tag": "INPUT",
"text": "",
"type": "text",
"value": "Apple"
},
"action": "Fill Col QA",
"after": "Show options\nApple\nPear",
"states": [
{
"checked": null,
"expanded": "true",
"pressed": null,
"role": "combobox",
"selected": null,
"text": "",
"value": "Col QA"
},
{
"checked": null,
"expanded": "true",
"pressed": null,
"role": null,
"selected": null,
"text": "Show options",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "listbox",
"selected": null,
"text": "ApplePear",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "option",
"selected": "true",
"text": "Apple",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "option",
"selected": "false",
"text": "Pear",
"value": ""
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "headless-ui/Fieldset",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": null,
"value": ""
},
"action": "Fill Col QA",
"after": "Profile\nName",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "Col QA"
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "headless-ui/Input",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": null,
"value": ""
},
"action": "Fill Col QA",
"after": "",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "Col QA"
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "headless-ui/Listbox",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Apple",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Apple",
"states": [
{
"checked": null,
"expanded": "false",
"pressed": null,
"role": null,
"selected": null,
"text": "Apple",
"value": ""
}
],
"status": [
{
"hidden": true,
"text": "Rendering…"
}
]
},
{
"id": "headless-ui/Radio Group",
"control": {
"checked": "true",
"disabled": false,
"expanded": null,
"role": "radio",
"tag": "SPAN",
"text": "●",
"type": null,
"value": ""
},
"action": "ArrowRight",
"error": "Error: Error: Playwright selector deadline exceeded\nlocator.press failed for selector iframe[title=\"MCP App: render_component\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\"Component preview\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=1"
},
{
"id": "headless-ui/Radio Group",
"control": {
"checked": "true",
"disabled": false,
"expanded": null,
"role": "radio",
"tag": "SPAN",
"text": "●",
"type": null,
"value": ""
},
"action": "ArrowRight",
"after": "●Basic\n●Pro",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "radiogroup",
"selected": null,
"text": "●Basic●Pro",
"value": ""
},
{
"checked": "false",
"expanded": null,
"pressed": null,
"role": "radio",
"selected": null,
"text": "●",
"value": ""
},
{
"checked": "true",
"expanded": null,
"pressed": null,
"role": "radio",
"selected": null,
"text": "●",
"value": ""
}
],
"status": ""
},
{
"id": "headless-ui/Select",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "SELECT",
"text": "ApplePear",
"type": null,
"value": "Apple"
},
"action": "ArrowDown",
"after": "Apple\nPear",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "ApplePear",
"value": "Pear"
}
],
"status": ""
},
{
"id": "headless-ui/Switch",
"control": {
"checked": "false",
"disabled": false,
"expanded": null,
"role": "switch",
"tag": "BUTTON",
"text": "Toggle",
"type": "button",
"value": ""
},
"action": "Space",
"after": "ToggleNotifications",
"states": [
{
"checked": "true",
"expanded": null,
"pressed": null,
"role": "switch",
"selected": null,
"text": "Toggle",
"value": ""
}
],
"status": ""
},
{
"id": "headless-ui/Textarea",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "TEXTAREA",
"text": "",
"type": null,
"value": ""
},
"action": "Fill Col QA",
"after": "",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "Col QA"
}
],
"status": ""
},
{
"id": "mantine/Button",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Button",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Button",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "Button",
"value": ""
}
],
"status": ""
},
{
"id": "mantine/Tabs",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": "tab",
"tag": "BUTTON",
"text": "Overview",
"type": "button",
"value": ""
},
"action": "ArrowRight",
"after": "Overview\nDetails\nDetails content",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "tablist",
"selected": null,
"text": "OverviewDetails",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "tab",
"selected": "false",
"text": "Overview",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "tab",
"selected": "true",
"text": "Details",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "tabpanel",
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "tabpanel",
"selected": null,
"text": "Details content",
"value": ""
}
],
"status": ""
},
{
"id": "mantine/Code",
"outcome": "No interactive control"
},
{
"id": "mantine/ColorPicker",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": "slider",
"tag": "DIV",
"text": "",
"type": null,
"value": ""
},
"action": "ArrowRight",
"after": "",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "slider",
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "slider",
"selected": null,
"text": "",
"value": ""
}
],
"status": ""
},
{
"id": "mantine/Kbd",
"outcome": "No interactive control"
},
{
"id": "mantine/NativeSelect",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "SELECT",
"text": "ApplePearOrange",
"type": null,
"value": "Apple"
},
"action": "ArrowDown",
"after": "Fruit\nApple\nPear\nOrange",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "ApplePearOrange",
"value": "Pear"
}
],
"status": ""
},
{
"id": "mantine/Paper",
"outcome": "No interactive control"
},
{
"id": "mantine/Popover",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Open popover",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Open popover\nExample popover",
"states": [
{
"checked": null,
"expanded": "true",
"pressed": null,
"role": null,
"selected": null,
"text": "Open popover",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "dialog",
"selected": null,
"text": "Example popover",
"value": ""
}
],
"status": ""
},
{
"id": "mantine/SegmentedControl",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "Overview"
},
"action": "Enter",
"error": "Error: Error: Timed out after 1500ms waiting for selector iframe[title=\"MCP App: render_component\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\"Component preview\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=1: Timed out running CDP command \"Runtime.evaluate\" for tab 1\nlocator.press failed for selector iframe[title=\"MCP App: render_component\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\"Component preview\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=1\nLocator diagnostics: {\"kind\":\"action_failed\",\"action\":\"press\",\"locator\":\"iframe[title=\\\"MCP App: render_component\\\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\\\"Component preview\\\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=1\",\"matchCount\":1,\"matches\":[{\"ariaLabel\":null,\"disabled\":false,\"role\":null,\"tag\":\"input\",\"text\":\"\",\"type\":\"radio\",\"visible\":true}],\"visibleCount\":1,\"truncated\":false}"
},
{
"id": "mantine/Slider",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": "slider",
"tag": "DIV",
"text": "",
"type": null,
"value": ""
},
"action": "ArrowRight",
"after": "41",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "slider",
"selected": null,
"text": "41",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "<redacted>"
}
],
"status": ""
},
{
"id": "mantine/RangeSlider",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": "slider",
"tag": "DIV",
"text": "",
"type": null,
"value": ""
},
"action": "ArrowRight",
"after": "21",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "slider",
"selected": null,
"text": "21",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "slider",
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "<redacted>"
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "<redacted>"
}
],
"status": ""
},
{
"id": "mantine/Switch",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": "switch",
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
},
"action": "Space",
"after": "Notifications",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "switch",
"selected": null,
"text": "",
"value": "on"
}
],
"status": ""
},
{
"id": "mantine/Table",
"outcome": "No interactive control"
},
{
"id": "mantine/Text",
"outcome": "No interactive control"
},
{
"id": "mantine/TextInput",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": null,
"value": ""
},
"action": "Fill Col QA",
"after": "Name",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "Col QA"
}
],
"status": ""
},
{
"id": "mantine/Title",
"outcome": "No interactive control"
},
{
"id": "mantine/Badge",
"outcome": "No interactive control"
},
{
"id": "mantine/Tooltip",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Hover or focus",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Hover or focus",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "Hover or focus",
"value": ""
}
],
"status": ""
},
{
"id": "mantine/Divider",
"outcome": "No interactive control"
},
{
"id": "mantine/Avatar",
"outcome": "No interactive control"
},
{
"id": "mantine/Alert",
"outcome": "No interactive control"
},
{
"id": "mantine/Fieldset",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": null,
"value": ""
},
"action": "Fill Col QA",
"after": "Profile\nName",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "Col QA"
}
],
"status": ""
},
{
"id": "mantine/Checkbox",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
},
"action": "Space",
"after": "Accept terms",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "on"
}
],
"status": ""
},
{
"id": "mantine/Autocomplete",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"role": "combobox",
"tag": "INPUT",
"text": "",
"type": null,
"value": ""
},
"action": "Fill Col QA",
"after": "Fruit",
"states": [
{
"checked": null,
"expanded": "true",
"pressed": null,
"role": "combobox",
"selected": null,
"text": "",
"value": "Col QA"
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "presentation",
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "listbox",
"selected": null,
"text": "",
"value": ""
}
],
"status": ""
},
{
"id": "mantine/TagsInput",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Tags",
"states": [
{
"checked": null,
"expanded": "false",
"pressed": null,
"role": "combobox",
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "presentation",
"selected": null,
"text": "DesignCode",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "listbox",
"selected": null,
"text": "DesignCode",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "option",
"selected": "false",
"text": "Design",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "option",
"selected": "false",
"text": "Code",
"value": ""
}
],
"status": ""
},
{
"id": "mantine/Select",
"outcome": "No interactive control"
},
{
"id": "mantine/MultiSelect",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"role": "combobox",
"tag": "INPUT",
"text": "",
"type": "text",
"value": ""
},
"action": "Fill Col QA",
"error": "Error: Error: Playwright selector deadline exceeded\nlocator.fill failed for selector iframe[title=\"MCP App: render_component\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\"Component preview\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=0\nLocator diagnostics: {\"kind\":\"action_failed\",\"action\":\"fill\",\"locator\":\"iframe[title=\\\"MCP App: render_component\\\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\\\"Component preview\\\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=0\",\"matchCount\":1,\"matches\":[{\"ariaLabel\":null,\"disabled\":false,\"role\":\"combobox\",\"tag\":\"input\",\"text\":\"\",\"type\":\"text\",\"visible\":true}],\"visibleCount\":1,\"truncated\":false}"
},
{
"id": "mantine/Pagination",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "1",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "1\n2\n3\n4\n5\n10",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "1",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "2",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "3",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "4",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "5",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "10",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
}
],
"status": ""
},
{
"id": "mantine/Menu",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Actions",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Actions\nCopy\nPaste",
"states": [
{
"checked": null,
"expanded": "true",
"pressed": null,
"role": null,
"selected": null,
"text": "Actions",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "menu",
"selected": null,
"text": "CopyPaste",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "presentation",
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "menuitem",
"selected": null,
"text": "Copy",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "menuitem",
"selected": null,
"text": "Paste",
"value": ""
}
],
"status": ""
},
{
"id": "mantine/Progress",
"outcome": "No interactive control"
},
{
"id": "mantine/Chip",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
},
"action": "Space",
"error": "Error: Error: Playwright selector deadline exceeded\nlocator.press failed for selector iframe[title=\"MCP App: render_component\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\"Component preview\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=0\nLocator diagnostics: {\"kind\":\"action_failed\",\"action\":\"press\",\"locator\":\"iframe[title=\\\"MCP App: render_component\\\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\\\"Component preview\\\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=0\",\"matchCount\":1,\"matches\":[{\"ariaLabel\":null,\"disabled\":false,\"role\":null,\"tag\":\"input\",\"text\":\"\",\"type\":\"checkbox\",\"visible\":true}],\"visibleCount\":1,\"truncated\":false}"
},
{
"id": "mantine/PinInput",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "text",
"value": ""
},
"action": "Fill Col QA",
"after": "",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "group",
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "<redacted>"
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "<redacted>"
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "<redacted>"
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "<redacted>"
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "<redacted>"
}
],
"status": ""
},
{
"id": "mantine/Rating",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "0"
},
"action": "Enter",
"error": "Error: Error: Playwright selector deadline exceeded\nlocator.press failed for selector iframe[title=\"MCP App: render_component\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\"Component preview\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=0\nLocator diagnostics: {\"kind\":\"action_failed\",\"action\":\"press\",\"locator\":\"iframe[title=\\\"MCP App: render_component\\\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\\\"Component preview\\\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=0\",\"matchCount\":1,\"matches\":[{\"ariaLabel\":\"0\",\"disabled\":false,\"role\":null,\"tag\":\"input\",\"text\":\"\",\"type\":\"radio\",\"visible\":true}],\"visibleCount\":1,\"truncated\":false}"
},
{
"id": "mantine/Textarea",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "TEXTAREA",
"text": "",
"type": null,
"value": ""
},
"action": "Fill Col QA",
"after": "Message",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "Col QA"
}
],
"status": ""
},
{
"id": "mantine/Card",
"outcome": "No interactive control"
},
{
"id": "mantine/PasswordInput",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "password",
"value": ""
},
"action": "Enter",
"after": "Password",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": "false",
"role": null,
"selected": null,
"text": "",
"value": ""
}
],
"status": ""
},
{
"id": "mantine/ColorInput",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": null,
"value": "#2563eb"
},
"action": "Fill Col QA",
"after": "Color",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "Col QA"
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "slider",
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "slider",
"selected": null,
"text": "",
"value": ""
}
],
"status": ""
},
{
"id": "mantine/NumberInput",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "text",
"value": "2"
},
"action": "Fill Col QA",
"after": "Quantity",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
}
],
"status": ""
},
{
"id": "mantine/Radio",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "basic"
},
"action": "Enter",
"after": "Plan\nBasic\nPro",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "radiogroup",
"selected": null,
"text": "BasicPro",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "basic"
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "pro"
}
],
"status": ""
},
{
"id": "mui/Autocomplete",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"role": "combobox",
"tag": "INPUT",
"text": "",
"type": "text",
"value": ""
},
"action": "Fill Col QA",
"after": "Fruit\nFruit\nNo options",
"states": [
{
"checked": null,
"expanded": "false",
"pressed": null,
"role": "combobox",
"selected": null,
"text": "",
"value": "Col QA"
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "presentation",
"selected": null,
"text": "No options",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "status",
"selected": null,
"text": "No options",
"value": ""
}
],
"status": ""
},
{
"id": "mui/ButtonGroup",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "One",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "ONE\nTWO",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "group",
"selected": null,
"text": "OneTwo",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "One",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "Two",
"value": ""
}
],
"status": ""
},
{
"id": "mui/Checkbox",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
},
"action": "Space",
"after": "Accept terms",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "on"
}
],
"status": ""
},
{
"id": "mui/RadioGroup",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "basic"
},
"action": "Enter",
"after": "Basic\nPro",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "radiogroup",
"selected": null,
"text": "BasicPro",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "basic"
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "pro"
}
],
"status": ""
},
{
"id": "mui/Rating",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "radio",
"value": "1"
},
"action": "Enter",
"after": "1 Star\n2 Stars\n3 Stars\n4 Stars\n5 Stars\nEmpty",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "1"
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "2"
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "3"
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "4"
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "5"
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
}
],
"status": ""
},
{
"id": "mui/Select",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"role": "combobox",
"tag": "DIV",
"text": "Apple",
"type": null,
"value": ""
},
"action": "Enter",
"after": "Apple\n\nApple\nPear",
"states": [
{
"checked": null,
"expanded": "true",
"pressed": null,
"role": "combobox",
"selected": null,
"text": "Apple",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "apple"
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "presentation",
"selected": null,
"text": "ApplePear",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "listbox",
"selected": null,
"text": "ApplePear",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "option",
"selected": "true",
"text": "Apple",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "option",
"selected": "false",
"text": "Pear",
"value": ""
}
],
"status": ""
},
{
"id": "mui/Slider",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "range",
"value": "40"
},
"action": "ArrowRight",
"after": "",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "41"
}
],
"status": ""
},
{
"id": "mui/Switch",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": "switch",
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
},
"action": "Space",
"after": "Notifications",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "switch",
"selected": null,
"text": "",
"value": "on"
}
],
"status": ""
},
{
"id": "mui/TextField",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "INPUT",
"text": "",
"type": "text",
"value": ""
},
"action": "Fill Col QA",
"after": "Name\nName",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "Col QA"
}
],
"status": ""
},
{
"id": "mui/Avatar",
"outcome": "No interactive control"
},
{
"id": "mui/Badge",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Inbox",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "INBOX\n4",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "Inbox",
"value": ""
}
],
"status": ""
},
{
"id": "mui/Chip",
"outcome": "No interactive control"
},
{
"id": "mui/Divider",
"outcome": "No interactive control"
},
{
"id": "mui/List",
"outcome": "No interactive control"
},
{
"id": "mui/Table",
"outcome": "No interactive control"
},
{
"id": "mui/Tooltip",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "Hover or focus",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "HOVER OR FOCUS\nExample tooltip",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "Hover or focus",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "tooltip",
"selected": null,
"text": "Example tooltip",
"value": ""
}
],
"status": ""
},
{
"id": "mui/Typography",
"outcome": "No interactive control"
},
{
"id": "mui/Alert",
"outcome": "No interactive control"
},
{
"id": "mui/CircularProgress",
"outcome": "No interactive control"
},
{
"id": "mui/LinearProgress",
"outcome": "No interactive control"
},
{
"id": "mui/Skeleton",
"outcome": "No interactive control"
},
{
"id": "mui/Accordion",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"role": null,
"tag": "BUTTON",
"text": "Show details",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Show details\nExample details",
"states": [
{
"checked": null,
"expanded": "true",
"pressed": null,
"role": null,
"selected": null,
"text": "Show details",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": "region",
"selected": null,
"text": "Example details",
"value": ""
}
],
"status": ""
},
{
"id": "mui/Card",
"outcome": "No interactive control"
},
{
"id": "mui/Paper",
"outcome": "No interactive control"
},
{
"id": "mui/Breadcrumbs",
"outcome": "No interactive control"
},
{
"id": "mui/Pagination",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"role": null,
"tag": "BUTTON",
"text": "1",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "1\n2\n3\n4\n5\n…\n10",
"states": [
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "1",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "2",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "3",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "4",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "5",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "10",
"value": ""
},
{
"checked": null,
"expanded": null,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
}
],
"status": ""
},
{
"id": "mui/Box",
"outcome": "No interactive control"
},
{
"id": "mui/Container",
"outcome": "No interactive control"
},
{
"id": "mui/Stack",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "First",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "FIRST\nSECOND",
"states": [
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "First",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Second",
"value": ""
}
],
"status": ""
},
{
"id": "mui/NativeSelect",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "SELECT",
"text": "ApplePear",
"type": null,
"value": "apple"
},
"action": "ArrowDown",
"after": "Apple\nPear",
"states": [
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "ApplePear",
"value": "pear"
}
],
"status": ""
},
{
"id": "mui/AvatarGroup",
"outcome": "No interactive control"
},
{
"id": "heroui/Avatar",
"outcome": "No interactive control"
},
{
"id": "heroui/Card",
"outcome": "No interactive control"
},
{
"id": "heroui/Checkbox",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
},
"action": "Space",
"after": "Accept terms",
"states": [
{
"checked": null,
"expanded": null,
"nativeChecked": true,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "on"
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "presentation",
"selected": null,
"text": "",
"value": ""
}
],
"status": ""
},
{
"id": "heroui/Chip",
"outcome": "No interactive control"
},
{
"id": "heroui/Description",
"outcome": "No interactive control"
},
{
"id": "heroui/Input",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "INPUT",
"text": "",
"type": null,
"value": ""
},
"action": "Fill Col QA",
"after": "",
"states": [
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "Col QA"
}
],
"status": ""
},
{
"id": "heroui/Kbd",
"outcome": "No interactive control"
},
{
"id": "heroui/Label",
"outcome": "No interactive control"
},
{
"id": "heroui/Link",
"outcome": "No interactive control"
},
{
"id": "heroui/Separator",
"outcome": "No interactive control"
},
{
"id": "heroui/Surface",
"outcome": "No interactive control"
},
{
"id": "heroui/Switch",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "switch",
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
},
"action": "Space",
"after": "Notifications",
"states": [
{
"checked": null,
"expanded": null,
"nativeChecked": true,
"pressed": null,
"role": "switch",
"selected": null,
"text": "",
"value": "on"
}
],
"status": ""
},
{
"id": "heroui/Text Area",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "TEXTAREA",
"text": "",
"type": null,
"value": ""
},
"action": "Fill Col QA",
"after": "",
"states": [
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "Col QA"
}
],
"status": ""
},
{
"id": "heroui/Toggle Button",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Bold",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Bold",
"states": [
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": "true",
"role": null,
"selected": null,
"text": "Bold",
"value": ""
}
],
"status": ""
},
{
"id": "chakra-ui/Dialog",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Open dialog",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Open dialog\nExample dialog\nSample content\nClose",
"states": [
{
"checked": null,
"expanded": "true",
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Open dialog",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "dialog",
"selected": null,
"text": "Example dialogSample contentClose",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Close",
"value": ""
}
],
"status": ""
},
{
"id": "chakra-ui/Menu",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Actions",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Actions\nCopy\nPaste",
"states": [
{
"checked": null,
"expanded": "true",
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Actions",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "menu",
"selected": null,
"text": "CopyPaste",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "menuitem",
"selected": null,
"text": "Copy",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "menuitem",
"selected": null,
"text": "Paste",
"value": ""
}
],
"status": ""
},
{
"id": "chakra-ui/Select",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "SELECT",
"text": "ApplePear",
"type": null,
"value": ""
},
"action": "ArrowDown",
"error": "Error: Error: Playwright selector deadline exceeded\nlocator.press failed for selector iframe[title=\"MCP App: render_component\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\"Component preview\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=0\nLocator diagnostics: {\"kind\":\"action_failed\",\"action\":\"press\",\"locator\":\"iframe[title=\\\"MCP App: render_component\\\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\\\"Component preview\\\"] >> internal:control=enter-frame >> button,input,textarea,select,[role] >> nth=0\",\"matchCount\":1,\"matches\":[{\"ariaLabel\":null,\"disabled\":false,\"role\":null,\"tag\":\"select\",\"text\":\"ApplePear\",\"type\":null,\"visible\":true}],\"visibleCount\":1,\"truncated\":false}"
},
{
"id": "chakra-ui/Table",
"outcome": "No interactive control"
},
{
"id": "chakra-ui/Tabs",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "tab",
"tag": "BUTTON",
"text": "Overview",
"type": "button",
"value": ""
},
"action": "ArrowRight",
"after": "Overview\nDetails\nDetails content",
"states": [
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "tablist",
"selected": null,
"text": "OverviewDetails",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "tab",
"selected": "false",
"text": "Overview",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "tab",
"selected": "true",
"text": "Details",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "tabpanel",
"selected": null,
"text": "Overview content",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "tabpanel",
"selected": null,
"text": "Details content",
"value": ""
}
],
"status": ""
},
{
"id": "chakra-ui/Slider",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": "slider",
"tag": "DIV",
"text": "",
"type": null,
"value": ""
},
"action": "ArrowRight",
"after": "Volume\n41",
"states": [
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "slider",
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "41"
}
],
"status": ""
},
{
"id": "tween-ui/Flip Card",
"outcome": "No interactive control"
},
{
"id": "tween-ui/Magnetic Button",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Get started",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Get started",
"states": [
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Get started",
"value": ""
}
],
"status": ""
},
{
"id": "tween-ui/Morphing Text",
"outcome": "No interactive control"
},
{
"id": "tween-ui/Number Counter",
"outcome": "No interactive control"
},
{
"id": "tween-ui/Sliding Tabs",
"outcome": "No interactive control"
},
{
"id": "tween-ui/Pricing Plan Switch",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "INPUT",
"text": "",
"type": "checkbox",
"value": "on"
},
"action": "Space",
"after": "PRICING\nSimple pricing that scales with you\n\nUpgrade anytime as your needs evolve, and stay focused on building and expanding your product with confidence.\n\nMonthly\nYearly\nStarter\nFor early-stage teams\nPro\nFor growing teams\nBusiness\nFor established businesses\nFree trial\nCancel anytime\nStarter\nPro\nBusiness\nSubscription\n\n$/year\n\nEverything you need to get moving — core automation, a shared workspace, and email support to keep momentum.\n\nBuilt for growing teams with advanced automation, priority workflows, and deeper analytics to keep everything moving.\n\nEnterprise-grade controls with custom workflows, team-wide governance, and dedicated support for large-scale operations.\n\nGet started\nWhat's included:\nUnlimited workflows\nTeam workspace\nEmail support\nAdvanced automation\nPriority queue\nUsage analytics\nRole-based access\nCustom integrations\nDedicated success manager",
"states": [
{
"checked": null,
"expanded": null,
"nativeChecked": true,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "on"
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "StarterFor early-stage teams",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "ProFor growing teams",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "BusinessFor established businesses",
"value": ""
}
],
"status": ""
},
{
"id": "tween-ui/Integration Hub",
"outcome": "No interactive control"
},
{
"id": "beui/Button",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Continue",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Continue\nDownload\nOutline\nGhost\nSmall\nMedium\nLarge\nRipple\nTap me",
"states": [
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Continue",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Download",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Outline",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Ghost",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Small",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Medium",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Large",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Ripple",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Tap me",
"value": ""
}
],
"status": ""
},
{
"id": "beui/Morphing Modal",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Open wallet options",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Open wallet options\n\nClick a row. The modal morphs height to match new content.\n\nOptions\n✕\nView Private Key\nView Recovery Phrase\nRemove Wallet",
"states": [
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Open wallet options",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "dialog",
"selected": null,
"text": "Options✕View Private KeyView Recovery PhraseRemove Wallet",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "✕",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "View Private Key",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "View Recovery Phrase",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Remove Wallet",
"value": ""
}
],
"status": ""
},
{
"id": "beui/Dynamic Island",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Call",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "9:41\nINCOMING CALL\nSaurabh\nCall\nTimer\nMusic\nDismiss",
"states": [
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "status",
"selected": null,
"text": "9:41Incoming callSaurabh",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Call",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Timer",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Music",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Dismiss",
"value": ""
}
],
"status": ""
},
{
"id": "beui/Animated Toast Stack",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Title only",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Open a real toast\n\nToasts render fixed on the screen. Change position to open a toast from that edge.\n\nTitle only\nPromise\nSuccess\nError\nClear\ntop-left\ntop-center\ntop-right\nbottom-left\nbottom-center\nbottom-right\n\nSaved",
"states": [
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Title only",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Promise",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Success",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Error",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Clear",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "top-left",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "top-center",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "top-right",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "bottom-left",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "bottom-center",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "bottom-right",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
}
],
"status": ""
},
{
"id": "beui/Bottom Sheet",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Open bottom sheet",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Open bottom sheet\nQuick actions\n\nDrag the handle, fling, or swipe down to dismiss.\n\nShare\nDuplicate\nMove to folder\nRename\nArchive\nDelete\nFling up to expand, fling down to dismiss.",
"states": [
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Open bottom sheet",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "dialog",
"selected": null,
"text": "Quick actionsDrag the handle, fling, or swipe down to dismiss.ShareDuplicateMove to folderRenameArch",
"value": ""
}
],
"status": ""
},
{
"id": "loading-dev/Classic",
"outcome": "No interactive control"
},
{
"id": "loading-dev/Comet",
"outcome": "No interactive control"
},
{
"id": "loading-dev/Ripple",
"outcome": "No interactive control"
},
{
"id": "loading-dev/Wave",
"outcome": "No interactive control"
},
{
"id": "hextaui/Button",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Save changesDoneFailed",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Save changes\nDone\nFailed\nRequest that fails\nDone\nFailed\nFast request\nDone\nFailed",
"states": [
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Save changesDoneFailed",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "status",
"selected": null,
"text": "Loading",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Request that failsDoneFailed",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "status",
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Fast requestDoneFailed",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "status",
"selected": null,
"text": "",
"value": ""
}
],
"status": ""
},
{
"id": "hextaui/Dialog",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Edit profile",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Edit profile\nEdit profile\n\nMake changes to your profile here. Click save when you’re done.\n\nName\nUsername\nCancel\nSave changes",
"states": [
{
"checked": null,
"expanded": "true",
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Edit profile",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "presentation",
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "presentation",
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "presentation",
"selected": null,
"text": "Edit profileMake changes to your profile here. Click save when you’re done.NameUsernameCancelSave ch",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "dialog",
"selected": null,
"text": "Edit profileMake changes to your profile here. Click save when you’re done.NameUsernameCancelSave ch",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "Olivia Martin"
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": "<redacted>"
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Cancel",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Save changes",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
}
],
"status": ""
},
{
"id": "hextaui/Command",
"control": {
"checked": null,
"disabled": false,
"expanded": "true",
"nativeChecked": false,
"role": "combobox",
"tag": "INPUT",
"text": "",
"type": "text",
"value": ""
},
"action": "Fill Col QA",
"after": "Command menu\nNo results found.",
"states": [
{
"checked": null,
"expanded": "true",
"nativeChecked": false,
"pressed": null,
"role": "combobox",
"selected": null,
"text": "",
"value": "Col QA"
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "listbox",
"selected": null,
"text": "No results found.SuggestionsSettings",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "presentation",
"selected": null,
"text": "No results found.",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "presentation",
"selected": null,
"text": "Suggestions",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "group",
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "presentation",
"selected": null,
"text": "Settings",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "group",
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "status",
"selected": null,
"text": "",
"value": ""
}
],
"status": ""
},
{
"id": "hextaui/Data Table",
"outcome": "No interactive control"
},
{
"id": "hextaui/Date Picker",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Pick a date",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Pick a date\nOctober 2026\nSu\nMo\nTu\nWe\nTh\nFr\nSa\n27\n28\n29\n30\n1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31",
"states": [
{
"checked": null,
"expanded": "true",
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Pick a date",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "presentation",
"selected": null,
"text": "October 2026SuMoTuWeThFrSa2728293012345678910111213141516171819202122232425262728293031",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "dialog",
"selected": null,
"text": "October 2026SuMoTuWeThFrSa2728293012345678910111213141516171819202122232425262728293031",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "status",
"selected": null,
"text": "October 2026",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "grid",
"selected": null,
"text": "SuMoTuWeThFrSa2728293012345678910111213141516171819202122232425262728293031",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "27",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "27",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "28",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "28",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "29",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "29",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "30",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "30",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "1",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "1",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "2",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "2",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "3",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "3",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "4",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "4",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "5",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "5",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "6",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "6",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "7",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "7",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "8",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "8",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "9",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "9",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "10",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "10",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "11",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "11",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "12",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "12",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "13",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "13",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "14",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "14",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "15",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "15",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "16",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "16",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "17",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "17",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "18",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "18",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "19",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "19",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "20",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "20",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "21",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "21",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "22",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "22",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "23",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "23",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "24",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "24",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "25",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "25",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "26",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "26",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "27",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "27",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "28",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "28",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "29",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "29",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "30",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "30",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "gridcell",
"selected": null,
"text": "31",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "31",
"value": ""
}
],
"status": ""
},
{
"id": "hextaui/Sidebar",
"control": {
"checked": null,
"disabled": false,
"expanded": "false",
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "AAcme IncEnterprise",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "A\nAcme Inc\nEnterprise\nPlatform\nHome\nInbox\n24\nDashboards\nOverview\nRevenue\nSettings\nProjects\nDesign engineering\nMore\nSales & marketing\nMore\nTravel\nMore\nOM\nOlivia Martin\nolivia@acme.com\nToggle Sidebar\nPlatform\nHome\nAcme Inc\nAcme Corp.\nEvil Corp.",
"states": [
{
"checked": null,
"expanded": "true",
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "AAcme IncEnterprise",
"value": ""
},
{
"checked": null,
"expanded": "true",
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Dashboards",
"value": ""
},
{
"checked": null,
"expanded": "false",
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "More",
"value": ""
},
{
"checked": null,
"expanded": "false",
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "More",
"value": ""
},
{
"checked": null,
"expanded": "false",
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "More",
"value": ""
},
{
"checked": null,
"expanded": "false",
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "OMOlivia Martinolivia@acme.com",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": "true",
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Toggle Sidebar",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "presentation",
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "presentation",
"selected": null,
"text": "",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "presentation",
"selected": null,
"text": "Acme IncAcme Corp.Evil Corp.",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "menu",
"selected": null,
"text": "Acme IncAcme Corp.Evil Corp.",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "menuitem",
"selected": null,
"text": "Acme Inc",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "menuitem",
"selected": null,
"text": "Acme Corp.",
"value": ""
},
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": "menuitem",
"selected": null,
"text": "Evil Corp.",
"value": ""
}
],
"status": ""
},
{
"id": "hextaui/Toast",
"control": {
"checked": null,
"disabled": false,
"expanded": null,
"nativeChecked": false,
"role": null,
"tag": "BUTTON",
"text": "Show toast",
"type": "button",
"value": ""
},
"action": "Enter",
"after": "Show toast",
"states": [
{
"checked": null,
"expanded": null,
"nativeChecked": false,
"pressed": null,
"role": null,
"selected": null,
"text": "Show toast",
"value": ""
}
],
"status": ""
},
{
"id": "hextaui/Toast",
"action": "Space Show toast",
"after": "Show toast"
},
{
"id": "mantine/Select",
"action": "ArrowDown Enter",
"value": "Apple"
},
{
"id": "hextaui/Toast",
"action": "Enter and Space activation",
"after": "Show toast",
"pointerLimit": "IAB rejected fractional nested iframe input coordinates for both semantic and coordinate click",
"finding": "Official ToastDemo calls toast but global Toaster is not mounted"
},
{
"id": "base-ui/Collapsible",
"action": "Enter Show details",
"after": "Show details\nExample details"
}
],
"packageRepairs": [
{
"id": "hextaui/Toast",
"action": "Space Show toast",
"after": "Show toast\nEvent created\n\nSunday, December 3 at 9:00 AM\n\nUndo"
},
{
"id": "hextaui/Toast",
"action": "Show toast then Undo",
"after": "Show toast\nEvent removed"
},
{
"id": "chakra-ui/Select",
"action": "ArrowDown Enter visible combobox",
"after": "Fruit\nApple\nPear\nChoose fruit\nApple\nPear"
},
{
"id": "ark-ui/Editable",
"action": "F2 edit, fill Col QA, Enter commit",
"after": "Name\nCol QA"
},
{
"id": "mantine/MultiSelect",
"action": "ArrowDown twice Enter",
"after": "Fruit\nPear\nApple\nPear\nOrange",
"values": [
{
"type": "text",
"value": ""
},
{
"type": "hidden",
"value": "<redacted>"
}
]
},
{
"id": "mantine/Chip",
"action": "Space checkbox",
"error": "Error: Error: Timed out after 3000ms waiting for selector iframe[title=\"MCP App: render_component\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\"Component preview\"] >> internal:control=enter-frame >> internal:role=checkbox: Browser Use encountered an error interacting with this webpage: Error: Element is not visible\n at hF (<anonymous>:228:469)\n at <anonymous>:228:1077\n at <anonymous>:229:11\n at <anonymous>:230:11\nlocator.press failed for selector iframe[title=\"MCP App: render_component\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\"Component preview\"] >> internal:control=enter-frame >> internal:role=checkbox\nLocator diagnostics: {\"kind\":\"action_failed\",\"action\":\"press\",\"locator\":\"iframe[title=\\\"MCP App: render_component\\\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\\\"Component preview\\\"] >> internal:control=enter-frame >> internal:role=checkbox\",\"matchCount\":1,\"matches\":[{\"ariaLabel\":null,\"disabled\":false,\"role\":null,\"tag\":\"input\",\"text\":\"\",\"type\":\"checkbox\",\"visible\":true}],\"visibleCount\":1,\"truncated\":false}",
"states": [
{
"checked": false,
"value": "on"
}
]
},
{
"id": "mantine/Rating",
"action": "ArrowRight checked rating",
"error": "Error: Error: Playwright selector deadline exceeded\nlocator.press failed for selector iframe[title=\"MCP App: render_component\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\"Component preview\"] >> internal:control=enter-frame >> input:checked\nLocator diagnostics: {\"kind\":\"action_failed\",\"action\":\"press\",\"locator\":\"iframe[title=\\\"MCP App: render_component\\\"] >> internal:control=enter-frame >> iframe >> internal:control=enter-frame >> iframe[title=\\\"Component preview\\\"] >> internal:control=enter-frame >> input:checked\",\"matchCount\":1,\"matches\":[{\"ariaLabel\":\"3\",\"disabled\":false,\"role\":null,\"tag\":\"input\",\"text\":\"\",\"type\":\"radio\",\"visible\":true}],\"visibleCount\":1,\"truncated\":false}",
"states": [
{
"checked": false,
"value": "0"
},
{
"checked": false,
"value": "1"
},
{
"checked": false,
"value": "2"
},
{
"checked": true,
"value": "3"
},
{
"checked": false,
"value": "4"
},
{
"checked": false,
"value": "5"
}
]
}
],
"packageFinal": [
{
"id": "react-aria/GridList",
"action": "Space First item",
"states": [
{
"selected": "true",
"text": "First item"
},
{
"selected": "false",
"text": "Second item"
}
]
},
{
"id": "react-aria/ListBox",
"action": "Space Pear",
"selected": "true"
},
{
"id": "react-aria/Tabs",
"action": "ArrowRight Overview",
"after": "Overview\nDetails\nDetails content"
}
],
"closingPass": [
{
"id": "elevenlabs-ui/Audio Player",
"action": "Select original embedded track 3 II - 02 with Enter and Space",
"outcome": "Unverified: visible enabled button found, but browser control timed out before key dispatch; UI remained No track selected.",
"at": "2026-10-25T11:09:54.609Z"
}
]
},
"unverifiedBeforeFinalRepair": [
{
"id": "elevenlabs-ui/Conversation",
"action": "Fresh MCPJam tab17, Strict, native render_component call",
"outcome": "Result returned and app iframe existed, but identity/DOM reads timed out before CDP dispatch. AX read, reload and close also timed out. Fresh tab18 remained responsive and rendered Gantt, Bento Grid, Code Comparison, Integration Hub and Audio Player. No successful Conversation render is claimed.",
"at": "2026-10-25T11:10:04.637Z",
"followup": "Browser inventory subsequently reported tab17 as This page crashed."
},
{
"id": "kibo-ui/Code Block",
"action": "Actual render in MCPJam tab18 after smaller successful previews",
"outcome": "DOM read stalled, AX read timed out and reset automation kernel. Browser inventory subsequently reported tab18 as This page crashed. Render not verified; grammar-based compilation repair pending.",
"at": "2026-10-25T11:22:15.042Z"
},
{
"id": "elevenlabs-ui/Conversation",
"phase": "after-pure-js-fastpath-and-youtube-provider-build",
"result": "unverified",
"evidence": "Actual MCPJam iframe appeared, but subsequent DOM inspection and tab close became unresponsive. Windows then refused new browser-control and diagnostic processes with OS error 1455: The paging file is too small for this operation to complete. After stopping the test servers, browser inventory reported transport closed before response. No successful mount or recovered stability is claimed."
}
],
"preparationMeasurements": {
"component": "elevenlabs-ui/Conversation",
"browserEvidence": {
"reportedBy": "root MCPJam browser session",
"before": [
"MCPJam tab17 after Conversation: browser inventory title This page crashed",
"MCPJam tab18 after Kibo Code Block: browser inventory title This page crashed",
"Smaller actual previews Gantt, Bento Grid, Code Comparison, IntegrationHub mounted in responsive tabs"
],
"after": "Actual MCPJam iframe appeared, but subsequent DOM inspection and tab close became unresponsive. Windows then refused new browser-control and diagnostic processes with OS error 1455: The paging file is too small for this operation to complete. After stopping the test servers, browser inventory reported transport closed before response. No successful mount or recovered stability is claimed."
},
"sourceSha256": "6dfbddaebc081d8942f16ad87e45e7d681ad9c2a31998f5d5a7032361e4e720b",
"codeCharacters": 19102584,
"before": {
"milliseconds": 7850,
"peakObservedRss": 1323298816
},
"after": {
"milliseconds": 2781,
"peakObservedRss": 785453056,
"unchangedSource": true
},
"change": "Strict ordinary JavaScript grammar detection bypasses redundant Sucrase transforms. JSX and TypeScript retain validation and compilation; the existing import gate and CSP are unchanged.",
"limitations": "Node measurements isolate preparation only and do not establish browser stability, rendering, GPU behavior, or peak browser-process memory. Sampled RSS includes imported registries and may miss transient peaks."
},
"modulePreparationProfile": {
"codeCharacters": 19102584,
"iframeCharacters": 20791942,
"moduleCharacters": 19102981,
"moduleImports": 3,
"stages": [
{
"stage": "baseline",
"elapsedMs": 0,
"rss": 233443328,
"heapTotal": 300564480,
"heapUsed": 164940112,
"external": 10608374,
"arrayBuffers": 954022
},
{
"stage": "parent serialization and child source",
"elapsedMs": 457,
"rss": 394166272,
"heapTotal": 459894784,
"heapUsed": 324267432,
"external": 10110384,
"arrayBuffers": 954022
},
{
"stage": "validated source preparation",
"elapsedMs": 10570,
"rss": 581341184,
"heapTotal": 762761216,
"heapUsed": 649279800,
"external": 10110384,
"arrayBuffers": 954022
},
{
"stage": "import resolution and final module text",
"elapsedMs": 42811,
"rss": 123498496,
"heapTotal": 438857728,
"heapUsed": 279881592,
"external": 144328116,
"arrayBuffers": 134593939
},
{
"stage": "native V8 module parsing without execution",
"elapsedMs": 44310,
"rss": 221483008,
"heapTotal": 345227264,
"heapUsed": 337972224,
"external": 143747747,
"arrayBuffers": 134593939
}
],
"limitation": "Node simulation retains source strings and uses V8 module parsing; it does not model browser DOM storage, React/WebGL execution, client JSON viewers, or multiple renderer processes."
},
"remainingVerification": {
"status": "browser-verification-incomplete",
"repairQueueNotYetObserved": [
"kibo-ui/Code Block",
"kibo-ui/Credit Card",
"kibo-ui/Dropzone",
"kibo-ui/Editor",
"kibo-ui/Gantt",
"kibo-ui/Glimpse",
"kibo-ui/Kanban",
"kibo-ui/List",
"kibo-ui/Marquee",
"kibo-ui/Mini Calendar",
"kibo-ui/Pill",
"kibo-ui/QR Code",
"kibo-ui/Rating",
"kibo-ui/Reel",
"kibo-ui/Sandbox",
"kibo-ui/Snippet",
"kibo-ui/Spinner",
"kibo-ui/Table",
"kibo-ui/Tags",
"kibo-ui/Theme Switcher",
"kibo-ui/Tree",
"kibo-ui/Video Player",
"cult-ui/AI Blob Warp",
"cult-ui/AI Instructions",
"cult-ui/Apple Iphone 17 Pro",
"cult-ui/Apple Keyboard",
"cult-ui/Apple Watch Ultra",
"cult-ui/Bg Animated Fractal Grid",
"cult-ui/Bg Image Texture",
"cult-ui/Bg Media",
"cult-ui/Border Beam Button",
"cult-ui/Border Beam Card",
"cult-ui/Border Beam Input",
"cult-ui/Canvas Fractal Grid",
"cult-ui/Choice Poll",
"cult-ui/Circuit Board",
"cult-ui/Code Block",
"cult-ui/Collab Avatar",
"cult-ui/Color Picker",
"cult-ui/Copy Button",
"cult-ui/Direction Aware Tabs",
"cult-ui/Distorted Glass",
"cult-ui/Dock",
"cult-ui/Dynamic Island",
"cult-ui/Expandable",
"cult-ui/Family Button",
"cult-ui/Family Drawer",
"cult-ui/Feature Poll",
"cult-ui/Feature Voting",
"cult-ui/File Icons",
"cult-ui/Floating Panel",
"cult-ui/Fluted Glass",
"cult-ui/Globe"
],
"additionalRequiredReruns": [
"elevenlabs-ui/Conversation",
"cult-ui/Side Panel"
],
"filePicker": "Native chooser opening confirmed by user; selection, replacement, removal and validation unverified.",
"blocker": "Actual MCPJam iframe appeared, but subsequent DOM inspection and tab close became unresponsive. Windows then refused new browser-control and diagnostic processes with OS error 1455: The paging file is too small for this operation to complete. After stopping the test servers, browser inventory reported transport closed before response. No successful mount or recovered stability is claimed."
},
"originalAssetConstraints": {
"initial": {
"checkedAt": "2026-10-25T08:58:46.209Z",
"gaps": [
{
"id": "kibo-ui/Stories",
"url": "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4#t=20",
"method": "GET",
"range": "bytes=0-63",
"status": 403,
"mediaType": "application/xml; charset=UTF-8",
"reason": "Original upstream asset is unavailable to this request; no replacement was used."
},
{
"id": "kibo-ui/Stories",
"url": "https://images.unsplash.com/photo-1494790108755-2616b612b786?w=40&h=40&fit=crop&crop=face",
"method": "GET",
"range": "bytes=0-63",
"status": 404,
"mediaType": "text/html,text/html",
"reason": "Original upstream asset is missing."
},
{
"id": "kibo-ui/Stories",
"url": "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4#t=20",
"method": "GET",
"range": "bytes=0-63",
"status": 403,
"mediaType": "application/xml; charset=UTF-8",
"reason": "Original upstream asset is unavailable to this request; no replacement was used."
},
{
"id": "kibo-ui/Stories",
"url": "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerBlazes.mp4",
"method": "GET",
"range": "bytes=0-63",
"status": 403,
"mediaType": "application/xml; charset=UTF-8",
"reason": "Original upstream asset is unavailable to this request; no replacement was used."
},
{
"id": "kibo-ui/Stories",
"url": "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerEscapes.mp4",
"method": "GET",
"range": "bytes=0-63",
"status": 403,
"mediaType": "application/xml; charset=UTF-8",
"reason": "Original upstream asset is unavailable to this request; no replacement was used."
},
{
"id": "kibo-ui/Stories",
"url": "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerJoyrides.mp4",
"method": "GET",
"range": "bytes=0-63",
"status": 403,
"mediaType": "application/xml; charset=UTF-8",
"reason": "Original upstream asset is unavailable to this request; no replacement was used."
},
{
"id": "cult-ui/Bg Media",
"url": "https://openaicomproductionae4b.blob.core.windows.net/production-twill-01/c74791d0-75d2-48e6-acae-96d13bc97c56/paper-planes.mp4",
"method": "HEAD",
"status": 200,
"mediaType": "video/mp4",
"bytes": 21093317,
"previewAssetLimitBytes": 2000000,
"reason": "Original video exceeds unchanged preview asset byte budget; no transcoding or replacement was used."
}
]
},
"followup": {
"capturedAt": "2026-10-25T09:42:11.681Z",
"method": "Original public URL GET; response content-length checked before downloading bodies",
"gaps": [
{
"id": "kibo-ui/Pill",
"url": "https://pbs.twimg.com/profile_images/1748718473595789312/PbqJh9hk_400x400.jpg",
"status": 404,
"bytes": null,
"reason": "HTTP error"
},
{
"id": "elevenlabs-ui/Audio Player",
"url": "https://storage.googleapis.com/eleven-public-cdn/audio/ui-elevenlabs-io/00.mp3",
"status": 200,
"bytes": 2350536,
"reason": "Exceeds 2MB limit"
},
{
"id": "elevenlabs-ui/Audio Player",
"url": "https://storage.googleapis.com/eleven-public-cdn/audio/ui-elevenlabs-io/01.mp3",
"status": 200,
"bytes": 4916596,
"reason": "Exceeds 2MB limit"
},
{
"id": "elevenlabs-ui/Audio Player",
"url": "https://storage.googleapis.com/eleven-public-cdn/audio/ui-elevenlabs-io/04.mp3",
"status": 200,
"bytes": 2062144,
"reason": "Exceeds 2MB limit"
},
{
"id": "elevenlabs-ui/Audio Player",
"url": "https://storage.googleapis.com/eleven-public-cdn/audio/ui-elevenlabs-io/07.mp3",
"status": 200,
"bytes": 2754814,
"reason": "Exceeds 2MB limit"
},
{
"id": "kibo-ui/Video Player",
"url": "https://stream.mux.com/DS00Spx1CV902MCtPj5WknGlR102V5HFkDe/high.mp4",
"status": 200,
"bytes": 72619954,
"reason": "Exceeds 2MB limit"
},
{
"id": "elevenlabs-ui/Audio Player",
"url": "https://storage.googleapis.com/eleven-public-cdn/audio/ui-elevenlabs-io/09.mp3",
"status": 200,
"bytes": 3015988,
"reason": "Exceeds 2MB limit"
},
{
"id": "elevenlabs-ui/Audio Player",
"url": "https://storage.googleapis.com/eleven-public-cdn/audio/ui-elevenlabs-io/05.mp3",
"status": 200,
"bytes": 2398810,
"reason": "Exceeds 2MB limit"
},
{
"id": "elevenlabs-ui/Audio Player",
"url": "https://storage.googleapis.com/eleven-public-cdn/audio/ui-elevenlabs-io/08.mp3",
"status": 200,
"bytes": 3038988,
"reason": "Exceeds 2MB limit"
},
{
"id": "magic-ui/Icon Cloud",
"url": "https://cdn.simpleicons.org/css3/css3",
"status": 404,
"bytes": null,
"reason": "HTTP error"
},
{
"id": "magic-ui/Icon Cloud",
"url": "https://cdn.simpleicons.org/java/java",
"status": 404,
"bytes": null,
"reason": "HTTP error"
},
{
"id": "magic-ui/Icon Cloud",
"url": "https://cdn.simpleicons.org/amazonaws/amazonaws",
"status": 404,
"bytes": null,
"reason": "HTTP error"
},
{
"id": "magic-ui/Icon Cloud",
"url": "https://cdn.simpleicons.org/sonarqube/sonarqube",
"status": 404,
"bytes": null,
"reason": "HTTP error"
},
{
"id": "magic-ui/Icon Cloud",
"url": "https://cdn.simpleicons.org/visualstudiocode/visualstudiocode",
"status": 404,
"bytes": null,
"reason": "HTTP error"
}
]
}
},
"fidelityReview": {
"base": "75f1fc1d72850efc28e93a9063626166c37e3398",
"sourceEntriesChanged": [
"hextaui/Toast"
],
"allUpstreamSourceFilesUnchanged": true,
"cspUnchanged": true,
"sandboxUnchanged": true,
"originalAssetCount": 181,
"originalAssetDemoCount": 41,
"priorAssetBytesUnchanged": true,
"reviewedAt": "2026-10-25T11:30:48.999Z",
"upstreamSourceMetadataChanges": [
"hextaui/Toast"
],
"finalManifests": {
"package-bundles.json": {
"bytes": 5593436,
"sha256": "fb0a57424ece3fdd8e38e39d3cc29ec27384197df8bd8a44fe4656133e561b2b",
"groups": 12
},
"package-bundles-supplemental.json": {
"bytes": 46884570,
"sha256": "421f31bb3fbc767e79f2a2fec2f7b66cff22c5bb90866833a8b87094dd053b60",
"groups": 65
},
"vendor/package-bundles-supplemental-lock.json": {
"bytes": 312537,
"sha256": "0b5bab126c13501a1717bb58e73a3d1f6b96f4c6fedf93e549c0f3c1ee0173ec"
}
},
"finalReview": {
"actionableDefects": [],
"sidePanel": "Exact source SHA256 and fixed YouTube URL guard; only official react-player@2.16.0/lazy import changes to official /youtube. Implementation and original source metadata retained; generic player is not globally aliased. Remote SDK/iframe limitation disclosed.",
"pureJavaScript": "Every source still strictly parsed; ordinary JavaScript stays byte-for-byte. JSX/TSX use strict fallback and existing compilation. Written and executable import gates and error reporting retained. Embedded preparation receives dependencies explicitly, avoiding production minifier closure bindings.",
"materialLimitations": [
"External media, services and microphone access remain limited by the unchanged CSP/opaque sandbox and are disclosed.",
"Conversation and Kibo Code Block crashed the client before optimization. Node measurements establish lower preparation cost, not browser recovery; final actual-client verification remains pending."
]
},
"sourceMetadataChangeExplanation": "hextaui/Toast regenerated-code integrity changed with its actual Base UI composition fix; all pinned upstream file records, source URL and revision remain unchanged."
}
}