[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-qwen-dashboard-builder":3,"mdc--j53gi0-key":49,"related-org-qwen-dashboard-builder":8273,"related-repo-qwen-dashboard-builder":8450},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":12,"stars":38,"repoUrl":39,"updatedAt":40,"license":41,"forks":42,"topics":43,"repo":44,"sourceUrl":47,"mdContent":48},"dashboard-builder","build full-stack dashboard applications","Build full-stack dashboard applications using React\u002FNext.js + shadcn\u002Fui + Tailwind CSS + Recharts + Express with customizable data sources. Use when creating data visualization dashboards, business intelligence interfaces, monitoring systems, KPI displays, analytics platforms, or any project requiring data visualization with modern UI components and dynamic effects.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},"qwen","Qwen","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fqwen.png","QwenLM",[13,17,20,23,26,29,32,35],{"name":14,"slug":15,"type":16},"Dashboards","dashboards","tag",{"name":18,"slug":19,"type":16},"React","react",{"name":21,"slug":22,"type":16},"Data Visualization","data-visualization",{"name":24,"slug":25,"type":16},"Next.js","next-js",{"name":27,"slug":28,"type":16},"Express","express",{"name":30,"slug":31,"type":16},"Tailwind CSS","tailwind-css",{"name":33,"slug":34,"type":16},"shadcn\u002Fui","shadcn-ui",{"name":36,"slug":37,"type":16},"Frontend","frontend",136,"https:\u002F\u002Fgithub.com\u002FQwenLM\u002Fqwen-code-examples","2026-07-16T06:01:27.983011",null,40,[],{"repoUrl":39,"stars":38,"forks":42,"topics":45,"description":46},[],"A collection of practical examples and best practices for Qwen Code","https:\u002F\u002Fgithub.com\u002FQwenLM\u002Fqwen-code-examples\u002Ftree\u002FHEAD\u002Fskills\u002Fdashboard-builder","---\nname: dashboard-builder\ndescription: Build full-stack dashboard applications using React\u002FNext.js + shadcn\u002Fui + Tailwind CSS + Recharts + Express with customizable data sources. Use when creating data visualization dashboards, business intelligence interfaces, monitoring systems, KPI displays, analytics platforms, or any project requiring data visualization with modern UI components and dynamic effects.\n---\n\n# Dashboard Builder\n\nBuild professional data visualization dashboards with modern UI, rich visualizations, and dynamic effects.\n\n## Tech Stack\n\n- **Frontend**: Next.js 14+ (App Router) + React 18+\n- **UI Components**: shadcn\u002Fui + Tailwind CSS\n- **Charts**: Recharts\n- **Animations**: Framer Motion\n- **Backend**: Express.js\n- **Data Sources**: Configurable APIs, databases, or static data\n\n## Design Requirements\n\n### Visual Style (Professional PC Dashboard)\n- **Dark theme** with subtle gradients (not flashy)\n- **Clean card design** with soft shadows and borders\n- **Professional color palette**:\n  - Background: slate-900 (#0f172a) to slate-950 (#020617)\n  - Cards: slate-800\u002F50 with subtle border\n  - Success: emerald-500 (#10b981)\n  - Danger: rose-500 (#f43f5e)\n  - Accent: blue-500 (#3b82f6)\n- **Large typography** optimized for big screens (4K, ultra-wide)\n- **Grid-based layout** with clear visual hierarchy\n\n### Animation Requirements\n- **Entrance animations**: Subtle fade in + slide up on page load\n- **Scroll-triggered animations**: Cards animate when scrolling into view\n- **Number counting animation**: Values animate smoothly\n- **Progress bar animation**: Bars fill with easing\n- **Hover effects**: Cards lift slightly with shadow\n- **Live data pulse**: Subtle indicator when data updates\n\n## Project Structure\n\n```\nproject-root\u002F\n├── app\u002F\n│   ├── layout.tsx\n│   ├── page.tsx              # Landing\u002Finput page\n│   └── dashboard\u002F\n│       └── page.tsx          # Results dashboard\n├── components\u002F\n│   ├── ui\u002F                   # shadcn components\n│   ├── charts\u002F\n│   │   ├── LineChart.tsx\n│   │   ├── BarChart.tsx\n│   │   ├── AreaChart.tsx\n│   │   └── PieChart.tsx\n│   ├── dashboard\u002F\n│   │   ├── KPICard.tsx\n│   │   ├── DataCard.tsx\n│   │   ├── StatsPanel.tsx\n│   │   └── DataTable.tsx\n│   └── effects\u002F\n│       └── AnimatedNumber.tsx\n├── lib\u002F\n│   ├── api.ts\n│   ├── utils.ts\n│   └── animations.ts\n├── server\u002F\n│   ├── index.ts\n│   ├── routes\u002F\n│   │   └── data.ts\n│   └── services\u002F\n│       └── dataService.ts\n└── styles\u002F\n    └── globals.css\n```\n\n## PC Big Screen Layout\n\n### 4K Dashboard Grid (3840x2160)\n\n```tsx\nexport default function DashboardPage() {\n  return (\n    \u003Cdiv className=\"min-h-screen bg-gradient-to-br from-slate-900 via-slate-900 to-slate-950 p-6\">\n      {\u002F* Header *\u002F}\n      \u003Cheader className=\"flex items-center justify-between mb-8\">\n        \u003Ch1 className=\"text-4xl font-bold text-white\">Dashboard\u003C\u002Fh1>\n        \u003Cdiv className=\"flex items-center gap-4\">\n          \u003CLiveIndicator \u002F>\n          \u003Cspan className=\"text-slate-400 text-lg\">Last updated: {time}\u003C\u002Fspan>\n        \u003C\u002Fdiv>\n      \u003C\u002Fheader>\n\n      {\u002F* KPI Row *\u002F}\n      \u003Cdiv className=\"grid grid-cols-4 gap-6 mb-8\">\n        \u003CKPICard title=\"Metric 1\" value={125000} prefix=\"$\" trend={5.2} \u002F>\n        \u003CKPICard title=\"Metric 2\" value={2340} prefix=\"$\" trend={1.8} \u002F>\n        \u003CKPICard title=\"Metric 3\" value={18.5} suffix=\"%\" trend={0} \u002F>\n        \u003CKPICard title=\"Metric 4\" value={12} trend={0} \u002F>\n      \u003C\u002Fdiv>\n\n      {\u002F* Main Content *\u002F}\n      \u003Cdiv className=\"grid grid-cols-12 gap-6\">\n        {\u002F* Main Chart - 8 columns *\u002F}\n        \u003Cdiv className=\"col-span-8\">\n          \u003CCard className=\"h-[500px]\">\n            \u003CCardHeader>\n              \u003CCardTitle>Main Metric Trend\u003C\u002FCardTitle>\n            \u003C\u002FCardHeader>\n            \u003CCardContent>\n              \u003CLineChart data={metricData} \u002F>\n            \u003C\u002FCardContent>\n          \u003C\u002FCard>\n        \u003C\u002Fdiv>\n\n        {\u002F* Side Panel - 4 columns *\u002F}\n        \u003Cdiv className=\"col-span-4 space-y-6\">\n          \u003CCard>\n            \u003CCardHeader>\u003CCardTitle>Top Items\u003C\u002FCardTitle>\u003C\u002FCardHeader>\n            \u003CCardContent>\n              \u003CDataTable data={topItems} \u002F>\n            \u003C\u002FCardContent>\n          \u003C\u002FCard>\n          \u003CCard>\n            \u003CCardHeader>\u003CCardTitle>Comparison\u003C\u002FCardTitle>\u003C\u002FCardHeader>\n            \u003CCardContent>\n              \u003CPieChart data={comparisonData} \u002F>\n            \u003C\u002FCardContent>\n          \u003C\u002FCard>\n        \u003C\u002Fdiv>\n\n        {\u002F* Timeline Row - Full width *\u002F}\n        \u003Cdiv className=\"col-span-12\">\n          \u003Ch2 className=\"text-2xl font-semibold text-white mb-4\">Trend Analysis\u003C\u002Fh2>\n          \u003Cdiv className=\"grid grid-cols-4 gap-6\">\n            {timelineData.map(item => (\n              \u003CDataCard key={item.period} {...item} \u002F>\n            ))}\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  )\n}\n```\n\n## Core Components\n\n### KPI Card\n\n```tsx\nimport { Card, CardContent } from \"@\u002Fcomponents\u002Fui\u002Fcard\"\nimport { TrendingUp, TrendingDown, Minus } from \"lucide-react\"\nimport { AnimatedNumber } from \".\u002FAnimatedNumber\"\n\ninterface KPICardProps {\n  title: string\n  value: number\n  prefix?: string\n  suffix?: string\n  trend?: number\n}\n\nexport function KPICard({ title, value, prefix = '', suffix = '', trend = 0 }: KPICardProps) {\n  return (\n    \u003CCard className=\"bg-slate-800\u002F50 border-slate-700\u002F50\">\n      \u003CCardContent className=\"pt-6\">\n        \u003Cp className=\"text-slate-400 text-sm font-medium mb-2\">{title}\u003C\u002Fp>\n        \u003Cdiv className=\"flex items-end justify-between\">\n          \u003Cspan className=\"text-3xl font-bold text-white\">\n            {prefix}\u003CAnimatedNumber value={value} \u002F>{suffix}\n          \u003C\u002Fspan>\n          {trend !== 0 && (\n            \u003Cspan className={cn(\n              \"flex items-center text-sm font-medium\",\n              trend > 0 ? \"text-emerald-500\" : \"text-rose-500\"\n            )}>\n              {trend > 0 ? \u003CTrendingUp className=\"w-4 h-4 mr-1\" \u002F> : \u003CTrendingDown className=\"w-4 h-4 mr-1\" \u002F>}\n              {Math.abs(trend)}%\n            \u003C\u002Fspan>\n          )}\n        \u003C\u002Fdiv>\n      \u003C\u002FCardContent>\n    \u003C\u002FCard>\n  )\n}\n```\n\n### Data Card (Generic Timeline Card)\n\n```tsx\n'use client'\nimport { motion } from 'framer-motion'\nimport { useInView } from 'framer-motion'\nimport { useRef } from 'react'\nimport { Card, CardContent } from \"@\u002Fcomponents\u002Fui\u002Fcard\"\n\ninterface DataCardProps {\n  period: string\n  currentValue: number\n  baselineValue: number\n  percentChange: number\n  description: string\n}\n\nexport function DataCard({ period, currentValue, baselineValue, percentChange, description }: DataCardProps) {\n  const ref = useRef(null)\n  const isInView = useInView(ref, { once: true, margin: \"-50px\" })\n  const isPositive = percentChange >= 0\n\n  return (\n    \u003Cmotion.div\n      ref={ref}\n      initial={{ opacity: 0, y: 30 }}\n      animate={isInView ? { opacity: 1, y: 0 } : {}}\n      transition={{ duration: 0.5, ease: \"easeOut\" }}\n    >\n      \u003CCard className=\"bg-slate-800\u002F50 border-slate-700\u002F50 overflow-hidden\">\n        \u003Cdiv className={cn(\n          \"h-1\",\n          isPositive ? \"bg-emerald-500\" : \"bg-rose-500\"\n        )} \u002F>\n        \u003CCardContent className=\"pt-6\">\n          \u003Cdiv className=\"flex items-baseline gap-2 mb-4\">\n            \u003Cspan className=\"text-4xl font-bold text-white\">{period}\u003C\u002Fspan>\n          \u003C\u002Fdiv>\n\n          \u003Cdiv className=\"space-y-3\">\n            \u003Cdiv className=\"flex justify-between text-sm\">\n              \u003Cspan className=\"text-slate-400\">Baseline Value\u003C\u002Fspan>\n              \u003Cspan className=\"text-slate-300\">{baselineValue}\u003C\u002Fspan>\n            \u003C\u002Fdiv>\n            \u003Cdiv className=\"flex justify-between text-sm\">\n              \u003Cspan className=\"text-slate-400\">Current Value\u003C\u002Fspan>\n              \u003Cspan className=\"text-white font-medium\">{currentValue}\u003C\u002Fspan>\n            \u003C\u002Fdiv>\n\n            {\u002F* Change percentage *\u002F}\n            \u003Cdiv className={cn(\n              \"text-2xl font-bold text-center py-3 rounded-lg\",\n              isPositive ? \"text-emerald-500 bg-emerald-500\u002F10\" : \"text-rose-500 bg-rose-500\u002F10\"\n            )}>\n              {isPositive ? '+' : ''}{percentChange.toFixed(2)}%\n            \u003C\u002Fdiv>\n\n            {\u002F* Progress bar *\u002F}\n            \u003Cdiv className=\"h-1.5 bg-slate-700 rounded-full overflow-hidden\">\n              \u003Cmotion.div\n                initial={{ width: 0 }}\n                animate={isInView ? { width: `${Math.min(Math.abs(percentChange), 100)}%` } : {}}\n                transition={{ duration: 1, ease: \"easeOut\", delay: 0.3 }}\n                className={cn(\n                  \"h-full rounded-full\",\n                  isPositive ? \"bg-emerald-500\" : \"bg-rose-500\"\n                )}\n              \u002F>\n            \u003C\u002Fdiv>\n\n            \u003Cp className=\"text-slate-400 text-sm\">{description}\u003C\u002Fp>\n          \u003C\u002Fdiv>\n        \u003C\u002FCardContent>\n      \u003C\u002FCard>\n    \u003C\u002Fmotion.div>\n  )\n}\n```\n\n### Animated Number\n\n```tsx\n'use client'\nimport { useEffect, useState } from 'react'\nimport { animate } from 'framer-motion'\n\ninterface AnimatedNumberProps {\n  value: number\n  decimals?: number\n  duration?: number\n}\n\nexport function AnimatedNumber({ value, decimals = 2, duration = 1 }: AnimatedNumberProps) {\n  const [display, setDisplay] = useState(0)\n\n  useEffect(() => {\n    const controls = animate(display, value, {\n      duration,\n      ease: \"easeOut\",\n      onUpdate: (v) => setDisplay(v)\n    })\n    return () => controls.stop()\n  }, [value, duration])\n\n  return \u003C>{display.toFixed(decimals)}\u003C\u002F>\n}\n```\n\n### Live Indicator\n\n```tsx\nexport function LiveIndicator() {\n  return (\n    \u003Cdiv className=\"flex items-center gap-2\">\n      \u003Cspan className=\"relative flex h-3 w-3\">\n        \u003Cspan className=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75\" \u002F>\n        \u003Cspan className=\"relative inline-flex rounded-full h-3 w-3 bg-emerald-500\" \u002F>\n      \u003C\u002Fspan>\n      \u003Cspan className=\"text-emerald-500 text-sm font-medium\">LIVE\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n  )\n}\n```\n\n## Automation Scripts\n\n### Automatic Setup and Run\n\nTo simplify the development setup process, we provide an automated script that will:\n\n1. Create a new Next.js project with all required dependencies\n2. Install shadcn\u002Fui components\n3. Set up sample dashboard components\n4. Start the development server\n\nRun the setup script with:\n\n```bash\n.\u002Fsetup-and-run.sh\n```\n\nThe script will prompt you for a project name and automatically handle all setup steps, then start the development server at `http:\u002F\u002Flocalhost:3000`.\n\n### Manual Setup\n\nIf you prefer manual setup, follow these steps:\n\n1. Create a new Next.js app:\n   ```bash\n   npx create-next-app@latest my-dashboard --typescript --tailwind --eslint\n   ```\n\n2. Install required dependencies:\n   ```bash\n   cd my-dashboard\n   npm install shadcn-ui recharts framer-motion lucide-react\n   ```\n\n3. Initialize and add shadcn\u002Fui components:\n   ```bash\n   npx shadcn-ui@latest init\n   npx shadcn-ui@latest add card button badge table scroll-area alert\n   ```\n\n4. Start the development server:\n   ```bash\n   npm run dev\n   ```\n\n## CSS Styles\n\n```css\n\u002F* globals.css *\u002F\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n:root {\n  --background: 222.2 84% 4.9%;\n  --foreground: 210 40% 98%;\n  --card: 222.2 84% 4.9%;\n  --card-foreground: 210 40% 98%;\n  --primary: 217.2 91.2% 59.8%;\n  --primary-foreground: 222.2 47.4% 11.2%;\n}\n\n\u002F* Big screen typography *\u002F\n@media (min-width: 2560px) {\n  html { font-size: 18px; }\n}\n\n@media (min-width: 3840px) {\n  html { font-size: 20px; }\n}\n\n\u002F* Smooth scrolling *\u002F\nhtml {\n  scroll-behavior: smooth;\n}\n\n\u002F* Card hover effect *\u002F\n.card-hover {\n  @apply transition-all duration-300;\n}\n\n.card-hover:hover {\n  @apply -translate-y-1 shadow-lg shadow-slate-900\u002F50;\n}\n\n\u002F* Reduced motion *\u002F\n@media (prefers-reduced-motion: reduce) {\n  *, *::before, *::after {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n```\n\n## Auto-Refresh Hook\n\n```tsx\n'use client'\nimport { useEffect, useState, useCallback } from 'react'\n\nexport function useLiveData\u003CT>(\n  fetcher: () => Promise\u003CT>,\n  interval = 60000\n) {\n  const [data, setData] = useState\u003CT | null>(null)\n  const [loading, setLoading] = useState(true)\n  const [isRefreshing, setIsRefreshing] = useState(false)\n  const [lastUpdated, setLastUpdated] = useState\u003CDate | null>(null)\n\n  const refresh = useCallback(async () => {\n    setIsRefreshing(true)\n    try {\n      const result = await fetcher()\n      setData(result)\n      setLastUpdated(new Date())\n    } finally {\n      setLoading(false)\n      setTimeout(() => setIsRefreshing(false), 300)\n    }\n  }, [fetcher])\n\n  useEffect(() => {\n    refresh()\n    const timer = setInterval(refresh, interval)\n    return () => clearInterval(timer)\n  }, [refresh, interval])\n\n  return { data, loading, isRefreshing, lastUpdated, refresh }\n}\n```\n\n## Resources\n\n- [references\u002Fdata-api-integration.md](references\u002Fdata-api-integration.md) - API endpoints, data handling, error handling\n- [references\u002Frecharts-patterns.md](references\u002Frecharts-patterns.md) - Chart patterns and customization\n- [references\u002Fbig-screen-ui.md](references\u002Fbig-screen-ui.md) - Big screen layout guidelines\n- [QUICKSTART.md](QUICKSTART.md) - Quick start template and initialization guide\n- [DATA_INTEGRATION.md](DATA_INTEGRATION.md) - Detailed data integration steps and examples\n- [ADDITIONAL_COMPONENTS.md](ADDITIONAL_COMPONENTS.md) - Additional components for large screen dashboards\n",{"data":50,"body":51},{"name":4,"description":6},{"type":52,"children":53},"root",[54,62,68,75,140,146,153,234,240,303,309,322,328,334,2162,2168,2174,3190,3196,5332,5338,5935,5941,6224,6230,6236,6241,6265,6270,6286,6298,6304,6309,6519,6525,7287,7293,8197,8203,8267],{"type":55,"tag":56,"props":57,"children":58},"element","h1",{"id":4},[59],{"type":60,"value":61},"text","Dashboard Builder",{"type":55,"tag":63,"props":64,"children":65},"p",{},[66],{"type":60,"value":67},"Build professional data visualization dashboards with modern UI, rich visualizations, and dynamic effects.",{"type":55,"tag":69,"props":70,"children":72},"h2",{"id":71},"tech-stack",[73],{"type":60,"value":74},"Tech Stack",{"type":55,"tag":76,"props":77,"children":78},"ul",{},[79,90,100,110,120,130],{"type":55,"tag":80,"props":81,"children":82},"li",{},[83,88],{"type":55,"tag":84,"props":85,"children":86},"strong",{},[87],{"type":60,"value":36},{"type":60,"value":89},": Next.js 14+ (App Router) + React 18+",{"type":55,"tag":80,"props":91,"children":92},{},[93,98],{"type":55,"tag":84,"props":94,"children":95},{},[96],{"type":60,"value":97},"UI Components",{"type":60,"value":99},": shadcn\u002Fui + Tailwind CSS",{"type":55,"tag":80,"props":101,"children":102},{},[103,108],{"type":55,"tag":84,"props":104,"children":105},{},[106],{"type":60,"value":107},"Charts",{"type":60,"value":109},": Recharts",{"type":55,"tag":80,"props":111,"children":112},{},[113,118],{"type":55,"tag":84,"props":114,"children":115},{},[116],{"type":60,"value":117},"Animations",{"type":60,"value":119},": Framer Motion",{"type":55,"tag":80,"props":121,"children":122},{},[123,128],{"type":55,"tag":84,"props":124,"children":125},{},[126],{"type":60,"value":127},"Backend",{"type":60,"value":129},": Express.js",{"type":55,"tag":80,"props":131,"children":132},{},[133,138],{"type":55,"tag":84,"props":134,"children":135},{},[136],{"type":60,"value":137},"Data Sources",{"type":60,"value":139},": Configurable APIs, databases, or static data",{"type":55,"tag":69,"props":141,"children":143},{"id":142},"design-requirements",[144],{"type":60,"value":145},"Design Requirements",{"type":55,"tag":147,"props":148,"children":150},"h3",{"id":149},"visual-style-professional-pc-dashboard",[151],{"type":60,"value":152},"Visual Style (Professional PC Dashboard)",{"type":55,"tag":76,"props":154,"children":155},{},[156,166,176,214,224],{"type":55,"tag":80,"props":157,"children":158},{},[159,164],{"type":55,"tag":84,"props":160,"children":161},{},[162],{"type":60,"value":163},"Dark theme",{"type":60,"value":165}," with subtle gradients (not flashy)",{"type":55,"tag":80,"props":167,"children":168},{},[169,174],{"type":55,"tag":84,"props":170,"children":171},{},[172],{"type":60,"value":173},"Clean card design",{"type":60,"value":175}," with soft shadows and borders",{"type":55,"tag":80,"props":177,"children":178},{},[179,184,186],{"type":55,"tag":84,"props":180,"children":181},{},[182],{"type":60,"value":183},"Professional color palette",{"type":60,"value":185},":\n",{"type":55,"tag":76,"props":187,"children":188},{},[189,194,199,204,209],{"type":55,"tag":80,"props":190,"children":191},{},[192],{"type":60,"value":193},"Background: slate-900 (#0f172a) to slate-950 (#020617)",{"type":55,"tag":80,"props":195,"children":196},{},[197],{"type":60,"value":198},"Cards: slate-800\u002F50 with subtle border",{"type":55,"tag":80,"props":200,"children":201},{},[202],{"type":60,"value":203},"Success: emerald-500 (#10b981)",{"type":55,"tag":80,"props":205,"children":206},{},[207],{"type":60,"value":208},"Danger: rose-500 (#f43f5e)",{"type":55,"tag":80,"props":210,"children":211},{},[212],{"type":60,"value":213},"Accent: blue-500 (#3b82f6)",{"type":55,"tag":80,"props":215,"children":216},{},[217,222],{"type":55,"tag":84,"props":218,"children":219},{},[220],{"type":60,"value":221},"Large typography",{"type":60,"value":223}," optimized for big screens (4K, ultra-wide)",{"type":55,"tag":80,"props":225,"children":226},{},[227,232],{"type":55,"tag":84,"props":228,"children":229},{},[230],{"type":60,"value":231},"Grid-based layout",{"type":60,"value":233}," with clear visual hierarchy",{"type":55,"tag":147,"props":235,"children":237},{"id":236},"animation-requirements",[238],{"type":60,"value":239},"Animation Requirements",{"type":55,"tag":76,"props":241,"children":242},{},[243,253,263,273,283,293],{"type":55,"tag":80,"props":244,"children":245},{},[246,251],{"type":55,"tag":84,"props":247,"children":248},{},[249],{"type":60,"value":250},"Entrance animations",{"type":60,"value":252},": Subtle fade in + slide up on page load",{"type":55,"tag":80,"props":254,"children":255},{},[256,261],{"type":55,"tag":84,"props":257,"children":258},{},[259],{"type":60,"value":260},"Scroll-triggered animations",{"type":60,"value":262},": Cards animate when scrolling into view",{"type":55,"tag":80,"props":264,"children":265},{},[266,271],{"type":55,"tag":84,"props":267,"children":268},{},[269],{"type":60,"value":270},"Number counting animation",{"type":60,"value":272},": Values animate smoothly",{"type":55,"tag":80,"props":274,"children":275},{},[276,281],{"type":55,"tag":84,"props":277,"children":278},{},[279],{"type":60,"value":280},"Progress bar animation",{"type":60,"value":282},": Bars fill with easing",{"type":55,"tag":80,"props":284,"children":285},{},[286,291],{"type":55,"tag":84,"props":287,"children":288},{},[289],{"type":60,"value":290},"Hover effects",{"type":60,"value":292},": Cards lift slightly with shadow",{"type":55,"tag":80,"props":294,"children":295},{},[296,301],{"type":55,"tag":84,"props":297,"children":298},{},[299],{"type":60,"value":300},"Live data pulse",{"type":60,"value":302},": Subtle indicator when data updates",{"type":55,"tag":69,"props":304,"children":306},{"id":305},"project-structure",[307],{"type":60,"value":308},"Project Structure",{"type":55,"tag":310,"props":311,"children":315},"pre",{"className":312,"code":314,"language":60},[313],"language-text","project-root\u002F\n├── app\u002F\n│   ├── layout.tsx\n│   ├── page.tsx              # Landing\u002Finput page\n│   └── dashboard\u002F\n│       └── page.tsx          # Results dashboard\n├── components\u002F\n│   ├── ui\u002F                   # shadcn components\n│   ├── charts\u002F\n│   │   ├── LineChart.tsx\n│   │   ├── BarChart.tsx\n│   │   ├── AreaChart.tsx\n│   │   └── PieChart.tsx\n│   ├── dashboard\u002F\n│   │   ├── KPICard.tsx\n│   │   ├── DataCard.tsx\n│   │   ├── StatsPanel.tsx\n│   │   └── DataTable.tsx\n│   └── effects\u002F\n│       └── AnimatedNumber.tsx\n├── lib\u002F\n│   ├── api.ts\n│   ├── utils.ts\n│   └── animations.ts\n├── server\u002F\n│   ├── index.ts\n│   ├── routes\u002F\n│   │   └── data.ts\n│   └── services\u002F\n│       └── dataService.ts\n└── styles\u002F\n    └── globals.css\n",[316],{"type":55,"tag":317,"props":318,"children":320},"code",{"__ignoreMap":319},"",[321],{"type":60,"value":314},{"type":55,"tag":69,"props":323,"children":325},{"id":324},"pc-big-screen-layout",[326],{"type":60,"value":327},"PC Big Screen Layout",{"type":55,"tag":147,"props":329,"children":331},{"id":330},"_4k-dashboard-grid-3840x2160",[332],{"type":60,"value":333},"4K Dashboard Grid (3840x2160)",{"type":55,"tag":310,"props":335,"children":339},{"className":336,"code":337,"language":338,"meta":319,"style":319},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default function DashboardPage() {\n  return (\n    \u003Cdiv className=\"min-h-screen bg-gradient-to-br from-slate-900 via-slate-900 to-slate-950 p-6\">\n      {\u002F* Header *\u002F}\n      \u003Cheader className=\"flex items-center justify-between mb-8\">\n        \u003Ch1 className=\"text-4xl font-bold text-white\">Dashboard\u003C\u002Fh1>\n        \u003Cdiv className=\"flex items-center gap-4\">\n          \u003CLiveIndicator \u002F>\n          \u003Cspan className=\"text-slate-400 text-lg\">Last updated: {time}\u003C\u002Fspan>\n        \u003C\u002Fdiv>\n      \u003C\u002Fheader>\n\n      {\u002F* KPI Row *\u002F}\n      \u003Cdiv className=\"grid grid-cols-4 gap-6 mb-8\">\n        \u003CKPICard title=\"Metric 1\" value={125000} prefix=\"$\" trend={5.2} \u002F>\n        \u003CKPICard title=\"Metric 2\" value={2340} prefix=\"$\" trend={1.8} \u002F>\n        \u003CKPICard title=\"Metric 3\" value={18.5} suffix=\"%\" trend={0} \u002F>\n        \u003CKPICard title=\"Metric 4\" value={12} trend={0} \u002F>\n      \u003C\u002Fdiv>\n\n      {\u002F* Main Content *\u002F}\n      \u003Cdiv className=\"grid grid-cols-12 gap-6\">\n        {\u002F* Main Chart - 8 columns *\u002F}\n        \u003Cdiv className=\"col-span-8\">\n          \u003CCard className=\"h-[500px]\">\n            \u003CCardHeader>\n              \u003CCardTitle>Main Metric Trend\u003C\u002FCardTitle>\n            \u003C\u002FCardHeader>\n            \u003CCardContent>\n              \u003CLineChart data={metricData} \u002F>\n            \u003C\u002FCardContent>\n          \u003C\u002FCard>\n        \u003C\u002Fdiv>\n\n        {\u002F* Side Panel - 4 columns *\u002F}\n        \u003Cdiv className=\"col-span-4 space-y-6\">\n          \u003CCard>\n            \u003CCardHeader>\u003CCardTitle>Top Items\u003C\u002FCardTitle>\u003C\u002FCardHeader>\n            \u003CCardContent>\n              \u003CDataTable data={topItems} \u002F>\n            \u003C\u002FCardContent>\n          \u003C\u002FCard>\n          \u003CCard>\n            \u003CCardHeader>\u003CCardTitle>Comparison\u003C\u002FCardTitle>\u003C\u002FCardHeader>\n            \u003CCardContent>\n              \u003CPieChart data={comparisonData} \u002F>\n            \u003C\u002FCardContent>\n          \u003C\u002FCard>\n        \u003C\u002Fdiv>\n\n        {\u002F* Timeline Row - Full width *\u002F}\n        \u003Cdiv className=\"col-span-12\">\n          \u003Ch2 className=\"text-2xl font-semibold text-white mb-4\">Trend Analysis\u003C\u002Fh2>\n          \u003Cdiv className=\"grid grid-cols-4 gap-6\">\n            {timelineData.map(item => (\n              \u003CDataCard key={item.period} {...item} \u002F>\n            ))}\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  )\n}\n","tsx",[340],{"type":55,"tag":317,"props":341,"children":342},{"__ignoreMap":319},[343,383,398,442,462,501,559,596,616,681,698,715,725,742,779,876,963,1052,1119,1135,1143,1160,1197,1215,1252,1290,1308,1343,1360,1377,1408,1424,1441,1457,1465,1482,1519,1535,1586,1602,1631,1647,1663,1679,1728,1744,1774,1790,1806,1822,1830,1847,1884,1938,1975,2019,2067,2080,2096,2112,2128,2145,2154],{"type":55,"tag":344,"props":345,"children":348},"span",{"class":346,"line":347},"line",1,[349,355,360,366,372,378],{"type":55,"tag":344,"props":350,"children":352},{"style":351},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[353],{"type":60,"value":354},"export",{"type":55,"tag":344,"props":356,"children":357},{"style":351},[358],{"type":60,"value":359}," default",{"type":55,"tag":344,"props":361,"children":363},{"style":362},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[364],{"type":60,"value":365}," function",{"type":55,"tag":344,"props":367,"children":369},{"style":368},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[370],{"type":60,"value":371}," DashboardPage",{"type":55,"tag":344,"props":373,"children":375},{"style":374},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[376],{"type":60,"value":377},"()",{"type":55,"tag":344,"props":379,"children":380},{"style":374},[381],{"type":60,"value":382}," {\n",{"type":55,"tag":344,"props":384,"children":386},{"class":346,"line":385},2,[387,392],{"type":55,"tag":344,"props":388,"children":389},{"style":351},[390],{"type":60,"value":391},"  return",{"type":55,"tag":344,"props":393,"children":395},{"style":394},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[396],{"type":60,"value":397}," (\n",{"type":55,"tag":344,"props":399,"children":401},{"class":346,"line":400},3,[402,407,412,417,422,427,433,437],{"type":55,"tag":344,"props":403,"children":404},{"style":374},[405],{"type":60,"value":406},"    \u003C",{"type":55,"tag":344,"props":408,"children":409},{"style":394},[410],{"type":60,"value":411},"div",{"type":55,"tag":344,"props":413,"children":414},{"style":362},[415],{"type":60,"value":416}," className",{"type":55,"tag":344,"props":418,"children":419},{"style":374},[420],{"type":60,"value":421},"=",{"type":55,"tag":344,"props":423,"children":424},{"style":374},[425],{"type":60,"value":426},"\"",{"type":55,"tag":344,"props":428,"children":430},{"style":429},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[431],{"type":60,"value":432},"min-h-screen bg-gradient-to-br from-slate-900 via-slate-900 to-slate-950 p-6",{"type":55,"tag":344,"props":434,"children":435},{"style":374},[436],{"type":60,"value":426},{"type":55,"tag":344,"props":438,"children":439},{"style":374},[440],{"type":60,"value":441},">\n",{"type":55,"tag":344,"props":443,"children":445},{"class":346,"line":444},4,[446,451,457],{"type":55,"tag":344,"props":447,"children":448},{"style":374},[449],{"type":60,"value":450},"      {",{"type":55,"tag":344,"props":452,"children":454},{"style":453},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[455],{"type":60,"value":456},"\u002F* Header *\u002F",{"type":55,"tag":344,"props":458,"children":459},{"style":374},[460],{"type":60,"value":461},"}\n",{"type":55,"tag":344,"props":463,"children":465},{"class":346,"line":464},5,[466,471,476,480,484,488,493,497],{"type":55,"tag":344,"props":467,"children":468},{"style":374},[469],{"type":60,"value":470},"      \u003C",{"type":55,"tag":344,"props":472,"children":473},{"style":394},[474],{"type":60,"value":475},"header",{"type":55,"tag":344,"props":477,"children":478},{"style":362},[479],{"type":60,"value":416},{"type":55,"tag":344,"props":481,"children":482},{"style":374},[483],{"type":60,"value":421},{"type":55,"tag":344,"props":485,"children":486},{"style":374},[487],{"type":60,"value":426},{"type":55,"tag":344,"props":489,"children":490},{"style":429},[491],{"type":60,"value":492},"flex items-center justify-between mb-8",{"type":55,"tag":344,"props":494,"children":495},{"style":374},[496],{"type":60,"value":426},{"type":55,"tag":344,"props":498,"children":499},{"style":374},[500],{"type":60,"value":441},{"type":55,"tag":344,"props":502,"children":504},{"class":346,"line":503},6,[505,510,514,518,522,526,531,535,540,546,551,555],{"type":55,"tag":344,"props":506,"children":507},{"style":374},[508],{"type":60,"value":509},"        \u003C",{"type":55,"tag":344,"props":511,"children":512},{"style":394},[513],{"type":60,"value":56},{"type":55,"tag":344,"props":515,"children":516},{"style":362},[517],{"type":60,"value":416},{"type":55,"tag":344,"props":519,"children":520},{"style":374},[521],{"type":60,"value":421},{"type":55,"tag":344,"props":523,"children":524},{"style":374},[525],{"type":60,"value":426},{"type":55,"tag":344,"props":527,"children":528},{"style":429},[529],{"type":60,"value":530},"text-4xl font-bold text-white",{"type":55,"tag":344,"props":532,"children":533},{"style":374},[534],{"type":60,"value":426},{"type":55,"tag":344,"props":536,"children":537},{"style":374},[538],{"type":60,"value":539},">",{"type":55,"tag":344,"props":541,"children":543},{"style":542},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[544],{"type":60,"value":545},"Dashboard",{"type":55,"tag":344,"props":547,"children":548},{"style":374},[549],{"type":60,"value":550},"\u003C\u002F",{"type":55,"tag":344,"props":552,"children":553},{"style":394},[554],{"type":60,"value":56},{"type":55,"tag":344,"props":556,"children":557},{"style":374},[558],{"type":60,"value":441},{"type":55,"tag":344,"props":560,"children":562},{"class":346,"line":561},7,[563,567,571,575,579,583,588,592],{"type":55,"tag":344,"props":564,"children":565},{"style":374},[566],{"type":60,"value":509},{"type":55,"tag":344,"props":568,"children":569},{"style":394},[570],{"type":60,"value":411},{"type":55,"tag":344,"props":572,"children":573},{"style":362},[574],{"type":60,"value":416},{"type":55,"tag":344,"props":576,"children":577},{"style":374},[578],{"type":60,"value":421},{"type":55,"tag":344,"props":580,"children":581},{"style":374},[582],{"type":60,"value":426},{"type":55,"tag":344,"props":584,"children":585},{"style":429},[586],{"type":60,"value":587},"flex items-center gap-4",{"type":55,"tag":344,"props":589,"children":590},{"style":374},[591],{"type":60,"value":426},{"type":55,"tag":344,"props":593,"children":594},{"style":374},[595],{"type":60,"value":441},{"type":55,"tag":344,"props":597,"children":599},{"class":346,"line":598},8,[600,605,611],{"type":55,"tag":344,"props":601,"children":602},{"style":374},[603],{"type":60,"value":604},"          \u003C",{"type":55,"tag":344,"props":606,"children":608},{"style":607},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[609],{"type":60,"value":610},"LiveIndicator",{"type":55,"tag":344,"props":612,"children":613},{"style":374},[614],{"type":60,"value":615}," \u002F>\n",{"type":55,"tag":344,"props":617,"children":619},{"class":346,"line":618},9,[620,624,628,632,636,640,645,649,653,658,663,668,673,677],{"type":55,"tag":344,"props":621,"children":622},{"style":374},[623],{"type":60,"value":604},{"type":55,"tag":344,"props":625,"children":626},{"style":394},[627],{"type":60,"value":344},{"type":55,"tag":344,"props":629,"children":630},{"style":362},[631],{"type":60,"value":416},{"type":55,"tag":344,"props":633,"children":634},{"style":374},[635],{"type":60,"value":421},{"type":55,"tag":344,"props":637,"children":638},{"style":374},[639],{"type":60,"value":426},{"type":55,"tag":344,"props":641,"children":642},{"style":429},[643],{"type":60,"value":644},"text-slate-400 text-lg",{"type":55,"tag":344,"props":646,"children":647},{"style":374},[648],{"type":60,"value":426},{"type":55,"tag":344,"props":650,"children":651},{"style":374},[652],{"type":60,"value":539},{"type":55,"tag":344,"props":654,"children":655},{"style":542},[656],{"type":60,"value":657},"Last updated: ",{"type":55,"tag":344,"props":659,"children":660},{"style":374},[661],{"type":60,"value":662},"{",{"type":55,"tag":344,"props":664,"children":665},{"style":542},[666],{"type":60,"value":667},"time",{"type":55,"tag":344,"props":669,"children":670},{"style":374},[671],{"type":60,"value":672},"}\u003C\u002F",{"type":55,"tag":344,"props":674,"children":675},{"style":394},[676],{"type":60,"value":344},{"type":55,"tag":344,"props":678,"children":679},{"style":374},[680],{"type":60,"value":441},{"type":55,"tag":344,"props":682,"children":684},{"class":346,"line":683},10,[685,690,694],{"type":55,"tag":344,"props":686,"children":687},{"style":374},[688],{"type":60,"value":689},"        \u003C\u002F",{"type":55,"tag":344,"props":691,"children":692},{"style":394},[693],{"type":60,"value":411},{"type":55,"tag":344,"props":695,"children":696},{"style":374},[697],{"type":60,"value":441},{"type":55,"tag":344,"props":699,"children":701},{"class":346,"line":700},11,[702,707,711],{"type":55,"tag":344,"props":703,"children":704},{"style":374},[705],{"type":60,"value":706},"      \u003C\u002F",{"type":55,"tag":344,"props":708,"children":709},{"style":394},[710],{"type":60,"value":475},{"type":55,"tag":344,"props":712,"children":713},{"style":374},[714],{"type":60,"value":441},{"type":55,"tag":344,"props":716,"children":718},{"class":346,"line":717},12,[719],{"type":55,"tag":344,"props":720,"children":722},{"emptyLinePlaceholder":721},true,[723],{"type":60,"value":724},"\n",{"type":55,"tag":344,"props":726,"children":728},{"class":346,"line":727},13,[729,733,738],{"type":55,"tag":344,"props":730,"children":731},{"style":374},[732],{"type":60,"value":450},{"type":55,"tag":344,"props":734,"children":735},{"style":453},[736],{"type":60,"value":737},"\u002F* KPI Row *\u002F",{"type":55,"tag":344,"props":739,"children":740},{"style":374},[741],{"type":60,"value":461},{"type":55,"tag":344,"props":743,"children":745},{"class":346,"line":744},14,[746,750,754,758,762,766,771,775],{"type":55,"tag":344,"props":747,"children":748},{"style":374},[749],{"type":60,"value":470},{"type":55,"tag":344,"props":751,"children":752},{"style":394},[753],{"type":60,"value":411},{"type":55,"tag":344,"props":755,"children":756},{"style":362},[757],{"type":60,"value":416},{"type":55,"tag":344,"props":759,"children":760},{"style":374},[761],{"type":60,"value":421},{"type":55,"tag":344,"props":763,"children":764},{"style":374},[765],{"type":60,"value":426},{"type":55,"tag":344,"props":767,"children":768},{"style":429},[769],{"type":60,"value":770},"grid grid-cols-4 gap-6 mb-8",{"type":55,"tag":344,"props":772,"children":773},{"style":374},[774],{"type":60,"value":426},{"type":55,"tag":344,"props":776,"children":777},{"style":374},[778],{"type":60,"value":441},{"type":55,"tag":344,"props":780,"children":782},{"class":346,"line":781},15,[783,787,792,797,801,805,810,814,819,824,830,835,840,844,848,853,857,862,866,871],{"type":55,"tag":344,"props":784,"children":785},{"style":374},[786],{"type":60,"value":509},{"type":55,"tag":344,"props":788,"children":789},{"style":607},[790],{"type":60,"value":791},"KPICard",{"type":55,"tag":344,"props":793,"children":794},{"style":362},[795],{"type":60,"value":796}," title",{"type":55,"tag":344,"props":798,"children":799},{"style":374},[800],{"type":60,"value":421},{"type":55,"tag":344,"props":802,"children":803},{"style":374},[804],{"type":60,"value":426},{"type":55,"tag":344,"props":806,"children":807},{"style":429},[808],{"type":60,"value":809},"Metric 1",{"type":55,"tag":344,"props":811,"children":812},{"style":374},[813],{"type":60,"value":426},{"type":55,"tag":344,"props":815,"children":816},{"style":362},[817],{"type":60,"value":818}," value",{"type":55,"tag":344,"props":820,"children":821},{"style":374},[822],{"type":60,"value":823},"={",{"type":55,"tag":344,"props":825,"children":827},{"style":826},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[828],{"type":60,"value":829},"125000",{"type":55,"tag":344,"props":831,"children":832},{"style":374},[833],{"type":60,"value":834},"} ",{"type":55,"tag":344,"props":836,"children":837},{"style":362},[838],{"type":60,"value":839},"prefix",{"type":55,"tag":344,"props":841,"children":842},{"style":374},[843],{"type":60,"value":421},{"type":55,"tag":344,"props":845,"children":846},{"style":374},[847],{"type":60,"value":426},{"type":55,"tag":344,"props":849,"children":850},{"style":429},[851],{"type":60,"value":852},"$",{"type":55,"tag":344,"props":854,"children":855},{"style":374},[856],{"type":60,"value":426},{"type":55,"tag":344,"props":858,"children":859},{"style":362},[860],{"type":60,"value":861}," trend",{"type":55,"tag":344,"props":863,"children":864},{"style":374},[865],{"type":60,"value":823},{"type":55,"tag":344,"props":867,"children":868},{"style":826},[869],{"type":60,"value":870},"5.2",{"type":55,"tag":344,"props":872,"children":873},{"style":374},[874],{"type":60,"value":875},"} \u002F>\n",{"type":55,"tag":344,"props":877,"children":879},{"class":346,"line":878},16,[880,884,888,892,896,900,905,909,913,917,922,926,930,934,938,942,946,950,954,959],{"type":55,"tag":344,"props":881,"children":882},{"style":374},[883],{"type":60,"value":509},{"type":55,"tag":344,"props":885,"children":886},{"style":607},[887],{"type":60,"value":791},{"type":55,"tag":344,"props":889,"children":890},{"style":362},[891],{"type":60,"value":796},{"type":55,"tag":344,"props":893,"children":894},{"style":374},[895],{"type":60,"value":421},{"type":55,"tag":344,"props":897,"children":898},{"style":374},[899],{"type":60,"value":426},{"type":55,"tag":344,"props":901,"children":902},{"style":429},[903],{"type":60,"value":904},"Metric 2",{"type":55,"tag":344,"props":906,"children":907},{"style":374},[908],{"type":60,"value":426},{"type":55,"tag":344,"props":910,"children":911},{"style":362},[912],{"type":60,"value":818},{"type":55,"tag":344,"props":914,"children":915},{"style":374},[916],{"type":60,"value":823},{"type":55,"tag":344,"props":918,"children":919},{"style":826},[920],{"type":60,"value":921},"2340",{"type":55,"tag":344,"props":923,"children":924},{"style":374},[925],{"type":60,"value":834},{"type":55,"tag":344,"props":927,"children":928},{"style":362},[929],{"type":60,"value":839},{"type":55,"tag":344,"props":931,"children":932},{"style":374},[933],{"type":60,"value":421},{"type":55,"tag":344,"props":935,"children":936},{"style":374},[937],{"type":60,"value":426},{"type":55,"tag":344,"props":939,"children":940},{"style":429},[941],{"type":60,"value":852},{"type":55,"tag":344,"props":943,"children":944},{"style":374},[945],{"type":60,"value":426},{"type":55,"tag":344,"props":947,"children":948},{"style":362},[949],{"type":60,"value":861},{"type":55,"tag":344,"props":951,"children":952},{"style":374},[953],{"type":60,"value":823},{"type":55,"tag":344,"props":955,"children":956},{"style":826},[957],{"type":60,"value":958},"1.8",{"type":55,"tag":344,"props":960,"children":961},{"style":374},[962],{"type":60,"value":875},{"type":55,"tag":344,"props":964,"children":966},{"class":346,"line":965},17,[967,971,975,979,983,987,992,996,1000,1004,1009,1013,1018,1022,1026,1031,1035,1039,1043,1048],{"type":55,"tag":344,"props":968,"children":969},{"style":374},[970],{"type":60,"value":509},{"type":55,"tag":344,"props":972,"children":973},{"style":607},[974],{"type":60,"value":791},{"type":55,"tag":344,"props":976,"children":977},{"style":362},[978],{"type":60,"value":796},{"type":55,"tag":344,"props":980,"children":981},{"style":374},[982],{"type":60,"value":421},{"type":55,"tag":344,"props":984,"children":985},{"style":374},[986],{"type":60,"value":426},{"type":55,"tag":344,"props":988,"children":989},{"style":429},[990],{"type":60,"value":991},"Metric 3",{"type":55,"tag":344,"props":993,"children":994},{"style":374},[995],{"type":60,"value":426},{"type":55,"tag":344,"props":997,"children":998},{"style":362},[999],{"type":60,"value":818},{"type":55,"tag":344,"props":1001,"children":1002},{"style":374},[1003],{"type":60,"value":823},{"type":55,"tag":344,"props":1005,"children":1006},{"style":826},[1007],{"type":60,"value":1008},"18.5",{"type":55,"tag":344,"props":1010,"children":1011},{"style":374},[1012],{"type":60,"value":834},{"type":55,"tag":344,"props":1014,"children":1015},{"style":362},[1016],{"type":60,"value":1017},"suffix",{"type":55,"tag":344,"props":1019,"children":1020},{"style":374},[1021],{"type":60,"value":421},{"type":55,"tag":344,"props":1023,"children":1024},{"style":374},[1025],{"type":60,"value":426},{"type":55,"tag":344,"props":1027,"children":1028},{"style":429},[1029],{"type":60,"value":1030},"%",{"type":55,"tag":344,"props":1032,"children":1033},{"style":374},[1034],{"type":60,"value":426},{"type":55,"tag":344,"props":1036,"children":1037},{"style":362},[1038],{"type":60,"value":861},{"type":55,"tag":344,"props":1040,"children":1041},{"style":374},[1042],{"type":60,"value":823},{"type":55,"tag":344,"props":1044,"children":1045},{"style":826},[1046],{"type":60,"value":1047},"0",{"type":55,"tag":344,"props":1049,"children":1050},{"style":374},[1051],{"type":60,"value":875},{"type":55,"tag":344,"props":1053,"children":1055},{"class":346,"line":1054},18,[1056,1060,1064,1068,1072,1076,1081,1085,1089,1093,1098,1102,1107,1111,1115],{"type":55,"tag":344,"props":1057,"children":1058},{"style":374},[1059],{"type":60,"value":509},{"type":55,"tag":344,"props":1061,"children":1062},{"style":607},[1063],{"type":60,"value":791},{"type":55,"tag":344,"props":1065,"children":1066},{"style":362},[1067],{"type":60,"value":796},{"type":55,"tag":344,"props":1069,"children":1070},{"style":374},[1071],{"type":60,"value":421},{"type":55,"tag":344,"props":1073,"children":1074},{"style":374},[1075],{"type":60,"value":426},{"type":55,"tag":344,"props":1077,"children":1078},{"style":429},[1079],{"type":60,"value":1080},"Metric 4",{"type":55,"tag":344,"props":1082,"children":1083},{"style":374},[1084],{"type":60,"value":426},{"type":55,"tag":344,"props":1086,"children":1087},{"style":362},[1088],{"type":60,"value":818},{"type":55,"tag":344,"props":1090,"children":1091},{"style":374},[1092],{"type":60,"value":823},{"type":55,"tag":344,"props":1094,"children":1095},{"style":826},[1096],{"type":60,"value":1097},"12",{"type":55,"tag":344,"props":1099,"children":1100},{"style":374},[1101],{"type":60,"value":834},{"type":55,"tag":344,"props":1103,"children":1104},{"style":362},[1105],{"type":60,"value":1106},"trend",{"type":55,"tag":344,"props":1108,"children":1109},{"style":374},[1110],{"type":60,"value":823},{"type":55,"tag":344,"props":1112,"children":1113},{"style":826},[1114],{"type":60,"value":1047},{"type":55,"tag":344,"props":1116,"children":1117},{"style":374},[1118],{"type":60,"value":875},{"type":55,"tag":344,"props":1120,"children":1122},{"class":346,"line":1121},19,[1123,1127,1131],{"type":55,"tag":344,"props":1124,"children":1125},{"style":374},[1126],{"type":60,"value":706},{"type":55,"tag":344,"props":1128,"children":1129},{"style":394},[1130],{"type":60,"value":411},{"type":55,"tag":344,"props":1132,"children":1133},{"style":374},[1134],{"type":60,"value":441},{"type":55,"tag":344,"props":1136,"children":1138},{"class":346,"line":1137},20,[1139],{"type":55,"tag":344,"props":1140,"children":1141},{"emptyLinePlaceholder":721},[1142],{"type":60,"value":724},{"type":55,"tag":344,"props":1144,"children":1146},{"class":346,"line":1145},21,[1147,1151,1156],{"type":55,"tag":344,"props":1148,"children":1149},{"style":374},[1150],{"type":60,"value":450},{"type":55,"tag":344,"props":1152,"children":1153},{"style":453},[1154],{"type":60,"value":1155},"\u002F* Main Content *\u002F",{"type":55,"tag":344,"props":1157,"children":1158},{"style":374},[1159],{"type":60,"value":461},{"type":55,"tag":344,"props":1161,"children":1163},{"class":346,"line":1162},22,[1164,1168,1172,1176,1180,1184,1189,1193],{"type":55,"tag":344,"props":1165,"children":1166},{"style":374},[1167],{"type":60,"value":470},{"type":55,"tag":344,"props":1169,"children":1170},{"style":394},[1171],{"type":60,"value":411},{"type":55,"tag":344,"props":1173,"children":1174},{"style":362},[1175],{"type":60,"value":416},{"type":55,"tag":344,"props":1177,"children":1178},{"style":374},[1179],{"type":60,"value":421},{"type":55,"tag":344,"props":1181,"children":1182},{"style":374},[1183],{"type":60,"value":426},{"type":55,"tag":344,"props":1185,"children":1186},{"style":429},[1187],{"type":60,"value":1188},"grid grid-cols-12 gap-6",{"type":55,"tag":344,"props":1190,"children":1191},{"style":374},[1192],{"type":60,"value":426},{"type":55,"tag":344,"props":1194,"children":1195},{"style":374},[1196],{"type":60,"value":441},{"type":55,"tag":344,"props":1198,"children":1200},{"class":346,"line":1199},23,[1201,1206,1211],{"type":55,"tag":344,"props":1202,"children":1203},{"style":374},[1204],{"type":60,"value":1205},"        {",{"type":55,"tag":344,"props":1207,"children":1208},{"style":453},[1209],{"type":60,"value":1210},"\u002F* Main Chart - 8 columns *\u002F",{"type":55,"tag":344,"props":1212,"children":1213},{"style":374},[1214],{"type":60,"value":461},{"type":55,"tag":344,"props":1216,"children":1218},{"class":346,"line":1217},24,[1219,1223,1227,1231,1235,1239,1244,1248],{"type":55,"tag":344,"props":1220,"children":1221},{"style":374},[1222],{"type":60,"value":509},{"type":55,"tag":344,"props":1224,"children":1225},{"style":394},[1226],{"type":60,"value":411},{"type":55,"tag":344,"props":1228,"children":1229},{"style":362},[1230],{"type":60,"value":416},{"type":55,"tag":344,"props":1232,"children":1233},{"style":374},[1234],{"type":60,"value":421},{"type":55,"tag":344,"props":1236,"children":1237},{"style":374},[1238],{"type":60,"value":426},{"type":55,"tag":344,"props":1240,"children":1241},{"style":429},[1242],{"type":60,"value":1243},"col-span-8",{"type":55,"tag":344,"props":1245,"children":1246},{"style":374},[1247],{"type":60,"value":426},{"type":55,"tag":344,"props":1249,"children":1250},{"style":374},[1251],{"type":60,"value":441},{"type":55,"tag":344,"props":1253,"children":1255},{"class":346,"line":1254},25,[1256,1260,1265,1269,1273,1277,1282,1286],{"type":55,"tag":344,"props":1257,"children":1258},{"style":374},[1259],{"type":60,"value":604},{"type":55,"tag":344,"props":1261,"children":1262},{"style":607},[1263],{"type":60,"value":1264},"Card",{"type":55,"tag":344,"props":1266,"children":1267},{"style":362},[1268],{"type":60,"value":416},{"type":55,"tag":344,"props":1270,"children":1271},{"style":374},[1272],{"type":60,"value":421},{"type":55,"tag":344,"props":1274,"children":1275},{"style":374},[1276],{"type":60,"value":426},{"type":55,"tag":344,"props":1278,"children":1279},{"style":429},[1280],{"type":60,"value":1281},"h-[500px]",{"type":55,"tag":344,"props":1283,"children":1284},{"style":374},[1285],{"type":60,"value":426},{"type":55,"tag":344,"props":1287,"children":1288},{"style":374},[1289],{"type":60,"value":441},{"type":55,"tag":344,"props":1291,"children":1293},{"class":346,"line":1292},26,[1294,1299,1304],{"type":55,"tag":344,"props":1295,"children":1296},{"style":374},[1297],{"type":60,"value":1298},"            \u003C",{"type":55,"tag":344,"props":1300,"children":1301},{"style":607},[1302],{"type":60,"value":1303},"CardHeader",{"type":55,"tag":344,"props":1305,"children":1306},{"style":374},[1307],{"type":60,"value":441},{"type":55,"tag":344,"props":1309,"children":1311},{"class":346,"line":1310},27,[1312,1317,1322,1326,1331,1335,1339],{"type":55,"tag":344,"props":1313,"children":1314},{"style":374},[1315],{"type":60,"value":1316},"              \u003C",{"type":55,"tag":344,"props":1318,"children":1319},{"style":607},[1320],{"type":60,"value":1321},"CardTitle",{"type":55,"tag":344,"props":1323,"children":1324},{"style":374},[1325],{"type":60,"value":539},{"type":55,"tag":344,"props":1327,"children":1328},{"style":542},[1329],{"type":60,"value":1330},"Main Metric Trend",{"type":55,"tag":344,"props":1332,"children":1333},{"style":374},[1334],{"type":60,"value":550},{"type":55,"tag":344,"props":1336,"children":1337},{"style":607},[1338],{"type":60,"value":1321},{"type":55,"tag":344,"props":1340,"children":1341},{"style":374},[1342],{"type":60,"value":441},{"type":55,"tag":344,"props":1344,"children":1346},{"class":346,"line":1345},28,[1347,1352,1356],{"type":55,"tag":344,"props":1348,"children":1349},{"style":374},[1350],{"type":60,"value":1351},"            \u003C\u002F",{"type":55,"tag":344,"props":1353,"children":1354},{"style":607},[1355],{"type":60,"value":1303},{"type":55,"tag":344,"props":1357,"children":1358},{"style":374},[1359],{"type":60,"value":441},{"type":55,"tag":344,"props":1361,"children":1363},{"class":346,"line":1362},29,[1364,1368,1373],{"type":55,"tag":344,"props":1365,"children":1366},{"style":374},[1367],{"type":60,"value":1298},{"type":55,"tag":344,"props":1369,"children":1370},{"style":607},[1371],{"type":60,"value":1372},"CardContent",{"type":55,"tag":344,"props":1374,"children":1375},{"style":374},[1376],{"type":60,"value":441},{"type":55,"tag":344,"props":1378,"children":1380},{"class":346,"line":1379},30,[1381,1385,1390,1395,1399,1404],{"type":55,"tag":344,"props":1382,"children":1383},{"style":374},[1384],{"type":60,"value":1316},{"type":55,"tag":344,"props":1386,"children":1387},{"style":607},[1388],{"type":60,"value":1389},"LineChart",{"type":55,"tag":344,"props":1391,"children":1392},{"style":362},[1393],{"type":60,"value":1394}," data",{"type":55,"tag":344,"props":1396,"children":1397},{"style":374},[1398],{"type":60,"value":823},{"type":55,"tag":344,"props":1400,"children":1401},{"style":542},[1402],{"type":60,"value":1403},"metricData",{"type":55,"tag":344,"props":1405,"children":1406},{"style":374},[1407],{"type":60,"value":875},{"type":55,"tag":344,"props":1409,"children":1411},{"class":346,"line":1410},31,[1412,1416,1420],{"type":55,"tag":344,"props":1413,"children":1414},{"style":374},[1415],{"type":60,"value":1351},{"type":55,"tag":344,"props":1417,"children":1418},{"style":607},[1419],{"type":60,"value":1372},{"type":55,"tag":344,"props":1421,"children":1422},{"style":374},[1423],{"type":60,"value":441},{"type":55,"tag":344,"props":1425,"children":1427},{"class":346,"line":1426},32,[1428,1433,1437],{"type":55,"tag":344,"props":1429,"children":1430},{"style":374},[1431],{"type":60,"value":1432},"          \u003C\u002F",{"type":55,"tag":344,"props":1434,"children":1435},{"style":607},[1436],{"type":60,"value":1264},{"type":55,"tag":344,"props":1438,"children":1439},{"style":374},[1440],{"type":60,"value":441},{"type":55,"tag":344,"props":1442,"children":1444},{"class":346,"line":1443},33,[1445,1449,1453],{"type":55,"tag":344,"props":1446,"children":1447},{"style":374},[1448],{"type":60,"value":689},{"type":55,"tag":344,"props":1450,"children":1451},{"style":394},[1452],{"type":60,"value":411},{"type":55,"tag":344,"props":1454,"children":1455},{"style":374},[1456],{"type":60,"value":441},{"type":55,"tag":344,"props":1458,"children":1460},{"class":346,"line":1459},34,[1461],{"type":55,"tag":344,"props":1462,"children":1463},{"emptyLinePlaceholder":721},[1464],{"type":60,"value":724},{"type":55,"tag":344,"props":1466,"children":1468},{"class":346,"line":1467},35,[1469,1473,1478],{"type":55,"tag":344,"props":1470,"children":1471},{"style":374},[1472],{"type":60,"value":1205},{"type":55,"tag":344,"props":1474,"children":1475},{"style":453},[1476],{"type":60,"value":1477},"\u002F* Side Panel - 4 columns *\u002F",{"type":55,"tag":344,"props":1479,"children":1480},{"style":374},[1481],{"type":60,"value":461},{"type":55,"tag":344,"props":1483,"children":1485},{"class":346,"line":1484},36,[1486,1490,1494,1498,1502,1506,1511,1515],{"type":55,"tag":344,"props":1487,"children":1488},{"style":374},[1489],{"type":60,"value":509},{"type":55,"tag":344,"props":1491,"children":1492},{"style":394},[1493],{"type":60,"value":411},{"type":55,"tag":344,"props":1495,"children":1496},{"style":362},[1497],{"type":60,"value":416},{"type":55,"tag":344,"props":1499,"children":1500},{"style":374},[1501],{"type":60,"value":421},{"type":55,"tag":344,"props":1503,"children":1504},{"style":374},[1505],{"type":60,"value":426},{"type":55,"tag":344,"props":1507,"children":1508},{"style":429},[1509],{"type":60,"value":1510},"col-span-4 space-y-6",{"type":55,"tag":344,"props":1512,"children":1513},{"style":374},[1514],{"type":60,"value":426},{"type":55,"tag":344,"props":1516,"children":1517},{"style":374},[1518],{"type":60,"value":441},{"type":55,"tag":344,"props":1520,"children":1522},{"class":346,"line":1521},37,[1523,1527,1531],{"type":55,"tag":344,"props":1524,"children":1525},{"style":374},[1526],{"type":60,"value":604},{"type":55,"tag":344,"props":1528,"children":1529},{"style":607},[1530],{"type":60,"value":1264},{"type":55,"tag":344,"props":1532,"children":1533},{"style":374},[1534],{"type":60,"value":441},{"type":55,"tag":344,"props":1536,"children":1538},{"class":346,"line":1537},38,[1539,1543,1547,1552,1556,1560,1565,1569,1573,1578,1582],{"type":55,"tag":344,"props":1540,"children":1541},{"style":374},[1542],{"type":60,"value":1298},{"type":55,"tag":344,"props":1544,"children":1545},{"style":607},[1546],{"type":60,"value":1303},{"type":55,"tag":344,"props":1548,"children":1549},{"style":374},[1550],{"type":60,"value":1551},">\u003C",{"type":55,"tag":344,"props":1553,"children":1554},{"style":607},[1555],{"type":60,"value":1321},{"type":55,"tag":344,"props":1557,"children":1558},{"style":374},[1559],{"type":60,"value":539},{"type":55,"tag":344,"props":1561,"children":1562},{"style":542},[1563],{"type":60,"value":1564},"Top Items",{"type":55,"tag":344,"props":1566,"children":1567},{"style":374},[1568],{"type":60,"value":550},{"type":55,"tag":344,"props":1570,"children":1571},{"style":607},[1572],{"type":60,"value":1321},{"type":55,"tag":344,"props":1574,"children":1575},{"style":374},[1576],{"type":60,"value":1577},">\u003C\u002F",{"type":55,"tag":344,"props":1579,"children":1580},{"style":607},[1581],{"type":60,"value":1303},{"type":55,"tag":344,"props":1583,"children":1584},{"style":374},[1585],{"type":60,"value":441},{"type":55,"tag":344,"props":1587,"children":1589},{"class":346,"line":1588},39,[1590,1594,1598],{"type":55,"tag":344,"props":1591,"children":1592},{"style":374},[1593],{"type":60,"value":1298},{"type":55,"tag":344,"props":1595,"children":1596},{"style":607},[1597],{"type":60,"value":1372},{"type":55,"tag":344,"props":1599,"children":1600},{"style":374},[1601],{"type":60,"value":441},{"type":55,"tag":344,"props":1603,"children":1604},{"class":346,"line":42},[1605,1609,1614,1618,1622,1627],{"type":55,"tag":344,"props":1606,"children":1607},{"style":374},[1608],{"type":60,"value":1316},{"type":55,"tag":344,"props":1610,"children":1611},{"style":607},[1612],{"type":60,"value":1613},"DataTable",{"type":55,"tag":344,"props":1615,"children":1616},{"style":362},[1617],{"type":60,"value":1394},{"type":55,"tag":344,"props":1619,"children":1620},{"style":374},[1621],{"type":60,"value":823},{"type":55,"tag":344,"props":1623,"children":1624},{"style":542},[1625],{"type":60,"value":1626},"topItems",{"type":55,"tag":344,"props":1628,"children":1629},{"style":374},[1630],{"type":60,"value":875},{"type":55,"tag":344,"props":1632,"children":1634},{"class":346,"line":1633},41,[1635,1639,1643],{"type":55,"tag":344,"props":1636,"children":1637},{"style":374},[1638],{"type":60,"value":1351},{"type":55,"tag":344,"props":1640,"children":1641},{"style":607},[1642],{"type":60,"value":1372},{"type":55,"tag":344,"props":1644,"children":1645},{"style":374},[1646],{"type":60,"value":441},{"type":55,"tag":344,"props":1648,"children":1650},{"class":346,"line":1649},42,[1651,1655,1659],{"type":55,"tag":344,"props":1652,"children":1653},{"style":374},[1654],{"type":60,"value":1432},{"type":55,"tag":344,"props":1656,"children":1657},{"style":607},[1658],{"type":60,"value":1264},{"type":55,"tag":344,"props":1660,"children":1661},{"style":374},[1662],{"type":60,"value":441},{"type":55,"tag":344,"props":1664,"children":1666},{"class":346,"line":1665},43,[1667,1671,1675],{"type":55,"tag":344,"props":1668,"children":1669},{"style":374},[1670],{"type":60,"value":604},{"type":55,"tag":344,"props":1672,"children":1673},{"style":607},[1674],{"type":60,"value":1264},{"type":55,"tag":344,"props":1676,"children":1677},{"style":374},[1678],{"type":60,"value":441},{"type":55,"tag":344,"props":1680,"children":1682},{"class":346,"line":1681},44,[1683,1687,1691,1695,1699,1703,1708,1712,1716,1720,1724],{"type":55,"tag":344,"props":1684,"children":1685},{"style":374},[1686],{"type":60,"value":1298},{"type":55,"tag":344,"props":1688,"children":1689},{"style":607},[1690],{"type":60,"value":1303},{"type":55,"tag":344,"props":1692,"children":1693},{"style":374},[1694],{"type":60,"value":1551},{"type":55,"tag":344,"props":1696,"children":1697},{"style":607},[1698],{"type":60,"value":1321},{"type":55,"tag":344,"props":1700,"children":1701},{"style":374},[1702],{"type":60,"value":539},{"type":55,"tag":344,"props":1704,"children":1705},{"style":542},[1706],{"type":60,"value":1707},"Comparison",{"type":55,"tag":344,"props":1709,"children":1710},{"style":374},[1711],{"type":60,"value":550},{"type":55,"tag":344,"props":1713,"children":1714},{"style":607},[1715],{"type":60,"value":1321},{"type":55,"tag":344,"props":1717,"children":1718},{"style":374},[1719],{"type":60,"value":1577},{"type":55,"tag":344,"props":1721,"children":1722},{"style":607},[1723],{"type":60,"value":1303},{"type":55,"tag":344,"props":1725,"children":1726},{"style":374},[1727],{"type":60,"value":441},{"type":55,"tag":344,"props":1729,"children":1731},{"class":346,"line":1730},45,[1732,1736,1740],{"type":55,"tag":344,"props":1733,"children":1734},{"style":374},[1735],{"type":60,"value":1298},{"type":55,"tag":344,"props":1737,"children":1738},{"style":607},[1739],{"type":60,"value":1372},{"type":55,"tag":344,"props":1741,"children":1742},{"style":374},[1743],{"type":60,"value":441},{"type":55,"tag":344,"props":1745,"children":1747},{"class":346,"line":1746},46,[1748,1752,1757,1761,1765,1770],{"type":55,"tag":344,"props":1749,"children":1750},{"style":374},[1751],{"type":60,"value":1316},{"type":55,"tag":344,"props":1753,"children":1754},{"style":607},[1755],{"type":60,"value":1756},"PieChart",{"type":55,"tag":344,"props":1758,"children":1759},{"style":362},[1760],{"type":60,"value":1394},{"type":55,"tag":344,"props":1762,"children":1763},{"style":374},[1764],{"type":60,"value":823},{"type":55,"tag":344,"props":1766,"children":1767},{"style":542},[1768],{"type":60,"value":1769},"comparisonData",{"type":55,"tag":344,"props":1771,"children":1772},{"style":374},[1773],{"type":60,"value":875},{"type":55,"tag":344,"props":1775,"children":1777},{"class":346,"line":1776},47,[1778,1782,1786],{"type":55,"tag":344,"props":1779,"children":1780},{"style":374},[1781],{"type":60,"value":1351},{"type":55,"tag":344,"props":1783,"children":1784},{"style":607},[1785],{"type":60,"value":1372},{"type":55,"tag":344,"props":1787,"children":1788},{"style":374},[1789],{"type":60,"value":441},{"type":55,"tag":344,"props":1791,"children":1793},{"class":346,"line":1792},48,[1794,1798,1802],{"type":55,"tag":344,"props":1795,"children":1796},{"style":374},[1797],{"type":60,"value":1432},{"type":55,"tag":344,"props":1799,"children":1800},{"style":607},[1801],{"type":60,"value":1264},{"type":55,"tag":344,"props":1803,"children":1804},{"style":374},[1805],{"type":60,"value":441},{"type":55,"tag":344,"props":1807,"children":1809},{"class":346,"line":1808},49,[1810,1814,1818],{"type":55,"tag":344,"props":1811,"children":1812},{"style":374},[1813],{"type":60,"value":689},{"type":55,"tag":344,"props":1815,"children":1816},{"style":394},[1817],{"type":60,"value":411},{"type":55,"tag":344,"props":1819,"children":1820},{"style":374},[1821],{"type":60,"value":441},{"type":55,"tag":344,"props":1823,"children":1825},{"class":346,"line":1824},50,[1826],{"type":55,"tag":344,"props":1827,"children":1828},{"emptyLinePlaceholder":721},[1829],{"type":60,"value":724},{"type":55,"tag":344,"props":1831,"children":1833},{"class":346,"line":1832},51,[1834,1838,1843],{"type":55,"tag":344,"props":1835,"children":1836},{"style":374},[1837],{"type":60,"value":1205},{"type":55,"tag":344,"props":1839,"children":1840},{"style":453},[1841],{"type":60,"value":1842},"\u002F* Timeline Row - Full width *\u002F",{"type":55,"tag":344,"props":1844,"children":1845},{"style":374},[1846],{"type":60,"value":461},{"type":55,"tag":344,"props":1848,"children":1850},{"class":346,"line":1849},52,[1851,1855,1859,1863,1867,1871,1876,1880],{"type":55,"tag":344,"props":1852,"children":1853},{"style":374},[1854],{"type":60,"value":509},{"type":55,"tag":344,"props":1856,"children":1857},{"style":394},[1858],{"type":60,"value":411},{"type":55,"tag":344,"props":1860,"children":1861},{"style":362},[1862],{"type":60,"value":416},{"type":55,"tag":344,"props":1864,"children":1865},{"style":374},[1866],{"type":60,"value":421},{"type":55,"tag":344,"props":1868,"children":1869},{"style":374},[1870],{"type":60,"value":426},{"type":55,"tag":344,"props":1872,"children":1873},{"style":429},[1874],{"type":60,"value":1875},"col-span-12",{"type":55,"tag":344,"props":1877,"children":1878},{"style":374},[1879],{"type":60,"value":426},{"type":55,"tag":344,"props":1881,"children":1882},{"style":374},[1883],{"type":60,"value":441},{"type":55,"tag":344,"props":1885,"children":1887},{"class":346,"line":1886},53,[1888,1892,1896,1900,1904,1908,1913,1917,1921,1926,1930,1934],{"type":55,"tag":344,"props":1889,"children":1890},{"style":374},[1891],{"type":60,"value":604},{"type":55,"tag":344,"props":1893,"children":1894},{"style":394},[1895],{"type":60,"value":69},{"type":55,"tag":344,"props":1897,"children":1898},{"style":362},[1899],{"type":60,"value":416},{"type":55,"tag":344,"props":1901,"children":1902},{"style":374},[1903],{"type":60,"value":421},{"type":55,"tag":344,"props":1905,"children":1906},{"style":374},[1907],{"type":60,"value":426},{"type":55,"tag":344,"props":1909,"children":1910},{"style":429},[1911],{"type":60,"value":1912},"text-2xl font-semibold text-white mb-4",{"type":55,"tag":344,"props":1914,"children":1915},{"style":374},[1916],{"type":60,"value":426},{"type":55,"tag":344,"props":1918,"children":1919},{"style":374},[1920],{"type":60,"value":539},{"type":55,"tag":344,"props":1922,"children":1923},{"style":542},[1924],{"type":60,"value":1925},"Trend Analysis",{"type":55,"tag":344,"props":1927,"children":1928},{"style":374},[1929],{"type":60,"value":550},{"type":55,"tag":344,"props":1931,"children":1932},{"style":394},[1933],{"type":60,"value":69},{"type":55,"tag":344,"props":1935,"children":1936},{"style":374},[1937],{"type":60,"value":441},{"type":55,"tag":344,"props":1939,"children":1941},{"class":346,"line":1940},54,[1942,1946,1950,1954,1958,1962,1967,1971],{"type":55,"tag":344,"props":1943,"children":1944},{"style":374},[1945],{"type":60,"value":604},{"type":55,"tag":344,"props":1947,"children":1948},{"style":394},[1949],{"type":60,"value":411},{"type":55,"tag":344,"props":1951,"children":1952},{"style":362},[1953],{"type":60,"value":416},{"type":55,"tag":344,"props":1955,"children":1956},{"style":374},[1957],{"type":60,"value":421},{"type":55,"tag":344,"props":1959,"children":1960},{"style":374},[1961],{"type":60,"value":426},{"type":55,"tag":344,"props":1963,"children":1964},{"style":429},[1965],{"type":60,"value":1966},"grid grid-cols-4 gap-6",{"type":55,"tag":344,"props":1968,"children":1969},{"style":374},[1970],{"type":60,"value":426},{"type":55,"tag":344,"props":1972,"children":1973},{"style":374},[1974],{"type":60,"value":441},{"type":55,"tag":344,"props":1976,"children":1978},{"class":346,"line":1977},55,[1979,1984,1989,1994,1999,2004,2010,2015],{"type":55,"tag":344,"props":1980,"children":1981},{"style":374},[1982],{"type":60,"value":1983},"            {",{"type":55,"tag":344,"props":1985,"children":1986},{"style":542},[1987],{"type":60,"value":1988},"timelineData",{"type":55,"tag":344,"props":1990,"children":1991},{"style":374},[1992],{"type":60,"value":1993},".",{"type":55,"tag":344,"props":1995,"children":1996},{"style":368},[1997],{"type":60,"value":1998},"map",{"type":55,"tag":344,"props":2000,"children":2001},{"style":542},[2002],{"type":60,"value":2003},"(",{"type":55,"tag":344,"props":2005,"children":2007},{"style":2006},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[2008],{"type":60,"value":2009},"item",{"type":55,"tag":344,"props":2011,"children":2012},{"style":362},[2013],{"type":60,"value":2014}," =>",{"type":55,"tag":344,"props":2016,"children":2017},{"style":542},[2018],{"type":60,"value":397},{"type":55,"tag":344,"props":2020,"children":2022},{"class":346,"line":2021},56,[2023,2027,2032,2037,2041,2045,2049,2054,2059,2063],{"type":55,"tag":344,"props":2024,"children":2025},{"style":374},[2026],{"type":60,"value":1316},{"type":55,"tag":344,"props":2028,"children":2029},{"style":607},[2030],{"type":60,"value":2031},"DataCard",{"type":55,"tag":344,"props":2033,"children":2034},{"style":362},[2035],{"type":60,"value":2036}," key",{"type":55,"tag":344,"props":2038,"children":2039},{"style":374},[2040],{"type":60,"value":823},{"type":55,"tag":344,"props":2042,"children":2043},{"style":542},[2044],{"type":60,"value":2009},{"type":55,"tag":344,"props":2046,"children":2047},{"style":374},[2048],{"type":60,"value":1993},{"type":55,"tag":344,"props":2050,"children":2051},{"style":542},[2052],{"type":60,"value":2053},"period",{"type":55,"tag":344,"props":2055,"children":2056},{"style":374},[2057],{"type":60,"value":2058},"} {...",{"type":55,"tag":344,"props":2060,"children":2061},{"style":542},[2062],{"type":60,"value":2009},{"type":55,"tag":344,"props":2064,"children":2065},{"style":374},[2066],{"type":60,"value":875},{"type":55,"tag":344,"props":2068,"children":2070},{"class":346,"line":2069},57,[2071,2076],{"type":55,"tag":344,"props":2072,"children":2073},{"style":542},[2074],{"type":60,"value":2075},"            ))",{"type":55,"tag":344,"props":2077,"children":2078},{"style":374},[2079],{"type":60,"value":461},{"type":55,"tag":344,"props":2081,"children":2083},{"class":346,"line":2082},58,[2084,2088,2092],{"type":55,"tag":344,"props":2085,"children":2086},{"style":374},[2087],{"type":60,"value":1432},{"type":55,"tag":344,"props":2089,"children":2090},{"style":394},[2091],{"type":60,"value":411},{"type":55,"tag":344,"props":2093,"children":2094},{"style":374},[2095],{"type":60,"value":441},{"type":55,"tag":344,"props":2097,"children":2099},{"class":346,"line":2098},59,[2100,2104,2108],{"type":55,"tag":344,"props":2101,"children":2102},{"style":374},[2103],{"type":60,"value":689},{"type":55,"tag":344,"props":2105,"children":2106},{"style":394},[2107],{"type":60,"value":411},{"type":55,"tag":344,"props":2109,"children":2110},{"style":374},[2111],{"type":60,"value":441},{"type":55,"tag":344,"props":2113,"children":2115},{"class":346,"line":2114},60,[2116,2120,2124],{"type":55,"tag":344,"props":2117,"children":2118},{"style":374},[2119],{"type":60,"value":706},{"type":55,"tag":344,"props":2121,"children":2122},{"style":394},[2123],{"type":60,"value":411},{"type":55,"tag":344,"props":2125,"children":2126},{"style":374},[2127],{"type":60,"value":441},{"type":55,"tag":344,"props":2129,"children":2131},{"class":346,"line":2130},61,[2132,2137,2141],{"type":55,"tag":344,"props":2133,"children":2134},{"style":374},[2135],{"type":60,"value":2136},"    \u003C\u002F",{"type":55,"tag":344,"props":2138,"children":2139},{"style":394},[2140],{"type":60,"value":411},{"type":55,"tag":344,"props":2142,"children":2143},{"style":374},[2144],{"type":60,"value":441},{"type":55,"tag":344,"props":2146,"children":2148},{"class":346,"line":2147},62,[2149],{"type":55,"tag":344,"props":2150,"children":2151},{"style":394},[2152],{"type":60,"value":2153},"  )\n",{"type":55,"tag":344,"props":2155,"children":2157},{"class":346,"line":2156},63,[2158],{"type":55,"tag":344,"props":2159,"children":2160},{"style":374},[2161],{"type":60,"value":461},{"type":55,"tag":69,"props":2163,"children":2165},{"id":2164},"core-components",[2166],{"type":60,"value":2167},"Core Components",{"type":55,"tag":147,"props":2169,"children":2171},{"id":2170},"kpi-card",[2172],{"type":60,"value":2173},"KPI Card",{"type":55,"tag":310,"props":2175,"children":2177},{"className":336,"code":2176,"language":338,"meta":319,"style":319},"import { Card, CardContent } from \"@\u002Fcomponents\u002Fui\u002Fcard\"\nimport { TrendingUp, TrendingDown, Minus } from \"lucide-react\"\nimport { AnimatedNumber } from \".\u002FAnimatedNumber\"\n\ninterface KPICardProps {\n  title: string\n  value: number\n  prefix?: string\n  suffix?: string\n  trend?: number\n}\n\nexport function KPICard({ title, value, prefix = '', suffix = '', trend = 0 }: KPICardProps) {\n  return (\n    \u003CCard className=\"bg-slate-800\u002F50 border-slate-700\u002F50\">\n      \u003CCardContent className=\"pt-6\">\n        \u003Cp className=\"text-slate-400 text-sm font-medium mb-2\">{title}\u003C\u002Fp>\n        \u003Cdiv className=\"flex items-end justify-between\">\n          \u003Cspan className=\"text-3xl font-bold text-white\">\n            {prefix}\u003CAnimatedNumber value={value} \u002F>{suffix}\n          \u003C\u002Fspan>\n          {trend !== 0 && (\n            \u003Cspan className={cn(\n              \"flex items-center text-sm font-medium\",\n              trend > 0 ? \"text-emerald-500\" : \"text-rose-500\"\n            )}>\n              {trend > 0 ? \u003CTrendingUp className=\"w-4 h-4 mr-1\" \u002F> : \u003CTrendingDown className=\"w-4 h-4 mr-1\" \u002F>}\n              {Math.abs(trend)}%\n            \u003C\u002Fspan>\n          )}\n        \u003C\u002Fdiv>\n      \u003C\u002FCardContent>\n    \u003C\u002FCard>\n  )\n}\n",[2178],{"type":55,"tag":317,"props":2179,"children":2180},{"__ignoreMap":319},[2181,2234,2289,2326,2333,2350,2368,2385,2402,2418,2434,2441,2448,2552,2563,2599,2635,2689,2725,2761,2808,2823,2854,2883,2905,2957,2970,3068,3104,3119,3131,3146,3161,3176,3183],{"type":55,"tag":344,"props":2182,"children":2183},{"class":346,"line":347},[2184,2189,2194,2199,2204,2209,2214,2219,2224,2229],{"type":55,"tag":344,"props":2185,"children":2186},{"style":351},[2187],{"type":60,"value":2188},"import",{"type":55,"tag":344,"props":2190,"children":2191},{"style":374},[2192],{"type":60,"value":2193}," {",{"type":55,"tag":344,"props":2195,"children":2196},{"style":542},[2197],{"type":60,"value":2198}," Card",{"type":55,"tag":344,"props":2200,"children":2201},{"style":374},[2202],{"type":60,"value":2203},",",{"type":55,"tag":344,"props":2205,"children":2206},{"style":542},[2207],{"type":60,"value":2208}," CardContent",{"type":55,"tag":344,"props":2210,"children":2211},{"style":374},[2212],{"type":60,"value":2213}," }",{"type":55,"tag":344,"props":2215,"children":2216},{"style":351},[2217],{"type":60,"value":2218}," from",{"type":55,"tag":344,"props":2220,"children":2221},{"style":374},[2222],{"type":60,"value":2223}," \"",{"type":55,"tag":344,"props":2225,"children":2226},{"style":429},[2227],{"type":60,"value":2228},"@\u002Fcomponents\u002Fui\u002Fcard",{"type":55,"tag":344,"props":2230,"children":2231},{"style":374},[2232],{"type":60,"value":2233},"\"\n",{"type":55,"tag":344,"props":2235,"children":2236},{"class":346,"line":385},[2237,2241,2245,2250,2254,2259,2263,2268,2272,2276,2280,2285],{"type":55,"tag":344,"props":2238,"children":2239},{"style":351},[2240],{"type":60,"value":2188},{"type":55,"tag":344,"props":2242,"children":2243},{"style":374},[2244],{"type":60,"value":2193},{"type":55,"tag":344,"props":2246,"children":2247},{"style":542},[2248],{"type":60,"value":2249}," TrendingUp",{"type":55,"tag":344,"props":2251,"children":2252},{"style":374},[2253],{"type":60,"value":2203},{"type":55,"tag":344,"props":2255,"children":2256},{"style":542},[2257],{"type":60,"value":2258}," TrendingDown",{"type":55,"tag":344,"props":2260,"children":2261},{"style":374},[2262],{"type":60,"value":2203},{"type":55,"tag":344,"props":2264,"children":2265},{"style":542},[2266],{"type":60,"value":2267}," Minus",{"type":55,"tag":344,"props":2269,"children":2270},{"style":374},[2271],{"type":60,"value":2213},{"type":55,"tag":344,"props":2273,"children":2274},{"style":351},[2275],{"type":60,"value":2218},{"type":55,"tag":344,"props":2277,"children":2278},{"style":374},[2279],{"type":60,"value":2223},{"type":55,"tag":344,"props":2281,"children":2282},{"style":429},[2283],{"type":60,"value":2284},"lucide-react",{"type":55,"tag":344,"props":2286,"children":2287},{"style":374},[2288],{"type":60,"value":2233},{"type":55,"tag":344,"props":2290,"children":2291},{"class":346,"line":400},[2292,2296,2300,2305,2309,2313,2317,2322],{"type":55,"tag":344,"props":2293,"children":2294},{"style":351},[2295],{"type":60,"value":2188},{"type":55,"tag":344,"props":2297,"children":2298},{"style":374},[2299],{"type":60,"value":2193},{"type":55,"tag":344,"props":2301,"children":2302},{"style":542},[2303],{"type":60,"value":2304}," AnimatedNumber",{"type":55,"tag":344,"props":2306,"children":2307},{"style":374},[2308],{"type":60,"value":2213},{"type":55,"tag":344,"props":2310,"children":2311},{"style":351},[2312],{"type":60,"value":2218},{"type":55,"tag":344,"props":2314,"children":2315},{"style":374},[2316],{"type":60,"value":2223},{"type":55,"tag":344,"props":2318,"children":2319},{"style":429},[2320],{"type":60,"value":2321},".\u002FAnimatedNumber",{"type":55,"tag":344,"props":2323,"children":2324},{"style":374},[2325],{"type":60,"value":2233},{"type":55,"tag":344,"props":2327,"children":2328},{"class":346,"line":444},[2329],{"type":55,"tag":344,"props":2330,"children":2331},{"emptyLinePlaceholder":721},[2332],{"type":60,"value":724},{"type":55,"tag":344,"props":2334,"children":2335},{"class":346,"line":464},[2336,2341,2346],{"type":55,"tag":344,"props":2337,"children":2338},{"style":362},[2339],{"type":60,"value":2340},"interface",{"type":55,"tag":344,"props":2342,"children":2343},{"style":607},[2344],{"type":60,"value":2345}," KPICardProps",{"type":55,"tag":344,"props":2347,"children":2348},{"style":374},[2349],{"type":60,"value":382},{"type":55,"tag":344,"props":2351,"children":2352},{"class":346,"line":503},[2353,2358,2363],{"type":55,"tag":344,"props":2354,"children":2355},{"style":394},[2356],{"type":60,"value":2357},"  title",{"type":55,"tag":344,"props":2359,"children":2360},{"style":374},[2361],{"type":60,"value":2362},":",{"type":55,"tag":344,"props":2364,"children":2365},{"style":607},[2366],{"type":60,"value":2367}," string\n",{"type":55,"tag":344,"props":2369,"children":2370},{"class":346,"line":561},[2371,2376,2380],{"type":55,"tag":344,"props":2372,"children":2373},{"style":394},[2374],{"type":60,"value":2375},"  value",{"type":55,"tag":344,"props":2377,"children":2378},{"style":374},[2379],{"type":60,"value":2362},{"type":55,"tag":344,"props":2381,"children":2382},{"style":607},[2383],{"type":60,"value":2384}," number\n",{"type":55,"tag":344,"props":2386,"children":2387},{"class":346,"line":598},[2388,2393,2398],{"type":55,"tag":344,"props":2389,"children":2390},{"style":394},[2391],{"type":60,"value":2392},"  prefix",{"type":55,"tag":344,"props":2394,"children":2395},{"style":374},[2396],{"type":60,"value":2397},"?:",{"type":55,"tag":344,"props":2399,"children":2400},{"style":607},[2401],{"type":60,"value":2367},{"type":55,"tag":344,"props":2403,"children":2404},{"class":346,"line":618},[2405,2410,2414],{"type":55,"tag":344,"props":2406,"children":2407},{"style":394},[2408],{"type":60,"value":2409},"  suffix",{"type":55,"tag":344,"props":2411,"children":2412},{"style":374},[2413],{"type":60,"value":2397},{"type":55,"tag":344,"props":2415,"children":2416},{"style":607},[2417],{"type":60,"value":2367},{"type":55,"tag":344,"props":2419,"children":2420},{"class":346,"line":683},[2421,2426,2430],{"type":55,"tag":344,"props":2422,"children":2423},{"style":394},[2424],{"type":60,"value":2425},"  trend",{"type":55,"tag":344,"props":2427,"children":2428},{"style":374},[2429],{"type":60,"value":2397},{"type":55,"tag":344,"props":2431,"children":2432},{"style":607},[2433],{"type":60,"value":2384},{"type":55,"tag":344,"props":2435,"children":2436},{"class":346,"line":700},[2437],{"type":55,"tag":344,"props":2438,"children":2439},{"style":374},[2440],{"type":60,"value":461},{"type":55,"tag":344,"props":2442,"children":2443},{"class":346,"line":717},[2444],{"type":55,"tag":344,"props":2445,"children":2446},{"emptyLinePlaceholder":721},[2447],{"type":60,"value":724},{"type":55,"tag":344,"props":2449,"children":2450},{"class":346,"line":727},[2451,2455,2459,2464,2469,2473,2477,2481,2485,2490,2495,2500,2504,2509,2513,2517,2521,2525,2529,2534,2539,2543,2548],{"type":55,"tag":344,"props":2452,"children":2453},{"style":351},[2454],{"type":60,"value":354},{"type":55,"tag":344,"props":2456,"children":2457},{"style":362},[2458],{"type":60,"value":365},{"type":55,"tag":344,"props":2460,"children":2461},{"style":368},[2462],{"type":60,"value":2463}," KPICard",{"type":55,"tag":344,"props":2465,"children":2466},{"style":374},[2467],{"type":60,"value":2468},"({",{"type":55,"tag":344,"props":2470,"children":2471},{"style":2006},[2472],{"type":60,"value":796},{"type":55,"tag":344,"props":2474,"children":2475},{"style":374},[2476],{"type":60,"value":2203},{"type":55,"tag":344,"props":2478,"children":2479},{"style":2006},[2480],{"type":60,"value":818},{"type":55,"tag":344,"props":2482,"children":2483},{"style":374},[2484],{"type":60,"value":2203},{"type":55,"tag":344,"props":2486,"children":2487},{"style":2006},[2488],{"type":60,"value":2489}," prefix",{"type":55,"tag":344,"props":2491,"children":2492},{"style":374},[2493],{"type":60,"value":2494}," =",{"type":55,"tag":344,"props":2496,"children":2497},{"style":374},[2498],{"type":60,"value":2499}," ''",{"type":55,"tag":344,"props":2501,"children":2502},{"style":374},[2503],{"type":60,"value":2203},{"type":55,"tag":344,"props":2505,"children":2506},{"style":2006},[2507],{"type":60,"value":2508}," suffix",{"type":55,"tag":344,"props":2510,"children":2511},{"style":374},[2512],{"type":60,"value":2494},{"type":55,"tag":344,"props":2514,"children":2515},{"style":374},[2516],{"type":60,"value":2499},{"type":55,"tag":344,"props":2518,"children":2519},{"style":374},[2520],{"type":60,"value":2203},{"type":55,"tag":344,"props":2522,"children":2523},{"style":2006},[2524],{"type":60,"value":861},{"type":55,"tag":344,"props":2526,"children":2527},{"style":374},[2528],{"type":60,"value":2494},{"type":55,"tag":344,"props":2530,"children":2531},{"style":826},[2532],{"type":60,"value":2533}," 0",{"type":55,"tag":344,"props":2535,"children":2536},{"style":374},[2537],{"type":60,"value":2538}," }:",{"type":55,"tag":344,"props":2540,"children":2541},{"style":607},[2542],{"type":60,"value":2345},{"type":55,"tag":344,"props":2544,"children":2545},{"style":374},[2546],{"type":60,"value":2547},")",{"type":55,"tag":344,"props":2549,"children":2550},{"style":374},[2551],{"type":60,"value":382},{"type":55,"tag":344,"props":2553,"children":2554},{"class":346,"line":744},[2555,2559],{"type":55,"tag":344,"props":2556,"children":2557},{"style":351},[2558],{"type":60,"value":391},{"type":55,"tag":344,"props":2560,"children":2561},{"style":394},[2562],{"type":60,"value":397},{"type":55,"tag":344,"props":2564,"children":2565},{"class":346,"line":781},[2566,2570,2574,2578,2582,2586,2591,2595],{"type":55,"tag":344,"props":2567,"children":2568},{"style":374},[2569],{"type":60,"value":406},{"type":55,"tag":344,"props":2571,"children":2572},{"style":607},[2573],{"type":60,"value":1264},{"type":55,"tag":344,"props":2575,"children":2576},{"style":362},[2577],{"type":60,"value":416},{"type":55,"tag":344,"props":2579,"children":2580},{"style":374},[2581],{"type":60,"value":421},{"type":55,"tag":344,"props":2583,"children":2584},{"style":374},[2585],{"type":60,"value":426},{"type":55,"tag":344,"props":2587,"children":2588},{"style":429},[2589],{"type":60,"value":2590},"bg-slate-800\u002F50 border-slate-700\u002F50",{"type":55,"tag":344,"props":2592,"children":2593},{"style":374},[2594],{"type":60,"value":426},{"type":55,"tag":344,"props":2596,"children":2597},{"style":374},[2598],{"type":60,"value":441},{"type":55,"tag":344,"props":2600,"children":2601},{"class":346,"line":878},[2602,2606,2610,2614,2618,2622,2627,2631],{"type":55,"tag":344,"props":2603,"children":2604},{"style":374},[2605],{"type":60,"value":470},{"type":55,"tag":344,"props":2607,"children":2608},{"style":607},[2609],{"type":60,"value":1372},{"type":55,"tag":344,"props":2611,"children":2612},{"style":362},[2613],{"type":60,"value":416},{"type":55,"tag":344,"props":2615,"children":2616},{"style":374},[2617],{"type":60,"value":421},{"type":55,"tag":344,"props":2619,"children":2620},{"style":374},[2621],{"type":60,"value":426},{"type":55,"tag":344,"props":2623,"children":2624},{"style":429},[2625],{"type":60,"value":2626},"pt-6",{"type":55,"tag":344,"props":2628,"children":2629},{"style":374},[2630],{"type":60,"value":426},{"type":55,"tag":344,"props":2632,"children":2633},{"style":374},[2634],{"type":60,"value":441},{"type":55,"tag":344,"props":2636,"children":2637},{"class":346,"line":965},[2638,2642,2646,2650,2654,2658,2663,2667,2672,2677,2681,2685],{"type":55,"tag":344,"props":2639,"children":2640},{"style":374},[2641],{"type":60,"value":509},{"type":55,"tag":344,"props":2643,"children":2644},{"style":394},[2645],{"type":60,"value":63},{"type":55,"tag":344,"props":2647,"children":2648},{"style":362},[2649],{"type":60,"value":416},{"type":55,"tag":344,"props":2651,"children":2652},{"style":374},[2653],{"type":60,"value":421},{"type":55,"tag":344,"props":2655,"children":2656},{"style":374},[2657],{"type":60,"value":426},{"type":55,"tag":344,"props":2659,"children":2660},{"style":429},[2661],{"type":60,"value":2662},"text-slate-400 text-sm font-medium mb-2",{"type":55,"tag":344,"props":2664,"children":2665},{"style":374},[2666],{"type":60,"value":426},{"type":55,"tag":344,"props":2668,"children":2669},{"style":374},[2670],{"type":60,"value":2671},">{",{"type":55,"tag":344,"props":2673,"children":2674},{"style":542},[2675],{"type":60,"value":2676},"title",{"type":55,"tag":344,"props":2678,"children":2679},{"style":374},[2680],{"type":60,"value":672},{"type":55,"tag":344,"props":2682,"children":2683},{"style":394},[2684],{"type":60,"value":63},{"type":55,"tag":344,"props":2686,"children":2687},{"style":374},[2688],{"type":60,"value":441},{"type":55,"tag":344,"props":2690,"children":2691},{"class":346,"line":1054},[2692,2696,2700,2704,2708,2712,2717,2721],{"type":55,"tag":344,"props":2693,"children":2694},{"style":374},[2695],{"type":60,"value":509},{"type":55,"tag":344,"props":2697,"children":2698},{"style":394},[2699],{"type":60,"value":411},{"type":55,"tag":344,"props":2701,"children":2702},{"style":362},[2703],{"type":60,"value":416},{"type":55,"tag":344,"props":2705,"children":2706},{"style":374},[2707],{"type":60,"value":421},{"type":55,"tag":344,"props":2709,"children":2710},{"style":374},[2711],{"type":60,"value":426},{"type":55,"tag":344,"props":2713,"children":2714},{"style":429},[2715],{"type":60,"value":2716},"flex items-end justify-between",{"type":55,"tag":344,"props":2718,"children":2719},{"style":374},[2720],{"type":60,"value":426},{"type":55,"tag":344,"props":2722,"children":2723},{"style":374},[2724],{"type":60,"value":441},{"type":55,"tag":344,"props":2726,"children":2727},{"class":346,"line":1121},[2728,2732,2736,2740,2744,2748,2753,2757],{"type":55,"tag":344,"props":2729,"children":2730},{"style":374},[2731],{"type":60,"value":604},{"type":55,"tag":344,"props":2733,"children":2734},{"style":394},[2735],{"type":60,"value":344},{"type":55,"tag":344,"props":2737,"children":2738},{"style":362},[2739],{"type":60,"value":416},{"type":55,"tag":344,"props":2741,"children":2742},{"style":374},[2743],{"type":60,"value":421},{"type":55,"tag":344,"props":2745,"children":2746},{"style":374},[2747],{"type":60,"value":426},{"type":55,"tag":344,"props":2749,"children":2750},{"style":429},[2751],{"type":60,"value":2752},"text-3xl font-bold text-white",{"type":55,"tag":344,"props":2754,"children":2755},{"style":374},[2756],{"type":60,"value":426},{"type":55,"tag":344,"props":2758,"children":2759},{"style":374},[2760],{"type":60,"value":441},{"type":55,"tag":344,"props":2762,"children":2763},{"class":346,"line":1137},[2764,2768,2772,2777,2782,2786,2790,2795,2800,2804],{"type":55,"tag":344,"props":2765,"children":2766},{"style":374},[2767],{"type":60,"value":1983},{"type":55,"tag":344,"props":2769,"children":2770},{"style":542},[2771],{"type":60,"value":839},{"type":55,"tag":344,"props":2773,"children":2774},{"style":374},[2775],{"type":60,"value":2776},"}\u003C",{"type":55,"tag":344,"props":2778,"children":2779},{"style":607},[2780],{"type":60,"value":2781},"AnimatedNumber",{"type":55,"tag":344,"props":2783,"children":2784},{"style":362},[2785],{"type":60,"value":818},{"type":55,"tag":344,"props":2787,"children":2788},{"style":374},[2789],{"type":60,"value":823},{"type":55,"tag":344,"props":2791,"children":2792},{"style":542},[2793],{"type":60,"value":2794},"value",{"type":55,"tag":344,"props":2796,"children":2797},{"style":374},[2798],{"type":60,"value":2799},"} \u002F>{",{"type":55,"tag":344,"props":2801,"children":2802},{"style":542},[2803],{"type":60,"value":1017},{"type":55,"tag":344,"props":2805,"children":2806},{"style":374},[2807],{"type":60,"value":461},{"type":55,"tag":344,"props":2809,"children":2810},{"class":346,"line":1145},[2811,2815,2819],{"type":55,"tag":344,"props":2812,"children":2813},{"style":374},[2814],{"type":60,"value":1432},{"type":55,"tag":344,"props":2816,"children":2817},{"style":394},[2818],{"type":60,"value":344},{"type":55,"tag":344,"props":2820,"children":2821},{"style":374},[2822],{"type":60,"value":441},{"type":55,"tag":344,"props":2824,"children":2825},{"class":346,"line":1162},[2826,2831,2836,2841,2845,2850],{"type":55,"tag":344,"props":2827,"children":2828},{"style":374},[2829],{"type":60,"value":2830},"          {",{"type":55,"tag":344,"props":2832,"children":2833},{"style":542},[2834],{"type":60,"value":2835},"trend ",{"type":55,"tag":344,"props":2837,"children":2838},{"style":374},[2839],{"type":60,"value":2840},"!==",{"type":55,"tag":344,"props":2842,"children":2843},{"style":826},[2844],{"type":60,"value":2533},{"type":55,"tag":344,"props":2846,"children":2847},{"style":374},[2848],{"type":60,"value":2849}," &&",{"type":55,"tag":344,"props":2851,"children":2852},{"style":542},[2853],{"type":60,"value":397},{"type":55,"tag":344,"props":2855,"children":2856},{"class":346,"line":1199},[2857,2861,2865,2869,2873,2878],{"type":55,"tag":344,"props":2858,"children":2859},{"style":374},[2860],{"type":60,"value":1298},{"type":55,"tag":344,"props":2862,"children":2863},{"style":394},[2864],{"type":60,"value":344},{"type":55,"tag":344,"props":2866,"children":2867},{"style":362},[2868],{"type":60,"value":416},{"type":55,"tag":344,"props":2870,"children":2871},{"style":374},[2872],{"type":60,"value":823},{"type":55,"tag":344,"props":2874,"children":2875},{"style":368},[2876],{"type":60,"value":2877},"cn",{"type":55,"tag":344,"props":2879,"children":2880},{"style":542},[2881],{"type":60,"value":2882},"(\n",{"type":55,"tag":344,"props":2884,"children":2885},{"class":346,"line":1217},[2886,2891,2896,2900],{"type":55,"tag":344,"props":2887,"children":2888},{"style":374},[2889],{"type":60,"value":2890},"              \"",{"type":55,"tag":344,"props":2892,"children":2893},{"style":429},[2894],{"type":60,"value":2895},"flex items-center text-sm font-medium",{"type":55,"tag":344,"props":2897,"children":2898},{"style":374},[2899],{"type":60,"value":426},{"type":55,"tag":344,"props":2901,"children":2902},{"style":374},[2903],{"type":60,"value":2904},",\n",{"type":55,"tag":344,"props":2906,"children":2907},{"class":346,"line":1254},[2908,2913,2917,2921,2926,2930,2935,2939,2944,2948,2953],{"type":55,"tag":344,"props":2909,"children":2910},{"style":542},[2911],{"type":60,"value":2912},"              trend ",{"type":55,"tag":344,"props":2914,"children":2915},{"style":374},[2916],{"type":60,"value":539},{"type":55,"tag":344,"props":2918,"children":2919},{"style":826},[2920],{"type":60,"value":2533},{"type":55,"tag":344,"props":2922,"children":2923},{"style":374},[2924],{"type":60,"value":2925}," ?",{"type":55,"tag":344,"props":2927,"children":2928},{"style":374},[2929],{"type":60,"value":2223},{"type":55,"tag":344,"props":2931,"children":2932},{"style":429},[2933],{"type":60,"value":2934},"text-emerald-500",{"type":55,"tag":344,"props":2936,"children":2937},{"style":374},[2938],{"type":60,"value":426},{"type":55,"tag":344,"props":2940,"children":2941},{"style":374},[2942],{"type":60,"value":2943}," :",{"type":55,"tag":344,"props":2945,"children":2946},{"style":374},[2947],{"type":60,"value":2223},{"type":55,"tag":344,"props":2949,"children":2950},{"style":429},[2951],{"type":60,"value":2952},"text-rose-500",{"type":55,"tag":344,"props":2954,"children":2955},{"style":374},[2956],{"type":60,"value":2233},{"type":55,"tag":344,"props":2958,"children":2959},{"class":346,"line":1292},[2960,2965],{"type":55,"tag":344,"props":2961,"children":2962},{"style":542},[2963],{"type":60,"value":2964},"            )",{"type":55,"tag":344,"props":2966,"children":2967},{"style":374},[2968],{"type":60,"value":2969},"}>\n",{"type":55,"tag":344,"props":2971,"children":2972},{"class":346,"line":1310},[2973,2978,2982,2986,2990,2994,2999,3004,3008,3012,3016,3021,3025,3030,3034,3038,3043,3047,3051,3055,3059,3063],{"type":55,"tag":344,"props":2974,"children":2975},{"style":374},[2976],{"type":60,"value":2977},"              {",{"type":55,"tag":344,"props":2979,"children":2980},{"style":542},[2981],{"type":60,"value":2835},{"type":55,"tag":344,"props":2983,"children":2984},{"style":374},[2985],{"type":60,"value":539},{"type":55,"tag":344,"props":2987,"children":2988},{"style":826},[2989],{"type":60,"value":2533},{"type":55,"tag":344,"props":2991,"children":2992},{"style":374},[2993],{"type":60,"value":2925},{"type":55,"tag":344,"props":2995,"children":2996},{"style":374},[2997],{"type":60,"value":2998}," \u003C",{"type":55,"tag":344,"props":3000,"children":3001},{"style":607},[3002],{"type":60,"value":3003},"TrendingUp",{"type":55,"tag":344,"props":3005,"children":3006},{"style":362},[3007],{"type":60,"value":416},{"type":55,"tag":344,"props":3009,"children":3010},{"style":374},[3011],{"type":60,"value":421},{"type":55,"tag":344,"props":3013,"children":3014},{"style":374},[3015],{"type":60,"value":426},{"type":55,"tag":344,"props":3017,"children":3018},{"style":429},[3019],{"type":60,"value":3020},"w-4 h-4 mr-1",{"type":55,"tag":344,"props":3022,"children":3023},{"style":374},[3024],{"type":60,"value":426},{"type":55,"tag":344,"props":3026,"children":3027},{"style":374},[3028],{"type":60,"value":3029}," \u002F>",{"type":55,"tag":344,"props":3031,"children":3032},{"style":374},[3033],{"type":60,"value":2943},{"type":55,"tag":344,"props":3035,"children":3036},{"style":374},[3037],{"type":60,"value":2998},{"type":55,"tag":344,"props":3039,"children":3040},{"style":607},[3041],{"type":60,"value":3042},"TrendingDown",{"type":55,"tag":344,"props":3044,"children":3045},{"style":362},[3046],{"type":60,"value":416},{"type":55,"tag":344,"props":3048,"children":3049},{"style":374},[3050],{"type":60,"value":421},{"type":55,"tag":344,"props":3052,"children":3053},{"style":374},[3054],{"type":60,"value":426},{"type":55,"tag":344,"props":3056,"children":3057},{"style":429},[3058],{"type":60,"value":3020},{"type":55,"tag":344,"props":3060,"children":3061},{"style":374},[3062],{"type":60,"value":426},{"type":55,"tag":344,"props":3064,"children":3065},{"style":374},[3066],{"type":60,"value":3067}," \u002F>}\n",{"type":55,"tag":344,"props":3069,"children":3070},{"class":346,"line":1345},[3071,3075,3080,3084,3089,3094,3099],{"type":55,"tag":344,"props":3072,"children":3073},{"style":374},[3074],{"type":60,"value":2977},{"type":55,"tag":344,"props":3076,"children":3077},{"style":542},[3078],{"type":60,"value":3079},"Math",{"type":55,"tag":344,"props":3081,"children":3082},{"style":374},[3083],{"type":60,"value":1993},{"type":55,"tag":344,"props":3085,"children":3086},{"style":368},[3087],{"type":60,"value":3088},"abs",{"type":55,"tag":344,"props":3090,"children":3091},{"style":542},[3092],{"type":60,"value":3093},"(trend)",{"type":55,"tag":344,"props":3095,"children":3096},{"style":374},[3097],{"type":60,"value":3098},"}",{"type":55,"tag":344,"props":3100,"children":3101},{"style":542},[3102],{"type":60,"value":3103},"%\n",{"type":55,"tag":344,"props":3105,"children":3106},{"class":346,"line":1362},[3107,3111,3115],{"type":55,"tag":344,"props":3108,"children":3109},{"style":374},[3110],{"type":60,"value":1351},{"type":55,"tag":344,"props":3112,"children":3113},{"style":394},[3114],{"type":60,"value":344},{"type":55,"tag":344,"props":3116,"children":3117},{"style":374},[3118],{"type":60,"value":441},{"type":55,"tag":344,"props":3120,"children":3121},{"class":346,"line":1379},[3122,3127],{"type":55,"tag":344,"props":3123,"children":3124},{"style":542},[3125],{"type":60,"value":3126},"          )",{"type":55,"tag":344,"props":3128,"children":3129},{"style":374},[3130],{"type":60,"value":461},{"type":55,"tag":344,"props":3132,"children":3133},{"class":346,"line":1410},[3134,3138,3142],{"type":55,"tag":344,"props":3135,"children":3136},{"style":374},[3137],{"type":60,"value":689},{"type":55,"tag":344,"props":3139,"children":3140},{"style":394},[3141],{"type":60,"value":411},{"type":55,"tag":344,"props":3143,"children":3144},{"style":374},[3145],{"type":60,"value":441},{"type":55,"tag":344,"props":3147,"children":3148},{"class":346,"line":1426},[3149,3153,3157],{"type":55,"tag":344,"props":3150,"children":3151},{"style":374},[3152],{"type":60,"value":706},{"type":55,"tag":344,"props":3154,"children":3155},{"style":607},[3156],{"type":60,"value":1372},{"type":55,"tag":344,"props":3158,"children":3159},{"style":374},[3160],{"type":60,"value":441},{"type":55,"tag":344,"props":3162,"children":3163},{"class":346,"line":1443},[3164,3168,3172],{"type":55,"tag":344,"props":3165,"children":3166},{"style":374},[3167],{"type":60,"value":2136},{"type":55,"tag":344,"props":3169,"children":3170},{"style":607},[3171],{"type":60,"value":1264},{"type":55,"tag":344,"props":3173,"children":3174},{"style":374},[3175],{"type":60,"value":441},{"type":55,"tag":344,"props":3177,"children":3178},{"class":346,"line":1459},[3179],{"type":55,"tag":344,"props":3180,"children":3181},{"style":394},[3182],{"type":60,"value":2153},{"type":55,"tag":344,"props":3184,"children":3185},{"class":346,"line":1467},[3186],{"type":55,"tag":344,"props":3187,"children":3188},{"style":374},[3189],{"type":60,"value":461},{"type":55,"tag":147,"props":3191,"children":3193},{"id":3192},"data-card-generic-timeline-card",[3194],{"type":60,"value":3195},"Data Card (Generic Timeline Card)",{"type":55,"tag":310,"props":3197,"children":3199},{"className":336,"code":3198,"language":338,"meta":319,"style":319},"'use client'\nimport { motion } from 'framer-motion'\nimport { useInView } from 'framer-motion'\nimport { useRef } from 'react'\nimport { Card, CardContent } from \"@\u002Fcomponents\u002Fui\u002Fcard\"\n\ninterface DataCardProps {\n  period: string\n  currentValue: number\n  baselineValue: number\n  percentChange: number\n  description: string\n}\n\nexport function DataCard({ period, currentValue, baselineValue, percentChange, description }: DataCardProps) {\n  const ref = useRef(null)\n  const isInView = useInView(ref, { once: true, margin: \"-50px\" })\n  const isPositive = percentChange >= 0\n\n  return (\n    \u003Cmotion.div\n      ref={ref}\n      initial={{ opacity: 0, y: 30 }}\n      animate={isInView ? { opacity: 1, y: 0 } : {}}\n      transition={{ duration: 0.5, ease: \"easeOut\" }}\n    >\n      \u003CCard className=\"bg-slate-800\u002F50 border-slate-700\u002F50 overflow-hidden\">\n        \u003Cdiv className={cn(\n          \"h-1\",\n          isPositive ? \"bg-emerald-500\" : \"bg-rose-500\"\n        )} \u002F>\n        \u003CCardContent className=\"pt-6\">\n          \u003Cdiv className=\"flex items-baseline gap-2 mb-4\">\n            \u003Cspan className=\"text-4xl font-bold text-white\">{period}\u003C\u002Fspan>\n          \u003C\u002Fdiv>\n\n          \u003Cdiv className=\"space-y-3\">\n            \u003Cdiv className=\"flex justify-between text-sm\">\n              \u003Cspan className=\"text-slate-400\">Baseline Value\u003C\u002Fspan>\n              \u003Cspan className=\"text-slate-300\">{baselineValue}\u003C\u002Fspan>\n            \u003C\u002Fdiv>\n            \u003Cdiv className=\"flex justify-between text-sm\">\n              \u003Cspan className=\"text-slate-400\">Current Value\u003C\u002Fspan>\n              \u003Cspan className=\"text-white font-medium\">{currentValue}\u003C\u002Fspan>\n            \u003C\u002Fdiv>\n\n            {\u002F* Change percentage *\u002F}\n            \u003Cdiv className={cn(\n              \"text-2xl font-bold text-center py-3 rounded-lg\",\n              isPositive ? \"text-emerald-500 bg-emerald-500\u002F10\" : \"text-rose-500 bg-rose-500\u002F10\"\n            )}>\n              {isPositive ? '+' : ''}{percentChange.toFixed(2)}%\n            \u003C\u002Fdiv>\n\n            {\u002F* Progress bar *\u002F}\n            \u003Cdiv className=\"h-1.5 bg-slate-700 rounded-full overflow-hidden\">\n              \u003Cmotion.div\n                initial={{ width: 0 }}\n                animate={isInView ? { width: `${Math.min(Math.abs(percentChange), 100)}%` } : {}}\n                transition={{ duration: 1, ease: \"easeOut\", delay: 0.3 }}\n                className={cn(\n                  \"h-full rounded-full\",\n                  isPositive ? \"bg-emerald-500\" : \"bg-rose-500\"\n                )}\n              \u002F>\n            \u003C\u002Fdiv>\n\n            \u003Cp className=\"text-slate-400 text-sm\">{description}\u003C\u002Fp>\n          \u003C\u002Fdiv>\n        \u003C\u002FCardContent>\n      \u003C\u002FCard>\n    \u003C\u002Fmotion.div>\n  )\n}\n",[3200],{"type":55,"tag":317,"props":3201,"children":3202},{"__ignoreMap":319},[3203,3221,3259,3295,3331,3374,3381,3397,3413,3429,3445,3461,3477,3484,3491,3568,3603,3689,3719,3726,3737,3749,3769,3818,3886,3942,3950,3986,4013,4034,4076,4088,4123,4159,4210,4225,4232,4268,4304,4357,4410,4425,4460,4512,4565,4580,4587,4603,4630,4650,4692,4703,4780,4795,4802,4818,4854,4865,4894,5000,5070,5090,5111,5151,5164,5173,5189,5197,5251,5267,5283,5299,5316,5324],{"type":55,"tag":344,"props":3204,"children":3205},{"class":346,"line":347},[3206,3211,3216],{"type":55,"tag":344,"props":3207,"children":3208},{"style":374},[3209],{"type":60,"value":3210},"'",{"type":55,"tag":344,"props":3212,"children":3213},{"style":429},[3214],{"type":60,"value":3215},"use client",{"type":55,"tag":344,"props":3217,"children":3218},{"style":374},[3219],{"type":60,"value":3220},"'\n",{"type":55,"tag":344,"props":3222,"children":3223},{"class":346,"line":385},[3224,3228,3232,3237,3241,3245,3250,3255],{"type":55,"tag":344,"props":3225,"children":3226},{"style":351},[3227],{"type":60,"value":2188},{"type":55,"tag":344,"props":3229,"children":3230},{"style":374},[3231],{"type":60,"value":2193},{"type":55,"tag":344,"props":3233,"children":3234},{"style":542},[3235],{"type":60,"value":3236}," motion",{"type":55,"tag":344,"props":3238,"children":3239},{"style":374},[3240],{"type":60,"value":2213},{"type":55,"tag":344,"props":3242,"children":3243},{"style":351},[3244],{"type":60,"value":2218},{"type":55,"tag":344,"props":3246,"children":3247},{"style":374},[3248],{"type":60,"value":3249}," '",{"type":55,"tag":344,"props":3251,"children":3252},{"style":429},[3253],{"type":60,"value":3254},"framer-motion",{"type":55,"tag":344,"props":3256,"children":3257},{"style":374},[3258],{"type":60,"value":3220},{"type":55,"tag":344,"props":3260,"children":3261},{"class":346,"line":400},[3262,3266,3270,3275,3279,3283,3287,3291],{"type":55,"tag":344,"props":3263,"children":3264},{"style":351},[3265],{"type":60,"value":2188},{"type":55,"tag":344,"props":3267,"children":3268},{"style":374},[3269],{"type":60,"value":2193},{"type":55,"tag":344,"props":3271,"children":3272},{"style":542},[3273],{"type":60,"value":3274}," useInView",{"type":55,"tag":344,"props":3276,"children":3277},{"style":374},[3278],{"type":60,"value":2213},{"type":55,"tag":344,"props":3280,"children":3281},{"style":351},[3282],{"type":60,"value":2218},{"type":55,"tag":344,"props":3284,"children":3285},{"style":374},[3286],{"type":60,"value":3249},{"type":55,"tag":344,"props":3288,"children":3289},{"style":429},[3290],{"type":60,"value":3254},{"type":55,"tag":344,"props":3292,"children":3293},{"style":374},[3294],{"type":60,"value":3220},{"type":55,"tag":344,"props":3296,"children":3297},{"class":346,"line":444},[3298,3302,3306,3311,3315,3319,3323,3327],{"type":55,"tag":344,"props":3299,"children":3300},{"style":351},[3301],{"type":60,"value":2188},{"type":55,"tag":344,"props":3303,"children":3304},{"style":374},[3305],{"type":60,"value":2193},{"type":55,"tag":344,"props":3307,"children":3308},{"style":542},[3309],{"type":60,"value":3310}," useRef",{"type":55,"tag":344,"props":3312,"children":3313},{"style":374},[3314],{"type":60,"value":2213},{"type":55,"tag":344,"props":3316,"children":3317},{"style":351},[3318],{"type":60,"value":2218},{"type":55,"tag":344,"props":3320,"children":3321},{"style":374},[3322],{"type":60,"value":3249},{"type":55,"tag":344,"props":3324,"children":3325},{"style":429},[3326],{"type":60,"value":19},{"type":55,"tag":344,"props":3328,"children":3329},{"style":374},[3330],{"type":60,"value":3220},{"type":55,"tag":344,"props":3332,"children":3333},{"class":346,"line":464},[3334,3338,3342,3346,3350,3354,3358,3362,3366,3370],{"type":55,"tag":344,"props":3335,"children":3336},{"style":351},[3337],{"type":60,"value":2188},{"type":55,"tag":344,"props":3339,"children":3340},{"style":374},[3341],{"type":60,"value":2193},{"type":55,"tag":344,"props":3343,"children":3344},{"style":542},[3345],{"type":60,"value":2198},{"type":55,"tag":344,"props":3347,"children":3348},{"style":374},[3349],{"type":60,"value":2203},{"type":55,"tag":344,"props":3351,"children":3352},{"style":542},[3353],{"type":60,"value":2208},{"type":55,"tag":344,"props":3355,"children":3356},{"style":374},[3357],{"type":60,"value":2213},{"type":55,"tag":344,"props":3359,"children":3360},{"style":351},[3361],{"type":60,"value":2218},{"type":55,"tag":344,"props":3363,"children":3364},{"style":374},[3365],{"type":60,"value":2223},{"type":55,"tag":344,"props":3367,"children":3368},{"style":429},[3369],{"type":60,"value":2228},{"type":55,"tag":344,"props":3371,"children":3372},{"style":374},[3373],{"type":60,"value":2233},{"type":55,"tag":344,"props":3375,"children":3376},{"class":346,"line":503},[3377],{"type":55,"tag":344,"props":3378,"children":3379},{"emptyLinePlaceholder":721},[3380],{"type":60,"value":724},{"type":55,"tag":344,"props":3382,"children":3383},{"class":346,"line":561},[3384,3388,3393],{"type":55,"tag":344,"props":3385,"children":3386},{"style":362},[3387],{"type":60,"value":2340},{"type":55,"tag":344,"props":3389,"children":3390},{"style":607},[3391],{"type":60,"value":3392}," DataCardProps",{"type":55,"tag":344,"props":3394,"children":3395},{"style":374},[3396],{"type":60,"value":382},{"type":55,"tag":344,"props":3398,"children":3399},{"class":346,"line":598},[3400,3405,3409],{"type":55,"tag":344,"props":3401,"children":3402},{"style":394},[3403],{"type":60,"value":3404},"  period",{"type":55,"tag":344,"props":3406,"children":3407},{"style":374},[3408],{"type":60,"value":2362},{"type":55,"tag":344,"props":3410,"children":3411},{"style":607},[3412],{"type":60,"value":2367},{"type":55,"tag":344,"props":3414,"children":3415},{"class":346,"line":618},[3416,3421,3425],{"type":55,"tag":344,"props":3417,"children":3418},{"style":394},[3419],{"type":60,"value":3420},"  currentValue",{"type":55,"tag":344,"props":3422,"children":3423},{"style":374},[3424],{"type":60,"value":2362},{"type":55,"tag":344,"props":3426,"children":3427},{"style":607},[3428],{"type":60,"value":2384},{"type":55,"tag":344,"props":3430,"children":3431},{"class":346,"line":683},[3432,3437,3441],{"type":55,"tag":344,"props":3433,"children":3434},{"style":394},[3435],{"type":60,"value":3436},"  baselineValue",{"type":55,"tag":344,"props":3438,"children":3439},{"style":374},[3440],{"type":60,"value":2362},{"type":55,"tag":344,"props":3442,"children":3443},{"style":607},[3444],{"type":60,"value":2384},{"type":55,"tag":344,"props":3446,"children":3447},{"class":346,"line":700},[3448,3453,3457],{"type":55,"tag":344,"props":3449,"children":3450},{"style":394},[3451],{"type":60,"value":3452},"  percentChange",{"type":55,"tag":344,"props":3454,"children":3455},{"style":374},[3456],{"type":60,"value":2362},{"type":55,"tag":344,"props":3458,"children":3459},{"style":607},[3460],{"type":60,"value":2384},{"type":55,"tag":344,"props":3462,"children":3463},{"class":346,"line":717},[3464,3469,3473],{"type":55,"tag":344,"props":3465,"children":3466},{"style":394},[3467],{"type":60,"value":3468},"  description",{"type":55,"tag":344,"props":3470,"children":3471},{"style":374},[3472],{"type":60,"value":2362},{"type":55,"tag":344,"props":3474,"children":3475},{"style":607},[3476],{"type":60,"value":2367},{"type":55,"tag":344,"props":3478,"children":3479},{"class":346,"line":727},[3480],{"type":55,"tag":344,"props":3481,"children":3482},{"style":374},[3483],{"type":60,"value":461},{"type":55,"tag":344,"props":3485,"children":3486},{"class":346,"line":744},[3487],{"type":55,"tag":344,"props":3488,"children":3489},{"emptyLinePlaceholder":721},[3490],{"type":60,"value":724},{"type":55,"tag":344,"props":3492,"children":3493},{"class":346,"line":781},[3494,3498,3502,3507,3511,3516,3520,3525,3529,3534,3538,3543,3547,3552,3556,3560,3564],{"type":55,"tag":344,"props":3495,"children":3496},{"style":351},[3497],{"type":60,"value":354},{"type":55,"tag":344,"props":3499,"children":3500},{"style":362},[3501],{"type":60,"value":365},{"type":55,"tag":344,"props":3503,"children":3504},{"style":368},[3505],{"type":60,"value":3506}," DataCard",{"type":55,"tag":344,"props":3508,"children":3509},{"style":374},[3510],{"type":60,"value":2468},{"type":55,"tag":344,"props":3512,"children":3513},{"style":2006},[3514],{"type":60,"value":3515}," period",{"type":55,"tag":344,"props":3517,"children":3518},{"style":374},[3519],{"type":60,"value":2203},{"type":55,"tag":344,"props":3521,"children":3522},{"style":2006},[3523],{"type":60,"value":3524}," currentValue",{"type":55,"tag":344,"props":3526,"children":3527},{"style":374},[3528],{"type":60,"value":2203},{"type":55,"tag":344,"props":3530,"children":3531},{"style":2006},[3532],{"type":60,"value":3533}," baselineValue",{"type":55,"tag":344,"props":3535,"children":3536},{"style":374},[3537],{"type":60,"value":2203},{"type":55,"tag":344,"props":3539,"children":3540},{"style":2006},[3541],{"type":60,"value":3542}," percentChange",{"type":55,"tag":344,"props":3544,"children":3545},{"style":374},[3546],{"type":60,"value":2203},{"type":55,"tag":344,"props":3548,"children":3549},{"style":2006},[3550],{"type":60,"value":3551}," description",{"type":55,"tag":344,"props":3553,"children":3554},{"style":374},[3555],{"type":60,"value":2538},{"type":55,"tag":344,"props":3557,"children":3558},{"style":607},[3559],{"type":60,"value":3392},{"type":55,"tag":344,"props":3561,"children":3562},{"style":374},[3563],{"type":60,"value":2547},{"type":55,"tag":344,"props":3565,"children":3566},{"style":374},[3567],{"type":60,"value":382},{"type":55,"tag":344,"props":3569,"children":3570},{"class":346,"line":878},[3571,3576,3581,3585,3589,3593,3598],{"type":55,"tag":344,"props":3572,"children":3573},{"style":362},[3574],{"type":60,"value":3575},"  const",{"type":55,"tag":344,"props":3577,"children":3578},{"style":542},[3579],{"type":60,"value":3580}," ref",{"type":55,"tag":344,"props":3582,"children":3583},{"style":374},[3584],{"type":60,"value":2494},{"type":55,"tag":344,"props":3586,"children":3587},{"style":368},[3588],{"type":60,"value":3310},{"type":55,"tag":344,"props":3590,"children":3591},{"style":394},[3592],{"type":60,"value":2003},{"type":55,"tag":344,"props":3594,"children":3595},{"style":374},[3596],{"type":60,"value":3597},"null",{"type":55,"tag":344,"props":3599,"children":3600},{"style":394},[3601],{"type":60,"value":3602},")\n",{"type":55,"tag":344,"props":3604,"children":3605},{"class":346,"line":965},[3606,3610,3615,3619,3623,3627,3632,3636,3640,3645,3649,3655,3659,3664,3668,3672,3677,3681,3685],{"type":55,"tag":344,"props":3607,"children":3608},{"style":362},[3609],{"type":60,"value":3575},{"type":55,"tag":344,"props":3611,"children":3612},{"style":542},[3613],{"type":60,"value":3614}," isInView",{"type":55,"tag":344,"props":3616,"children":3617},{"style":374},[3618],{"type":60,"value":2494},{"type":55,"tag":344,"props":3620,"children":3621},{"style":368},[3622],{"type":60,"value":3274},{"type":55,"tag":344,"props":3624,"children":3625},{"style":394},[3626],{"type":60,"value":2003},{"type":55,"tag":344,"props":3628,"children":3629},{"style":542},[3630],{"type":60,"value":3631},"ref",{"type":55,"tag":344,"props":3633,"children":3634},{"style":374},[3635],{"type":60,"value":2203},{"type":55,"tag":344,"props":3637,"children":3638},{"style":374},[3639],{"type":60,"value":2193},{"type":55,"tag":344,"props":3641,"children":3642},{"style":394},[3643],{"type":60,"value":3644}," once",{"type":55,"tag":344,"props":3646,"children":3647},{"style":374},[3648],{"type":60,"value":2362},{"type":55,"tag":344,"props":3650,"children":3652},{"style":3651},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[3653],{"type":60,"value":3654}," true",{"type":55,"tag":344,"props":3656,"children":3657},{"style":374},[3658],{"type":60,"value":2203},{"type":55,"tag":344,"props":3660,"children":3661},{"style":394},[3662],{"type":60,"value":3663}," margin",{"type":55,"tag":344,"props":3665,"children":3666},{"style":374},[3667],{"type":60,"value":2362},{"type":55,"tag":344,"props":3669,"children":3670},{"style":374},[3671],{"type":60,"value":2223},{"type":55,"tag":344,"props":3673,"children":3674},{"style":429},[3675],{"type":60,"value":3676},"-50px",{"type":55,"tag":344,"props":3678,"children":3679},{"style":374},[3680],{"type":60,"value":426},{"type":55,"tag":344,"props":3682,"children":3683},{"style":374},[3684],{"type":60,"value":2213},{"type":55,"tag":344,"props":3686,"children":3687},{"style":394},[3688],{"type":60,"value":3602},{"type":55,"tag":344,"props":3690,"children":3691},{"class":346,"line":1054},[3692,3696,3701,3705,3709,3714],{"type":55,"tag":344,"props":3693,"children":3694},{"style":362},[3695],{"type":60,"value":3575},{"type":55,"tag":344,"props":3697,"children":3698},{"style":542},[3699],{"type":60,"value":3700}," isPositive",{"type":55,"tag":344,"props":3702,"children":3703},{"style":374},[3704],{"type":60,"value":2494},{"type":55,"tag":344,"props":3706,"children":3707},{"style":542},[3708],{"type":60,"value":3542},{"type":55,"tag":344,"props":3710,"children":3711},{"style":374},[3712],{"type":60,"value":3713}," >=",{"type":55,"tag":344,"props":3715,"children":3716},{"style":826},[3717],{"type":60,"value":3718}," 0\n",{"type":55,"tag":344,"props":3720,"children":3721},{"class":346,"line":1121},[3722],{"type":55,"tag":344,"props":3723,"children":3724},{"emptyLinePlaceholder":721},[3725],{"type":60,"value":724},{"type":55,"tag":344,"props":3727,"children":3728},{"class":346,"line":1137},[3729,3733],{"type":55,"tag":344,"props":3730,"children":3731},{"style":351},[3732],{"type":60,"value":391},{"type":55,"tag":344,"props":3734,"children":3735},{"style":394},[3736],{"type":60,"value":397},{"type":55,"tag":344,"props":3738,"children":3739},{"class":346,"line":1145},[3740,3744],{"type":55,"tag":344,"props":3741,"children":3742},{"style":374},[3743],{"type":60,"value":406},{"type":55,"tag":344,"props":3745,"children":3746},{"style":607},[3747],{"type":60,"value":3748},"motion.div\n",{"type":55,"tag":344,"props":3750,"children":3751},{"class":346,"line":1162},[3752,3757,3761,3765],{"type":55,"tag":344,"props":3753,"children":3754},{"style":362},[3755],{"type":60,"value":3756},"      ref",{"type":55,"tag":344,"props":3758,"children":3759},{"style":374},[3760],{"type":60,"value":823},{"type":55,"tag":344,"props":3762,"children":3763},{"style":542},[3764],{"type":60,"value":3631},{"type":55,"tag":344,"props":3766,"children":3767},{"style":374},[3768],{"type":60,"value":461},{"type":55,"tag":344,"props":3770,"children":3771},{"class":346,"line":1199},[3772,3777,3782,3787,3791,3795,3799,3804,3808,3813],{"type":55,"tag":344,"props":3773,"children":3774},{"style":362},[3775],{"type":60,"value":3776},"      initial",{"type":55,"tag":344,"props":3778,"children":3779},{"style":374},[3780],{"type":60,"value":3781},"={{",{"type":55,"tag":344,"props":3783,"children":3784},{"style":394},[3785],{"type":60,"value":3786}," opacity",{"type":55,"tag":344,"props":3788,"children":3789},{"style":374},[3790],{"type":60,"value":2362},{"type":55,"tag":344,"props":3792,"children":3793},{"style":826},[3794],{"type":60,"value":2533},{"type":55,"tag":344,"props":3796,"children":3797},{"style":374},[3798],{"type":60,"value":2203},{"type":55,"tag":344,"props":3800,"children":3801},{"style":394},[3802],{"type":60,"value":3803}," y",{"type":55,"tag":344,"props":3805,"children":3806},{"style":374},[3807],{"type":60,"value":2362},{"type":55,"tag":344,"props":3809,"children":3810},{"style":826},[3811],{"type":60,"value":3812}," 30",{"type":55,"tag":344,"props":3814,"children":3815},{"style":374},[3816],{"type":60,"value":3817}," }}\n",{"type":55,"tag":344,"props":3819,"children":3820},{"class":346,"line":1217},[3821,3826,3830,3835,3840,3844,3848,3852,3857,3861,3865,3869,3873,3877,3881],{"type":55,"tag":344,"props":3822,"children":3823},{"style":362},[3824],{"type":60,"value":3825},"      animate",{"type":55,"tag":344,"props":3827,"children":3828},{"style":374},[3829],{"type":60,"value":823},{"type":55,"tag":344,"props":3831,"children":3832},{"style":542},[3833],{"type":60,"value":3834},"isInView ",{"type":55,"tag":344,"props":3836,"children":3837},{"style":374},[3838],{"type":60,"value":3839},"?",{"type":55,"tag":344,"props":3841,"children":3842},{"style":374},[3843],{"type":60,"value":2193},{"type":55,"tag":344,"props":3845,"children":3846},{"style":394},[3847],{"type":60,"value":3786},{"type":55,"tag":344,"props":3849,"children":3850},{"style":374},[3851],{"type":60,"value":2362},{"type":55,"tag":344,"props":3853,"children":3854},{"style":826},[3855],{"type":60,"value":3856}," 1",{"type":55,"tag":344,"props":3858,"children":3859},{"style":374},[3860],{"type":60,"value":2203},{"type":55,"tag":344,"props":3862,"children":3863},{"style":394},[3864],{"type":60,"value":3803},{"type":55,"tag":344,"props":3866,"children":3867},{"style":374},[3868],{"type":60,"value":2362},{"type":55,"tag":344,"props":3870,"children":3871},{"style":826},[3872],{"type":60,"value":2533},{"type":55,"tag":344,"props":3874,"children":3875},{"style":374},[3876],{"type":60,"value":2213},{"type":55,"tag":344,"props":3878,"children":3879},{"style":374},[3880],{"type":60,"value":2943},{"type":55,"tag":344,"props":3882,"children":3883},{"style":374},[3884],{"type":60,"value":3885}," {}}\n",{"type":55,"tag":344,"props":3887,"children":3888},{"class":346,"line":1254},[3889,3894,3898,3903,3907,3912,3916,3921,3925,3929,3934,3938],{"type":55,"tag":344,"props":3890,"children":3891},{"style":362},[3892],{"type":60,"value":3893},"      transition",{"type":55,"tag":344,"props":3895,"children":3896},{"style":374},[3897],{"type":60,"value":3781},{"type":55,"tag":344,"props":3899,"children":3900},{"style":394},[3901],{"type":60,"value":3902}," duration",{"type":55,"tag":344,"props":3904,"children":3905},{"style":374},[3906],{"type":60,"value":2362},{"type":55,"tag":344,"props":3908,"children":3909},{"style":826},[3910],{"type":60,"value":3911}," 0.5",{"type":55,"tag":344,"props":3913,"children":3914},{"style":374},[3915],{"type":60,"value":2203},{"type":55,"tag":344,"props":3917,"children":3918},{"style":394},[3919],{"type":60,"value":3920}," ease",{"type":55,"tag":344,"props":3922,"children":3923},{"style":374},[3924],{"type":60,"value":2362},{"type":55,"tag":344,"props":3926,"children":3927},{"style":374},[3928],{"type":60,"value":2223},{"type":55,"tag":344,"props":3930,"children":3931},{"style":429},[3932],{"type":60,"value":3933},"easeOut",{"type":55,"tag":344,"props":3935,"children":3936},{"style":374},[3937],{"type":60,"value":426},{"type":55,"tag":344,"props":3939,"children":3940},{"style":374},[3941],{"type":60,"value":3817},{"type":55,"tag":344,"props":3943,"children":3944},{"class":346,"line":1292},[3945],{"type":55,"tag":344,"props":3946,"children":3947},{"style":374},[3948],{"type":60,"value":3949},"    >\n",{"type":55,"tag":344,"props":3951,"children":3952},{"class":346,"line":1310},[3953,3957,3961,3965,3969,3973,3978,3982],{"type":55,"tag":344,"props":3954,"children":3955},{"style":374},[3956],{"type":60,"value":470},{"type":55,"tag":344,"props":3958,"children":3959},{"style":607},[3960],{"type":60,"value":1264},{"type":55,"tag":344,"props":3962,"children":3963},{"style":362},[3964],{"type":60,"value":416},{"type":55,"tag":344,"props":3966,"children":3967},{"style":374},[3968],{"type":60,"value":421},{"type":55,"tag":344,"props":3970,"children":3971},{"style":374},[3972],{"type":60,"value":426},{"type":55,"tag":344,"props":3974,"children":3975},{"style":429},[3976],{"type":60,"value":3977},"bg-slate-800\u002F50 border-slate-700\u002F50 overflow-hidden",{"type":55,"tag":344,"props":3979,"children":3980},{"style":374},[3981],{"type":60,"value":426},{"type":55,"tag":344,"props":3983,"children":3984},{"style":374},[3985],{"type":60,"value":441},{"type":55,"tag":344,"props":3987,"children":3988},{"class":346,"line":1345},[3989,3993,3997,4001,4005,4009],{"type":55,"tag":344,"props":3990,"children":3991},{"style":374},[3992],{"type":60,"value":509},{"type":55,"tag":344,"props":3994,"children":3995},{"style":394},[3996],{"type":60,"value":411},{"type":55,"tag":344,"props":3998,"children":3999},{"style":362},[4000],{"type":60,"value":416},{"type":55,"tag":344,"props":4002,"children":4003},{"style":374},[4004],{"type":60,"value":823},{"type":55,"tag":344,"props":4006,"children":4007},{"style":368},[4008],{"type":60,"value":2877},{"type":55,"tag":344,"props":4010,"children":4011},{"style":542},[4012],{"type":60,"value":2882},{"type":55,"tag":344,"props":4014,"children":4015},{"class":346,"line":1362},[4016,4021,4026,4030],{"type":55,"tag":344,"props":4017,"children":4018},{"style":374},[4019],{"type":60,"value":4020},"          \"",{"type":55,"tag":344,"props":4022,"children":4023},{"style":429},[4024],{"type":60,"value":4025},"h-1",{"type":55,"tag":344,"props":4027,"children":4028},{"style":374},[4029],{"type":60,"value":426},{"type":55,"tag":344,"props":4031,"children":4032},{"style":374},[4033],{"type":60,"value":2904},{"type":55,"tag":344,"props":4035,"children":4036},{"class":346,"line":1379},[4037,4042,4046,4050,4055,4059,4063,4067,4072],{"type":55,"tag":344,"props":4038,"children":4039},{"style":542},[4040],{"type":60,"value":4041},"          isPositive ",{"type":55,"tag":344,"props":4043,"children":4044},{"style":374},[4045],{"type":60,"value":3839},{"type":55,"tag":344,"props":4047,"children":4048},{"style":374},[4049],{"type":60,"value":2223},{"type":55,"tag":344,"props":4051,"children":4052},{"style":429},[4053],{"type":60,"value":4054},"bg-emerald-500",{"type":55,"tag":344,"props":4056,"children":4057},{"style":374},[4058],{"type":60,"value":426},{"type":55,"tag":344,"props":4060,"children":4061},{"style":374},[4062],{"type":60,"value":2943},{"type":55,"tag":344,"props":4064,"children":4065},{"style":374},[4066],{"type":60,"value":2223},{"type":55,"tag":344,"props":4068,"children":4069},{"style":429},[4070],{"type":60,"value":4071},"bg-rose-500",{"type":55,"tag":344,"props":4073,"children":4074},{"style":374},[4075],{"type":60,"value":2233},{"type":55,"tag":344,"props":4077,"children":4078},{"class":346,"line":1410},[4079,4084],{"type":55,"tag":344,"props":4080,"children":4081},{"style":542},[4082],{"type":60,"value":4083},"        )",{"type":55,"tag":344,"props":4085,"children":4086},{"style":374},[4087],{"type":60,"value":875},{"type":55,"tag":344,"props":4089,"children":4090},{"class":346,"line":1426},[4091,4095,4099,4103,4107,4111,4115,4119],{"type":55,"tag":344,"props":4092,"children":4093},{"style":374},[4094],{"type":60,"value":509},{"type":55,"tag":344,"props":4096,"children":4097},{"style":607},[4098],{"type":60,"value":1372},{"type":55,"tag":344,"props":4100,"children":4101},{"style":362},[4102],{"type":60,"value":416},{"type":55,"tag":344,"props":4104,"children":4105},{"style":374},[4106],{"type":60,"value":421},{"type":55,"tag":344,"props":4108,"children":4109},{"style":374},[4110],{"type":60,"value":426},{"type":55,"tag":344,"props":4112,"children":4113},{"style":429},[4114],{"type":60,"value":2626},{"type":55,"tag":344,"props":4116,"children":4117},{"style":374},[4118],{"type":60,"value":426},{"type":55,"tag":344,"props":4120,"children":4121},{"style":374},[4122],{"type":60,"value":441},{"type":55,"tag":344,"props":4124,"children":4125},{"class":346,"line":1443},[4126,4130,4134,4138,4142,4146,4151,4155],{"type":55,"tag":344,"props":4127,"children":4128},{"style":374},[4129],{"type":60,"value":604},{"type":55,"tag":344,"props":4131,"children":4132},{"style":394},[4133],{"type":60,"value":411},{"type":55,"tag":344,"props":4135,"children":4136},{"style":362},[4137],{"type":60,"value":416},{"type":55,"tag":344,"props":4139,"children":4140},{"style":374},[4141],{"type":60,"value":421},{"type":55,"tag":344,"props":4143,"children":4144},{"style":374},[4145],{"type":60,"value":426},{"type":55,"tag":344,"props":4147,"children":4148},{"style":429},[4149],{"type":60,"value":4150},"flex items-baseline gap-2 mb-4",{"type":55,"tag":344,"props":4152,"children":4153},{"style":374},[4154],{"type":60,"value":426},{"type":55,"tag":344,"props":4156,"children":4157},{"style":374},[4158],{"type":60,"value":441},{"type":55,"tag":344,"props":4160,"children":4161},{"class":346,"line":1459},[4162,4166,4170,4174,4178,4182,4186,4190,4194,4198,4202,4206],{"type":55,"tag":344,"props":4163,"children":4164},{"style":374},[4165],{"type":60,"value":1298},{"type":55,"tag":344,"props":4167,"children":4168},{"style":394},[4169],{"type":60,"value":344},{"type":55,"tag":344,"props":4171,"children":4172},{"style":362},[4173],{"type":60,"value":416},{"type":55,"tag":344,"props":4175,"children":4176},{"style":374},[4177],{"type":60,"value":421},{"type":55,"tag":344,"props":4179,"children":4180},{"style":374},[4181],{"type":60,"value":426},{"type":55,"tag":344,"props":4183,"children":4184},{"style":429},[4185],{"type":60,"value":530},{"type":55,"tag":344,"props":4187,"children":4188},{"style":374},[4189],{"type":60,"value":426},{"type":55,"tag":344,"props":4191,"children":4192},{"style":374},[4193],{"type":60,"value":2671},{"type":55,"tag":344,"props":4195,"children":4196},{"style":542},[4197],{"type":60,"value":2053},{"type":55,"tag":344,"props":4199,"children":4200},{"style":374},[4201],{"type":60,"value":672},{"type":55,"tag":344,"props":4203,"children":4204},{"style":394},[4205],{"type":60,"value":344},{"type":55,"tag":344,"props":4207,"children":4208},{"style":374},[4209],{"type":60,"value":441},{"type":55,"tag":344,"props":4211,"children":4212},{"class":346,"line":1467},[4213,4217,4221],{"type":55,"tag":344,"props":4214,"children":4215},{"style":374},[4216],{"type":60,"value":1432},{"type":55,"tag":344,"props":4218,"children":4219},{"style":394},[4220],{"type":60,"value":411},{"type":55,"tag":344,"props":4222,"children":4223},{"style":374},[4224],{"type":60,"value":441},{"type":55,"tag":344,"props":4226,"children":4227},{"class":346,"line":1484},[4228],{"type":55,"tag":344,"props":4229,"children":4230},{"emptyLinePlaceholder":721},[4231],{"type":60,"value":724},{"type":55,"tag":344,"props":4233,"children":4234},{"class":346,"line":1521},[4235,4239,4243,4247,4251,4255,4260,4264],{"type":55,"tag":344,"props":4236,"children":4237},{"style":374},[4238],{"type":60,"value":604},{"type":55,"tag":344,"props":4240,"children":4241},{"style":394},[4242],{"type":60,"value":411},{"type":55,"tag":344,"props":4244,"children":4245},{"style":362},[4246],{"type":60,"value":416},{"type":55,"tag":344,"props":4248,"children":4249},{"style":374},[4250],{"type":60,"value":421},{"type":55,"tag":344,"props":4252,"children":4253},{"style":374},[4254],{"type":60,"value":426},{"type":55,"tag":344,"props":4256,"children":4257},{"style":429},[4258],{"type":60,"value":4259},"space-y-3",{"type":55,"tag":344,"props":4261,"children":4262},{"style":374},[4263],{"type":60,"value":426},{"type":55,"tag":344,"props":4265,"children":4266},{"style":374},[4267],{"type":60,"value":441},{"type":55,"tag":344,"props":4269,"children":4270},{"class":346,"line":1537},[4271,4275,4279,4283,4287,4291,4296,4300],{"type":55,"tag":344,"props":4272,"children":4273},{"style":374},[4274],{"type":60,"value":1298},{"type":55,"tag":344,"props":4276,"children":4277},{"style":394},[4278],{"type":60,"value":411},{"type":55,"tag":344,"props":4280,"children":4281},{"style":362},[4282],{"type":60,"value":416},{"type":55,"tag":344,"props":4284,"children":4285},{"style":374},[4286],{"type":60,"value":421},{"type":55,"tag":344,"props":4288,"children":4289},{"style":374},[4290],{"type":60,"value":426},{"type":55,"tag":344,"props":4292,"children":4293},{"style":429},[4294],{"type":60,"value":4295},"flex justify-between text-sm",{"type":55,"tag":344,"props":4297,"children":4298},{"style":374},[4299],{"type":60,"value":426},{"type":55,"tag":344,"props":4301,"children":4302},{"style":374},[4303],{"type":60,"value":441},{"type":55,"tag":344,"props":4305,"children":4306},{"class":346,"line":1588},[4307,4311,4315,4319,4323,4327,4332,4336,4340,4345,4349,4353],{"type":55,"tag":344,"props":4308,"children":4309},{"style":374},[4310],{"type":60,"value":1316},{"type":55,"tag":344,"props":4312,"children":4313},{"style":394},[4314],{"type":60,"value":344},{"type":55,"tag":344,"props":4316,"children":4317},{"style":362},[4318],{"type":60,"value":416},{"type":55,"tag":344,"props":4320,"children":4321},{"style":374},[4322],{"type":60,"value":421},{"type":55,"tag":344,"props":4324,"children":4325},{"style":374},[4326],{"type":60,"value":426},{"type":55,"tag":344,"props":4328,"children":4329},{"style":429},[4330],{"type":60,"value":4331},"text-slate-400",{"type":55,"tag":344,"props":4333,"children":4334},{"style":374},[4335],{"type":60,"value":426},{"type":55,"tag":344,"props":4337,"children":4338},{"style":374},[4339],{"type":60,"value":539},{"type":55,"tag":344,"props":4341,"children":4342},{"style":542},[4343],{"type":60,"value":4344},"Baseline Value",{"type":55,"tag":344,"props":4346,"children":4347},{"style":374},[4348],{"type":60,"value":550},{"type":55,"tag":344,"props":4350,"children":4351},{"style":394},[4352],{"type":60,"value":344},{"type":55,"tag":344,"props":4354,"children":4355},{"style":374},[4356],{"type":60,"value":441},{"type":55,"tag":344,"props":4358,"children":4359},{"class":346,"line":42},[4360,4364,4368,4372,4376,4380,4385,4389,4393,4398,4402,4406],{"type":55,"tag":344,"props":4361,"children":4362},{"style":374},[4363],{"type":60,"value":1316},{"type":55,"tag":344,"props":4365,"children":4366},{"style":394},[4367],{"type":60,"value":344},{"type":55,"tag":344,"props":4369,"children":4370},{"style":362},[4371],{"type":60,"value":416},{"type":55,"tag":344,"props":4373,"children":4374},{"style":374},[4375],{"type":60,"value":421},{"type":55,"tag":344,"props":4377,"children":4378},{"style":374},[4379],{"type":60,"value":426},{"type":55,"tag":344,"props":4381,"children":4382},{"style":429},[4383],{"type":60,"value":4384},"text-slate-300",{"type":55,"tag":344,"props":4386,"children":4387},{"style":374},[4388],{"type":60,"value":426},{"type":55,"tag":344,"props":4390,"children":4391},{"style":374},[4392],{"type":60,"value":2671},{"type":55,"tag":344,"props":4394,"children":4395},{"style":542},[4396],{"type":60,"value":4397},"baselineValue",{"type":55,"tag":344,"props":4399,"children":4400},{"style":374},[4401],{"type":60,"value":672},{"type":55,"tag":344,"props":4403,"children":4404},{"style":394},[4405],{"type":60,"value":344},{"type":55,"tag":344,"props":4407,"children":4408},{"style":374},[4409],{"type":60,"value":441},{"type":55,"tag":344,"props":4411,"children":4412},{"class":346,"line":1633},[4413,4417,4421],{"type":55,"tag":344,"props":4414,"children":4415},{"style":374},[4416],{"type":60,"value":1351},{"type":55,"tag":344,"props":4418,"children":4419},{"style":394},[4420],{"type":60,"value":411},{"type":55,"tag":344,"props":4422,"children":4423},{"style":374},[4424],{"type":60,"value":441},{"type":55,"tag":344,"props":4426,"children":4427},{"class":346,"line":1649},[4428,4432,4436,4440,4444,4448,4452,4456],{"type":55,"tag":344,"props":4429,"children":4430},{"style":374},[4431],{"type":60,"value":1298},{"type":55,"tag":344,"props":4433,"children":4434},{"style":394},[4435],{"type":60,"value":411},{"type":55,"tag":344,"props":4437,"children":4438},{"style":362},[4439],{"type":60,"value":416},{"type":55,"tag":344,"props":4441,"children":4442},{"style":374},[4443],{"type":60,"value":421},{"type":55,"tag":344,"props":4445,"children":4446},{"style":374},[4447],{"type":60,"value":426},{"type":55,"tag":344,"props":4449,"children":4450},{"style":429},[4451],{"type":60,"value":4295},{"type":55,"tag":344,"props":4453,"children":4454},{"style":374},[4455],{"type":60,"value":426},{"type":55,"tag":344,"props":4457,"children":4458},{"style":374},[4459],{"type":60,"value":441},{"type":55,"tag":344,"props":4461,"children":4462},{"class":346,"line":1665},[4463,4467,4471,4475,4479,4483,4487,4491,4495,4500,4504,4508],{"type":55,"tag":344,"props":4464,"children":4465},{"style":374},[4466],{"type":60,"value":1316},{"type":55,"tag":344,"props":4468,"children":4469},{"style":394},[4470],{"type":60,"value":344},{"type":55,"tag":344,"props":4472,"children":4473},{"style":362},[4474],{"type":60,"value":416},{"type":55,"tag":344,"props":4476,"children":4477},{"style":374},[4478],{"type":60,"value":421},{"type":55,"tag":344,"props":4480,"children":4481},{"style":374},[4482],{"type":60,"value":426},{"type":55,"tag":344,"props":4484,"children":4485},{"style":429},[4486],{"type":60,"value":4331},{"type":55,"tag":344,"props":4488,"children":4489},{"style":374},[4490],{"type":60,"value":426},{"type":55,"tag":344,"props":4492,"children":4493},{"style":374},[4494],{"type":60,"value":539},{"type":55,"tag":344,"props":4496,"children":4497},{"style":542},[4498],{"type":60,"value":4499},"Current Value",{"type":55,"tag":344,"props":4501,"children":4502},{"style":374},[4503],{"type":60,"value":550},{"type":55,"tag":344,"props":4505,"children":4506},{"style":394},[4507],{"type":60,"value":344},{"type":55,"tag":344,"props":4509,"children":4510},{"style":374},[4511],{"type":60,"value":441},{"type":55,"tag":344,"props":4513,"children":4514},{"class":346,"line":1681},[4515,4519,4523,4527,4531,4535,4540,4544,4548,4553,4557,4561],{"type":55,"tag":344,"props":4516,"children":4517},{"style":374},[4518],{"type":60,"value":1316},{"type":55,"tag":344,"props":4520,"children":4521},{"style":394},[4522],{"type":60,"value":344},{"type":55,"tag":344,"props":4524,"children":4525},{"style":362},[4526],{"type":60,"value":416},{"type":55,"tag":344,"props":4528,"children":4529},{"style":374},[4530],{"type":60,"value":421},{"type":55,"tag":344,"props":4532,"children":4533},{"style":374},[4534],{"type":60,"value":426},{"type":55,"tag":344,"props":4536,"children":4537},{"style":429},[4538],{"type":60,"value":4539},"text-white font-medium",{"type":55,"tag":344,"props":4541,"children":4542},{"style":374},[4543],{"type":60,"value":426},{"type":55,"tag":344,"props":4545,"children":4546},{"style":374},[4547],{"type":60,"value":2671},{"type":55,"tag":344,"props":4549,"children":4550},{"style":542},[4551],{"type":60,"value":4552},"currentValue",{"type":55,"tag":344,"props":4554,"children":4555},{"style":374},[4556],{"type":60,"value":672},{"type":55,"tag":344,"props":4558,"children":4559},{"style":394},[4560],{"type":60,"value":344},{"type":55,"tag":344,"props":4562,"children":4563},{"style":374},[4564],{"type":60,"value":441},{"type":55,"tag":344,"props":4566,"children":4567},{"class":346,"line":1730},[4568,4572,4576],{"type":55,"tag":344,"props":4569,"children":4570},{"style":374},[4571],{"type":60,"value":1351},{"type":55,"tag":344,"props":4573,"children":4574},{"style":394},[4575],{"type":60,"value":411},{"type":55,"tag":344,"props":4577,"children":4578},{"style":374},[4579],{"type":60,"value":441},{"type":55,"tag":344,"props":4581,"children":4582},{"class":346,"line":1746},[4583],{"type":55,"tag":344,"props":4584,"children":4585},{"emptyLinePlaceholder":721},[4586],{"type":60,"value":724},{"type":55,"tag":344,"props":4588,"children":4589},{"class":346,"line":1776},[4590,4594,4599],{"type":55,"tag":344,"props":4591,"children":4592},{"style":374},[4593],{"type":60,"value":1983},{"type":55,"tag":344,"props":4595,"children":4596},{"style":453},[4597],{"type":60,"value":4598},"\u002F* Change percentage *\u002F",{"type":55,"tag":344,"props":4600,"children":4601},{"style":374},[4602],{"type":60,"value":461},{"type":55,"tag":344,"props":4604,"children":4605},{"class":346,"line":1792},[4606,4610,4614,4618,4622,4626],{"type":55,"tag":344,"props":4607,"children":4608},{"style":374},[4609],{"type":60,"value":1298},{"type":55,"tag":344,"props":4611,"children":4612},{"style":394},[4613],{"type":60,"value":411},{"type":55,"tag":344,"props":4615,"children":4616},{"style":362},[4617],{"type":60,"value":416},{"type":55,"tag":344,"props":4619,"children":4620},{"style":374},[4621],{"type":60,"value":823},{"type":55,"tag":344,"props":4623,"children":4624},{"style":368},[4625],{"type":60,"value":2877},{"type":55,"tag":344,"props":4627,"children":4628},{"style":542},[4629],{"type":60,"value":2882},{"type":55,"tag":344,"props":4631,"children":4632},{"class":346,"line":1808},[4633,4637,4642,4646],{"type":55,"tag":344,"props":4634,"children":4635},{"style":374},[4636],{"type":60,"value":2890},{"type":55,"tag":344,"props":4638,"children":4639},{"style":429},[4640],{"type":60,"value":4641},"text-2xl font-bold text-center py-3 rounded-lg",{"type":55,"tag":344,"props":4643,"children":4644},{"style":374},[4645],{"type":60,"value":426},{"type":55,"tag":344,"props":4647,"children":4648},{"style":374},[4649],{"type":60,"value":2904},{"type":55,"tag":344,"props":4651,"children":4652},{"class":346,"line":1824},[4653,4658,4662,4666,4671,4675,4679,4683,4688],{"type":55,"tag":344,"props":4654,"children":4655},{"style":542},[4656],{"type":60,"value":4657},"              isPositive ",{"type":55,"tag":344,"props":4659,"children":4660},{"style":374},[4661],{"type":60,"value":3839},{"type":55,"tag":344,"props":4663,"children":4664},{"style":374},[4665],{"type":60,"value":2223},{"type":55,"tag":344,"props":4667,"children":4668},{"style":429},[4669],{"type":60,"value":4670},"text-emerald-500 bg-emerald-500\u002F10",{"type":55,"tag":344,"props":4672,"children":4673},{"style":374},[4674],{"type":60,"value":426},{"type":55,"tag":344,"props":4676,"children":4677},{"style":374},[4678],{"type":60,"value":2943},{"type":55,"tag":344,"props":4680,"children":4681},{"style":374},[4682],{"type":60,"value":2223},{"type":55,"tag":344,"props":4684,"children":4685},{"style":429},[4686],{"type":60,"value":4687},"text-rose-500 bg-rose-500\u002F10",{"type":55,"tag":344,"props":4689,"children":4690},{"style":374},[4691],{"type":60,"value":2233},{"type":55,"tag":344,"props":4693,"children":4694},{"class":346,"line":1832},[4695,4699],{"type":55,"tag":344,"props":4696,"children":4697},{"style":542},[4698],{"type":60,"value":2964},{"type":55,"tag":344,"props":4700,"children":4701},{"style":374},[4702],{"type":60,"value":2969},{"type":55,"tag":344,"props":4704,"children":4705},{"class":346,"line":1849},[4706,4710,4715,4719,4723,4728,4732,4736,4740,4745,4750,4754,4759,4763,4768,4772,4776],{"type":55,"tag":344,"props":4707,"children":4708},{"style":374},[4709],{"type":60,"value":2977},{"type":55,"tag":344,"props":4711,"children":4712},{"style":542},[4713],{"type":60,"value":4714},"isPositive ",{"type":55,"tag":344,"props":4716,"children":4717},{"style":374},[4718],{"type":60,"value":3839},{"type":55,"tag":344,"props":4720,"children":4721},{"style":374},[4722],{"type":60,"value":3249},{"type":55,"tag":344,"props":4724,"children":4725},{"style":429},[4726],{"type":60,"value":4727},"+",{"type":55,"tag":344,"props":4729,"children":4730},{"style":374},[4731],{"type":60,"value":3210},{"type":55,"tag":344,"props":4733,"children":4734},{"style":374},[4735],{"type":60,"value":2943},{"type":55,"tag":344,"props":4737,"children":4738},{"style":374},[4739],{"type":60,"value":2499},{"type":55,"tag":344,"props":4741,"children":4742},{"style":374},[4743],{"type":60,"value":4744},"}{",{"type":55,"tag":344,"props":4746,"children":4747},{"style":542},[4748],{"type":60,"value":4749},"percentChange",{"type":55,"tag":344,"props":4751,"children":4752},{"style":374},[4753],{"type":60,"value":1993},{"type":55,"tag":344,"props":4755,"children":4756},{"style":368},[4757],{"type":60,"value":4758},"toFixed",{"type":55,"tag":344,"props":4760,"children":4761},{"style":542},[4762],{"type":60,"value":2003},{"type":55,"tag":344,"props":4764,"children":4765},{"style":826},[4766],{"type":60,"value":4767},"2",{"type":55,"tag":344,"props":4769,"children":4770},{"style":542},[4771],{"type":60,"value":2547},{"type":55,"tag":344,"props":4773,"children":4774},{"style":374},[4775],{"type":60,"value":3098},{"type":55,"tag":344,"props":4777,"children":4778},{"style":542},[4779],{"type":60,"value":3103},{"type":55,"tag":344,"props":4781,"children":4782},{"class":346,"line":1886},[4783,4787,4791],{"type":55,"tag":344,"props":4784,"children":4785},{"style":374},[4786],{"type":60,"value":1351},{"type":55,"tag":344,"props":4788,"children":4789},{"style":394},[4790],{"type":60,"value":411},{"type":55,"tag":344,"props":4792,"children":4793},{"style":374},[4794],{"type":60,"value":441},{"type":55,"tag":344,"props":4796,"children":4797},{"class":346,"line":1940},[4798],{"type":55,"tag":344,"props":4799,"children":4800},{"emptyLinePlaceholder":721},[4801],{"type":60,"value":724},{"type":55,"tag":344,"props":4803,"children":4804},{"class":346,"line":1977},[4805,4809,4814],{"type":55,"tag":344,"props":4806,"children":4807},{"style":374},[4808],{"type":60,"value":1983},{"type":55,"tag":344,"props":4810,"children":4811},{"style":453},[4812],{"type":60,"value":4813},"\u002F* Progress bar *\u002F",{"type":55,"tag":344,"props":4815,"children":4816},{"style":374},[4817],{"type":60,"value":461},{"type":55,"tag":344,"props":4819,"children":4820},{"class":346,"line":2021},[4821,4825,4829,4833,4837,4841,4846,4850],{"type":55,"tag":344,"props":4822,"children":4823},{"style":374},[4824],{"type":60,"value":1298},{"type":55,"tag":344,"props":4826,"children":4827},{"style":394},[4828],{"type":60,"value":411},{"type":55,"tag":344,"props":4830,"children":4831},{"style":362},[4832],{"type":60,"value":416},{"type":55,"tag":344,"props":4834,"children":4835},{"style":374},[4836],{"type":60,"value":421},{"type":55,"tag":344,"props":4838,"children":4839},{"style":374},[4840],{"type":60,"value":426},{"type":55,"tag":344,"props":4842,"children":4843},{"style":429},[4844],{"type":60,"value":4845},"h-1.5 bg-slate-700 rounded-full overflow-hidden",{"type":55,"tag":344,"props":4847,"children":4848},{"style":374},[4849],{"type":60,"value":426},{"type":55,"tag":344,"props":4851,"children":4852},{"style":374},[4853],{"type":60,"value":441},{"type":55,"tag":344,"props":4855,"children":4856},{"class":346,"line":2069},[4857,4861],{"type":55,"tag":344,"props":4858,"children":4859},{"style":374},[4860],{"type":60,"value":1316},{"type":55,"tag":344,"props":4862,"children":4863},{"style":607},[4864],{"type":60,"value":3748},{"type":55,"tag":344,"props":4866,"children":4867},{"class":346,"line":2082},[4868,4873,4877,4882,4886,4890],{"type":55,"tag":344,"props":4869,"children":4870},{"style":362},[4871],{"type":60,"value":4872},"                initial",{"type":55,"tag":344,"props":4874,"children":4875},{"style":374},[4876],{"type":60,"value":3781},{"type":55,"tag":344,"props":4878,"children":4879},{"style":394},[4880],{"type":60,"value":4881}," width",{"type":55,"tag":344,"props":4883,"children":4884},{"style":374},[4885],{"type":60,"value":2362},{"type":55,"tag":344,"props":4887,"children":4888},{"style":826},[4889],{"type":60,"value":2533},{"type":55,"tag":344,"props":4891,"children":4892},{"style":374},[4893],{"type":60,"value":3817},{"type":55,"tag":344,"props":4895,"children":4896},{"class":346,"line":2098},[4897,4902,4906,4910,4914,4918,4922,4926,4931,4935,4939,4944,4949,4953,4957,4962,4966,4971,4975,4979,4983,4988,4992,4996],{"type":55,"tag":344,"props":4898,"children":4899},{"style":362},[4900],{"type":60,"value":4901},"                animate",{"type":55,"tag":344,"props":4903,"children":4904},{"style":374},[4905],{"type":60,"value":823},{"type":55,"tag":344,"props":4907,"children":4908},{"style":542},[4909],{"type":60,"value":3834},{"type":55,"tag":344,"props":4911,"children":4912},{"style":374},[4913],{"type":60,"value":3839},{"type":55,"tag":344,"props":4915,"children":4916},{"style":374},[4917],{"type":60,"value":2193},{"type":55,"tag":344,"props":4919,"children":4920},{"style":394},[4921],{"type":60,"value":4881},{"type":55,"tag":344,"props":4923,"children":4924},{"style":374},[4925],{"type":60,"value":2362},{"type":55,"tag":344,"props":4927,"children":4928},{"style":374},[4929],{"type":60,"value":4930}," `${",{"type":55,"tag":344,"props":4932,"children":4933},{"style":542},[4934],{"type":60,"value":3079},{"type":55,"tag":344,"props":4936,"children":4937},{"style":374},[4938],{"type":60,"value":1993},{"type":55,"tag":344,"props":4940,"children":4941},{"style":368},[4942],{"type":60,"value":4943},"min",{"type":55,"tag":344,"props":4945,"children":4946},{"style":542},[4947],{"type":60,"value":4948},"(Math",{"type":55,"tag":344,"props":4950,"children":4951},{"style":374},[4952],{"type":60,"value":1993},{"type":55,"tag":344,"props":4954,"children":4955},{"style":368},[4956],{"type":60,"value":3088},{"type":55,"tag":344,"props":4958,"children":4959},{"style":542},[4960],{"type":60,"value":4961},"(percentChange)",{"type":55,"tag":344,"props":4963,"children":4964},{"style":374},[4965],{"type":60,"value":2203},{"type":55,"tag":344,"props":4967,"children":4968},{"style":826},[4969],{"type":60,"value":4970}," 100",{"type":55,"tag":344,"props":4972,"children":4973},{"style":542},[4974],{"type":60,"value":2547},{"type":55,"tag":344,"props":4976,"children":4977},{"style":374},[4978],{"type":60,"value":3098},{"type":55,"tag":344,"props":4980,"children":4981},{"style":429},[4982],{"type":60,"value":1030},{"type":55,"tag":344,"props":4984,"children":4985},{"style":374},[4986],{"type":60,"value":4987},"`",{"type":55,"tag":344,"props":4989,"children":4990},{"style":374},[4991],{"type":60,"value":2213},{"type":55,"tag":344,"props":4993,"children":4994},{"style":374},[4995],{"type":60,"value":2943},{"type":55,"tag":344,"props":4997,"children":4998},{"style":374},[4999],{"type":60,"value":3885},{"type":55,"tag":344,"props":5001,"children":5002},{"class":346,"line":2114},[5003,5008,5012,5016,5020,5024,5028,5032,5036,5040,5044,5048,5052,5057,5061,5066],{"type":55,"tag":344,"props":5004,"children":5005},{"style":362},[5006],{"type":60,"value":5007},"                transition",{"type":55,"tag":344,"props":5009,"children":5010},{"style":374},[5011],{"type":60,"value":3781},{"type":55,"tag":344,"props":5013,"children":5014},{"style":394},[5015],{"type":60,"value":3902},{"type":55,"tag":344,"props":5017,"children":5018},{"style":374},[5019],{"type":60,"value":2362},{"type":55,"tag":344,"props":5021,"children":5022},{"style":826},[5023],{"type":60,"value":3856},{"type":55,"tag":344,"props":5025,"children":5026},{"style":374},[5027],{"type":60,"value":2203},{"type":55,"tag":344,"props":5029,"children":5030},{"style":394},[5031],{"type":60,"value":3920},{"type":55,"tag":344,"props":5033,"children":5034},{"style":374},[5035],{"type":60,"value":2362},{"type":55,"tag":344,"props":5037,"children":5038},{"style":374},[5039],{"type":60,"value":2223},{"type":55,"tag":344,"props":5041,"children":5042},{"style":429},[5043],{"type":60,"value":3933},{"type":55,"tag":344,"props":5045,"children":5046},{"style":374},[5047],{"type":60,"value":426},{"type":55,"tag":344,"props":5049,"children":5050},{"style":374},[5051],{"type":60,"value":2203},{"type":55,"tag":344,"props":5053,"children":5054},{"style":394},[5055],{"type":60,"value":5056}," delay",{"type":55,"tag":344,"props":5058,"children":5059},{"style":374},[5060],{"type":60,"value":2362},{"type":55,"tag":344,"props":5062,"children":5063},{"style":826},[5064],{"type":60,"value":5065}," 0.3",{"type":55,"tag":344,"props":5067,"children":5068},{"style":374},[5069],{"type":60,"value":3817},{"type":55,"tag":344,"props":5071,"children":5072},{"class":346,"line":2130},[5073,5078,5082,5086],{"type":55,"tag":344,"props":5074,"children":5075},{"style":362},[5076],{"type":60,"value":5077},"                className",{"type":55,"tag":344,"props":5079,"children":5080},{"style":374},[5081],{"type":60,"value":823},{"type":55,"tag":344,"props":5083,"children":5084},{"style":368},[5085],{"type":60,"value":2877},{"type":55,"tag":344,"props":5087,"children":5088},{"style":542},[5089],{"type":60,"value":2882},{"type":55,"tag":344,"props":5091,"children":5092},{"class":346,"line":2147},[5093,5098,5103,5107],{"type":55,"tag":344,"props":5094,"children":5095},{"style":374},[5096],{"type":60,"value":5097},"                  \"",{"type":55,"tag":344,"props":5099,"children":5100},{"style":429},[5101],{"type":60,"value":5102},"h-full rounded-full",{"type":55,"tag":344,"props":5104,"children":5105},{"style":374},[5106],{"type":60,"value":426},{"type":55,"tag":344,"props":5108,"children":5109},{"style":374},[5110],{"type":60,"value":2904},{"type":55,"tag":344,"props":5112,"children":5113},{"class":346,"line":2156},[5114,5119,5123,5127,5131,5135,5139,5143,5147],{"type":55,"tag":344,"props":5115,"children":5116},{"style":542},[5117],{"type":60,"value":5118},"                  isPositive ",{"type":55,"tag":344,"props":5120,"children":5121},{"style":374},[5122],{"type":60,"value":3839},{"type":55,"tag":344,"props":5124,"children":5125},{"style":374},[5126],{"type":60,"value":2223},{"type":55,"tag":344,"props":5128,"children":5129},{"style":429},[5130],{"type":60,"value":4054},{"type":55,"tag":344,"props":5132,"children":5133},{"style":374},[5134],{"type":60,"value":426},{"type":55,"tag":344,"props":5136,"children":5137},{"style":374},[5138],{"type":60,"value":2943},{"type":55,"tag":344,"props":5140,"children":5141},{"style":374},[5142],{"type":60,"value":2223},{"type":55,"tag":344,"props":5144,"children":5145},{"style":429},[5146],{"type":60,"value":4071},{"type":55,"tag":344,"props":5148,"children":5149},{"style":374},[5150],{"type":60,"value":2233},{"type":55,"tag":344,"props":5152,"children":5154},{"class":346,"line":5153},64,[5155,5160],{"type":55,"tag":344,"props":5156,"children":5157},{"style":542},[5158],{"type":60,"value":5159},"                )",{"type":55,"tag":344,"props":5161,"children":5162},{"style":374},[5163],{"type":60,"value":461},{"type":55,"tag":344,"props":5165,"children":5167},{"class":346,"line":5166},65,[5168],{"type":55,"tag":344,"props":5169,"children":5170},{"style":374},[5171],{"type":60,"value":5172},"              \u002F>\n",{"type":55,"tag":344,"props":5174,"children":5176},{"class":346,"line":5175},66,[5177,5181,5185],{"type":55,"tag":344,"props":5178,"children":5179},{"style":374},[5180],{"type":60,"value":1351},{"type":55,"tag":344,"props":5182,"children":5183},{"style":394},[5184],{"type":60,"value":411},{"type":55,"tag":344,"props":5186,"children":5187},{"style":374},[5188],{"type":60,"value":441},{"type":55,"tag":344,"props":5190,"children":5192},{"class":346,"line":5191},67,[5193],{"type":55,"tag":344,"props":5194,"children":5195},{"emptyLinePlaceholder":721},[5196],{"type":60,"value":724},{"type":55,"tag":344,"props":5198,"children":5200},{"class":346,"line":5199},68,[5201,5205,5209,5213,5217,5221,5226,5230,5234,5239,5243,5247],{"type":55,"tag":344,"props":5202,"children":5203},{"style":374},[5204],{"type":60,"value":1298},{"type":55,"tag":344,"props":5206,"children":5207},{"style":394},[5208],{"type":60,"value":63},{"type":55,"tag":344,"props":5210,"children":5211},{"style":362},[5212],{"type":60,"value":416},{"type":55,"tag":344,"props":5214,"children":5215},{"style":374},[5216],{"type":60,"value":421},{"type":55,"tag":344,"props":5218,"children":5219},{"style":374},[5220],{"type":60,"value":426},{"type":55,"tag":344,"props":5222,"children":5223},{"style":429},[5224],{"type":60,"value":5225},"text-slate-400 text-sm",{"type":55,"tag":344,"props":5227,"children":5228},{"style":374},[5229],{"type":60,"value":426},{"type":55,"tag":344,"props":5231,"children":5232},{"style":374},[5233],{"type":60,"value":2671},{"type":55,"tag":344,"props":5235,"children":5236},{"style":542},[5237],{"type":60,"value":5238},"description",{"type":55,"tag":344,"props":5240,"children":5241},{"style":374},[5242],{"type":60,"value":672},{"type":55,"tag":344,"props":5244,"children":5245},{"style":394},[5246],{"type":60,"value":63},{"type":55,"tag":344,"props":5248,"children":5249},{"style":374},[5250],{"type":60,"value":441},{"type":55,"tag":344,"props":5252,"children":5254},{"class":346,"line":5253},69,[5255,5259,5263],{"type":55,"tag":344,"props":5256,"children":5257},{"style":374},[5258],{"type":60,"value":1432},{"type":55,"tag":344,"props":5260,"children":5261},{"style":394},[5262],{"type":60,"value":411},{"type":55,"tag":344,"props":5264,"children":5265},{"style":374},[5266],{"type":60,"value":441},{"type":55,"tag":344,"props":5268,"children":5270},{"class":346,"line":5269},70,[5271,5275,5279],{"type":55,"tag":344,"props":5272,"children":5273},{"style":374},[5274],{"type":60,"value":689},{"type":55,"tag":344,"props":5276,"children":5277},{"style":607},[5278],{"type":60,"value":1372},{"type":55,"tag":344,"props":5280,"children":5281},{"style":374},[5282],{"type":60,"value":441},{"type":55,"tag":344,"props":5284,"children":5286},{"class":346,"line":5285},71,[5287,5291,5295],{"type":55,"tag":344,"props":5288,"children":5289},{"style":374},[5290],{"type":60,"value":706},{"type":55,"tag":344,"props":5292,"children":5293},{"style":607},[5294],{"type":60,"value":1264},{"type":55,"tag":344,"props":5296,"children":5297},{"style":374},[5298],{"type":60,"value":441},{"type":55,"tag":344,"props":5300,"children":5302},{"class":346,"line":5301},72,[5303,5307,5312],{"type":55,"tag":344,"props":5304,"children":5305},{"style":374},[5306],{"type":60,"value":2136},{"type":55,"tag":344,"props":5308,"children":5309},{"style":607},[5310],{"type":60,"value":5311},"motion.div",{"type":55,"tag":344,"props":5313,"children":5314},{"style":374},[5315],{"type":60,"value":441},{"type":55,"tag":344,"props":5317,"children":5319},{"class":346,"line":5318},73,[5320],{"type":55,"tag":344,"props":5321,"children":5322},{"style":394},[5323],{"type":60,"value":2153},{"type":55,"tag":344,"props":5325,"children":5327},{"class":346,"line":5326},74,[5328],{"type":55,"tag":344,"props":5329,"children":5330},{"style":374},[5331],{"type":60,"value":461},{"type":55,"tag":147,"props":5333,"children":5335},{"id":5334},"animated-number",[5336],{"type":60,"value":5337},"Animated Number",{"type":55,"tag":310,"props":5339,"children":5341},{"className":336,"code":5340,"language":338,"meta":319,"style":319},"'use client'\nimport { useEffect, useState } from 'react'\nimport { animate } from 'framer-motion'\n\ninterface AnimatedNumberProps {\n  value: number\n  decimals?: number\n  duration?: number\n}\n\nexport function AnimatedNumber({ value, decimals = 2, duration = 1 }: AnimatedNumberProps) {\n  const [display, setDisplay] = useState(0)\n\n  useEffect(() => {\n    const controls = animate(display, value, {\n      duration,\n      ease: \"easeOut\",\n      onUpdate: (v) => setDisplay(v)\n    })\n    return () => controls.stop()\n  }, [value, duration])\n\n  return \u003C>{display.toFixed(decimals)}\u003C\u002F>\n}\n",[5342],{"type":55,"tag":317,"props":5343,"children":5344},{"__ignoreMap":319},[5345,5360,5405,5441,5448,5464,5479,5495,5511,5518,5525,5598,5649,5656,5680,5725,5737,5765,5811,5823,5858,5887,5894,5928],{"type":55,"tag":344,"props":5346,"children":5347},{"class":346,"line":347},[5348,5352,5356],{"type":55,"tag":344,"props":5349,"children":5350},{"style":374},[5351],{"type":60,"value":3210},{"type":55,"tag":344,"props":5353,"children":5354},{"style":429},[5355],{"type":60,"value":3215},{"type":55,"tag":344,"props":5357,"children":5358},{"style":374},[5359],{"type":60,"value":3220},{"type":55,"tag":344,"props":5361,"children":5362},{"class":346,"line":385},[5363,5367,5371,5376,5380,5385,5389,5393,5397,5401],{"type":55,"tag":344,"props":5364,"children":5365},{"style":351},[5366],{"type":60,"value":2188},{"type":55,"tag":344,"props":5368,"children":5369},{"style":374},[5370],{"type":60,"value":2193},{"type":55,"tag":344,"props":5372,"children":5373},{"style":542},[5374],{"type":60,"value":5375}," useEffect",{"type":55,"tag":344,"props":5377,"children":5378},{"style":374},[5379],{"type":60,"value":2203},{"type":55,"tag":344,"props":5381,"children":5382},{"style":542},[5383],{"type":60,"value":5384}," useState",{"type":55,"tag":344,"props":5386,"children":5387},{"style":374},[5388],{"type":60,"value":2213},{"type":55,"tag":344,"props":5390,"children":5391},{"style":351},[5392],{"type":60,"value":2218},{"type":55,"tag":344,"props":5394,"children":5395},{"style":374},[5396],{"type":60,"value":3249},{"type":55,"tag":344,"props":5398,"children":5399},{"style":429},[5400],{"type":60,"value":19},{"type":55,"tag":344,"props":5402,"children":5403},{"style":374},[5404],{"type":60,"value":3220},{"type":55,"tag":344,"props":5406,"children":5407},{"class":346,"line":400},[5408,5412,5416,5421,5425,5429,5433,5437],{"type":55,"tag":344,"props":5409,"children":5410},{"style":351},[5411],{"type":60,"value":2188},{"type":55,"tag":344,"props":5413,"children":5414},{"style":374},[5415],{"type":60,"value":2193},{"type":55,"tag":344,"props":5417,"children":5418},{"style":542},[5419],{"type":60,"value":5420}," animate",{"type":55,"tag":344,"props":5422,"children":5423},{"style":374},[5424],{"type":60,"value":2213},{"type":55,"tag":344,"props":5426,"children":5427},{"style":351},[5428],{"type":60,"value":2218},{"type":55,"tag":344,"props":5430,"children":5431},{"style":374},[5432],{"type":60,"value":3249},{"type":55,"tag":344,"props":5434,"children":5435},{"style":429},[5436],{"type":60,"value":3254},{"type":55,"tag":344,"props":5438,"children":5439},{"style":374},[5440],{"type":60,"value":3220},{"type":55,"tag":344,"props":5442,"children":5443},{"class":346,"line":444},[5444],{"type":55,"tag":344,"props":5445,"children":5446},{"emptyLinePlaceholder":721},[5447],{"type":60,"value":724},{"type":55,"tag":344,"props":5449,"children":5450},{"class":346,"line":464},[5451,5455,5460],{"type":55,"tag":344,"props":5452,"children":5453},{"style":362},[5454],{"type":60,"value":2340},{"type":55,"tag":344,"props":5456,"children":5457},{"style":607},[5458],{"type":60,"value":5459}," AnimatedNumberProps",{"type":55,"tag":344,"props":5461,"children":5462},{"style":374},[5463],{"type":60,"value":382},{"type":55,"tag":344,"props":5465,"children":5466},{"class":346,"line":503},[5467,5471,5475],{"type":55,"tag":344,"props":5468,"children":5469},{"style":394},[5470],{"type":60,"value":2375},{"type":55,"tag":344,"props":5472,"children":5473},{"style":374},[5474],{"type":60,"value":2362},{"type":55,"tag":344,"props":5476,"children":5477},{"style":607},[5478],{"type":60,"value":2384},{"type":55,"tag":344,"props":5480,"children":5481},{"class":346,"line":561},[5482,5487,5491],{"type":55,"tag":344,"props":5483,"children":5484},{"style":394},[5485],{"type":60,"value":5486},"  decimals",{"type":55,"tag":344,"props":5488,"children":5489},{"style":374},[5490],{"type":60,"value":2397},{"type":55,"tag":344,"props":5492,"children":5493},{"style":607},[5494],{"type":60,"value":2384},{"type":55,"tag":344,"props":5496,"children":5497},{"class":346,"line":598},[5498,5503,5507],{"type":55,"tag":344,"props":5499,"children":5500},{"style":394},[5501],{"type":60,"value":5502},"  duration",{"type":55,"tag":344,"props":5504,"children":5505},{"style":374},[5506],{"type":60,"value":2397},{"type":55,"tag":344,"props":5508,"children":5509},{"style":607},[5510],{"type":60,"value":2384},{"type":55,"tag":344,"props":5512,"children":5513},{"class":346,"line":618},[5514],{"type":55,"tag":344,"props":5515,"children":5516},{"style":374},[5517],{"type":60,"value":461},{"type":55,"tag":344,"props":5519,"children":5520},{"class":346,"line":683},[5521],{"type":55,"tag":344,"props":5522,"children":5523},{"emptyLinePlaceholder":721},[5524],{"type":60,"value":724},{"type":55,"tag":344,"props":5526,"children":5527},{"class":346,"line":700},[5528,5532,5536,5540,5544,5548,5552,5557,5561,5566,5570,5574,5578,5582,5586,5590,5594],{"type":55,"tag":344,"props":5529,"children":5530},{"style":351},[5531],{"type":60,"value":354},{"type":55,"tag":344,"props":5533,"children":5534},{"style":362},[5535],{"type":60,"value":365},{"type":55,"tag":344,"props":5537,"children":5538},{"style":368},[5539],{"type":60,"value":2304},{"type":55,"tag":344,"props":5541,"children":5542},{"style":374},[5543],{"type":60,"value":2468},{"type":55,"tag":344,"props":5545,"children":5546},{"style":2006},[5547],{"type":60,"value":818},{"type":55,"tag":344,"props":5549,"children":5550},{"style":374},[5551],{"type":60,"value":2203},{"type":55,"tag":344,"props":5553,"children":5554},{"style":2006},[5555],{"type":60,"value":5556}," decimals",{"type":55,"tag":344,"props":5558,"children":5559},{"style":374},[5560],{"type":60,"value":2494},{"type":55,"tag":344,"props":5562,"children":5563},{"style":826},[5564],{"type":60,"value":5565}," 2",{"type":55,"tag":344,"props":5567,"children":5568},{"style":374},[5569],{"type":60,"value":2203},{"type":55,"tag":344,"props":5571,"children":5572},{"style":2006},[5573],{"type":60,"value":3902},{"type":55,"tag":344,"props":5575,"children":5576},{"style":374},[5577],{"type":60,"value":2494},{"type":55,"tag":344,"props":5579,"children":5580},{"style":826},[5581],{"type":60,"value":3856},{"type":55,"tag":344,"props":5583,"children":5584},{"style":374},[5585],{"type":60,"value":2538},{"type":55,"tag":344,"props":5587,"children":5588},{"style":607},[5589],{"type":60,"value":5459},{"type":55,"tag":344,"props":5591,"children":5592},{"style":374},[5593],{"type":60,"value":2547},{"type":55,"tag":344,"props":5595,"children":5596},{"style":374},[5597],{"type":60,"value":382},{"type":55,"tag":344,"props":5599,"children":5600},{"class":346,"line":717},[5601,5605,5610,5615,5619,5624,5629,5633,5637,5641,5645],{"type":55,"tag":344,"props":5602,"children":5603},{"style":362},[5604],{"type":60,"value":3575},{"type":55,"tag":344,"props":5606,"children":5607},{"style":374},[5608],{"type":60,"value":5609}," [",{"type":55,"tag":344,"props":5611,"children":5612},{"style":542},[5613],{"type":60,"value":5614},"display",{"type":55,"tag":344,"props":5616,"children":5617},{"style":374},[5618],{"type":60,"value":2203},{"type":55,"tag":344,"props":5620,"children":5621},{"style":542},[5622],{"type":60,"value":5623}," setDisplay",{"type":55,"tag":344,"props":5625,"children":5626},{"style":374},[5627],{"type":60,"value":5628},"]",{"type":55,"tag":344,"props":5630,"children":5631},{"style":374},[5632],{"type":60,"value":2494},{"type":55,"tag":344,"props":5634,"children":5635},{"style":368},[5636],{"type":60,"value":5384},{"type":55,"tag":344,"props":5638,"children":5639},{"style":394},[5640],{"type":60,"value":2003},{"type":55,"tag":344,"props":5642,"children":5643},{"style":826},[5644],{"type":60,"value":1047},{"type":55,"tag":344,"props":5646,"children":5647},{"style":394},[5648],{"type":60,"value":3602},{"type":55,"tag":344,"props":5650,"children":5651},{"class":346,"line":727},[5652],{"type":55,"tag":344,"props":5653,"children":5654},{"emptyLinePlaceholder":721},[5655],{"type":60,"value":724},{"type":55,"tag":344,"props":5657,"children":5658},{"class":346,"line":744},[5659,5664,5668,5672,5676],{"type":55,"tag":344,"props":5660,"children":5661},{"style":368},[5662],{"type":60,"value":5663},"  useEffect",{"type":55,"tag":344,"props":5665,"children":5666},{"style":394},[5667],{"type":60,"value":2003},{"type":55,"tag":344,"props":5669,"children":5670},{"style":374},[5671],{"type":60,"value":377},{"type":55,"tag":344,"props":5673,"children":5674},{"style":362},[5675],{"type":60,"value":2014},{"type":55,"tag":344,"props":5677,"children":5678},{"style":374},[5679],{"type":60,"value":382},{"type":55,"tag":344,"props":5681,"children":5682},{"class":346,"line":781},[5683,5688,5693,5697,5701,5705,5709,5713,5717,5721],{"type":55,"tag":344,"props":5684,"children":5685},{"style":362},[5686],{"type":60,"value":5687},"    const",{"type":55,"tag":344,"props":5689,"children":5690},{"style":542},[5691],{"type":60,"value":5692}," controls",{"type":55,"tag":344,"props":5694,"children":5695},{"style":374},[5696],{"type":60,"value":2494},{"type":55,"tag":344,"props":5698,"children":5699},{"style":368},[5700],{"type":60,"value":5420},{"type":55,"tag":344,"props":5702,"children":5703},{"style":394},[5704],{"type":60,"value":2003},{"type":55,"tag":344,"props":5706,"children":5707},{"style":542},[5708],{"type":60,"value":5614},{"type":55,"tag":344,"props":5710,"children":5711},{"style":374},[5712],{"type":60,"value":2203},{"type":55,"tag":344,"props":5714,"children":5715},{"style":542},[5716],{"type":60,"value":818},{"type":55,"tag":344,"props":5718,"children":5719},{"style":374},[5720],{"type":60,"value":2203},{"type":55,"tag":344,"props":5722,"children":5723},{"style":374},[5724],{"type":60,"value":382},{"type":55,"tag":344,"props":5726,"children":5727},{"class":346,"line":878},[5728,5733],{"type":55,"tag":344,"props":5729,"children":5730},{"style":542},[5731],{"type":60,"value":5732},"      duration",{"type":55,"tag":344,"props":5734,"children":5735},{"style":374},[5736],{"type":60,"value":2904},{"type":55,"tag":344,"props":5738,"children":5739},{"class":346,"line":965},[5740,5745,5749,5753,5757,5761],{"type":55,"tag":344,"props":5741,"children":5742},{"style":394},[5743],{"type":60,"value":5744},"      ease",{"type":55,"tag":344,"props":5746,"children":5747},{"style":374},[5748],{"type":60,"value":2362},{"type":55,"tag":344,"props":5750,"children":5751},{"style":374},[5752],{"type":60,"value":2223},{"type":55,"tag":344,"props":5754,"children":5755},{"style":429},[5756],{"type":60,"value":3933},{"type":55,"tag":344,"props":5758,"children":5759},{"style":374},[5760],{"type":60,"value":426},{"type":55,"tag":344,"props":5762,"children":5763},{"style":374},[5764],{"type":60,"value":2904},{"type":55,"tag":344,"props":5766,"children":5767},{"class":346,"line":1054},[5768,5773,5777,5782,5787,5791,5795,5799,5803,5807],{"type":55,"tag":344,"props":5769,"children":5770},{"style":368},[5771],{"type":60,"value":5772},"      onUpdate",{"type":55,"tag":344,"props":5774,"children":5775},{"style":374},[5776],{"type":60,"value":2362},{"type":55,"tag":344,"props":5778,"children":5779},{"style":374},[5780],{"type":60,"value":5781}," (",{"type":55,"tag":344,"props":5783,"children":5784},{"style":2006},[5785],{"type":60,"value":5786},"v",{"type":55,"tag":344,"props":5788,"children":5789},{"style":374},[5790],{"type":60,"value":2547},{"type":55,"tag":344,"props":5792,"children":5793},{"style":362},[5794],{"type":60,"value":2014},{"type":55,"tag":344,"props":5796,"children":5797},{"style":368},[5798],{"type":60,"value":5623},{"type":55,"tag":344,"props":5800,"children":5801},{"style":394},[5802],{"type":60,"value":2003},{"type":55,"tag":344,"props":5804,"children":5805},{"style":542},[5806],{"type":60,"value":5786},{"type":55,"tag":344,"props":5808,"children":5809},{"style":394},[5810],{"type":60,"value":3602},{"type":55,"tag":344,"props":5812,"children":5813},{"class":346,"line":1121},[5814,5819],{"type":55,"tag":344,"props":5815,"children":5816},{"style":374},[5817],{"type":60,"value":5818},"    }",{"type":55,"tag":344,"props":5820,"children":5821},{"style":394},[5822],{"type":60,"value":3602},{"type":55,"tag":344,"props":5824,"children":5825},{"class":346,"line":1137},[5826,5831,5836,5840,5844,5848,5853],{"type":55,"tag":344,"props":5827,"children":5828},{"style":351},[5829],{"type":60,"value":5830},"    return",{"type":55,"tag":344,"props":5832,"children":5833},{"style":374},[5834],{"type":60,"value":5835}," ()",{"type":55,"tag":344,"props":5837,"children":5838},{"style":362},[5839],{"type":60,"value":2014},{"type":55,"tag":344,"props":5841,"children":5842},{"style":542},[5843],{"type":60,"value":5692},{"type":55,"tag":344,"props":5845,"children":5846},{"style":374},[5847],{"type":60,"value":1993},{"type":55,"tag":344,"props":5849,"children":5850},{"style":368},[5851],{"type":60,"value":5852},"stop",{"type":55,"tag":344,"props":5854,"children":5855},{"style":394},[5856],{"type":60,"value":5857},"()\n",{"type":55,"tag":344,"props":5859,"children":5860},{"class":346,"line":1145},[5861,5866,5870,5874,5878,5882],{"type":55,"tag":344,"props":5862,"children":5863},{"style":374},[5864],{"type":60,"value":5865},"  },",{"type":55,"tag":344,"props":5867,"children":5868},{"style":394},[5869],{"type":60,"value":5609},{"type":55,"tag":344,"props":5871,"children":5872},{"style":542},[5873],{"type":60,"value":2794},{"type":55,"tag":344,"props":5875,"children":5876},{"style":374},[5877],{"type":60,"value":2203},{"type":55,"tag":344,"props":5879,"children":5880},{"style":542},[5881],{"type":60,"value":3902},{"type":55,"tag":344,"props":5883,"children":5884},{"style":394},[5885],{"type":60,"value":5886},"])\n",{"type":55,"tag":344,"props":5888,"children":5889},{"class":346,"line":1162},[5890],{"type":55,"tag":344,"props":5891,"children":5892},{"emptyLinePlaceholder":721},[5893],{"type":60,"value":724},{"type":55,"tag":344,"props":5895,"children":5896},{"class":346,"line":1199},[5897,5901,5906,5910,5914,5918,5923],{"type":55,"tag":344,"props":5898,"children":5899},{"style":351},[5900],{"type":60,"value":391},{"type":55,"tag":344,"props":5902,"children":5903},{"style":374},[5904],{"type":60,"value":5905}," \u003C>{",{"type":55,"tag":344,"props":5907,"children":5908},{"style":542},[5909],{"type":60,"value":5614},{"type":55,"tag":344,"props":5911,"children":5912},{"style":374},[5913],{"type":60,"value":1993},{"type":55,"tag":344,"props":5915,"children":5916},{"style":368},[5917],{"type":60,"value":4758},{"type":55,"tag":344,"props":5919,"children":5920},{"style":542},[5921],{"type":60,"value":5922},"(decimals)",{"type":55,"tag":344,"props":5924,"children":5925},{"style":374},[5926],{"type":60,"value":5927},"}\u003C\u002F>\n",{"type":55,"tag":344,"props":5929,"children":5930},{"class":346,"line":1217},[5931],{"type":55,"tag":344,"props":5932,"children":5933},{"style":374},[5934],{"type":60,"value":461},{"type":55,"tag":147,"props":5936,"children":5938},{"id":5937},"live-indicator",[5939],{"type":60,"value":5940},"Live Indicator",{"type":55,"tag":310,"props":5942,"children":5944},{"className":336,"code":5943,"language":338,"meta":319,"style":319},"export function LiveIndicator() {\n  return (\n    \u003Cdiv className=\"flex items-center gap-2\">\n      \u003Cspan className=\"relative flex h-3 w-3\">\n        \u003Cspan className=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75\" \u002F>\n        \u003Cspan className=\"relative inline-flex rounded-full h-3 w-3 bg-emerald-500\" \u002F>\n      \u003C\u002Fspan>\n      \u003Cspan className=\"text-emerald-500 text-sm font-medium\">LIVE\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n  )\n}\n",[5945],{"type":55,"tag":317,"props":5946,"children":5947},{"__ignoreMap":319},[5948,5972,5983,6019,6055,6091,6127,6142,6195,6210,6217],{"type":55,"tag":344,"props":5949,"children":5950},{"class":346,"line":347},[5951,5955,5959,5964,5968],{"type":55,"tag":344,"props":5952,"children":5953},{"style":351},[5954],{"type":60,"value":354},{"type":55,"tag":344,"props":5956,"children":5957},{"style":362},[5958],{"type":60,"value":365},{"type":55,"tag":344,"props":5960,"children":5961},{"style":368},[5962],{"type":60,"value":5963}," LiveIndicator",{"type":55,"tag":344,"props":5965,"children":5966},{"style":374},[5967],{"type":60,"value":377},{"type":55,"tag":344,"props":5969,"children":5970},{"style":374},[5971],{"type":60,"value":382},{"type":55,"tag":344,"props":5973,"children":5974},{"class":346,"line":385},[5975,5979],{"type":55,"tag":344,"props":5976,"children":5977},{"style":351},[5978],{"type":60,"value":391},{"type":55,"tag":344,"props":5980,"children":5981},{"style":394},[5982],{"type":60,"value":397},{"type":55,"tag":344,"props":5984,"children":5985},{"class":346,"line":400},[5986,5990,5994,5998,6002,6006,6011,6015],{"type":55,"tag":344,"props":5987,"children":5988},{"style":374},[5989],{"type":60,"value":406},{"type":55,"tag":344,"props":5991,"children":5992},{"style":394},[5993],{"type":60,"value":411},{"type":55,"tag":344,"props":5995,"children":5996},{"style":362},[5997],{"type":60,"value":416},{"type":55,"tag":344,"props":5999,"children":6000},{"style":374},[6001],{"type":60,"value":421},{"type":55,"tag":344,"props":6003,"children":6004},{"style":374},[6005],{"type":60,"value":426},{"type":55,"tag":344,"props":6007,"children":6008},{"style":429},[6009],{"type":60,"value":6010},"flex items-center gap-2",{"type":55,"tag":344,"props":6012,"children":6013},{"style":374},[6014],{"type":60,"value":426},{"type":55,"tag":344,"props":6016,"children":6017},{"style":374},[6018],{"type":60,"value":441},{"type":55,"tag":344,"props":6020,"children":6021},{"class":346,"line":444},[6022,6026,6030,6034,6038,6042,6047,6051],{"type":55,"tag":344,"props":6023,"children":6024},{"style":374},[6025],{"type":60,"value":470},{"type":55,"tag":344,"props":6027,"children":6028},{"style":394},[6029],{"type":60,"value":344},{"type":55,"tag":344,"props":6031,"children":6032},{"style":362},[6033],{"type":60,"value":416},{"type":55,"tag":344,"props":6035,"children":6036},{"style":374},[6037],{"type":60,"value":421},{"type":55,"tag":344,"props":6039,"children":6040},{"style":374},[6041],{"type":60,"value":426},{"type":55,"tag":344,"props":6043,"children":6044},{"style":429},[6045],{"type":60,"value":6046},"relative flex h-3 w-3",{"type":55,"tag":344,"props":6048,"children":6049},{"style":374},[6050],{"type":60,"value":426},{"type":55,"tag":344,"props":6052,"children":6053},{"style":374},[6054],{"type":60,"value":441},{"type":55,"tag":344,"props":6056,"children":6057},{"class":346,"line":464},[6058,6062,6066,6070,6074,6078,6083,6087],{"type":55,"tag":344,"props":6059,"children":6060},{"style":374},[6061],{"type":60,"value":509},{"type":55,"tag":344,"props":6063,"children":6064},{"style":394},[6065],{"type":60,"value":344},{"type":55,"tag":344,"props":6067,"children":6068},{"style":362},[6069],{"type":60,"value":416},{"type":55,"tag":344,"props":6071,"children":6072},{"style":374},[6073],{"type":60,"value":421},{"type":55,"tag":344,"props":6075,"children":6076},{"style":374},[6077],{"type":60,"value":426},{"type":55,"tag":344,"props":6079,"children":6080},{"style":429},[6081],{"type":60,"value":6082},"animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75",{"type":55,"tag":344,"props":6084,"children":6085},{"style":374},[6086],{"type":60,"value":426},{"type":55,"tag":344,"props":6088,"children":6089},{"style":374},[6090],{"type":60,"value":615},{"type":55,"tag":344,"props":6092,"children":6093},{"class":346,"line":503},[6094,6098,6102,6106,6110,6114,6119,6123],{"type":55,"tag":344,"props":6095,"children":6096},{"style":374},[6097],{"type":60,"value":509},{"type":55,"tag":344,"props":6099,"children":6100},{"style":394},[6101],{"type":60,"value":344},{"type":55,"tag":344,"props":6103,"children":6104},{"style":362},[6105],{"type":60,"value":416},{"type":55,"tag":344,"props":6107,"children":6108},{"style":374},[6109],{"type":60,"value":421},{"type":55,"tag":344,"props":6111,"children":6112},{"style":374},[6113],{"type":60,"value":426},{"type":55,"tag":344,"props":6115,"children":6116},{"style":429},[6117],{"type":60,"value":6118},"relative inline-flex rounded-full h-3 w-3 bg-emerald-500",{"type":55,"tag":344,"props":6120,"children":6121},{"style":374},[6122],{"type":60,"value":426},{"type":55,"tag":344,"props":6124,"children":6125},{"style":374},[6126],{"type":60,"value":615},{"type":55,"tag":344,"props":6128,"children":6129},{"class":346,"line":561},[6130,6134,6138],{"type":55,"tag":344,"props":6131,"children":6132},{"style":374},[6133],{"type":60,"value":706},{"type":55,"tag":344,"props":6135,"children":6136},{"style":394},[6137],{"type":60,"value":344},{"type":55,"tag":344,"props":6139,"children":6140},{"style":374},[6141],{"type":60,"value":441},{"type":55,"tag":344,"props":6143,"children":6144},{"class":346,"line":598},[6145,6149,6153,6157,6161,6165,6170,6174,6178,6183,6187,6191],{"type":55,"tag":344,"props":6146,"children":6147},{"style":374},[6148],{"type":60,"value":470},{"type":55,"tag":344,"props":6150,"children":6151},{"style":394},[6152],{"type":60,"value":344},{"type":55,"tag":344,"props":6154,"children":6155},{"style":362},[6156],{"type":60,"value":416},{"type":55,"tag":344,"props":6158,"children":6159},{"style":374},[6160],{"type":60,"value":421},{"type":55,"tag":344,"props":6162,"children":6163},{"style":374},[6164],{"type":60,"value":426},{"type":55,"tag":344,"props":6166,"children":6167},{"style":429},[6168],{"type":60,"value":6169},"text-emerald-500 text-sm font-medium",{"type":55,"tag":344,"props":6171,"children":6172},{"style":374},[6173],{"type":60,"value":426},{"type":55,"tag":344,"props":6175,"children":6176},{"style":374},[6177],{"type":60,"value":539},{"type":55,"tag":344,"props":6179,"children":6180},{"style":542},[6181],{"type":60,"value":6182},"LIVE",{"type":55,"tag":344,"props":6184,"children":6185},{"style":374},[6186],{"type":60,"value":550},{"type":55,"tag":344,"props":6188,"children":6189},{"style":394},[6190],{"type":60,"value":344},{"type":55,"tag":344,"props":6192,"children":6193},{"style":374},[6194],{"type":60,"value":441},{"type":55,"tag":344,"props":6196,"children":6197},{"class":346,"line":618},[6198,6202,6206],{"type":55,"tag":344,"props":6199,"children":6200},{"style":374},[6201],{"type":60,"value":2136},{"type":55,"tag":344,"props":6203,"children":6204},{"style":394},[6205],{"type":60,"value":411},{"type":55,"tag":344,"props":6207,"children":6208},{"style":374},[6209],{"type":60,"value":441},{"type":55,"tag":344,"props":6211,"children":6212},{"class":346,"line":683},[6213],{"type":55,"tag":344,"props":6214,"children":6215},{"style":394},[6216],{"type":60,"value":2153},{"type":55,"tag":344,"props":6218,"children":6219},{"class":346,"line":700},[6220],{"type":55,"tag":344,"props":6221,"children":6222},{"style":374},[6223],{"type":60,"value":461},{"type":55,"tag":69,"props":6225,"children":6227},{"id":6226},"automation-scripts",[6228],{"type":60,"value":6229},"Automation Scripts",{"type":55,"tag":147,"props":6231,"children":6233},{"id":6232},"automatic-setup-and-run",[6234],{"type":60,"value":6235},"Automatic Setup and Run",{"type":55,"tag":63,"props":6237,"children":6238},{},[6239],{"type":60,"value":6240},"To simplify the development setup process, we provide an automated script that will:",{"type":55,"tag":6242,"props":6243,"children":6244},"ol",{},[6245,6250,6255,6260],{"type":55,"tag":80,"props":6246,"children":6247},{},[6248],{"type":60,"value":6249},"Create a new Next.js project with all required dependencies",{"type":55,"tag":80,"props":6251,"children":6252},{},[6253],{"type":60,"value":6254},"Install shadcn\u002Fui components",{"type":55,"tag":80,"props":6256,"children":6257},{},[6258],{"type":60,"value":6259},"Set up sample dashboard components",{"type":55,"tag":80,"props":6261,"children":6262},{},[6263],{"type":60,"value":6264},"Start the development server",{"type":55,"tag":63,"props":6266,"children":6267},{},[6268],{"type":60,"value":6269},"Run the setup script with:",{"type":55,"tag":310,"props":6271,"children":6275},{"className":6272,"code":6273,"language":6274,"meta":319,"style":319},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",".\u002Fsetup-and-run.sh\n","bash",[6276],{"type":55,"tag":317,"props":6277,"children":6278},{"__ignoreMap":319},[6279],{"type":55,"tag":344,"props":6280,"children":6281},{"class":346,"line":347},[6282],{"type":55,"tag":344,"props":6283,"children":6284},{"style":607},[6285],{"type":60,"value":6273},{"type":55,"tag":63,"props":6287,"children":6288},{},[6289,6291,6297],{"type":60,"value":6290},"The script will prompt you for a project name and automatically handle all setup steps, then start the development server at ",{"type":55,"tag":317,"props":6292,"children":6294},{"className":6293},[],[6295],{"type":60,"value":6296},"http:\u002F\u002Flocalhost:3000",{"type":60,"value":1993},{"type":55,"tag":147,"props":6299,"children":6301},{"id":6300},"manual-setup",[6302],{"type":60,"value":6303},"Manual Setup",{"type":55,"tag":63,"props":6305,"children":6306},{},[6307],{"type":60,"value":6308},"If you prefer manual setup, follow these steps:",{"type":55,"tag":6242,"props":6310,"children":6311},{},[6312,6357,6415,6490],{"type":55,"tag":80,"props":6313,"children":6314},{},[6315,6317],{"type":60,"value":6316},"Create a new Next.js app:",{"type":55,"tag":310,"props":6318,"children":6320},{"className":6272,"code":6319,"language":6274,"meta":319,"style":319},"npx create-next-app@latest my-dashboard --typescript --tailwind --eslint\n",[6321],{"type":55,"tag":317,"props":6322,"children":6323},{"__ignoreMap":319},[6324],{"type":55,"tag":344,"props":6325,"children":6326},{"class":346,"line":347},[6327,6332,6337,6342,6347,6352],{"type":55,"tag":344,"props":6328,"children":6329},{"style":607},[6330],{"type":60,"value":6331},"npx",{"type":55,"tag":344,"props":6333,"children":6334},{"style":429},[6335],{"type":60,"value":6336}," create-next-app@latest",{"type":55,"tag":344,"props":6338,"children":6339},{"style":429},[6340],{"type":60,"value":6341}," my-dashboard",{"type":55,"tag":344,"props":6343,"children":6344},{"style":429},[6345],{"type":60,"value":6346}," --typescript",{"type":55,"tag":344,"props":6348,"children":6349},{"style":429},[6350],{"type":60,"value":6351}," --tailwind",{"type":55,"tag":344,"props":6353,"children":6354},{"style":429},[6355],{"type":60,"value":6356}," --eslint\n",{"type":55,"tag":80,"props":6358,"children":6359},{},[6360,6362],{"type":60,"value":6361},"Install required dependencies:",{"type":55,"tag":310,"props":6363,"children":6365},{"className":6272,"code":6364,"language":6274,"meta":319,"style":319},"cd my-dashboard\nnpm install shadcn-ui recharts framer-motion lucide-react\n",[6366],{"type":55,"tag":317,"props":6367,"children":6368},{"__ignoreMap":319},[6369,6382],{"type":55,"tag":344,"props":6370,"children":6371},{"class":346,"line":347},[6372,6377],{"type":55,"tag":344,"props":6373,"children":6374},{"style":368},[6375],{"type":60,"value":6376},"cd",{"type":55,"tag":344,"props":6378,"children":6379},{"style":429},[6380],{"type":60,"value":6381}," my-dashboard\n",{"type":55,"tag":344,"props":6383,"children":6384},{"class":346,"line":385},[6385,6390,6395,6400,6405,6410],{"type":55,"tag":344,"props":6386,"children":6387},{"style":607},[6388],{"type":60,"value":6389},"npm",{"type":55,"tag":344,"props":6391,"children":6392},{"style":429},[6393],{"type":60,"value":6394}," install",{"type":55,"tag":344,"props":6396,"children":6397},{"style":429},[6398],{"type":60,"value":6399}," shadcn-ui",{"type":55,"tag":344,"props":6401,"children":6402},{"style":429},[6403],{"type":60,"value":6404}," recharts",{"type":55,"tag":344,"props":6406,"children":6407},{"style":429},[6408],{"type":60,"value":6409}," framer-motion",{"type":55,"tag":344,"props":6411,"children":6412},{"style":429},[6413],{"type":60,"value":6414}," lucide-react\n",{"type":55,"tag":80,"props":6416,"children":6417},{},[6418,6420],{"type":60,"value":6419},"Initialize and add shadcn\u002Fui components:",{"type":55,"tag":310,"props":6421,"children":6423},{"className":6272,"code":6422,"language":6274,"meta":319,"style":319},"npx shadcn-ui@latest init\nnpx shadcn-ui@latest add card button badge table scroll-area alert\n",[6424],{"type":55,"tag":317,"props":6425,"children":6426},{"__ignoreMap":319},[6427,6444],{"type":55,"tag":344,"props":6428,"children":6429},{"class":346,"line":347},[6430,6434,6439],{"type":55,"tag":344,"props":6431,"children":6432},{"style":607},[6433],{"type":60,"value":6331},{"type":55,"tag":344,"props":6435,"children":6436},{"style":429},[6437],{"type":60,"value":6438}," shadcn-ui@latest",{"type":55,"tag":344,"props":6440,"children":6441},{"style":429},[6442],{"type":60,"value":6443}," init\n",{"type":55,"tag":344,"props":6445,"children":6446},{"class":346,"line":385},[6447,6451,6455,6460,6465,6470,6475,6480,6485],{"type":55,"tag":344,"props":6448,"children":6449},{"style":607},[6450],{"type":60,"value":6331},{"type":55,"tag":344,"props":6452,"children":6453},{"style":429},[6454],{"type":60,"value":6438},{"type":55,"tag":344,"props":6456,"children":6457},{"style":429},[6458],{"type":60,"value":6459}," add",{"type":55,"tag":344,"props":6461,"children":6462},{"style":429},[6463],{"type":60,"value":6464}," card",{"type":55,"tag":344,"props":6466,"children":6467},{"style":429},[6468],{"type":60,"value":6469}," button",{"type":55,"tag":344,"props":6471,"children":6472},{"style":429},[6473],{"type":60,"value":6474}," badge",{"type":55,"tag":344,"props":6476,"children":6477},{"style":429},[6478],{"type":60,"value":6479}," table",{"type":55,"tag":344,"props":6481,"children":6482},{"style":429},[6483],{"type":60,"value":6484}," scroll-area",{"type":55,"tag":344,"props":6486,"children":6487},{"style":429},[6488],{"type":60,"value":6489}," alert\n",{"type":55,"tag":80,"props":6491,"children":6492},{},[6493,6495],{"type":60,"value":6494},"Start the development server:",{"type":55,"tag":310,"props":6496,"children":6498},{"className":6272,"code":6497,"language":6274,"meta":319,"style":319},"npm run dev\n",[6499],{"type":55,"tag":317,"props":6500,"children":6501},{"__ignoreMap":319},[6502],{"type":55,"tag":344,"props":6503,"children":6504},{"class":346,"line":347},[6505,6509,6514],{"type":55,"tag":344,"props":6506,"children":6507},{"style":607},[6508],{"type":60,"value":6389},{"type":55,"tag":344,"props":6510,"children":6511},{"style":429},[6512],{"type":60,"value":6513}," run",{"type":55,"tag":344,"props":6515,"children":6516},{"style":429},[6517],{"type":60,"value":6518}," dev\n",{"type":55,"tag":69,"props":6520,"children":6522},{"id":6521},"css-styles",[6523],{"type":60,"value":6524},"CSS Styles",{"type":55,"tag":310,"props":6526,"children":6530},{"className":6527,"code":6528,"language":6529,"meta":319,"style":319},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F* globals.css *\u002F\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n:root {\n  --background: 222.2 84% 4.9%;\n  --foreground: 210 40% 98%;\n  --card: 222.2 84% 4.9%;\n  --card-foreground: 210 40% 98%;\n  --primary: 217.2 91.2% 59.8%;\n  --primary-foreground: 222.2 47.4% 11.2%;\n}\n\n\u002F* Big screen typography *\u002F\n@media (min-width: 2560px) {\n  html { font-size: 18px; }\n}\n\n@media (min-width: 3840px) {\n  html { font-size: 20px; }\n}\n\n\u002F* Smooth scrolling *\u002F\nhtml {\n  scroll-behavior: smooth;\n}\n\n\u002F* Card hover effect *\u002F\n.card-hover {\n  @apply transition-all duration-300;\n}\n\n.card-hover:hover {\n  @apply -translate-y-1 shadow-lg shadow-slate-900\u002F50;\n}\n\n\u002F* Reduced motion *\u002F\n@media (prefers-reduced-motion: reduce) {\n  *, *::before, *::after {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n","css",[6531],{"type":55,"tag":317,"props":6532,"children":6533},{"__ignoreMap":319},[6534,6542,6560,6576,6592,6599,6614,6645,6676,6704,6732,6763,6793,6800,6807,6815,6849,6886,6893,6900,6932,6964,6971,6978,6986,6998,7019,7026,7033,7041,7057,7069,7076,7083,7107,7119,7126,7133,7141,7174,7222,7248,7272,7280],{"type":55,"tag":344,"props":6535,"children":6536},{"class":346,"line":347},[6537],{"type":55,"tag":344,"props":6538,"children":6539},{"style":453},[6540],{"type":60,"value":6541},"\u002F* globals.css *\u002F\n",{"type":55,"tag":344,"props":6543,"children":6544},{"class":346,"line":385},[6545,6550,6555],{"type":55,"tag":344,"props":6546,"children":6547},{"style":351},[6548],{"type":60,"value":6549},"@tailwind",{"type":55,"tag":344,"props":6551,"children":6552},{"style":542},[6553],{"type":60,"value":6554}," base",{"type":55,"tag":344,"props":6556,"children":6557},{"style":374},[6558],{"type":60,"value":6559},";\n",{"type":55,"tag":344,"props":6561,"children":6562},{"class":346,"line":400},[6563,6567,6572],{"type":55,"tag":344,"props":6564,"children":6565},{"style":351},[6566],{"type":60,"value":6549},{"type":55,"tag":344,"props":6568,"children":6569},{"style":542},[6570],{"type":60,"value":6571}," components",{"type":55,"tag":344,"props":6573,"children":6574},{"style":374},[6575],{"type":60,"value":6559},{"type":55,"tag":344,"props":6577,"children":6578},{"class":346,"line":444},[6579,6583,6588],{"type":55,"tag":344,"props":6580,"children":6581},{"style":351},[6582],{"type":60,"value":6549},{"type":55,"tag":344,"props":6584,"children":6585},{"style":542},[6586],{"type":60,"value":6587}," utilities",{"type":55,"tag":344,"props":6589,"children":6590},{"style":374},[6591],{"type":60,"value":6559},{"type":55,"tag":344,"props":6593,"children":6594},{"class":346,"line":464},[6595],{"type":55,"tag":344,"props":6596,"children":6597},{"emptyLinePlaceholder":721},[6598],{"type":60,"value":724},{"type":55,"tag":344,"props":6600,"children":6601},{"class":346,"line":503},[6602,6606,6610],{"type":55,"tag":344,"props":6603,"children":6604},{"style":374},[6605],{"type":60,"value":2362},{"type":55,"tag":344,"props":6607,"children":6608},{"style":362},[6609],{"type":60,"value":52},{"type":55,"tag":344,"props":6611,"children":6612},{"style":374},[6613],{"type":60,"value":382},{"type":55,"tag":344,"props":6615,"children":6616},{"class":346,"line":561},[6617,6622,6626,6631,6636,6641],{"type":55,"tag":344,"props":6618,"children":6619},{"style":542},[6620],{"type":60,"value":6621},"  --background",{"type":55,"tag":344,"props":6623,"children":6624},{"style":374},[6625],{"type":60,"value":2362},{"type":55,"tag":344,"props":6627,"children":6628},{"style":826},[6629],{"type":60,"value":6630}," 222.2",{"type":55,"tag":344,"props":6632,"children":6633},{"style":826},[6634],{"type":60,"value":6635}," 84%",{"type":55,"tag":344,"props":6637,"children":6638},{"style":826},[6639],{"type":60,"value":6640}," 4.9%",{"type":55,"tag":344,"props":6642,"children":6643},{"style":374},[6644],{"type":60,"value":6559},{"type":55,"tag":344,"props":6646,"children":6647},{"class":346,"line":598},[6648,6653,6657,6662,6667,6672],{"type":55,"tag":344,"props":6649,"children":6650},{"style":542},[6651],{"type":60,"value":6652},"  --foreground",{"type":55,"tag":344,"props":6654,"children":6655},{"style":374},[6656],{"type":60,"value":2362},{"type":55,"tag":344,"props":6658,"children":6659},{"style":826},[6660],{"type":60,"value":6661}," 210",{"type":55,"tag":344,"props":6663,"children":6664},{"style":826},[6665],{"type":60,"value":6666}," 40%",{"type":55,"tag":344,"props":6668,"children":6669},{"style":826},[6670],{"type":60,"value":6671}," 98%",{"type":55,"tag":344,"props":6673,"children":6674},{"style":374},[6675],{"type":60,"value":6559},{"type":55,"tag":344,"props":6677,"children":6678},{"class":346,"line":618},[6679,6684,6688,6692,6696,6700],{"type":55,"tag":344,"props":6680,"children":6681},{"style":542},[6682],{"type":60,"value":6683},"  --card",{"type":55,"tag":344,"props":6685,"children":6686},{"style":374},[6687],{"type":60,"value":2362},{"type":55,"tag":344,"props":6689,"children":6690},{"style":826},[6691],{"type":60,"value":6630},{"type":55,"tag":344,"props":6693,"children":6694},{"style":826},[6695],{"type":60,"value":6635},{"type":55,"tag":344,"props":6697,"children":6698},{"style":826},[6699],{"type":60,"value":6640},{"type":55,"tag":344,"props":6701,"children":6702},{"style":374},[6703],{"type":60,"value":6559},{"type":55,"tag":344,"props":6705,"children":6706},{"class":346,"line":683},[6707,6712,6716,6720,6724,6728],{"type":55,"tag":344,"props":6708,"children":6709},{"style":542},[6710],{"type":60,"value":6711},"  --card-foreground",{"type":55,"tag":344,"props":6713,"children":6714},{"style":374},[6715],{"type":60,"value":2362},{"type":55,"tag":344,"props":6717,"children":6718},{"style":826},[6719],{"type":60,"value":6661},{"type":55,"tag":344,"props":6721,"children":6722},{"style":826},[6723],{"type":60,"value":6666},{"type":55,"tag":344,"props":6725,"children":6726},{"style":826},[6727],{"type":60,"value":6671},{"type":55,"tag":344,"props":6729,"children":6730},{"style":374},[6731],{"type":60,"value":6559},{"type":55,"tag":344,"props":6733,"children":6734},{"class":346,"line":700},[6735,6740,6744,6749,6754,6759],{"type":55,"tag":344,"props":6736,"children":6737},{"style":542},[6738],{"type":60,"value":6739},"  --primary",{"type":55,"tag":344,"props":6741,"children":6742},{"style":374},[6743],{"type":60,"value":2362},{"type":55,"tag":344,"props":6745,"children":6746},{"style":826},[6747],{"type":60,"value":6748}," 217.2",{"type":55,"tag":344,"props":6750,"children":6751},{"style":826},[6752],{"type":60,"value":6753}," 91.2%",{"type":55,"tag":344,"props":6755,"children":6756},{"style":826},[6757],{"type":60,"value":6758}," 59.8%",{"type":55,"tag":344,"props":6760,"children":6761},{"style":374},[6762],{"type":60,"value":6559},{"type":55,"tag":344,"props":6764,"children":6765},{"class":346,"line":717},[6766,6771,6775,6779,6784,6789],{"type":55,"tag":344,"props":6767,"children":6768},{"style":542},[6769],{"type":60,"value":6770},"  --primary-foreground",{"type":55,"tag":344,"props":6772,"children":6773},{"style":374},[6774],{"type":60,"value":2362},{"type":55,"tag":344,"props":6776,"children":6777},{"style":826},[6778],{"type":60,"value":6630},{"type":55,"tag":344,"props":6780,"children":6781},{"style":826},[6782],{"type":60,"value":6783}," 47.4%",{"type":55,"tag":344,"props":6785,"children":6786},{"style":826},[6787],{"type":60,"value":6788}," 11.2%",{"type":55,"tag":344,"props":6790,"children":6791},{"style":374},[6792],{"type":60,"value":6559},{"type":55,"tag":344,"props":6794,"children":6795},{"class":346,"line":727},[6796],{"type":55,"tag":344,"props":6797,"children":6798},{"style":374},[6799],{"type":60,"value":461},{"type":55,"tag":344,"props":6801,"children":6802},{"class":346,"line":744},[6803],{"type":55,"tag":344,"props":6804,"children":6805},{"emptyLinePlaceholder":721},[6806],{"type":60,"value":724},{"type":55,"tag":344,"props":6808,"children":6809},{"class":346,"line":781},[6810],{"type":55,"tag":344,"props":6811,"children":6812},{"style":453},[6813],{"type":60,"value":6814},"\u002F* Big screen typography *\u002F\n",{"type":55,"tag":344,"props":6816,"children":6817},{"class":346,"line":878},[6818,6823,6827,6832,6836,6841,6845],{"type":55,"tag":344,"props":6819,"children":6820},{"style":351},[6821],{"type":60,"value":6822},"@media",{"type":55,"tag":344,"props":6824,"children":6825},{"style":374},[6826],{"type":60,"value":5781},{"type":55,"tag":344,"props":6828,"children":6829},{"style":607},[6830],{"type":60,"value":6831},"min-width",{"type":55,"tag":344,"props":6833,"children":6834},{"style":374},[6835],{"type":60,"value":2362},{"type":55,"tag":344,"props":6837,"children":6838},{"style":826},[6839],{"type":60,"value":6840}," 2560px",{"type":55,"tag":344,"props":6842,"children":6843},{"style":374},[6844],{"type":60,"value":2547},{"type":55,"tag":344,"props":6846,"children":6847},{"style":374},[6848],{"type":60,"value":382},{"type":55,"tag":344,"props":6850,"children":6851},{"class":346,"line":965},[6852,6857,6861,6867,6871,6876,6881],{"type":55,"tag":344,"props":6853,"children":6854},{"style":607},[6855],{"type":60,"value":6856},"  html",{"type":55,"tag":344,"props":6858,"children":6859},{"style":374},[6860],{"type":60,"value":2193},{"type":55,"tag":344,"props":6862,"children":6864},{"style":6863},"--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6",[6865],{"type":60,"value":6866}," font-size",{"type":55,"tag":344,"props":6868,"children":6869},{"style":374},[6870],{"type":60,"value":2362},{"type":55,"tag":344,"props":6872,"children":6873},{"style":826},[6874],{"type":60,"value":6875}," 18px",{"type":55,"tag":344,"props":6877,"children":6878},{"style":374},[6879],{"type":60,"value":6880},";",{"type":55,"tag":344,"props":6882,"children":6883},{"style":374},[6884],{"type":60,"value":6885}," }\n",{"type":55,"tag":344,"props":6887,"children":6888},{"class":346,"line":1054},[6889],{"type":55,"tag":344,"props":6890,"children":6891},{"style":374},[6892],{"type":60,"value":461},{"type":55,"tag":344,"props":6894,"children":6895},{"class":346,"line":1121},[6896],{"type":55,"tag":344,"props":6897,"children":6898},{"emptyLinePlaceholder":721},[6899],{"type":60,"value":724},{"type":55,"tag":344,"props":6901,"children":6902},{"class":346,"line":1137},[6903,6907,6911,6915,6919,6924,6928],{"type":55,"tag":344,"props":6904,"children":6905},{"style":351},[6906],{"type":60,"value":6822},{"type":55,"tag":344,"props":6908,"children":6909},{"style":374},[6910],{"type":60,"value":5781},{"type":55,"tag":344,"props":6912,"children":6913},{"style":607},[6914],{"type":60,"value":6831},{"type":55,"tag":344,"props":6916,"children":6917},{"style":374},[6918],{"type":60,"value":2362},{"type":55,"tag":344,"props":6920,"children":6921},{"style":826},[6922],{"type":60,"value":6923}," 3840px",{"type":55,"tag":344,"props":6925,"children":6926},{"style":374},[6927],{"type":60,"value":2547},{"type":55,"tag":344,"props":6929,"children":6930},{"style":374},[6931],{"type":60,"value":382},{"type":55,"tag":344,"props":6933,"children":6934},{"class":346,"line":1145},[6935,6939,6943,6947,6951,6956,6960],{"type":55,"tag":344,"props":6936,"children":6937},{"style":607},[6938],{"type":60,"value":6856},{"type":55,"tag":344,"props":6940,"children":6941},{"style":374},[6942],{"type":60,"value":2193},{"type":55,"tag":344,"props":6944,"children":6945},{"style":6863},[6946],{"type":60,"value":6866},{"type":55,"tag":344,"props":6948,"children":6949},{"style":374},[6950],{"type":60,"value":2362},{"type":55,"tag":344,"props":6952,"children":6953},{"style":826},[6954],{"type":60,"value":6955}," 20px",{"type":55,"tag":344,"props":6957,"children":6958},{"style":374},[6959],{"type":60,"value":6880},{"type":55,"tag":344,"props":6961,"children":6962},{"style":374},[6963],{"type":60,"value":6885},{"type":55,"tag":344,"props":6965,"children":6966},{"class":346,"line":1162},[6967],{"type":55,"tag":344,"props":6968,"children":6969},{"style":374},[6970],{"type":60,"value":461},{"type":55,"tag":344,"props":6972,"children":6973},{"class":346,"line":1199},[6974],{"type":55,"tag":344,"props":6975,"children":6976},{"emptyLinePlaceholder":721},[6977],{"type":60,"value":724},{"type":55,"tag":344,"props":6979,"children":6980},{"class":346,"line":1217},[6981],{"type":55,"tag":344,"props":6982,"children":6983},{"style":453},[6984],{"type":60,"value":6985},"\u002F* Smooth scrolling *\u002F\n",{"type":55,"tag":344,"props":6987,"children":6988},{"class":346,"line":1254},[6989,6994],{"type":55,"tag":344,"props":6990,"children":6991},{"style":607},[6992],{"type":60,"value":6993},"html",{"type":55,"tag":344,"props":6995,"children":6996},{"style":374},[6997],{"type":60,"value":382},{"type":55,"tag":344,"props":6999,"children":7000},{"class":346,"line":1292},[7001,7006,7010,7015],{"type":55,"tag":344,"props":7002,"children":7003},{"style":6863},[7004],{"type":60,"value":7005},"  scroll-behavior",{"type":55,"tag":344,"props":7007,"children":7008},{"style":374},[7009],{"type":60,"value":2362},{"type":55,"tag":344,"props":7011,"children":7012},{"style":542},[7013],{"type":60,"value":7014}," smooth",{"type":55,"tag":344,"props":7016,"children":7017},{"style":374},[7018],{"type":60,"value":6559},{"type":55,"tag":344,"props":7020,"children":7021},{"class":346,"line":1310},[7022],{"type":55,"tag":344,"props":7023,"children":7024},{"style":374},[7025],{"type":60,"value":461},{"type":55,"tag":344,"props":7027,"children":7028},{"class":346,"line":1345},[7029],{"type":55,"tag":344,"props":7030,"children":7031},{"emptyLinePlaceholder":721},[7032],{"type":60,"value":724},{"type":55,"tag":344,"props":7034,"children":7035},{"class":346,"line":1362},[7036],{"type":55,"tag":344,"props":7037,"children":7038},{"style":453},[7039],{"type":60,"value":7040},"\u002F* Card hover effect *\u002F\n",{"type":55,"tag":344,"props":7042,"children":7043},{"class":346,"line":1379},[7044,7048,7053],{"type":55,"tag":344,"props":7045,"children":7046},{"style":374},[7047],{"type":60,"value":1993},{"type":55,"tag":344,"props":7049,"children":7050},{"style":607},[7051],{"type":60,"value":7052},"card-hover",{"type":55,"tag":344,"props":7054,"children":7055},{"style":374},[7056],{"type":60,"value":382},{"type":55,"tag":344,"props":7058,"children":7059},{"class":346,"line":1410},[7060,7065],{"type":55,"tag":344,"props":7061,"children":7062},{"style":542},[7063],{"type":60,"value":7064},"  @apply transition-all duration-300",{"type":55,"tag":344,"props":7066,"children":7067},{"style":374},[7068],{"type":60,"value":6559},{"type":55,"tag":344,"props":7070,"children":7071},{"class":346,"line":1426},[7072],{"type":55,"tag":344,"props":7073,"children":7074},{"style":374},[7075],{"type":60,"value":461},{"type":55,"tag":344,"props":7077,"children":7078},{"class":346,"line":1443},[7079],{"type":55,"tag":344,"props":7080,"children":7081},{"emptyLinePlaceholder":721},[7082],{"type":60,"value":724},{"type":55,"tag":344,"props":7084,"children":7085},{"class":346,"line":1459},[7086,7090,7094,7098,7103],{"type":55,"tag":344,"props":7087,"children":7088},{"style":374},[7089],{"type":60,"value":1993},{"type":55,"tag":344,"props":7091,"children":7092},{"style":607},[7093],{"type":60,"value":7052},{"type":55,"tag":344,"props":7095,"children":7096},{"style":374},[7097],{"type":60,"value":2362},{"type":55,"tag":344,"props":7099,"children":7100},{"style":362},[7101],{"type":60,"value":7102},"hover",{"type":55,"tag":344,"props":7104,"children":7105},{"style":374},[7106],{"type":60,"value":382},{"type":55,"tag":344,"props":7108,"children":7109},{"class":346,"line":1467},[7110,7115],{"type":55,"tag":344,"props":7111,"children":7112},{"style":542},[7113],{"type":60,"value":7114},"  @apply -translate-y-1 shadow-lg shadow-slate-900\u002F50",{"type":55,"tag":344,"props":7116,"children":7117},{"style":374},[7118],{"type":60,"value":6559},{"type":55,"tag":344,"props":7120,"children":7121},{"class":346,"line":1484},[7122],{"type":55,"tag":344,"props":7123,"children":7124},{"style":374},[7125],{"type":60,"value":461},{"type":55,"tag":344,"props":7127,"children":7128},{"class":346,"line":1521},[7129],{"type":55,"tag":344,"props":7130,"children":7131},{"emptyLinePlaceholder":721},[7132],{"type":60,"value":724},{"type":55,"tag":344,"props":7134,"children":7135},{"class":346,"line":1537},[7136],{"type":55,"tag":344,"props":7137,"children":7138},{"style":453},[7139],{"type":60,"value":7140},"\u002F* Reduced motion *\u002F\n",{"type":55,"tag":344,"props":7142,"children":7143},{"class":346,"line":1588},[7144,7148,7152,7157,7161,7166,7170],{"type":55,"tag":344,"props":7145,"children":7146},{"style":351},[7147],{"type":60,"value":6822},{"type":55,"tag":344,"props":7149,"children":7150},{"style":374},[7151],{"type":60,"value":5781},{"type":55,"tag":344,"props":7153,"children":7154},{"style":542},[7155],{"type":60,"value":7156},"prefers-reduced-motion",{"type":55,"tag":344,"props":7158,"children":7159},{"style":374},[7160],{"type":60,"value":2362},{"type":55,"tag":344,"props":7162,"children":7163},{"style":542},[7164],{"type":60,"value":7165}," reduce",{"type":55,"tag":344,"props":7167,"children":7168},{"style":374},[7169],{"type":60,"value":2547},{"type":55,"tag":344,"props":7171,"children":7172},{"style":374},[7173],{"type":60,"value":382},{"type":55,"tag":344,"props":7175,"children":7176},{"class":346,"line":42},[7177,7182,7186,7191,7196,7201,7205,7209,7213,7218],{"type":55,"tag":344,"props":7178,"children":7179},{"style":607},[7180],{"type":60,"value":7181},"  *",{"type":55,"tag":344,"props":7183,"children":7184},{"style":374},[7185],{"type":60,"value":2203},{"type":55,"tag":344,"props":7187,"children":7188},{"style":607},[7189],{"type":60,"value":7190}," *",{"type":55,"tag":344,"props":7192,"children":7193},{"style":374},[7194],{"type":60,"value":7195},"::",{"type":55,"tag":344,"props":7197,"children":7198},{"style":362},[7199],{"type":60,"value":7200},"before",{"type":55,"tag":344,"props":7202,"children":7203},{"style":374},[7204],{"type":60,"value":2203},{"type":55,"tag":344,"props":7206,"children":7207},{"style":607},[7208],{"type":60,"value":7190},{"type":55,"tag":344,"props":7210,"children":7211},{"style":374},[7212],{"type":60,"value":7195},{"type":55,"tag":344,"props":7214,"children":7215},{"style":362},[7216],{"type":60,"value":7217},"after",{"type":55,"tag":344,"props":7219,"children":7220},{"style":374},[7221],{"type":60,"value":382},{"type":55,"tag":344,"props":7223,"children":7224},{"class":346,"line":1633},[7225,7230,7234,7239,7244],{"type":55,"tag":344,"props":7226,"children":7227},{"style":6863},[7228],{"type":60,"value":7229},"    animation-duration",{"type":55,"tag":344,"props":7231,"children":7232},{"style":374},[7233],{"type":60,"value":2362},{"type":55,"tag":344,"props":7235,"children":7236},{"style":826},[7237],{"type":60,"value":7238}," 0.01ms",{"type":55,"tag":344,"props":7240,"children":7241},{"style":826},[7242],{"type":60,"value":7243}," !important",{"type":55,"tag":344,"props":7245,"children":7246},{"style":374},[7247],{"type":60,"value":6559},{"type":55,"tag":344,"props":7249,"children":7250},{"class":346,"line":1649},[7251,7256,7260,7264,7268],{"type":55,"tag":344,"props":7252,"children":7253},{"style":6863},[7254],{"type":60,"value":7255},"    transition-duration",{"type":55,"tag":344,"props":7257,"children":7258},{"style":374},[7259],{"type":60,"value":2362},{"type":55,"tag":344,"props":7261,"children":7262},{"style":826},[7263],{"type":60,"value":7238},{"type":55,"tag":344,"props":7265,"children":7266},{"style":826},[7267],{"type":60,"value":7243},{"type":55,"tag":344,"props":7269,"children":7270},{"style":374},[7271],{"type":60,"value":6559},{"type":55,"tag":344,"props":7273,"children":7274},{"class":346,"line":1665},[7275],{"type":55,"tag":344,"props":7276,"children":7277},{"style":374},[7278],{"type":60,"value":7279},"  }\n",{"type":55,"tag":344,"props":7281,"children":7282},{"class":346,"line":1681},[7283],{"type":55,"tag":344,"props":7284,"children":7285},{"style":374},[7286],{"type":60,"value":461},{"type":55,"tag":69,"props":7288,"children":7290},{"id":7289},"auto-refresh-hook",[7291],{"type":60,"value":7292},"Auto-Refresh Hook",{"type":55,"tag":310,"props":7294,"children":7296},{"className":336,"code":7295,"language":338,"meta":319,"style":319},"'use client'\nimport { useEffect, useState, useCallback } from 'react'\n\nexport function useLiveData\u003CT>(\n  fetcher: () => Promise\u003CT>,\n  interval = 60000\n) {\n  const [data, setData] = useState\u003CT | null>(null)\n  const [loading, setLoading] = useState(true)\n  const [isRefreshing, setIsRefreshing] = useState(false)\n  const [lastUpdated, setLastUpdated] = useState\u003CDate | null>(null)\n\n  const refresh = useCallback(async () => {\n    setIsRefreshing(true)\n    try {\n      const result = await fetcher()\n      setData(result)\n      setLastUpdated(new Date())\n    } finally {\n      setLoading(false)\n      setTimeout(() => setIsRefreshing(false), 300)\n    }\n  }, [fetcher])\n\n  useEffect(() => {\n    refresh()\n    const timer = setInterval(refresh, interval)\n    return () => clearInterval(timer)\n  }, [refresh, interval])\n\n  return { data, loading, isRefreshing, lastUpdated, refresh }\n}\n",[7297],{"type":55,"tag":317,"props":7298,"children":7299},{"__ignoreMap":319},[7300,7315,7367,7374,7405,7443,7460,7471,7542,7592,7642,7712,7719,7760,7780,7792,7823,7844,7871,7887,7907,7956,7964,7984,7991,8014,8026,8069,8102,8129,8136,8190],{"type":55,"tag":344,"props":7301,"children":7302},{"class":346,"line":347},[7303,7307,7311],{"type":55,"tag":344,"props":7304,"children":7305},{"style":374},[7306],{"type":60,"value":3210},{"type":55,"tag":344,"props":7308,"children":7309},{"style":429},[7310],{"type":60,"value":3215},{"type":55,"tag":344,"props":7312,"children":7313},{"style":374},[7314],{"type":60,"value":3220},{"type":55,"tag":344,"props":7316,"children":7317},{"class":346,"line":385},[7318,7322,7326,7330,7334,7338,7342,7347,7351,7355,7359,7363],{"type":55,"tag":344,"props":7319,"children":7320},{"style":351},[7321],{"type":60,"value":2188},{"type":55,"tag":344,"props":7323,"children":7324},{"style":374},[7325],{"type":60,"value":2193},{"type":55,"tag":344,"props":7327,"children":7328},{"style":542},[7329],{"type":60,"value":5375},{"type":55,"tag":344,"props":7331,"children":7332},{"style":374},[7333],{"type":60,"value":2203},{"type":55,"tag":344,"props":7335,"children":7336},{"style":542},[7337],{"type":60,"value":5384},{"type":55,"tag":344,"props":7339,"children":7340},{"style":374},[7341],{"type":60,"value":2203},{"type":55,"tag":344,"props":7343,"children":7344},{"style":542},[7345],{"type":60,"value":7346}," useCallback",{"type":55,"tag":344,"props":7348,"children":7349},{"style":374},[7350],{"type":60,"value":2213},{"type":55,"tag":344,"props":7352,"children":7353},{"style":351},[7354],{"type":60,"value":2218},{"type":55,"tag":344,"props":7356,"children":7357},{"style":374},[7358],{"type":60,"value":3249},{"type":55,"tag":344,"props":7360,"children":7361},{"style":429},[7362],{"type":60,"value":19},{"type":55,"tag":344,"props":7364,"children":7365},{"style":374},[7366],{"type":60,"value":3220},{"type":55,"tag":344,"props":7368,"children":7369},{"class":346,"line":400},[7370],{"type":55,"tag":344,"props":7371,"children":7372},{"emptyLinePlaceholder":721},[7373],{"type":60,"value":724},{"type":55,"tag":344,"props":7375,"children":7376},{"class":346,"line":444},[7377,7381,7385,7390,7395,7400],{"type":55,"tag":344,"props":7378,"children":7379},{"style":351},[7380],{"type":60,"value":354},{"type":55,"tag":344,"props":7382,"children":7383},{"style":362},[7384],{"type":60,"value":365},{"type":55,"tag":344,"props":7386,"children":7387},{"style":368},[7388],{"type":60,"value":7389}," useLiveData",{"type":55,"tag":344,"props":7391,"children":7392},{"style":374},[7393],{"type":60,"value":7394},"\u003C",{"type":55,"tag":344,"props":7396,"children":7397},{"style":607},[7398],{"type":60,"value":7399},"T",{"type":55,"tag":344,"props":7401,"children":7402},{"style":374},[7403],{"type":60,"value":7404},">(\n",{"type":55,"tag":344,"props":7406,"children":7407},{"class":346,"line":464},[7408,7413,7417,7421,7425,7430,7434,7438],{"type":55,"tag":344,"props":7409,"children":7410},{"style":368},[7411],{"type":60,"value":7412},"  fetcher",{"type":55,"tag":344,"props":7414,"children":7415},{"style":374},[7416],{"type":60,"value":2362},{"type":55,"tag":344,"props":7418,"children":7419},{"style":374},[7420],{"type":60,"value":5835},{"type":55,"tag":344,"props":7422,"children":7423},{"style":362},[7424],{"type":60,"value":2014},{"type":55,"tag":344,"props":7426,"children":7427},{"style":607},[7428],{"type":60,"value":7429}," Promise",{"type":55,"tag":344,"props":7431,"children":7432},{"style":374},[7433],{"type":60,"value":7394},{"type":55,"tag":344,"props":7435,"children":7436},{"style":607},[7437],{"type":60,"value":7399},{"type":55,"tag":344,"props":7439,"children":7440},{"style":374},[7441],{"type":60,"value":7442},">,\n",{"type":55,"tag":344,"props":7444,"children":7445},{"class":346,"line":503},[7446,7451,7455],{"type":55,"tag":344,"props":7447,"children":7448},{"style":2006},[7449],{"type":60,"value":7450},"  interval",{"type":55,"tag":344,"props":7452,"children":7453},{"style":374},[7454],{"type":60,"value":2494},{"type":55,"tag":344,"props":7456,"children":7457},{"style":826},[7458],{"type":60,"value":7459}," 60000\n",{"type":55,"tag":344,"props":7461,"children":7462},{"class":346,"line":561},[7463,7467],{"type":55,"tag":344,"props":7464,"children":7465},{"style":374},[7466],{"type":60,"value":2547},{"type":55,"tag":344,"props":7468,"children":7469},{"style":374},[7470],{"type":60,"value":382},{"type":55,"tag":344,"props":7472,"children":7473},{"class":346,"line":598},[7474,7478,7482,7487,7491,7496,7500,7504,7508,7512,7516,7521,7526,7530,7534,7538],{"type":55,"tag":344,"props":7475,"children":7476},{"style":362},[7477],{"type":60,"value":3575},{"type":55,"tag":344,"props":7479,"children":7480},{"style":374},[7481],{"type":60,"value":5609},{"type":55,"tag":344,"props":7483,"children":7484},{"style":542},[7485],{"type":60,"value":7486},"data",{"type":55,"tag":344,"props":7488,"children":7489},{"style":374},[7490],{"type":60,"value":2203},{"type":55,"tag":344,"props":7492,"children":7493},{"style":542},[7494],{"type":60,"value":7495}," setData",{"type":55,"tag":344,"props":7497,"children":7498},{"style":374},[7499],{"type":60,"value":5628},{"type":55,"tag":344,"props":7501,"children":7502},{"style":374},[7503],{"type":60,"value":2494},{"type":55,"tag":344,"props":7505,"children":7506},{"style":368},[7507],{"type":60,"value":5384},{"type":55,"tag":344,"props":7509,"children":7510},{"style":374},[7511],{"type":60,"value":7394},{"type":55,"tag":344,"props":7513,"children":7514},{"style":607},[7515],{"type":60,"value":7399},{"type":55,"tag":344,"props":7517,"children":7518},{"style":374},[7519],{"type":60,"value":7520}," |",{"type":55,"tag":344,"props":7522,"children":7523},{"style":607},[7524],{"type":60,"value":7525}," null",{"type":55,"tag":344,"props":7527,"children":7528},{"style":374},[7529],{"type":60,"value":539},{"type":55,"tag":344,"props":7531,"children":7532},{"style":394},[7533],{"type":60,"value":2003},{"type":55,"tag":344,"props":7535,"children":7536},{"style":374},[7537],{"type":60,"value":3597},{"type":55,"tag":344,"props":7539,"children":7540},{"style":394},[7541],{"type":60,"value":3602},{"type":55,"tag":344,"props":7543,"children":7544},{"class":346,"line":618},[7545,7549,7553,7558,7562,7567,7571,7575,7579,7583,7588],{"type":55,"tag":344,"props":7546,"children":7547},{"style":362},[7548],{"type":60,"value":3575},{"type":55,"tag":344,"props":7550,"children":7551},{"style":374},[7552],{"type":60,"value":5609},{"type":55,"tag":344,"props":7554,"children":7555},{"style":542},[7556],{"type":60,"value":7557},"loading",{"type":55,"tag":344,"props":7559,"children":7560},{"style":374},[7561],{"type":60,"value":2203},{"type":55,"tag":344,"props":7563,"children":7564},{"style":542},[7565],{"type":60,"value":7566}," setLoading",{"type":55,"tag":344,"props":7568,"children":7569},{"style":374},[7570],{"type":60,"value":5628},{"type":55,"tag":344,"props":7572,"children":7573},{"style":374},[7574],{"type":60,"value":2494},{"type":55,"tag":344,"props":7576,"children":7577},{"style":368},[7578],{"type":60,"value":5384},{"type":55,"tag":344,"props":7580,"children":7581},{"style":394},[7582],{"type":60,"value":2003},{"type":55,"tag":344,"props":7584,"children":7585},{"style":3651},[7586],{"type":60,"value":7587},"true",{"type":55,"tag":344,"props":7589,"children":7590},{"style":394},[7591],{"type":60,"value":3602},{"type":55,"tag":344,"props":7593,"children":7594},{"class":346,"line":683},[7595,7599,7603,7608,7612,7617,7621,7625,7629,7633,7638],{"type":55,"tag":344,"props":7596,"children":7597},{"style":362},[7598],{"type":60,"value":3575},{"type":55,"tag":344,"props":7600,"children":7601},{"style":374},[7602],{"type":60,"value":5609},{"type":55,"tag":344,"props":7604,"children":7605},{"style":542},[7606],{"type":60,"value":7607},"isRefreshing",{"type":55,"tag":344,"props":7609,"children":7610},{"style":374},[7611],{"type":60,"value":2203},{"type":55,"tag":344,"props":7613,"children":7614},{"style":542},[7615],{"type":60,"value":7616}," setIsRefreshing",{"type":55,"tag":344,"props":7618,"children":7619},{"style":374},[7620],{"type":60,"value":5628},{"type":55,"tag":344,"props":7622,"children":7623},{"style":374},[7624],{"type":60,"value":2494},{"type":55,"tag":344,"props":7626,"children":7627},{"style":368},[7628],{"type":60,"value":5384},{"type":55,"tag":344,"props":7630,"children":7631},{"style":394},[7632],{"type":60,"value":2003},{"type":55,"tag":344,"props":7634,"children":7635},{"style":3651},[7636],{"type":60,"value":7637},"false",{"type":55,"tag":344,"props":7639,"children":7640},{"style":394},[7641],{"type":60,"value":3602},{"type":55,"tag":344,"props":7643,"children":7644},{"class":346,"line":700},[7645,7649,7653,7658,7662,7667,7671,7675,7679,7683,7688,7692,7696,7700,7704,7708],{"type":55,"tag":344,"props":7646,"children":7647},{"style":362},[7648],{"type":60,"value":3575},{"type":55,"tag":344,"props":7650,"children":7651},{"style":374},[7652],{"type":60,"value":5609},{"type":55,"tag":344,"props":7654,"children":7655},{"style":542},[7656],{"type":60,"value":7657},"lastUpdated",{"type":55,"tag":344,"props":7659,"children":7660},{"style":374},[7661],{"type":60,"value":2203},{"type":55,"tag":344,"props":7663,"children":7664},{"style":542},[7665],{"type":60,"value":7666}," setLastUpdated",{"type":55,"tag":344,"props":7668,"children":7669},{"style":374},[7670],{"type":60,"value":5628},{"type":55,"tag":344,"props":7672,"children":7673},{"style":374},[7674],{"type":60,"value":2494},{"type":55,"tag":344,"props":7676,"children":7677},{"style":368},[7678],{"type":60,"value":5384},{"type":55,"tag":344,"props":7680,"children":7681},{"style":374},[7682],{"type":60,"value":7394},{"type":55,"tag":344,"props":7684,"children":7685},{"style":607},[7686],{"type":60,"value":7687},"Date",{"type":55,"tag":344,"props":7689,"children":7690},{"style":374},[7691],{"type":60,"value":7520},{"type":55,"tag":344,"props":7693,"children":7694},{"style":607},[7695],{"type":60,"value":7525},{"type":55,"tag":344,"props":7697,"children":7698},{"style":374},[7699],{"type":60,"value":539},{"type":55,"tag":344,"props":7701,"children":7702},{"style":394},[7703],{"type":60,"value":2003},{"type":55,"tag":344,"props":7705,"children":7706},{"style":374},[7707],{"type":60,"value":3597},{"type":55,"tag":344,"props":7709,"children":7710},{"style":394},[7711],{"type":60,"value":3602},{"type":55,"tag":344,"props":7713,"children":7714},{"class":346,"line":717},[7715],{"type":55,"tag":344,"props":7716,"children":7717},{"emptyLinePlaceholder":721},[7718],{"type":60,"value":724},{"type":55,"tag":344,"props":7720,"children":7721},{"class":346,"line":727},[7722,7726,7731,7735,7739,7743,7748,7752,7756],{"type":55,"tag":344,"props":7723,"children":7724},{"style":362},[7725],{"type":60,"value":3575},{"type":55,"tag":344,"props":7727,"children":7728},{"style":542},[7729],{"type":60,"value":7730}," refresh",{"type":55,"tag":344,"props":7732,"children":7733},{"style":374},[7734],{"type":60,"value":2494},{"type":55,"tag":344,"props":7736,"children":7737},{"style":368},[7738],{"type":60,"value":7346},{"type":55,"tag":344,"props":7740,"children":7741},{"style":394},[7742],{"type":60,"value":2003},{"type":55,"tag":344,"props":7744,"children":7745},{"style":362},[7746],{"type":60,"value":7747},"async",{"type":55,"tag":344,"props":7749,"children":7750},{"style":374},[7751],{"type":60,"value":5835},{"type":55,"tag":344,"props":7753,"children":7754},{"style":362},[7755],{"type":60,"value":2014},{"type":55,"tag":344,"props":7757,"children":7758},{"style":374},[7759],{"type":60,"value":382},{"type":55,"tag":344,"props":7761,"children":7762},{"class":346,"line":744},[7763,7768,7772,7776],{"type":55,"tag":344,"props":7764,"children":7765},{"style":368},[7766],{"type":60,"value":7767},"    setIsRefreshing",{"type":55,"tag":344,"props":7769,"children":7770},{"style":394},[7771],{"type":60,"value":2003},{"type":55,"tag":344,"props":7773,"children":7774},{"style":3651},[7775],{"type":60,"value":7587},{"type":55,"tag":344,"props":7777,"children":7778},{"style":394},[7779],{"type":60,"value":3602},{"type":55,"tag":344,"props":7781,"children":7782},{"class":346,"line":781},[7783,7788],{"type":55,"tag":344,"props":7784,"children":7785},{"style":351},[7786],{"type":60,"value":7787},"    try",{"type":55,"tag":344,"props":7789,"children":7790},{"style":374},[7791],{"type":60,"value":382},{"type":55,"tag":344,"props":7793,"children":7794},{"class":346,"line":878},[7795,7800,7805,7809,7814,7819],{"type":55,"tag":344,"props":7796,"children":7797},{"style":362},[7798],{"type":60,"value":7799},"      const",{"type":55,"tag":344,"props":7801,"children":7802},{"style":542},[7803],{"type":60,"value":7804}," result",{"type":55,"tag":344,"props":7806,"children":7807},{"style":374},[7808],{"type":60,"value":2494},{"type":55,"tag":344,"props":7810,"children":7811},{"style":351},[7812],{"type":60,"value":7813}," await",{"type":55,"tag":344,"props":7815,"children":7816},{"style":368},[7817],{"type":60,"value":7818}," fetcher",{"type":55,"tag":344,"props":7820,"children":7821},{"style":394},[7822],{"type":60,"value":5857},{"type":55,"tag":344,"props":7824,"children":7825},{"class":346,"line":965},[7826,7831,7835,7840],{"type":55,"tag":344,"props":7827,"children":7828},{"style":368},[7829],{"type":60,"value":7830},"      setData",{"type":55,"tag":344,"props":7832,"children":7833},{"style":394},[7834],{"type":60,"value":2003},{"type":55,"tag":344,"props":7836,"children":7837},{"style":542},[7838],{"type":60,"value":7839},"result",{"type":55,"tag":344,"props":7841,"children":7842},{"style":394},[7843],{"type":60,"value":3602},{"type":55,"tag":344,"props":7845,"children":7846},{"class":346,"line":1054},[7847,7852,7856,7861,7866],{"type":55,"tag":344,"props":7848,"children":7849},{"style":368},[7850],{"type":60,"value":7851},"      setLastUpdated",{"type":55,"tag":344,"props":7853,"children":7854},{"style":394},[7855],{"type":60,"value":2003},{"type":55,"tag":344,"props":7857,"children":7858},{"style":374},[7859],{"type":60,"value":7860},"new",{"type":55,"tag":344,"props":7862,"children":7863},{"style":368},[7864],{"type":60,"value":7865}," Date",{"type":55,"tag":344,"props":7867,"children":7868},{"style":394},[7869],{"type":60,"value":7870},"())\n",{"type":55,"tag":344,"props":7872,"children":7873},{"class":346,"line":1121},[7874,7878,7883],{"type":55,"tag":344,"props":7875,"children":7876},{"style":374},[7877],{"type":60,"value":5818},{"type":55,"tag":344,"props":7879,"children":7880},{"style":351},[7881],{"type":60,"value":7882}," finally",{"type":55,"tag":344,"props":7884,"children":7885},{"style":374},[7886],{"type":60,"value":382},{"type":55,"tag":344,"props":7888,"children":7889},{"class":346,"line":1137},[7890,7895,7899,7903],{"type":55,"tag":344,"props":7891,"children":7892},{"style":368},[7893],{"type":60,"value":7894},"      setLoading",{"type":55,"tag":344,"props":7896,"children":7897},{"style":394},[7898],{"type":60,"value":2003},{"type":55,"tag":344,"props":7900,"children":7901},{"style":3651},[7902],{"type":60,"value":7637},{"type":55,"tag":344,"props":7904,"children":7905},{"style":394},[7906],{"type":60,"value":3602},{"type":55,"tag":344,"props":7908,"children":7909},{"class":346,"line":1145},[7910,7915,7919,7923,7927,7931,7935,7939,7943,7947,7952],{"type":55,"tag":344,"props":7911,"children":7912},{"style":368},[7913],{"type":60,"value":7914},"      setTimeout",{"type":55,"tag":344,"props":7916,"children":7917},{"style":394},[7918],{"type":60,"value":2003},{"type":55,"tag":344,"props":7920,"children":7921},{"style":374},[7922],{"type":60,"value":377},{"type":55,"tag":344,"props":7924,"children":7925},{"style":362},[7926],{"type":60,"value":2014},{"type":55,"tag":344,"props":7928,"children":7929},{"style":368},[7930],{"type":60,"value":7616},{"type":55,"tag":344,"props":7932,"children":7933},{"style":394},[7934],{"type":60,"value":2003},{"type":55,"tag":344,"props":7936,"children":7937},{"style":3651},[7938],{"type":60,"value":7637},{"type":55,"tag":344,"props":7940,"children":7941},{"style":394},[7942],{"type":60,"value":2547},{"type":55,"tag":344,"props":7944,"children":7945},{"style":374},[7946],{"type":60,"value":2203},{"type":55,"tag":344,"props":7948,"children":7949},{"style":826},[7950],{"type":60,"value":7951}," 300",{"type":55,"tag":344,"props":7953,"children":7954},{"style":394},[7955],{"type":60,"value":3602},{"type":55,"tag":344,"props":7957,"children":7958},{"class":346,"line":1162},[7959],{"type":55,"tag":344,"props":7960,"children":7961},{"style":374},[7962],{"type":60,"value":7963},"    }\n",{"type":55,"tag":344,"props":7965,"children":7966},{"class":346,"line":1199},[7967,7971,7975,7980],{"type":55,"tag":344,"props":7968,"children":7969},{"style":374},[7970],{"type":60,"value":5865},{"type":55,"tag":344,"props":7972,"children":7973},{"style":394},[7974],{"type":60,"value":5609},{"type":55,"tag":344,"props":7976,"children":7977},{"style":542},[7978],{"type":60,"value":7979},"fetcher",{"type":55,"tag":344,"props":7981,"children":7982},{"style":394},[7983],{"type":60,"value":5886},{"type":55,"tag":344,"props":7985,"children":7986},{"class":346,"line":1217},[7987],{"type":55,"tag":344,"props":7988,"children":7989},{"emptyLinePlaceholder":721},[7990],{"type":60,"value":724},{"type":55,"tag":344,"props":7992,"children":7993},{"class":346,"line":1254},[7994,7998,8002,8006,8010],{"type":55,"tag":344,"props":7995,"children":7996},{"style":368},[7997],{"type":60,"value":5663},{"type":55,"tag":344,"props":7999,"children":8000},{"style":394},[8001],{"type":60,"value":2003},{"type":55,"tag":344,"props":8003,"children":8004},{"style":374},[8005],{"type":60,"value":377},{"type":55,"tag":344,"props":8007,"children":8008},{"style":362},[8009],{"type":60,"value":2014},{"type":55,"tag":344,"props":8011,"children":8012},{"style":374},[8013],{"type":60,"value":382},{"type":55,"tag":344,"props":8015,"children":8016},{"class":346,"line":1292},[8017,8022],{"type":55,"tag":344,"props":8018,"children":8019},{"style":368},[8020],{"type":60,"value":8021},"    refresh",{"type":55,"tag":344,"props":8023,"children":8024},{"style":394},[8025],{"type":60,"value":5857},{"type":55,"tag":344,"props":8027,"children":8028},{"class":346,"line":1310},[8029,8033,8038,8042,8047,8051,8056,8060,8065],{"type":55,"tag":344,"props":8030,"children":8031},{"style":362},[8032],{"type":60,"value":5687},{"type":55,"tag":344,"props":8034,"children":8035},{"style":542},[8036],{"type":60,"value":8037}," timer",{"type":55,"tag":344,"props":8039,"children":8040},{"style":374},[8041],{"type":60,"value":2494},{"type":55,"tag":344,"props":8043,"children":8044},{"style":368},[8045],{"type":60,"value":8046}," setInterval",{"type":55,"tag":344,"props":8048,"children":8049},{"style":394},[8050],{"type":60,"value":2003},{"type":55,"tag":344,"props":8052,"children":8053},{"style":542},[8054],{"type":60,"value":8055},"refresh",{"type":55,"tag":344,"props":8057,"children":8058},{"style":374},[8059],{"type":60,"value":2203},{"type":55,"tag":344,"props":8061,"children":8062},{"style":542},[8063],{"type":60,"value":8064}," interval",{"type":55,"tag":344,"props":8066,"children":8067},{"style":394},[8068],{"type":60,"value":3602},{"type":55,"tag":344,"props":8070,"children":8071},{"class":346,"line":1345},[8072,8076,8080,8084,8089,8093,8098],{"type":55,"tag":344,"props":8073,"children":8074},{"style":351},[8075],{"type":60,"value":5830},{"type":55,"tag":344,"props":8077,"children":8078},{"style":374},[8079],{"type":60,"value":5835},{"type":55,"tag":344,"props":8081,"children":8082},{"style":362},[8083],{"type":60,"value":2014},{"type":55,"tag":344,"props":8085,"children":8086},{"style":368},[8087],{"type":60,"value":8088}," clearInterval",{"type":55,"tag":344,"props":8090,"children":8091},{"style":394},[8092],{"type":60,"value":2003},{"type":55,"tag":344,"props":8094,"children":8095},{"style":542},[8096],{"type":60,"value":8097},"timer",{"type":55,"tag":344,"props":8099,"children":8100},{"style":394},[8101],{"type":60,"value":3602},{"type":55,"tag":344,"props":8103,"children":8104},{"class":346,"line":1362},[8105,8109,8113,8117,8121,8125],{"type":55,"tag":344,"props":8106,"children":8107},{"style":374},[8108],{"type":60,"value":5865},{"type":55,"tag":344,"props":8110,"children":8111},{"style":394},[8112],{"type":60,"value":5609},{"type":55,"tag":344,"props":8114,"children":8115},{"style":542},[8116],{"type":60,"value":8055},{"type":55,"tag":344,"props":8118,"children":8119},{"style":374},[8120],{"type":60,"value":2203},{"type":55,"tag":344,"props":8122,"children":8123},{"style":542},[8124],{"type":60,"value":8064},{"type":55,"tag":344,"props":8126,"children":8127},{"style":394},[8128],{"type":60,"value":5886},{"type":55,"tag":344,"props":8130,"children":8131},{"class":346,"line":1379},[8132],{"type":55,"tag":344,"props":8133,"children":8134},{"emptyLinePlaceholder":721},[8135],{"type":60,"value":724},{"type":55,"tag":344,"props":8137,"children":8138},{"class":346,"line":1410},[8139,8143,8147,8151,8155,8160,8164,8169,8173,8178,8182,8186],{"type":55,"tag":344,"props":8140,"children":8141},{"style":351},[8142],{"type":60,"value":391},{"type":55,"tag":344,"props":8144,"children":8145},{"style":374},[8146],{"type":60,"value":2193},{"type":55,"tag":344,"props":8148,"children":8149},{"style":542},[8150],{"type":60,"value":1394},{"type":55,"tag":344,"props":8152,"children":8153},{"style":374},[8154],{"type":60,"value":2203},{"type":55,"tag":344,"props":8156,"children":8157},{"style":542},[8158],{"type":60,"value":8159}," loading",{"type":55,"tag":344,"props":8161,"children":8162},{"style":374},[8163],{"type":60,"value":2203},{"type":55,"tag":344,"props":8165,"children":8166},{"style":542},[8167],{"type":60,"value":8168}," isRefreshing",{"type":55,"tag":344,"props":8170,"children":8171},{"style":374},[8172],{"type":60,"value":2203},{"type":55,"tag":344,"props":8174,"children":8175},{"style":542},[8176],{"type":60,"value":8177}," lastUpdated",{"type":55,"tag":344,"props":8179,"children":8180},{"style":374},[8181],{"type":60,"value":2203},{"type":55,"tag":344,"props":8183,"children":8184},{"style":542},[8185],{"type":60,"value":7730},{"type":55,"tag":344,"props":8187,"children":8188},{"style":374},[8189],{"type":60,"value":6885},{"type":55,"tag":344,"props":8191,"children":8192},{"class":346,"line":1426},[8193],{"type":55,"tag":344,"props":8194,"children":8195},{"style":374},[8196],{"type":60,"value":461},{"type":55,"tag":69,"props":8198,"children":8200},{"id":8199},"resources",[8201],{"type":60,"value":8202},"Resources",{"type":55,"tag":76,"props":8204,"children":8205},{},[8206,8217,8227,8237,8247,8257],{"type":55,"tag":80,"props":8207,"children":8208},{},[8209,8215],{"type":55,"tag":8210,"props":8211,"children":8213},"a",{"href":8212},"references\u002Fdata-api-integration.md",[8214],{"type":60,"value":8212},{"type":60,"value":8216}," - API endpoints, data handling, error handling",{"type":55,"tag":80,"props":8218,"children":8219},{},[8220,8225],{"type":55,"tag":8210,"props":8221,"children":8223},{"href":8222},"references\u002Frecharts-patterns.md",[8224],{"type":60,"value":8222},{"type":60,"value":8226}," - Chart patterns and customization",{"type":55,"tag":80,"props":8228,"children":8229},{},[8230,8235],{"type":55,"tag":8210,"props":8231,"children":8233},{"href":8232},"references\u002Fbig-screen-ui.md",[8234],{"type":60,"value":8232},{"type":60,"value":8236}," - Big screen layout guidelines",{"type":55,"tag":80,"props":8238,"children":8239},{},[8240,8245],{"type":55,"tag":8210,"props":8241,"children":8243},{"href":8242},"QUICKSTART.md",[8244],{"type":60,"value":8242},{"type":60,"value":8246}," - Quick start template and initialization guide",{"type":55,"tag":80,"props":8248,"children":8249},{},[8250,8255],{"type":55,"tag":8210,"props":8251,"children":8253},{"href":8252},"DATA_INTEGRATION.md",[8254],{"type":60,"value":8252},{"type":60,"value":8256}," - Detailed data integration steps and examples",{"type":55,"tag":80,"props":8258,"children":8259},{},[8260,8265],{"type":55,"tag":8210,"props":8261,"children":8263},{"href":8262},"ADDITIONAL_COMPONENTS.md",[8264],{"type":60,"value":8262},{"type":60,"value":8266}," - Additional components for large screen dashboards",{"type":55,"tag":8268,"props":8269,"children":8270},"style",{},[8271],{"type":60,"value":8272},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":8274,"total":1145},[8275,8290,8309,8320,8336,8350,8366,8380,8393,8407,8419,8434],{"slug":8276,"name":8276,"fn":8277,"description":8278,"org":8279,"tags":8280,"stars":8287,"repoUrl":8288,"updatedAt":8289},"batch","execute parallel batch operations on files","Execute batch operations on multiple files in parallel. Automatically discovers files, splits into chunks, and processes with parallel worker agents. Use `\u002Fbatch` followed by operation and file pattern.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8281,8284],{"name":8282,"slug":8283,"type":16},"Automation","automation",{"name":8285,"slug":8286,"type":16},"Concurrency","concurrency",26008,"https:\u002F\u002Fgithub.com\u002FQwenLM\u002Fqwen-code","2026-07-20T05:58:45.650067",{"slug":8291,"name":8291,"fn":8292,"description":8293,"org":8294,"tags":8295,"stars":8287,"repoUrl":8288,"updatedAt":8308},"cua-driver-rs","drive native GUI applications via MCP","Drive a native GUI app (macOS, Windows, Linux) via the cua-driver CLI (default) or MCP server — snapshot its accessibility tree, click\u002Ftype\u002Fscroll by element_index or pixel coords, verify via re-snapshot, all without bringing the target to the foreground. Use when the user asks you to operate, drive, automate, or perform a GUI task in a real application on the host.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8296,8299,8302,8305],{"name":8297,"slug":8298,"type":16},"Accessibility","accessibility",{"name":8300,"slug":8301,"type":16},"Browser Automation","browser-automation",{"name":8303,"slug":8304,"type":16},"Desktop","desktop",{"name":8306,"slug":8307,"type":16},"MCP","mcp","2026-07-16T05:59:28.687299",{"slug":8310,"name":8310,"fn":8311,"description":8312,"org":8313,"tags":8314,"stars":8287,"repoUrl":8288,"updatedAt":8319},"dataviz","design and validate data visualizations","Design guidance for charts, graphs, dashboards, maps, and data visualizations, including a local palette validator.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8315,8317,8318],{"name":107,"slug":8316,"type":16},"charts",{"name":14,"slug":15,"type":16},{"name":21,"slug":22,"type":16},"2026-07-16T05:59:28.31755",{"slug":8321,"name":8321,"fn":8322,"description":8323,"org":8324,"tags":8325,"stars":8287,"repoUrl":8288,"updatedAt":8335},"extension-creator","create Qwen Code extensions","Create, scaffold, customize, validate, and locally test Qwen Code extensions. Use when the user wants a new Qwen Code extension, needs help choosing an extension template, wants to add QWEN.md context, commands, skills, agents, MCP servers, settings, hooks, channels, or LSP servers, or asks how to link and test an extension locally. Invoke with `\u002Fextension-creator` followed by an extension path and optional template name.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8326,8329,8332],{"name":8327,"slug":8328,"type":16},"Coding","coding",{"name":8330,"slug":8331,"type":16},"Documentation","documentation",{"name":8333,"slug":8334,"type":16},"Plugin Development","plugin-development","2026-07-16T05:59:24.818967",{"slug":8337,"name":8337,"fn":8338,"description":8339,"org":8340,"tags":8341,"stars":8287,"repoUrl":8288,"updatedAt":8349},"loop","run scheduled or self-paced prompt loops","Create a loop that runs a prompt now and follows up either on a fixed schedule or through self-paced wakeups. Usage - \u002Floop check the build, \u002Floop 5m check the build, \u002Floop check the PR every 30m. \u002Floop list to show jobs, \u002Floop clear to cancel all.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8342,8343,8346],{"name":8282,"slug":8283,"type":16},{"name":8344,"slug":8345,"type":16},"Productivity","productivity",{"name":8347,"slug":8348,"type":16},"Scheduling","scheduling","2026-07-16T05:59:25.50027",{"slug":8351,"name":8351,"fn":8352,"description":8353,"org":8354,"tags":8355,"stars":8287,"repoUrl":8288,"updatedAt":8365},"new-app","build new applications from scratch","Workflow for creating new applications from scratch. Covers requirements gathering, tech stack selection, scaffolding, implementation, and delivery of a functional prototype.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8356,8359,8362],{"name":8357,"slug":8358,"type":16},"Engineering","engineering",{"name":8360,"slug":8361,"type":16},"Prototyping","prototyping",{"name":8363,"slug":8364,"type":16},"Web Development","web-development","2026-07-16T05:59:25.157573",{"slug":8367,"name":8367,"fn":8368,"description":8369,"org":8370,"tags":8371,"stars":8287,"repoUrl":8288,"updatedAt":8379},"qc-helper","provide Qwen Code usage and configuration support","Answer any question about Qwen Code usage, features, configuration, and troubleshooting by referencing the official user documentation. Also helps users view or modify their settings.json. Invoke with `\u002Fqc-helper` followed by a question, e.g. `\u002Fqc-helper how do I configure MCP servers?` or `\u002Fqc-helper change approval mode to yolo`.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8372,8375,8376],{"name":8373,"slug":8374,"type":16},"Configuration","configuration",{"name":8330,"slug":8331,"type":16},{"name":8377,"slug":8378,"type":16},"Reference","reference","2026-07-16T05:59:29.118413",{"slug":8381,"name":8381,"fn":8382,"description":8383,"org":8384,"tags":8385,"stars":8287,"repoUrl":8288,"updatedAt":8392},"review","review code for quality and security","Review changed code for correctness, security, code quality, and performance. Use when the user asks to review code changes, a PR, or specific files. Invoke with `\u002Freview`, `\u002Freview \u003Cpr-number>`, `\u002Freview \u003Cfile-path>`, or `\u002Freview \u003Cpr-number> --comment` to post inline comments on the PR. Add `--effort low|medium|high` to trade depth for speed (defaults to high for PRs, medium for local changes).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8386,8389],{"name":8387,"slug":8388,"type":16},"Code Review","code-review",{"name":8390,"slug":8391,"type":16},"Security","security","2026-07-30T05:30:17.682893",{"slug":8394,"name":8394,"fn":8395,"description":8396,"org":8397,"tags":8398,"stars":8287,"repoUrl":8288,"updatedAt":8406},"simplify","clean up and simplify code changes","Review recent code changes for reuse, code quality, and efficiency, then directly apply straightforward cleanup improvements. Use when the user wants a post-implementation cleanup pass, pre-PR polish, or asks to simplify\u002Frefine recent changes. Invoke with `\u002Fsimplify` or `\u002Fsimplify \u003Cfocus>`.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8399,8402,8403],{"name":8400,"slug":8401,"type":16},"Code Analysis","code-analysis",{"name":8357,"slug":8358,"type":16},{"name":8404,"slug":8405,"type":16},"Performance","performance","2026-07-20T05:58:46.653811",{"slug":8408,"name":8408,"fn":8409,"description":8410,"org":8411,"tags":8412,"stars":8287,"repoUrl":8288,"updatedAt":8418},"stuck","diagnose and debug stuck Qwen Code sessions","Diagnose frozen, stuck, or slow Qwen Code sessions on this machine. Scans for problematic processes, high CPU\u002Fmemory usage, hung subprocesses, and debug logs. Use \u002Fstuck or \u002Fstuck \u003CPID> to focus on a specific process.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8413,8416,8417],{"name":8414,"slug":8415,"type":16},"Debugging","debugging",{"name":8357,"slug":8358,"type":16},{"name":8404,"slug":8405,"type":16},"2026-07-16T05:59:25.838629",{"slug":8420,"name":8420,"fn":8421,"description":8422,"org":8423,"tags":8424,"stars":8431,"repoUrl":8432,"updatedAt":8433},"open-computer-use","configure Open Computer Use MCP server","Platform-neutral guidance for using Open Computer Use, the open-source Computer Use MCP server and CLI for macOS, Linux, and Windows. Use when an agent needs to install, verify, troubleshoot, configure, or operate Open Computer Use through its native CLI, stdio MCP server, or direct Computer Use tool calls.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8425,8426,8429,8430],{"name":8282,"slug":8283,"type":16},{"name":8427,"slug":8428,"type":16},"CLI","cli",{"name":8303,"slug":8304,"type":16},{"name":8306,"slug":8307,"type":16},176,"https:\u002F\u002Fgithub.com\u002FQwenLM\u002Fopen-computer-use","2026-07-16T05:59:22.010839",{"slug":8435,"name":8435,"fn":8436,"description":8437,"org":8438,"tags":8439,"stars":38,"repoUrl":39,"updatedAt":8449},"auto-pr","automate pull request submission and review","Automated PR submission assistant, including code review, documentation generation, and PR creation",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8440,8441,8442,8443,8446],{"name":8282,"slug":8283,"type":16},{"name":8387,"slug":8388,"type":16},{"name":8330,"slug":8331,"type":16},{"name":8444,"slug":8445,"type":16},"GitHub","github",{"name":8447,"slug":8448,"type":16},"Pull Requests","pull-requests","2026-07-16T06:00:01.890524",{"items":8451,"total":683},[8452,8460,8475,8495,8505,8516,8527],{"slug":8435,"name":8435,"fn":8436,"description":8437,"org":8453,"tags":8454,"stars":38,"repoUrl":39,"updatedAt":8449},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8455,8456,8457,8458,8459],{"name":8282,"slug":8283,"type":16},{"name":8387,"slug":8388,"type":16},{"name":8330,"slug":8331,"type":16},{"name":8444,"slug":8445,"type":16},{"name":8447,"slug":8448,"type":16},{"slug":8461,"name":8461,"fn":8462,"description":8463,"org":8464,"tags":8465,"stars":38,"repoUrl":39,"updatedAt":8474},"browser-use","automate web browser interactions","Control browser pages using the Playwright MCP server. Use when the user asks to open, inspect, navigate, click, type, test, or automate websites, localhost web apps, browser tabs, forms, and web UI.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8466,8467,8468,8471],{"name":8300,"slug":8301,"type":16},{"name":8306,"slug":8307,"type":16},{"name":8469,"slug":8470,"type":16},"Playwright","playwright",{"name":8472,"slug":8473,"type":16},"Testing","testing","2026-07-16T06:00:52.14183",{"slug":8476,"name":8476,"fn":8477,"description":8478,"org":8479,"tags":8480,"stars":38,"repoUrl":39,"updatedAt":8494},"codegraph-qa","analyze codebases using CodeScope","Use CodeScope to analyze any indexed codebase via its graph database (neug) and vector index (zvec). Supports Python, JavaScript\u002FTypeScript, C, and Java (including Hadoop-scale repositories). Covers call graphs, dependency analysis, dead code detection, hotspots, module coupling, architectural layering, commit history, change attribution, semantic code search, impact analysis, full architecture reports, and bug root cause analysis from GitHub issues. Use this skill whenever the user asks about code structure, code dependencies, who calls what, why something changed, finding similar functions, generating architecture reports, understanding module boundaries, analyzing GitHub issues\u002Fbugs, finding bug root causes, understanding why a project has many bugs, tracing bugs to code, indexing Java projects, or any question that benefits from a code knowledge graph — even if they don't mention \"CodeScope\" by name. If a `.codegraph` or similar index directory exists in the workspace, this skill applies.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8481,8482,8485,8488,8491],{"name":8400,"slug":8401,"type":16},{"name":8483,"slug":8484,"type":16},"Java","java",{"name":8486,"slug":8487,"type":16},"JavaScript","javascript",{"name":8489,"slug":8490,"type":16},"Python","python",{"name":8492,"slug":8493,"type":16},"TypeScript","typescript","2026-07-16T06:01:30.356708",{"slug":8496,"name":8496,"fn":8497,"description":8498,"org":8499,"tags":8500,"stars":38,"repoUrl":39,"updatedAt":8504},"computer-use","control local desktop applications","Control the local desktop using the `computer` MCP tool from computer-use-mcp. Use when the user asks to operate local Mac\u002FWindows apps, inspect the screen, click UI, type text, press shortcuts, scroll, drag, or interact with native GUI software.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8501,8502,8503],{"name":8282,"slug":8283,"type":16},{"name":8303,"slug":8304,"type":16},{"name":8306,"slug":8307,"type":16},"2026-07-16T05:59:22.346785",{"slug":8506,"name":8506,"fn":8507,"description":8508,"org":8509,"tags":8510,"stars":38,"repoUrl":39,"updatedAt":8515},"computer-use-hybrid","control desktop apps with hybrid context","Control native macOS, Windows, and Linux desktop apps through the `open-computer-use` MCP server. Use when the user asks to operate local apps with accessibility-tree context plus screenshots, inspect the screen, click UI, type text, press shortcuts, scroll, drag, or interact with OS-level GUI software.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8511,8512,8513,8514],{"name":8297,"slug":8298,"type":16},{"name":8282,"slug":8283,"type":16},{"name":8303,"slug":8304,"type":16},{"name":8306,"slug":8307,"type":16},"2026-07-16T06:00:52.479995",{"slug":4,"name":4,"fn":5,"description":6,"org":8517,"tags":8518,"stars":38,"repoUrl":39,"updatedAt":40},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8519,8520,8521,8522,8523,8524,8525,8526],{"name":14,"slug":15,"type":16},{"name":21,"slug":22,"type":16},{"name":27,"slug":28,"type":16},{"name":36,"slug":37,"type":16},{"name":24,"slug":25,"type":16},{"name":18,"slug":19,"type":16},{"name":33,"slug":34,"type":16},{"name":30,"slug":31,"type":16},{"slug":8528,"name":8528,"fn":8529,"description":8530,"org":8531,"tags":8532,"stars":38,"repoUrl":39,"updatedAt":8541},"image-generation","generate images from text descriptions","Image generation skill based on Alibaba Cloud DashScope, supporting the creation of high-quality hand-drawn or standard images from user descriptions.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[8533,8536,8539],{"name":8534,"slug":8535,"type":16},"Creative","creative",{"name":8537,"slug":8538,"type":16},"Generative Art","generative-art",{"name":8540,"slug":8528,"type":16},"Image Generation","2026-07-16T06:01:27.641573"]