[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-sentry-presentation-creator":3,"mdc--ervg65-key":39,"related-repo-sentry-presentation-creator":3998,"related-org-sentry-presentation-creator":4095},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":12,"stars":27,"repoUrl":28,"updatedAt":29,"license":30,"forks":31,"topics":32,"repo":34,"sourceUrl":37,"mdContent":38},"presentation-creator","create data-driven presentation slides","Create data-driven presentation slides using React, Vite, and Recharts with Sentry branding. Use when asked to \"create a presentation\", \"build slides\", \"make a deck\", \"create a data presentation\", \"build a Sentry presentation\". Scaffolds a complete slide-based app with charts, animations, and single-file HTML output.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},"sentry","Sentry","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fsentry.png","getsentry",[13,17,20,23,26],{"name":14,"slug":15,"type":16},"React","react","tag",{"name":18,"slug":19,"type":16},"Data Visualization","data-visualization",{"name":21,"slug":22,"type":16},"Presentations","presentations",{"name":24,"slug":25,"type":16},"Vite","vite",{"name":9,"slug":8,"type":16},861,"https:\u002F\u002Fgithub.com\u002Fgetsentry\u002Fskills","2026-05-15T06:16:41.896283",null,45,[33],"tag-production",{"repoUrl":28,"stars":27,"forks":31,"topics":35,"description":36},[33],"Agent Skills used by the Sentry team for development.","https:\u002F\u002Fgithub.com\u002Fgetsentry\u002Fskills\u002Ftree\u002FHEAD\u002Fskills\u002Fpresentation-creator","---\nname: presentation-creator\ndescription: Create data-driven presentation slides using React, Vite, and Recharts with Sentry branding. Use when asked to \"create a presentation\", \"build slides\", \"make a deck\", \"create a data presentation\", \"build a Sentry presentation\". Scaffolds a complete slide-based app with charts, animations, and single-file HTML output.\n---\n\n# Sentry Presentation Builder\n\nCreate interactive, data-driven presentation slides using React + Vite + Recharts, styled with the Sentry design system and built as a single distributable HTML file.\n\n## Step 1: Gather Requirements\n\nAsk the user:\n1. What is the presentation topic?\n2. How many slides (typically 5-8)?\n3. What data\u002Fcharts are needed? (time series, comparisons, diagrams, zone charts)\n4. What is the narrative arc? (problem → solution, before → after, technical deep-dive)\n\n### Data Assessment (CRITICAL)\n\nBefore designing any slides, assess whether the source content contains **real quantitative data** (numbers, percentages, measurements, time series, costs, metrics). Only create Recharts visualizations for slides where real data exists. Do NOT fabricate, estimate, or invent data to fill charts.\n\n- **Has real data** → use a Recharts chart (bar, area, line, etc.)\n- **Has no data** → use text-based layouts: cards, tables, bullet columns, diagrams, or quote blocks. Do NOT create a chart with made-up numbers.\n\nIf the source content is purely qualitative (narrative, opinions, strategy, process descriptions), the presentation should use zero charts. Recharts and `Charts.jsx` should only be included in the project if at least one slide has real data to visualize.\n\n## Step 2: Scaffold the Project\n\nCreate the project structure:\n\n```\n\u003Cproject-name>\u002F\n├── index.html\n├── package.json\n├── vite.config.js\n└── src\u002F\n    ├── main.jsx\n    ├── App.jsx\n    ├── App.css\n    └── Charts.jsx\n```\n\n### index.html\n\n```html\n\u003C!doctype html>\n\u003Chtml lang=\"en\">\n  \u003Chead>\n    \u003Cmeta charset=\"UTF-8\" \u002F>\n    \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \u002F>\n    \u003Clink rel=\"preconnect\" href=\"https:\u002F\u002Ffonts.googleapis.com\" \u002F>\n    \u003Clink href=\"https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Rubik:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\" \u002F>\n    \u003Clink href=\"https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap\" rel=\"stylesheet\" \u002F>\n    \u003Ctitle>TITLE\u003C\u002Ftitle>\n  \u003C\u002Fhead>\n  \u003Cbody>\n    \u003Cdiv id=\"root\">\u003C\u002Fdiv>\n    \u003Cscript type=\"module\" src=\"\u002Fsrc\u002Fmain.jsx\">\u003C\u002Fscript>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n```\n\n### package.json\n\n```json\n{\n  \"name\": \"PROJECT_NAME\",\n  \"private\": true,\n  \"type\": \"module\",\n  \"scripts\": { \"dev\": \"vite\", \"build\": \"vite build\", \"preview\": \"vite preview\" },\n  \"dependencies\": { \"react\": \"^18.3.1\", \"react-dom\": \"^18.3.1\", \"recharts\": \"^2.15.3\" },\n  \"devDependencies\": { \"@vitejs\u002Fplugin-react\": \"^4.3.4\", \"vite\": \"^6.0.0\", \"vite-plugin-singlefile\": \"^2.3.0\" }\n}\n```\n\n### vite.config.js\n\n```javascript\nimport { defineConfig } from 'vite'\nimport react from '@vitejs\u002Fplugin-react'\nimport { viteSingleFile } from 'vite-plugin-singlefile'\n\nexport default defineConfig({ plugins: [react(), viteSingleFile()] })\n```\n\n### main.jsx\n\n```jsx\nimport React from 'react'\nimport ReactDOM from 'react-dom\u002Fclient'\nimport App from '.\u002FApp'\nimport '.\u002FApp.css'\n\nReactDOM.createRoot(document.getElementById('root')).render(\u003CApp \u002F>)\n```\n\n## Step 3: Build the Slide System\n\nRead `references\u002Fdesign-system.md` for the complete Sentry color palette, typography, CSS variables, layout utilities, and animation system.\n\n### App.jsx Structure\n\nDefine slides as an array of functions returning JSX:\n\n```jsx\nconst SLIDES = [\n  () => ( \u002F* Slide 0: Title *\u002F ),\n  () => ( \u002F* Slide 1: Context *\u002F ),\n  \u002F\u002F ...\n];\n```\n\nEach slide function returns a `\u003Cdiv className=\"slide-content\">` with:\n1. An `\u003Ch2>` heading\n2. Optional subtitle paragraph\n3. Main content (charts, cards, diagrams, tables)\n4. Animation classes: `.anim`, `.d1`, `.d2`, `.d3` for staggered fade-in\n\nDo NOT add category tag pills\u002Fbadges above headings (e.g., \"BACKGROUND\", \"EXPERIMENTS\"). They look generic and add no value. Let the heading speak for itself.\n\n### Navigation\n\nImplement keyboard navigation (ArrowRight\u002FSpace = next, ArrowLeft = prev) and a bottom nav overlay with prev\u002Fnext buttons, dot indicators, and slide number. The nav has **no border or background** — it floats transparently. A small low-contrast Sentry glyph watermark sits fixed in the top-left corner of every slide.\n\n```jsx\nfunction App() {\n  const [cur, setCur] = useState(0);\n  const go = useCallback((d) => setCur(c => Math.max(0, Math.min(SLIDES.length - 1, c + d))), []);\n\n  useEffect(() => {\n    const h = (e) => {\n      if (e.target.tagName === 'INPUT') return;\n      if (e.key === 'ArrowRight' || e.key === ' ') { e.preventDefault(); go(1); }\n      if (e.key === 'ArrowLeft') { e.preventDefault(); go(-1); }\n    };\n    window.addEventListener('keydown', h);\n    return () => window.removeEventListener('keydown', h);\n  }, [go]);\n\n  return (\n    \u003C>\n      {cur > 0 && \u003Cdiv className=\"glyph-watermark\">\u003CSentryGlyph size={50} \u002F>\u003Cspan className=\"watermark-title\">TITLE\u003C\u002Fspan>\u003C\u002Fdiv>}\n      \u003Cdiv className=\"progress\" style={{ width: `${((cur + 1) \u002F SLIDES.length) * 100}%` }} \u002F>\n      {SLIDES.map((S, i) => (\n        \u003Cdiv key={i} className={`slide ${i === cur ? 'active' : ''}`}>\n          \u003Cdiv className={`slide-content${i === cur ? ' anim' : ''}`}>\n            \u003CS \u002F>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      ))}\n      \u003CNav cur={cur} total={SLIDES.length} go={go} setCur={setCur} \u002F>\n    \u003C\u002F>\n  );\n}\n```\n\n## Step 4: Create Charts (Only When Data Exists)\n\n**IMPORTANT: Only create charts for slides backed by real, concrete data from the source content.** If a slide's content is qualitative (strategies, learnings, process descriptions, opinions), use text-based layouts instead (cards, tables, bullet lists, columns). Never invent numbers, fabricate percentages, or generate synthetic data to populate a chart. If you are unsure whether data is real or inferred, do NOT create a chart.\n\nIf NO slides require charts, skip this step entirely — do not create `Charts.jsx` or import Recharts.\n\nWhen real data IS available, read `references\u002Fchart-patterns.md` for Recharts component patterns including axis configuration, color constants, chart types, and data generation techniques.\n\nPut all chart components in `Charts.jsx`. Key patterns:\n\n- Use `ResponsiveContainer` with explicit height\n- Wrap in `.chart-wrap` div with max-width 920px\n- Use `useMemo` for data generation\n- **Color rule**: Use the Tableau-inspired categorical palette (`CAT[]`) for distinguishing data series and groups. Only use semantic colors (`SEM_GREEN`, `SEM_RED`, `SEM_AMBER`) when the color itself carries meaning (good\u002Fbad, success\u002Ffailure, warning).\n- Common charts: `ComposedChart` with stacked `Area`\u002F`Line`, `BarChart`, custom SVG diagrams\n- **Every data point in a chart must come from the source content.** Do not interpolate, extrapolate, or round numbers to make charts look better.\n\n## Step 5: Style with Sentry Design System\n\nApply the complete CSS from the design system reference. Key elements:\n\n- **Font**: Rubik from Google Fonts\n- **Colors**: CSS variables for UI chrome (`--purple`, `--dark`, `--muted`). Semantic CSS variables (`--semantic-green`, `--semantic-red`, `--semantic-amber`) only where color conveys meaning. Categorical palette (`CAT[]`) for all other data visualization.\n- **Slides**: Absolute positioned, opacity transitions\n- **Animations**: `fadeUp` keyframe with staggered delays\n- **Layout**: `.cols` flex rows, `.cards` grid, `.chart-wrap` containers\n- **Tags**: `.tag-purple`, `.tag-red`, `.tag-green`, `.tag-amber` for slide labels\n- **Logo**: Read the official SVG from `references\u002Fsentry-logo.svg` (full wordmark) or `references\u002Fsentry-glyph.svg` (glyph only). Do NOT hardcode an approximation — always use the exact SVG paths from these files.\n\n## Step 6: Common Slide Patterns\n\n### Title Slide\nLogo (from `references\u002Fsentry-logo.svg` or `references\u002Fsentry-glyph.svg`) + h1 + subtitle + author\u002Fdate info.\n\n### Problem\u002FContext Slide\nTag + heading + 2-column card grid with icon headers.\n\n### Data Comparison Slide\nTag + heading + side-by-side charts or before\u002Fafter comparison table.\n\n### Technical Deep-Dive Slide\nTag + heading + full-width chart + annotation bullets below.\n\n### Summary\u002FDecision Slide\nTag + heading + 3-column layout with category headers and bullet lists.\n\n## Step 7: Iterate and Refine\n\nAfter initial scaffolding:\n1. Run `npm install && npm run dev` to start the dev server\n2. Iterate on chart data models and visual design\n3. Adjust animations, colors, and layout spacing\n4. Build final output: `npm run build` produces a single HTML file in `dist\u002F`\n\n## Output Expectations\n\nA working React + Vite project that:\n- Renders as a keyboard-navigable slide deck\n- Uses Sentry branding (colors, fonts, icons)\n- Contains Recharts visualizations **only for slides with real quantitative data** from the source content — no fabricated data\n- Omits `Charts.jsx` and the Recharts dependency entirely if no slides have real data\n- Builds to a single distributable HTML file\n- Has smooth fade-in animations on slide transitions\n",{"data":40,"body":41},{"name":4,"description":6},{"type":42,"children":43},"root",[44,53,59,66,71,96,103,116,140,154,160,165,177,183,777,783,1289,1295,1494,1500,1707,1713,1726,1732,1737,1848,1861,1922,1927,1933,1945,3415,3421,3431,3443,3456,3468,3594,3600,3605,3803,3809,3815,3834,3840,3845,3851,3856,3862,3867,3873,3878,3884,3889,3934,3940,3945,3992],{"type":45,"tag":46,"props":47,"children":49},"element","h1",{"id":48},"sentry-presentation-builder",[50],{"type":51,"value":52},"text","Sentry Presentation Builder",{"type":45,"tag":54,"props":55,"children":56},"p",{},[57],{"type":51,"value":58},"Create interactive, data-driven presentation slides using React + Vite + Recharts, styled with the Sentry design system and built as a single distributable HTML file.",{"type":45,"tag":60,"props":61,"children":63},"h2",{"id":62},"step-1-gather-requirements",[64],{"type":51,"value":65},"Step 1: Gather Requirements",{"type":45,"tag":54,"props":67,"children":68},{},[69],{"type":51,"value":70},"Ask the user:",{"type":45,"tag":72,"props":73,"children":74},"ol",{},[75,81,86,91],{"type":45,"tag":76,"props":77,"children":78},"li",{},[79],{"type":51,"value":80},"What is the presentation topic?",{"type":45,"tag":76,"props":82,"children":83},{},[84],{"type":51,"value":85},"How many slides (typically 5-8)?",{"type":45,"tag":76,"props":87,"children":88},{},[89],{"type":51,"value":90},"What data\u002Fcharts are needed? (time series, comparisons, diagrams, zone charts)",{"type":45,"tag":76,"props":92,"children":93},{},[94],{"type":51,"value":95},"What is the narrative arc? (problem → solution, before → after, technical deep-dive)",{"type":45,"tag":97,"props":98,"children":100},"h3",{"id":99},"data-assessment-critical",[101],{"type":51,"value":102},"Data Assessment (CRITICAL)",{"type":45,"tag":54,"props":104,"children":105},{},[106,108,114],{"type":51,"value":107},"Before designing any slides, assess whether the source content contains ",{"type":45,"tag":109,"props":110,"children":111},"strong",{},[112],{"type":51,"value":113},"real quantitative data",{"type":51,"value":115}," (numbers, percentages, measurements, time series, costs, metrics). Only create Recharts visualizations for slides where real data exists. Do NOT fabricate, estimate, or invent data to fill charts.",{"type":45,"tag":117,"props":118,"children":119},"ul",{},[120,130],{"type":45,"tag":76,"props":121,"children":122},{},[123,128],{"type":45,"tag":109,"props":124,"children":125},{},[126],{"type":51,"value":127},"Has real data",{"type":51,"value":129}," → use a Recharts chart (bar, area, line, etc.)",{"type":45,"tag":76,"props":131,"children":132},{},[133,138],{"type":45,"tag":109,"props":134,"children":135},{},[136],{"type":51,"value":137},"Has no data",{"type":51,"value":139}," → use text-based layouts: cards, tables, bullet columns, diagrams, or quote blocks. Do NOT create a chart with made-up numbers.",{"type":45,"tag":54,"props":141,"children":142},{},[143,145,152],{"type":51,"value":144},"If the source content is purely qualitative (narrative, opinions, strategy, process descriptions), the presentation should use zero charts. Recharts and ",{"type":45,"tag":146,"props":147,"children":149},"code",{"className":148},[],[150],{"type":51,"value":151},"Charts.jsx",{"type":51,"value":153}," should only be included in the project if at least one slide has real data to visualize.",{"type":45,"tag":60,"props":155,"children":157},{"id":156},"step-2-scaffold-the-project",[158],{"type":51,"value":159},"Step 2: Scaffold the Project",{"type":45,"tag":54,"props":161,"children":162},{},[163],{"type":51,"value":164},"Create the project structure:",{"type":45,"tag":166,"props":167,"children":171},"pre",{"className":168,"code":170,"language":51},[169],"language-text","\u003Cproject-name>\u002F\n├── index.html\n├── package.json\n├── vite.config.js\n└── src\u002F\n    ├── main.jsx\n    ├── App.jsx\n    ├── App.css\n    └── Charts.jsx\n",[172],{"type":45,"tag":146,"props":173,"children":175},{"__ignoreMap":174},"",[176],{"type":51,"value":170},{"type":45,"tag":97,"props":178,"children":180},{"id":179},"indexhtml",[181],{"type":51,"value":182},"index.html",{"type":45,"tag":166,"props":184,"children":188},{"className":185,"code":186,"language":187,"meta":174,"style":174},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!doctype html>\n\u003Chtml lang=\"en\">\n  \u003Chead>\n    \u003Cmeta charset=\"UTF-8\" \u002F>\n    \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \u002F>\n    \u003Clink rel=\"preconnect\" href=\"https:\u002F\u002Ffonts.googleapis.com\" \u002F>\n    \u003Clink href=\"https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Rubik:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\" \u002F>\n    \u003Clink href=\"https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap\" rel=\"stylesheet\" \u002F>\n    \u003Ctitle>TITLE\u003C\u002Ftitle>\n  \u003C\u002Fhead>\n  \u003Cbody>\n    \u003Cdiv id=\"root\">\u003C\u002Fdiv>\n    \u003Cscript type=\"module\" src=\"\u002Fsrc\u002Fmain.jsx\">\u003C\u002Fscript>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","html",[189],{"type":45,"tag":146,"props":190,"children":191},{"__ignoreMap":174},[192,221,263,281,322,382,443,501,558,595,612,629,676,745,761],{"type":45,"tag":193,"props":194,"children":197},"span",{"class":195,"line":196},"line",1,[198,204,210,216],{"type":45,"tag":193,"props":199,"children":201},{"style":200},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[202],{"type":51,"value":203},"\u003C!",{"type":45,"tag":193,"props":205,"children":207},{"style":206},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[208],{"type":51,"value":209},"doctype",{"type":45,"tag":193,"props":211,"children":213},{"style":212},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[214],{"type":51,"value":215}," html",{"type":45,"tag":193,"props":217,"children":218},{"style":200},[219],{"type":51,"value":220},">\n",{"type":45,"tag":193,"props":222,"children":224},{"class":195,"line":223},2,[225,230,234,239,244,249,255,259],{"type":45,"tag":193,"props":226,"children":227},{"style":200},[228],{"type":51,"value":229},"\u003C",{"type":45,"tag":193,"props":231,"children":232},{"style":206},[233],{"type":51,"value":187},{"type":45,"tag":193,"props":235,"children":236},{"style":212},[237],{"type":51,"value":238}," lang",{"type":45,"tag":193,"props":240,"children":241},{"style":200},[242],{"type":51,"value":243},"=",{"type":45,"tag":193,"props":245,"children":246},{"style":200},[247],{"type":51,"value":248},"\"",{"type":45,"tag":193,"props":250,"children":252},{"style":251},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[253],{"type":51,"value":254},"en",{"type":45,"tag":193,"props":256,"children":257},{"style":200},[258],{"type":51,"value":248},{"type":45,"tag":193,"props":260,"children":261},{"style":200},[262],{"type":51,"value":220},{"type":45,"tag":193,"props":264,"children":266},{"class":195,"line":265},3,[267,272,277],{"type":45,"tag":193,"props":268,"children":269},{"style":200},[270],{"type":51,"value":271},"  \u003C",{"type":45,"tag":193,"props":273,"children":274},{"style":206},[275],{"type":51,"value":276},"head",{"type":45,"tag":193,"props":278,"children":279},{"style":200},[280],{"type":51,"value":220},{"type":45,"tag":193,"props":282,"children":284},{"class":195,"line":283},4,[285,290,295,300,304,308,313,317],{"type":45,"tag":193,"props":286,"children":287},{"style":200},[288],{"type":51,"value":289},"    \u003C",{"type":45,"tag":193,"props":291,"children":292},{"style":206},[293],{"type":51,"value":294},"meta",{"type":45,"tag":193,"props":296,"children":297},{"style":212},[298],{"type":51,"value":299}," charset",{"type":45,"tag":193,"props":301,"children":302},{"style":200},[303],{"type":51,"value":243},{"type":45,"tag":193,"props":305,"children":306},{"style":200},[307],{"type":51,"value":248},{"type":45,"tag":193,"props":309,"children":310},{"style":251},[311],{"type":51,"value":312},"UTF-8",{"type":45,"tag":193,"props":314,"children":315},{"style":200},[316],{"type":51,"value":248},{"type":45,"tag":193,"props":318,"children":319},{"style":200},[320],{"type":51,"value":321}," \u002F>\n",{"type":45,"tag":193,"props":323,"children":325},{"class":195,"line":324},5,[326,330,334,339,343,347,352,356,361,365,369,374,378],{"type":45,"tag":193,"props":327,"children":328},{"style":200},[329],{"type":51,"value":289},{"type":45,"tag":193,"props":331,"children":332},{"style":206},[333],{"type":51,"value":294},{"type":45,"tag":193,"props":335,"children":336},{"style":212},[337],{"type":51,"value":338}," name",{"type":45,"tag":193,"props":340,"children":341},{"style":200},[342],{"type":51,"value":243},{"type":45,"tag":193,"props":344,"children":345},{"style":200},[346],{"type":51,"value":248},{"type":45,"tag":193,"props":348,"children":349},{"style":251},[350],{"type":51,"value":351},"viewport",{"type":45,"tag":193,"props":353,"children":354},{"style":200},[355],{"type":51,"value":248},{"type":45,"tag":193,"props":357,"children":358},{"style":212},[359],{"type":51,"value":360}," content",{"type":45,"tag":193,"props":362,"children":363},{"style":200},[364],{"type":51,"value":243},{"type":45,"tag":193,"props":366,"children":367},{"style":200},[368],{"type":51,"value":248},{"type":45,"tag":193,"props":370,"children":371},{"style":251},[372],{"type":51,"value":373},"width=device-width, initial-scale=1.0",{"type":45,"tag":193,"props":375,"children":376},{"style":200},[377],{"type":51,"value":248},{"type":45,"tag":193,"props":379,"children":380},{"style":200},[381],{"type":51,"value":321},{"type":45,"tag":193,"props":383,"children":385},{"class":195,"line":384},6,[386,390,395,400,404,408,413,417,422,426,430,435,439],{"type":45,"tag":193,"props":387,"children":388},{"style":200},[389],{"type":51,"value":289},{"type":45,"tag":193,"props":391,"children":392},{"style":206},[393],{"type":51,"value":394},"link",{"type":45,"tag":193,"props":396,"children":397},{"style":212},[398],{"type":51,"value":399}," rel",{"type":45,"tag":193,"props":401,"children":402},{"style":200},[403],{"type":51,"value":243},{"type":45,"tag":193,"props":405,"children":406},{"style":200},[407],{"type":51,"value":248},{"type":45,"tag":193,"props":409,"children":410},{"style":251},[411],{"type":51,"value":412},"preconnect",{"type":45,"tag":193,"props":414,"children":415},{"style":200},[416],{"type":51,"value":248},{"type":45,"tag":193,"props":418,"children":419},{"style":212},[420],{"type":51,"value":421}," href",{"type":45,"tag":193,"props":423,"children":424},{"style":200},[425],{"type":51,"value":243},{"type":45,"tag":193,"props":427,"children":428},{"style":200},[429],{"type":51,"value":248},{"type":45,"tag":193,"props":431,"children":432},{"style":251},[433],{"type":51,"value":434},"https:\u002F\u002Ffonts.googleapis.com",{"type":45,"tag":193,"props":436,"children":437},{"style":200},[438],{"type":51,"value":248},{"type":45,"tag":193,"props":440,"children":441},{"style":200},[442],{"type":51,"value":321},{"type":45,"tag":193,"props":444,"children":446},{"class":195,"line":445},7,[447,451,455,459,463,467,472,476,480,484,488,493,497],{"type":45,"tag":193,"props":448,"children":449},{"style":200},[450],{"type":51,"value":289},{"type":45,"tag":193,"props":452,"children":453},{"style":206},[454],{"type":51,"value":394},{"type":45,"tag":193,"props":456,"children":457},{"style":212},[458],{"type":51,"value":421},{"type":45,"tag":193,"props":460,"children":461},{"style":200},[462],{"type":51,"value":243},{"type":45,"tag":193,"props":464,"children":465},{"style":200},[466],{"type":51,"value":248},{"type":45,"tag":193,"props":468,"children":469},{"style":251},[470],{"type":51,"value":471},"https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Rubik:wght@300;400;500;600;700&display=swap",{"type":45,"tag":193,"props":473,"children":474},{"style":200},[475],{"type":51,"value":248},{"type":45,"tag":193,"props":477,"children":478},{"style":212},[479],{"type":51,"value":399},{"type":45,"tag":193,"props":481,"children":482},{"style":200},[483],{"type":51,"value":243},{"type":45,"tag":193,"props":485,"children":486},{"style":200},[487],{"type":51,"value":248},{"type":45,"tag":193,"props":489,"children":490},{"style":251},[491],{"type":51,"value":492},"stylesheet",{"type":45,"tag":193,"props":494,"children":495},{"style":200},[496],{"type":51,"value":248},{"type":45,"tag":193,"props":498,"children":499},{"style":200},[500],{"type":51,"value":321},{"type":45,"tag":193,"props":502,"children":504},{"class":195,"line":503},8,[505,509,513,517,521,525,530,534,538,542,546,550,554],{"type":45,"tag":193,"props":506,"children":507},{"style":200},[508],{"type":51,"value":289},{"type":45,"tag":193,"props":510,"children":511},{"style":206},[512],{"type":51,"value":394},{"type":45,"tag":193,"props":514,"children":515},{"style":212},[516],{"type":51,"value":421},{"type":45,"tag":193,"props":518,"children":519},{"style":200},[520],{"type":51,"value":243},{"type":45,"tag":193,"props":522,"children":523},{"style":200},[524],{"type":51,"value":248},{"type":45,"tag":193,"props":526,"children":527},{"style":251},[528],{"type":51,"value":529},"https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap",{"type":45,"tag":193,"props":531,"children":532},{"style":200},[533],{"type":51,"value":248},{"type":45,"tag":193,"props":535,"children":536},{"style":212},[537],{"type":51,"value":399},{"type":45,"tag":193,"props":539,"children":540},{"style":200},[541],{"type":51,"value":243},{"type":45,"tag":193,"props":543,"children":544},{"style":200},[545],{"type":51,"value":248},{"type":45,"tag":193,"props":547,"children":548},{"style":251},[549],{"type":51,"value":492},{"type":45,"tag":193,"props":551,"children":552},{"style":200},[553],{"type":51,"value":248},{"type":45,"tag":193,"props":555,"children":556},{"style":200},[557],{"type":51,"value":321},{"type":45,"tag":193,"props":559,"children":561},{"class":195,"line":560},9,[562,566,571,576,582,587,591],{"type":45,"tag":193,"props":563,"children":564},{"style":200},[565],{"type":51,"value":289},{"type":45,"tag":193,"props":567,"children":568},{"style":206},[569],{"type":51,"value":570},"title",{"type":45,"tag":193,"props":572,"children":573},{"style":200},[574],{"type":51,"value":575},">",{"type":45,"tag":193,"props":577,"children":579},{"style":578},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[580],{"type":51,"value":581},"TITLE",{"type":45,"tag":193,"props":583,"children":584},{"style":200},[585],{"type":51,"value":586},"\u003C\u002F",{"type":45,"tag":193,"props":588,"children":589},{"style":206},[590],{"type":51,"value":570},{"type":45,"tag":193,"props":592,"children":593},{"style":200},[594],{"type":51,"value":220},{"type":45,"tag":193,"props":596,"children":598},{"class":195,"line":597},10,[599,604,608],{"type":45,"tag":193,"props":600,"children":601},{"style":200},[602],{"type":51,"value":603},"  \u003C\u002F",{"type":45,"tag":193,"props":605,"children":606},{"style":206},[607],{"type":51,"value":276},{"type":45,"tag":193,"props":609,"children":610},{"style":200},[611],{"type":51,"value":220},{"type":45,"tag":193,"props":613,"children":615},{"class":195,"line":614},11,[616,620,625],{"type":45,"tag":193,"props":617,"children":618},{"style":200},[619],{"type":51,"value":271},{"type":45,"tag":193,"props":621,"children":622},{"style":206},[623],{"type":51,"value":624},"body",{"type":45,"tag":193,"props":626,"children":627},{"style":200},[628],{"type":51,"value":220},{"type":45,"tag":193,"props":630,"children":632},{"class":195,"line":631},12,[633,637,642,647,651,655,659,663,668,672],{"type":45,"tag":193,"props":634,"children":635},{"style":200},[636],{"type":51,"value":289},{"type":45,"tag":193,"props":638,"children":639},{"style":206},[640],{"type":51,"value":641},"div",{"type":45,"tag":193,"props":643,"children":644},{"style":212},[645],{"type":51,"value":646}," id",{"type":45,"tag":193,"props":648,"children":649},{"style":200},[650],{"type":51,"value":243},{"type":45,"tag":193,"props":652,"children":653},{"style":200},[654],{"type":51,"value":248},{"type":45,"tag":193,"props":656,"children":657},{"style":251},[658],{"type":51,"value":42},{"type":45,"tag":193,"props":660,"children":661},{"style":200},[662],{"type":51,"value":248},{"type":45,"tag":193,"props":664,"children":665},{"style":200},[666],{"type":51,"value":667},">\u003C\u002F",{"type":45,"tag":193,"props":669,"children":670},{"style":206},[671],{"type":51,"value":641},{"type":45,"tag":193,"props":673,"children":674},{"style":200},[675],{"type":51,"value":220},{"type":45,"tag":193,"props":677,"children":679},{"class":195,"line":678},13,[680,684,689,694,698,702,707,711,716,720,724,729,733,737,741],{"type":45,"tag":193,"props":681,"children":682},{"style":200},[683],{"type":51,"value":289},{"type":45,"tag":193,"props":685,"children":686},{"style":206},[687],{"type":51,"value":688},"script",{"type":45,"tag":193,"props":690,"children":691},{"style":212},[692],{"type":51,"value":693}," type",{"type":45,"tag":193,"props":695,"children":696},{"style":200},[697],{"type":51,"value":243},{"type":45,"tag":193,"props":699,"children":700},{"style":200},[701],{"type":51,"value":248},{"type":45,"tag":193,"props":703,"children":704},{"style":251},[705],{"type":51,"value":706},"module",{"type":45,"tag":193,"props":708,"children":709},{"style":200},[710],{"type":51,"value":248},{"type":45,"tag":193,"props":712,"children":713},{"style":212},[714],{"type":51,"value":715}," src",{"type":45,"tag":193,"props":717,"children":718},{"style":200},[719],{"type":51,"value":243},{"type":45,"tag":193,"props":721,"children":722},{"style":200},[723],{"type":51,"value":248},{"type":45,"tag":193,"props":725,"children":726},{"style":251},[727],{"type":51,"value":728},"\u002Fsrc\u002Fmain.jsx",{"type":45,"tag":193,"props":730,"children":731},{"style":200},[732],{"type":51,"value":248},{"type":45,"tag":193,"props":734,"children":735},{"style":200},[736],{"type":51,"value":667},{"type":45,"tag":193,"props":738,"children":739},{"style":206},[740],{"type":51,"value":688},{"type":45,"tag":193,"props":742,"children":743},{"style":200},[744],{"type":51,"value":220},{"type":45,"tag":193,"props":746,"children":748},{"class":195,"line":747},14,[749,753,757],{"type":45,"tag":193,"props":750,"children":751},{"style":200},[752],{"type":51,"value":603},{"type":45,"tag":193,"props":754,"children":755},{"style":206},[756],{"type":51,"value":624},{"type":45,"tag":193,"props":758,"children":759},{"style":200},[760],{"type":51,"value":220},{"type":45,"tag":193,"props":762,"children":764},{"class":195,"line":763},15,[765,769,773],{"type":45,"tag":193,"props":766,"children":767},{"style":200},[768],{"type":51,"value":586},{"type":45,"tag":193,"props":770,"children":771},{"style":206},[772],{"type":51,"value":187},{"type":45,"tag":193,"props":774,"children":775},{"style":200},[776],{"type":51,"value":220},{"type":45,"tag":97,"props":778,"children":780},{"id":779},"packagejson",[781],{"type":51,"value":782},"package.json",{"type":45,"tag":166,"props":784,"children":788},{"className":785,"code":786,"language":787,"meta":174,"style":174},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"name\": \"PROJECT_NAME\",\n  \"private\": true,\n  \"type\": \"module\",\n  \"scripts\": { \"dev\": \"vite\", \"build\": \"vite build\", \"preview\": \"vite preview\" },\n  \"dependencies\": { \"react\": \"^18.3.1\", \"react-dom\": \"^18.3.1\", \"recharts\": \"^2.15.3\" },\n  \"devDependencies\": { \"@vitejs\u002Fplugin-react\": \"^4.3.4\", \"vite\": \"^6.0.0\", \"vite-plugin-singlefile\": \"^2.3.0\" }\n}\n","json",[789],{"type":45,"tag":146,"props":790,"children":791},{"__ignoreMap":174},[792,800,841,866,902,1031,1155,1281],{"type":45,"tag":193,"props":793,"children":794},{"class":195,"line":196},[795],{"type":45,"tag":193,"props":796,"children":797},{"style":200},[798],{"type":51,"value":799},"{\n",{"type":45,"tag":193,"props":801,"children":802},{"class":195,"line":223},[803,808,813,817,822,827,832,836],{"type":45,"tag":193,"props":804,"children":805},{"style":200},[806],{"type":51,"value":807},"  \"",{"type":45,"tag":193,"props":809,"children":810},{"style":212},[811],{"type":51,"value":812},"name",{"type":45,"tag":193,"props":814,"children":815},{"style":200},[816],{"type":51,"value":248},{"type":45,"tag":193,"props":818,"children":819},{"style":200},[820],{"type":51,"value":821},":",{"type":45,"tag":193,"props":823,"children":824},{"style":200},[825],{"type":51,"value":826}," \"",{"type":45,"tag":193,"props":828,"children":829},{"style":251},[830],{"type":51,"value":831},"PROJECT_NAME",{"type":45,"tag":193,"props":833,"children":834},{"style":200},[835],{"type":51,"value":248},{"type":45,"tag":193,"props":837,"children":838},{"style":200},[839],{"type":51,"value":840},",\n",{"type":45,"tag":193,"props":842,"children":843},{"class":195,"line":265},[844,848,853,857,861],{"type":45,"tag":193,"props":845,"children":846},{"style":200},[847],{"type":51,"value":807},{"type":45,"tag":193,"props":849,"children":850},{"style":212},[851],{"type":51,"value":852},"private",{"type":45,"tag":193,"props":854,"children":855},{"style":200},[856],{"type":51,"value":248},{"type":45,"tag":193,"props":858,"children":859},{"style":200},[860],{"type":51,"value":821},{"type":45,"tag":193,"props":862,"children":863},{"style":200},[864],{"type":51,"value":865}," true,\n",{"type":45,"tag":193,"props":867,"children":868},{"class":195,"line":283},[869,873,878,882,886,890,894,898],{"type":45,"tag":193,"props":870,"children":871},{"style":200},[872],{"type":51,"value":807},{"type":45,"tag":193,"props":874,"children":875},{"style":212},[876],{"type":51,"value":877},"type",{"type":45,"tag":193,"props":879,"children":880},{"style":200},[881],{"type":51,"value":248},{"type":45,"tag":193,"props":883,"children":884},{"style":200},[885],{"type":51,"value":821},{"type":45,"tag":193,"props":887,"children":888},{"style":200},[889],{"type":51,"value":826},{"type":45,"tag":193,"props":891,"children":892},{"style":251},[893],{"type":51,"value":706},{"type":45,"tag":193,"props":895,"children":896},{"style":200},[897],{"type":51,"value":248},{"type":45,"tag":193,"props":899,"children":900},{"style":200},[901],{"type":51,"value":840},{"type":45,"tag":193,"props":903,"children":904},{"class":195,"line":324},[905,909,914,918,922,927,931,937,941,945,949,953,957,962,966,971,975,979,983,988,992,996,1000,1005,1009,1013,1017,1022,1026],{"type":45,"tag":193,"props":906,"children":907},{"style":200},[908],{"type":51,"value":807},{"type":45,"tag":193,"props":910,"children":911},{"style":212},[912],{"type":51,"value":913},"scripts",{"type":45,"tag":193,"props":915,"children":916},{"style":200},[917],{"type":51,"value":248},{"type":45,"tag":193,"props":919,"children":920},{"style":200},[921],{"type":51,"value":821},{"type":45,"tag":193,"props":923,"children":924},{"style":200},[925],{"type":51,"value":926}," {",{"type":45,"tag":193,"props":928,"children":929},{"style":200},[930],{"type":51,"value":826},{"type":45,"tag":193,"props":932,"children":934},{"style":933},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[935],{"type":51,"value":936},"dev",{"type":45,"tag":193,"props":938,"children":939},{"style":200},[940],{"type":51,"value":248},{"type":45,"tag":193,"props":942,"children":943},{"style":200},[944],{"type":51,"value":821},{"type":45,"tag":193,"props":946,"children":947},{"style":200},[948],{"type":51,"value":826},{"type":45,"tag":193,"props":950,"children":951},{"style":251},[952],{"type":51,"value":25},{"type":45,"tag":193,"props":954,"children":955},{"style":200},[956],{"type":51,"value":248},{"type":45,"tag":193,"props":958,"children":959},{"style":200},[960],{"type":51,"value":961},",",{"type":45,"tag":193,"props":963,"children":964},{"style":200},[965],{"type":51,"value":826},{"type":45,"tag":193,"props":967,"children":968},{"style":933},[969],{"type":51,"value":970},"build",{"type":45,"tag":193,"props":972,"children":973},{"style":200},[974],{"type":51,"value":248},{"type":45,"tag":193,"props":976,"children":977},{"style":200},[978],{"type":51,"value":821},{"type":45,"tag":193,"props":980,"children":981},{"style":200},[982],{"type":51,"value":826},{"type":45,"tag":193,"props":984,"children":985},{"style":251},[986],{"type":51,"value":987},"vite build",{"type":45,"tag":193,"props":989,"children":990},{"style":200},[991],{"type":51,"value":248},{"type":45,"tag":193,"props":993,"children":994},{"style":200},[995],{"type":51,"value":961},{"type":45,"tag":193,"props":997,"children":998},{"style":200},[999],{"type":51,"value":826},{"type":45,"tag":193,"props":1001,"children":1002},{"style":933},[1003],{"type":51,"value":1004},"preview",{"type":45,"tag":193,"props":1006,"children":1007},{"style":200},[1008],{"type":51,"value":248},{"type":45,"tag":193,"props":1010,"children":1011},{"style":200},[1012],{"type":51,"value":821},{"type":45,"tag":193,"props":1014,"children":1015},{"style":200},[1016],{"type":51,"value":826},{"type":45,"tag":193,"props":1018,"children":1019},{"style":251},[1020],{"type":51,"value":1021},"vite preview",{"type":45,"tag":193,"props":1023,"children":1024},{"style":200},[1025],{"type":51,"value":248},{"type":45,"tag":193,"props":1027,"children":1028},{"style":200},[1029],{"type":51,"value":1030}," },\n",{"type":45,"tag":193,"props":1032,"children":1033},{"class":195,"line":384},[1034,1038,1043,1047,1051,1055,1059,1063,1067,1071,1075,1080,1084,1088,1092,1097,1101,1105,1109,1113,1117,1121,1125,1130,1134,1138,1142,1147,1151],{"type":45,"tag":193,"props":1035,"children":1036},{"style":200},[1037],{"type":51,"value":807},{"type":45,"tag":193,"props":1039,"children":1040},{"style":212},[1041],{"type":51,"value":1042},"dependencies",{"type":45,"tag":193,"props":1044,"children":1045},{"style":200},[1046],{"type":51,"value":248},{"type":45,"tag":193,"props":1048,"children":1049},{"style":200},[1050],{"type":51,"value":821},{"type":45,"tag":193,"props":1052,"children":1053},{"style":200},[1054],{"type":51,"value":926},{"type":45,"tag":193,"props":1056,"children":1057},{"style":200},[1058],{"type":51,"value":826},{"type":45,"tag":193,"props":1060,"children":1061},{"style":933},[1062],{"type":51,"value":15},{"type":45,"tag":193,"props":1064,"children":1065},{"style":200},[1066],{"type":51,"value":248},{"type":45,"tag":193,"props":1068,"children":1069},{"style":200},[1070],{"type":51,"value":821},{"type":45,"tag":193,"props":1072,"children":1073},{"style":200},[1074],{"type":51,"value":826},{"type":45,"tag":193,"props":1076,"children":1077},{"style":251},[1078],{"type":51,"value":1079},"^18.3.1",{"type":45,"tag":193,"props":1081,"children":1082},{"style":200},[1083],{"type":51,"value":248},{"type":45,"tag":193,"props":1085,"children":1086},{"style":200},[1087],{"type":51,"value":961},{"type":45,"tag":193,"props":1089,"children":1090},{"style":200},[1091],{"type":51,"value":826},{"type":45,"tag":193,"props":1093,"children":1094},{"style":933},[1095],{"type":51,"value":1096},"react-dom",{"type":45,"tag":193,"props":1098,"children":1099},{"style":200},[1100],{"type":51,"value":248},{"type":45,"tag":193,"props":1102,"children":1103},{"style":200},[1104],{"type":51,"value":821},{"type":45,"tag":193,"props":1106,"children":1107},{"style":200},[1108],{"type":51,"value":826},{"type":45,"tag":193,"props":1110,"children":1111},{"style":251},[1112],{"type":51,"value":1079},{"type":45,"tag":193,"props":1114,"children":1115},{"style":200},[1116],{"type":51,"value":248},{"type":45,"tag":193,"props":1118,"children":1119},{"style":200},[1120],{"type":51,"value":961},{"type":45,"tag":193,"props":1122,"children":1123},{"style":200},[1124],{"type":51,"value":826},{"type":45,"tag":193,"props":1126,"children":1127},{"style":933},[1128],{"type":51,"value":1129},"recharts",{"type":45,"tag":193,"props":1131,"children":1132},{"style":200},[1133],{"type":51,"value":248},{"type":45,"tag":193,"props":1135,"children":1136},{"style":200},[1137],{"type":51,"value":821},{"type":45,"tag":193,"props":1139,"children":1140},{"style":200},[1141],{"type":51,"value":826},{"type":45,"tag":193,"props":1143,"children":1144},{"style":251},[1145],{"type":51,"value":1146},"^2.15.3",{"type":45,"tag":193,"props":1148,"children":1149},{"style":200},[1150],{"type":51,"value":248},{"type":45,"tag":193,"props":1152,"children":1153},{"style":200},[1154],{"type":51,"value":1030},{"type":45,"tag":193,"props":1156,"children":1157},{"class":195,"line":445},[1158,1162,1167,1171,1175,1179,1183,1188,1192,1196,1200,1205,1209,1213,1217,1221,1225,1229,1233,1238,1242,1246,1250,1255,1259,1263,1267,1272,1276],{"type":45,"tag":193,"props":1159,"children":1160},{"style":200},[1161],{"type":51,"value":807},{"type":45,"tag":193,"props":1163,"children":1164},{"style":212},[1165],{"type":51,"value":1166},"devDependencies",{"type":45,"tag":193,"props":1168,"children":1169},{"style":200},[1170],{"type":51,"value":248},{"type":45,"tag":193,"props":1172,"children":1173},{"style":200},[1174],{"type":51,"value":821},{"type":45,"tag":193,"props":1176,"children":1177},{"style":200},[1178],{"type":51,"value":926},{"type":45,"tag":193,"props":1180,"children":1181},{"style":200},[1182],{"type":51,"value":826},{"type":45,"tag":193,"props":1184,"children":1185},{"style":933},[1186],{"type":51,"value":1187},"@vitejs\u002Fplugin-react",{"type":45,"tag":193,"props":1189,"children":1190},{"style":200},[1191],{"type":51,"value":248},{"type":45,"tag":193,"props":1193,"children":1194},{"style":200},[1195],{"type":51,"value":821},{"type":45,"tag":193,"props":1197,"children":1198},{"style":200},[1199],{"type":51,"value":826},{"type":45,"tag":193,"props":1201,"children":1202},{"style":251},[1203],{"type":51,"value":1204},"^4.3.4",{"type":45,"tag":193,"props":1206,"children":1207},{"style":200},[1208],{"type":51,"value":248},{"type":45,"tag":193,"props":1210,"children":1211},{"style":200},[1212],{"type":51,"value":961},{"type":45,"tag":193,"props":1214,"children":1215},{"style":200},[1216],{"type":51,"value":826},{"type":45,"tag":193,"props":1218,"children":1219},{"style":933},[1220],{"type":51,"value":25},{"type":45,"tag":193,"props":1222,"children":1223},{"style":200},[1224],{"type":51,"value":248},{"type":45,"tag":193,"props":1226,"children":1227},{"style":200},[1228],{"type":51,"value":821},{"type":45,"tag":193,"props":1230,"children":1231},{"style":200},[1232],{"type":51,"value":826},{"type":45,"tag":193,"props":1234,"children":1235},{"style":251},[1236],{"type":51,"value":1237},"^6.0.0",{"type":45,"tag":193,"props":1239,"children":1240},{"style":200},[1241],{"type":51,"value":248},{"type":45,"tag":193,"props":1243,"children":1244},{"style":200},[1245],{"type":51,"value":961},{"type":45,"tag":193,"props":1247,"children":1248},{"style":200},[1249],{"type":51,"value":826},{"type":45,"tag":193,"props":1251,"children":1252},{"style":933},[1253],{"type":51,"value":1254},"vite-plugin-singlefile",{"type":45,"tag":193,"props":1256,"children":1257},{"style":200},[1258],{"type":51,"value":248},{"type":45,"tag":193,"props":1260,"children":1261},{"style":200},[1262],{"type":51,"value":821},{"type":45,"tag":193,"props":1264,"children":1265},{"style":200},[1266],{"type":51,"value":826},{"type":45,"tag":193,"props":1268,"children":1269},{"style":251},[1270],{"type":51,"value":1271},"^2.3.0",{"type":45,"tag":193,"props":1273,"children":1274},{"style":200},[1275],{"type":51,"value":248},{"type":45,"tag":193,"props":1277,"children":1278},{"style":200},[1279],{"type":51,"value":1280}," }\n",{"type":45,"tag":193,"props":1282,"children":1283},{"class":195,"line":503},[1284],{"type":45,"tag":193,"props":1285,"children":1286},{"style":200},[1287],{"type":51,"value":1288},"}\n",{"type":45,"tag":97,"props":1290,"children":1292},{"id":1291},"viteconfigjs",[1293],{"type":51,"value":1294},"vite.config.js",{"type":45,"tag":166,"props":1296,"children":1300},{"className":1297,"code":1298,"language":1299,"meta":174,"style":174},"language-javascript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { defineConfig } from 'vite'\nimport react from '@vitejs\u002Fplugin-react'\nimport { viteSingleFile } from 'vite-plugin-singlefile'\n\nexport default defineConfig({ plugins: [react(), viteSingleFile()] })\n","javascript",[1301],{"type":45,"tag":146,"props":1302,"children":1303},{"__ignoreMap":174},[1304,1346,1375,1411,1420],{"type":45,"tag":193,"props":1305,"children":1306},{"class":195,"line":196},[1307,1313,1317,1322,1327,1332,1337,1341],{"type":45,"tag":193,"props":1308,"children":1310},{"style":1309},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[1311],{"type":51,"value":1312},"import",{"type":45,"tag":193,"props":1314,"children":1315},{"style":200},[1316],{"type":51,"value":926},{"type":45,"tag":193,"props":1318,"children":1319},{"style":578},[1320],{"type":51,"value":1321}," defineConfig",{"type":45,"tag":193,"props":1323,"children":1324},{"style":200},[1325],{"type":51,"value":1326}," }",{"type":45,"tag":193,"props":1328,"children":1329},{"style":1309},[1330],{"type":51,"value":1331}," from",{"type":45,"tag":193,"props":1333,"children":1334},{"style":200},[1335],{"type":51,"value":1336}," '",{"type":45,"tag":193,"props":1338,"children":1339},{"style":251},[1340],{"type":51,"value":25},{"type":45,"tag":193,"props":1342,"children":1343},{"style":200},[1344],{"type":51,"value":1345},"'\n",{"type":45,"tag":193,"props":1347,"children":1348},{"class":195,"line":223},[1349,1353,1358,1363,1367,1371],{"type":45,"tag":193,"props":1350,"children":1351},{"style":1309},[1352],{"type":51,"value":1312},{"type":45,"tag":193,"props":1354,"children":1355},{"style":578},[1356],{"type":51,"value":1357}," react ",{"type":45,"tag":193,"props":1359,"children":1360},{"style":1309},[1361],{"type":51,"value":1362},"from",{"type":45,"tag":193,"props":1364,"children":1365},{"style":200},[1366],{"type":51,"value":1336},{"type":45,"tag":193,"props":1368,"children":1369},{"style":251},[1370],{"type":51,"value":1187},{"type":45,"tag":193,"props":1372,"children":1373},{"style":200},[1374],{"type":51,"value":1345},{"type":45,"tag":193,"props":1376,"children":1377},{"class":195,"line":265},[1378,1382,1386,1391,1395,1399,1403,1407],{"type":45,"tag":193,"props":1379,"children":1380},{"style":1309},[1381],{"type":51,"value":1312},{"type":45,"tag":193,"props":1383,"children":1384},{"style":200},[1385],{"type":51,"value":926},{"type":45,"tag":193,"props":1387,"children":1388},{"style":578},[1389],{"type":51,"value":1390}," viteSingleFile",{"type":45,"tag":193,"props":1392,"children":1393},{"style":200},[1394],{"type":51,"value":1326},{"type":45,"tag":193,"props":1396,"children":1397},{"style":1309},[1398],{"type":51,"value":1331},{"type":45,"tag":193,"props":1400,"children":1401},{"style":200},[1402],{"type":51,"value":1336},{"type":45,"tag":193,"props":1404,"children":1405},{"style":251},[1406],{"type":51,"value":1254},{"type":45,"tag":193,"props":1408,"children":1409},{"style":200},[1410],{"type":51,"value":1345},{"type":45,"tag":193,"props":1412,"children":1413},{"class":195,"line":283},[1414],{"type":45,"tag":193,"props":1415,"children":1417},{"emptyLinePlaceholder":1416},true,[1418],{"type":51,"value":1419},"\n",{"type":45,"tag":193,"props":1421,"children":1422},{"class":195,"line":324},[1423,1428,1433,1438,1443,1448,1453,1457,1462,1466,1471,1475,1479,1484,1489],{"type":45,"tag":193,"props":1424,"children":1425},{"style":1309},[1426],{"type":51,"value":1427},"export",{"type":45,"tag":193,"props":1429,"children":1430},{"style":1309},[1431],{"type":51,"value":1432}," default",{"type":45,"tag":193,"props":1434,"children":1436},{"style":1435},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[1437],{"type":51,"value":1321},{"type":45,"tag":193,"props":1439,"children":1440},{"style":578},[1441],{"type":51,"value":1442},"(",{"type":45,"tag":193,"props":1444,"children":1445},{"style":200},[1446],{"type":51,"value":1447},"{",{"type":45,"tag":193,"props":1449,"children":1450},{"style":206},[1451],{"type":51,"value":1452}," plugins",{"type":45,"tag":193,"props":1454,"children":1455},{"style":200},[1456],{"type":51,"value":821},{"type":45,"tag":193,"props":1458,"children":1459},{"style":578},[1460],{"type":51,"value":1461}," [",{"type":45,"tag":193,"props":1463,"children":1464},{"style":1435},[1465],{"type":51,"value":15},{"type":45,"tag":193,"props":1467,"children":1468},{"style":578},[1469],{"type":51,"value":1470},"()",{"type":45,"tag":193,"props":1472,"children":1473},{"style":200},[1474],{"type":51,"value":961},{"type":45,"tag":193,"props":1476,"children":1477},{"style":1435},[1478],{"type":51,"value":1390},{"type":45,"tag":193,"props":1480,"children":1481},{"style":578},[1482],{"type":51,"value":1483},"()] ",{"type":45,"tag":193,"props":1485,"children":1486},{"style":200},[1487],{"type":51,"value":1488},"}",{"type":45,"tag":193,"props":1490,"children":1491},{"style":578},[1492],{"type":51,"value":1493},")\n",{"type":45,"tag":97,"props":1495,"children":1497},{"id":1496},"mainjsx",[1498],{"type":51,"value":1499},"main.jsx",{"type":45,"tag":166,"props":1501,"children":1505},{"className":1502,"code":1503,"language":1504,"meta":174,"style":174},"language-jsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import React from 'react'\nimport ReactDOM from 'react-dom\u002Fclient'\nimport App from '.\u002FApp'\nimport '.\u002FApp.css'\n\nReactDOM.createRoot(document.getElementById('root')).render(\u003CApp \u002F>)\n","jsx",[1506],{"type":45,"tag":146,"props":1507,"children":1508},{"__ignoreMap":174},[1509,1537,1566,1595,1615,1622],{"type":45,"tag":193,"props":1510,"children":1511},{"class":195,"line":196},[1512,1516,1521,1525,1529,1533],{"type":45,"tag":193,"props":1513,"children":1514},{"style":1309},[1515],{"type":51,"value":1312},{"type":45,"tag":193,"props":1517,"children":1518},{"style":578},[1519],{"type":51,"value":1520}," React ",{"type":45,"tag":193,"props":1522,"children":1523},{"style":1309},[1524],{"type":51,"value":1362},{"type":45,"tag":193,"props":1526,"children":1527},{"style":200},[1528],{"type":51,"value":1336},{"type":45,"tag":193,"props":1530,"children":1531},{"style":251},[1532],{"type":51,"value":15},{"type":45,"tag":193,"props":1534,"children":1535},{"style":200},[1536],{"type":51,"value":1345},{"type":45,"tag":193,"props":1538,"children":1539},{"class":195,"line":223},[1540,1544,1549,1553,1557,1562],{"type":45,"tag":193,"props":1541,"children":1542},{"style":1309},[1543],{"type":51,"value":1312},{"type":45,"tag":193,"props":1545,"children":1546},{"style":578},[1547],{"type":51,"value":1548}," ReactDOM ",{"type":45,"tag":193,"props":1550,"children":1551},{"style":1309},[1552],{"type":51,"value":1362},{"type":45,"tag":193,"props":1554,"children":1555},{"style":200},[1556],{"type":51,"value":1336},{"type":45,"tag":193,"props":1558,"children":1559},{"style":251},[1560],{"type":51,"value":1561},"react-dom\u002Fclient",{"type":45,"tag":193,"props":1563,"children":1564},{"style":200},[1565],{"type":51,"value":1345},{"type":45,"tag":193,"props":1567,"children":1568},{"class":195,"line":265},[1569,1573,1578,1582,1586,1591],{"type":45,"tag":193,"props":1570,"children":1571},{"style":1309},[1572],{"type":51,"value":1312},{"type":45,"tag":193,"props":1574,"children":1575},{"style":578},[1576],{"type":51,"value":1577}," App ",{"type":45,"tag":193,"props":1579,"children":1580},{"style":1309},[1581],{"type":51,"value":1362},{"type":45,"tag":193,"props":1583,"children":1584},{"style":200},[1585],{"type":51,"value":1336},{"type":45,"tag":193,"props":1587,"children":1588},{"style":251},[1589],{"type":51,"value":1590},".\u002FApp",{"type":45,"tag":193,"props":1592,"children":1593},{"style":200},[1594],{"type":51,"value":1345},{"type":45,"tag":193,"props":1596,"children":1597},{"class":195,"line":283},[1598,1602,1606,1611],{"type":45,"tag":193,"props":1599,"children":1600},{"style":1309},[1601],{"type":51,"value":1312},{"type":45,"tag":193,"props":1603,"children":1604},{"style":200},[1605],{"type":51,"value":1336},{"type":45,"tag":193,"props":1607,"children":1608},{"style":251},[1609],{"type":51,"value":1610},".\u002FApp.css",{"type":45,"tag":193,"props":1612,"children":1613},{"style":200},[1614],{"type":51,"value":1345},{"type":45,"tag":193,"props":1616,"children":1617},{"class":195,"line":324},[1618],{"type":45,"tag":193,"props":1619,"children":1620},{"emptyLinePlaceholder":1416},[1621],{"type":51,"value":1419},{"type":45,"tag":193,"props":1623,"children":1624},{"class":195,"line":384},[1625,1630,1635,1640,1645,1649,1654,1658,1663,1667,1671,1676,1680,1685,1689,1693,1698,1703],{"type":45,"tag":193,"props":1626,"children":1627},{"style":578},[1628],{"type":51,"value":1629},"ReactDOM",{"type":45,"tag":193,"props":1631,"children":1632},{"style":200},[1633],{"type":51,"value":1634},".",{"type":45,"tag":193,"props":1636,"children":1637},{"style":1435},[1638],{"type":51,"value":1639},"createRoot",{"type":45,"tag":193,"props":1641,"children":1642},{"style":578},[1643],{"type":51,"value":1644},"(document",{"type":45,"tag":193,"props":1646,"children":1647},{"style":200},[1648],{"type":51,"value":1634},{"type":45,"tag":193,"props":1650,"children":1651},{"style":1435},[1652],{"type":51,"value":1653},"getElementById",{"type":45,"tag":193,"props":1655,"children":1656},{"style":578},[1657],{"type":51,"value":1442},{"type":45,"tag":193,"props":1659,"children":1660},{"style":200},[1661],{"type":51,"value":1662},"'",{"type":45,"tag":193,"props":1664,"children":1665},{"style":251},[1666],{"type":51,"value":42},{"type":45,"tag":193,"props":1668,"children":1669},{"style":200},[1670],{"type":51,"value":1662},{"type":45,"tag":193,"props":1672,"children":1673},{"style":578},[1674],{"type":51,"value":1675},"))",{"type":45,"tag":193,"props":1677,"children":1678},{"style":200},[1679],{"type":51,"value":1634},{"type":45,"tag":193,"props":1681,"children":1682},{"style":1435},[1683],{"type":51,"value":1684},"render",{"type":45,"tag":193,"props":1686,"children":1687},{"style":578},[1688],{"type":51,"value":1442},{"type":45,"tag":193,"props":1690,"children":1691},{"style":200},[1692],{"type":51,"value":229},{"type":45,"tag":193,"props":1694,"children":1695},{"style":933},[1696],{"type":51,"value":1697},"App",{"type":45,"tag":193,"props":1699,"children":1700},{"style":200},[1701],{"type":51,"value":1702}," \u002F>",{"type":45,"tag":193,"props":1704,"children":1705},{"style":578},[1706],{"type":51,"value":1493},{"type":45,"tag":60,"props":1708,"children":1710},{"id":1709},"step-3-build-the-slide-system",[1711],{"type":51,"value":1712},"Step 3: Build the Slide System",{"type":45,"tag":54,"props":1714,"children":1715},{},[1716,1718,1724],{"type":51,"value":1717},"Read ",{"type":45,"tag":146,"props":1719,"children":1721},{"className":1720},[],[1722],{"type":51,"value":1723},"references\u002Fdesign-system.md",{"type":51,"value":1725}," for the complete Sentry color palette, typography, CSS variables, layout utilities, and animation system.",{"type":45,"tag":97,"props":1727,"children":1729},{"id":1728},"appjsx-structure",[1730],{"type":51,"value":1731},"App.jsx Structure",{"type":45,"tag":54,"props":1733,"children":1734},{},[1735],{"type":51,"value":1736},"Define slides as an array of functions returning JSX:",{"type":45,"tag":166,"props":1738,"children":1740},{"className":1502,"code":1739,"language":1504,"meta":174,"style":174},"const SLIDES = [\n  () => ( \u002F* Slide 0: Title *\u002F ),\n  () => ( \u002F* Slide 1: Context *\u002F ),\n  \u002F\u002F ...\n];\n",[1741],{"type":45,"tag":146,"props":1742,"children":1743},{"__ignoreMap":174},[1744,1766,1799,1827,1835],{"type":45,"tag":193,"props":1745,"children":1746},{"class":195,"line":196},[1747,1752,1757,1761],{"type":45,"tag":193,"props":1748,"children":1749},{"style":212},[1750],{"type":51,"value":1751},"const",{"type":45,"tag":193,"props":1753,"children":1754},{"style":578},[1755],{"type":51,"value":1756}," SLIDES ",{"type":45,"tag":193,"props":1758,"children":1759},{"style":200},[1760],{"type":51,"value":243},{"type":45,"tag":193,"props":1762,"children":1763},{"style":578},[1764],{"type":51,"value":1765}," [\n",{"type":45,"tag":193,"props":1767,"children":1768},{"class":195,"line":223},[1769,1774,1779,1784,1790,1795],{"type":45,"tag":193,"props":1770,"children":1771},{"style":200},[1772],{"type":51,"value":1773},"  ()",{"type":45,"tag":193,"props":1775,"children":1776},{"style":212},[1777],{"type":51,"value":1778}," =>",{"type":45,"tag":193,"props":1780,"children":1781},{"style":578},[1782],{"type":51,"value":1783}," ( ",{"type":45,"tag":193,"props":1785,"children":1787},{"style":1786},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[1788],{"type":51,"value":1789},"\u002F* Slide 0: Title *\u002F",{"type":45,"tag":193,"props":1791,"children":1792},{"style":578},[1793],{"type":51,"value":1794}," )",{"type":45,"tag":193,"props":1796,"children":1797},{"style":200},[1798],{"type":51,"value":840},{"type":45,"tag":193,"props":1800,"children":1801},{"class":195,"line":265},[1802,1806,1810,1814,1819,1823],{"type":45,"tag":193,"props":1803,"children":1804},{"style":200},[1805],{"type":51,"value":1773},{"type":45,"tag":193,"props":1807,"children":1808},{"style":212},[1809],{"type":51,"value":1778},{"type":45,"tag":193,"props":1811,"children":1812},{"style":578},[1813],{"type":51,"value":1783},{"type":45,"tag":193,"props":1815,"children":1816},{"style":1786},[1817],{"type":51,"value":1818},"\u002F* Slide 1: Context *\u002F",{"type":45,"tag":193,"props":1820,"children":1821},{"style":578},[1822],{"type":51,"value":1794},{"type":45,"tag":193,"props":1824,"children":1825},{"style":200},[1826],{"type":51,"value":840},{"type":45,"tag":193,"props":1828,"children":1829},{"class":195,"line":283},[1830],{"type":45,"tag":193,"props":1831,"children":1832},{"style":1786},[1833],{"type":51,"value":1834},"  \u002F\u002F ...\n",{"type":45,"tag":193,"props":1836,"children":1837},{"class":195,"line":324},[1838,1843],{"type":45,"tag":193,"props":1839,"children":1840},{"style":578},[1841],{"type":51,"value":1842},"]",{"type":45,"tag":193,"props":1844,"children":1845},{"style":200},[1846],{"type":51,"value":1847},";\n",{"type":45,"tag":54,"props":1849,"children":1850},{},[1851,1853,1859],{"type":51,"value":1852},"Each slide function returns a ",{"type":45,"tag":146,"props":1854,"children":1856},{"className":1855},[],[1857],{"type":51,"value":1858},"\u003Cdiv className=\"slide-content\">",{"type":51,"value":1860}," with:",{"type":45,"tag":72,"props":1862,"children":1863},{},[1864,1877,1882,1887],{"type":45,"tag":76,"props":1865,"children":1866},{},[1867,1869,1875],{"type":51,"value":1868},"An ",{"type":45,"tag":146,"props":1870,"children":1872},{"className":1871},[],[1873],{"type":51,"value":1874},"\u003Ch2>",{"type":51,"value":1876}," heading",{"type":45,"tag":76,"props":1878,"children":1879},{},[1880],{"type":51,"value":1881},"Optional subtitle paragraph",{"type":45,"tag":76,"props":1883,"children":1884},{},[1885],{"type":51,"value":1886},"Main content (charts, cards, diagrams, tables)",{"type":45,"tag":76,"props":1888,"children":1889},{},[1890,1892,1898,1900,1906,1907,1913,1914,1920],{"type":51,"value":1891},"Animation classes: ",{"type":45,"tag":146,"props":1893,"children":1895},{"className":1894},[],[1896],{"type":51,"value":1897},".anim",{"type":51,"value":1899},", ",{"type":45,"tag":146,"props":1901,"children":1903},{"className":1902},[],[1904],{"type":51,"value":1905},".d1",{"type":51,"value":1899},{"type":45,"tag":146,"props":1908,"children":1910},{"className":1909},[],[1911],{"type":51,"value":1912},".d2",{"type":51,"value":1899},{"type":45,"tag":146,"props":1915,"children":1917},{"className":1916},[],[1918],{"type":51,"value":1919},".d3",{"type":51,"value":1921}," for staggered fade-in",{"type":45,"tag":54,"props":1923,"children":1924},{},[1925],{"type":51,"value":1926},"Do NOT add category tag pills\u002Fbadges above headings (e.g., \"BACKGROUND\", \"EXPERIMENTS\"). They look generic and add no value. Let the heading speak for itself.",{"type":45,"tag":97,"props":1928,"children":1930},{"id":1929},"navigation",[1931],{"type":51,"value":1932},"Navigation",{"type":45,"tag":54,"props":1934,"children":1935},{},[1936,1938,1943],{"type":51,"value":1937},"Implement keyboard navigation (ArrowRight\u002FSpace = next, ArrowLeft = prev) and a bottom nav overlay with prev\u002Fnext buttons, dot indicators, and slide number. The nav has ",{"type":45,"tag":109,"props":1939,"children":1940},{},[1941],{"type":51,"value":1942},"no border or background",{"type":51,"value":1944}," — it floats transparently. A small low-contrast Sentry glyph watermark sits fixed in the top-left corner of every slide.",{"type":45,"tag":166,"props":1946,"children":1948},{"className":1502,"code":1947,"language":1504,"meta":174,"style":174},"function App() {\n  const [cur, setCur] = useState(0);\n  const go = useCallback((d) => setCur(c => Math.max(0, Math.min(SLIDES.length - 1, c + d))), []);\n\n  useEffect(() => {\n    const h = (e) => {\n      if (e.target.tagName === 'INPUT') return;\n      if (e.key === 'ArrowRight' || e.key === ' ') { e.preventDefault(); go(1); }\n      if (e.key === 'ArrowLeft') { e.preventDefault(); go(-1); }\n    };\n    window.addEventListener('keydown', h);\n    return () => window.removeEventListener('keydown', h);\n  }, [go]);\n\n  return (\n    \u003C>\n      {cur > 0 && \u003Cdiv className=\"glyph-watermark\">\u003CSentryGlyph size={50} \u002F>\u003Cspan className=\"watermark-title\">TITLE\u003C\u002Fspan>\u003C\u002Fdiv>}\n      \u003Cdiv className=\"progress\" style={{ width: `${((cur + 1) \u002F SLIDES.length) * 100}%` }} \u002F>\n      {SLIDES.map((S, i) => (\n        \u003Cdiv key={i} className={`slide ${i === cur ? 'active' : ''}`}>\n          \u003Cdiv className={`slide-content${i === cur ? ' anim' : ''}`}>\n            \u003CS \u002F>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      ))}\n      \u003CNav cur={cur} total={SLIDES.length} go={go} setCur={setCur} \u002F>\n    \u003C\u002F>\n  );\n}\n",[1949],{"type":45,"tag":146,"props":1950,"children":1951},{"__ignoreMap":174},[1952,1974,2033,2197,2204,2228,2267,2333,2459,2556,2564,2614,2677,2703,2710,2723,2732,2875,2999,3054,3157,3232,3249,3266,3283,3296,3385,3394,3407],{"type":45,"tag":193,"props":1953,"children":1954},{"class":195,"line":196},[1955,1960,1965,1969],{"type":45,"tag":193,"props":1956,"children":1957},{"style":212},[1958],{"type":51,"value":1959},"function",{"type":45,"tag":193,"props":1961,"children":1962},{"style":1435},[1963],{"type":51,"value":1964}," App",{"type":45,"tag":193,"props":1966,"children":1967},{"style":200},[1968],{"type":51,"value":1470},{"type":45,"tag":193,"props":1970,"children":1971},{"style":200},[1972],{"type":51,"value":1973}," {\n",{"type":45,"tag":193,"props":1975,"children":1976},{"class":195,"line":223},[1977,1982,1986,1991,1995,2000,2004,2009,2014,2018,2024,2029],{"type":45,"tag":193,"props":1978,"children":1979},{"style":212},[1980],{"type":51,"value":1981},"  const",{"type":45,"tag":193,"props":1983,"children":1984},{"style":200},[1985],{"type":51,"value":1461},{"type":45,"tag":193,"props":1987,"children":1988},{"style":578},[1989],{"type":51,"value":1990},"cur",{"type":45,"tag":193,"props":1992,"children":1993},{"style":200},[1994],{"type":51,"value":961},{"type":45,"tag":193,"props":1996,"children":1997},{"style":578},[1998],{"type":51,"value":1999}," setCur",{"type":45,"tag":193,"props":2001,"children":2002},{"style":200},[2003],{"type":51,"value":1842},{"type":45,"tag":193,"props":2005,"children":2006},{"style":200},[2007],{"type":51,"value":2008}," =",{"type":45,"tag":193,"props":2010,"children":2011},{"style":1435},[2012],{"type":51,"value":2013}," useState",{"type":45,"tag":193,"props":2015,"children":2016},{"style":206},[2017],{"type":51,"value":1442},{"type":45,"tag":193,"props":2019,"children":2021},{"style":2020},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[2022],{"type":51,"value":2023},"0",{"type":45,"tag":193,"props":2025,"children":2026},{"style":206},[2027],{"type":51,"value":2028},")",{"type":45,"tag":193,"props":2030,"children":2031},{"style":200},[2032],{"type":51,"value":1847},{"type":45,"tag":193,"props":2034,"children":2035},{"class":195,"line":265},[2036,2040,2045,2049,2054,2058,2062,2068,2072,2076,2080,2084,2089,2093,2098,2102,2107,2111,2115,2119,2123,2127,2132,2136,2141,2145,2150,2155,2160,2164,2169,2174,2179,2184,2188,2193],{"type":45,"tag":193,"props":2037,"children":2038},{"style":212},[2039],{"type":51,"value":1981},{"type":45,"tag":193,"props":2041,"children":2042},{"style":578},[2043],{"type":51,"value":2044}," go",{"type":45,"tag":193,"props":2046,"children":2047},{"style":200},[2048],{"type":51,"value":2008},{"type":45,"tag":193,"props":2050,"children":2051},{"style":1435},[2052],{"type":51,"value":2053}," useCallback",{"type":45,"tag":193,"props":2055,"children":2056},{"style":206},[2057],{"type":51,"value":1442},{"type":45,"tag":193,"props":2059,"children":2060},{"style":200},[2061],{"type":51,"value":1442},{"type":45,"tag":193,"props":2063,"children":2065},{"style":2064},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[2066],{"type":51,"value":2067},"d",{"type":45,"tag":193,"props":2069,"children":2070},{"style":200},[2071],{"type":51,"value":2028},{"type":45,"tag":193,"props":2073,"children":2074},{"style":212},[2075],{"type":51,"value":1778},{"type":45,"tag":193,"props":2077,"children":2078},{"style":1435},[2079],{"type":51,"value":1999},{"type":45,"tag":193,"props":2081,"children":2082},{"style":206},[2083],{"type":51,"value":1442},{"type":45,"tag":193,"props":2085,"children":2086},{"style":2064},[2087],{"type":51,"value":2088},"c",{"type":45,"tag":193,"props":2090,"children":2091},{"style":212},[2092],{"type":51,"value":1778},{"type":45,"tag":193,"props":2094,"children":2095},{"style":578},[2096],{"type":51,"value":2097}," Math",{"type":45,"tag":193,"props":2099,"children":2100},{"style":200},[2101],{"type":51,"value":1634},{"type":45,"tag":193,"props":2103,"children":2104},{"style":1435},[2105],{"type":51,"value":2106},"max",{"type":45,"tag":193,"props":2108,"children":2109},{"style":206},[2110],{"type":51,"value":1442},{"type":45,"tag":193,"props":2112,"children":2113},{"style":2020},[2114],{"type":51,"value":2023},{"type":45,"tag":193,"props":2116,"children":2117},{"style":200},[2118],{"type":51,"value":961},{"type":45,"tag":193,"props":2120,"children":2121},{"style":578},[2122],{"type":51,"value":2097},{"type":45,"tag":193,"props":2124,"children":2125},{"style":200},[2126],{"type":51,"value":1634},{"type":45,"tag":193,"props":2128,"children":2129},{"style":1435},[2130],{"type":51,"value":2131},"min",{"type":45,"tag":193,"props":2133,"children":2134},{"style":206},[2135],{"type":51,"value":1442},{"type":45,"tag":193,"props":2137,"children":2138},{"style":578},[2139],{"type":51,"value":2140},"SLIDES",{"type":45,"tag":193,"props":2142,"children":2143},{"style":200},[2144],{"type":51,"value":1634},{"type":45,"tag":193,"props":2146,"children":2147},{"style":578},[2148],{"type":51,"value":2149},"length",{"type":45,"tag":193,"props":2151,"children":2152},{"style":200},[2153],{"type":51,"value":2154}," -",{"type":45,"tag":193,"props":2156,"children":2157},{"style":2020},[2158],{"type":51,"value":2159}," 1",{"type":45,"tag":193,"props":2161,"children":2162},{"style":200},[2163],{"type":51,"value":961},{"type":45,"tag":193,"props":2165,"children":2166},{"style":578},[2167],{"type":51,"value":2168}," c",{"type":45,"tag":193,"props":2170,"children":2171},{"style":200},[2172],{"type":51,"value":2173}," +",{"type":45,"tag":193,"props":2175,"children":2176},{"style":578},[2177],{"type":51,"value":2178}," d",{"type":45,"tag":193,"props":2180,"children":2181},{"style":206},[2182],{"type":51,"value":2183},")))",{"type":45,"tag":193,"props":2185,"children":2186},{"style":200},[2187],{"type":51,"value":961},{"type":45,"tag":193,"props":2189,"children":2190},{"style":206},[2191],{"type":51,"value":2192}," [])",{"type":45,"tag":193,"props":2194,"children":2195},{"style":200},[2196],{"type":51,"value":1847},{"type":45,"tag":193,"props":2198,"children":2199},{"class":195,"line":283},[2200],{"type":45,"tag":193,"props":2201,"children":2202},{"emptyLinePlaceholder":1416},[2203],{"type":51,"value":1419},{"type":45,"tag":193,"props":2205,"children":2206},{"class":195,"line":324},[2207,2212,2216,2220,2224],{"type":45,"tag":193,"props":2208,"children":2209},{"style":1435},[2210],{"type":51,"value":2211},"  useEffect",{"type":45,"tag":193,"props":2213,"children":2214},{"style":206},[2215],{"type":51,"value":1442},{"type":45,"tag":193,"props":2217,"children":2218},{"style":200},[2219],{"type":51,"value":1470},{"type":45,"tag":193,"props":2221,"children":2222},{"style":212},[2223],{"type":51,"value":1778},{"type":45,"tag":193,"props":2225,"children":2226},{"style":200},[2227],{"type":51,"value":1973},{"type":45,"tag":193,"props":2229,"children":2230},{"class":195,"line":384},[2231,2236,2241,2245,2250,2255,2259,2263],{"type":45,"tag":193,"props":2232,"children":2233},{"style":212},[2234],{"type":51,"value":2235},"    const",{"type":45,"tag":193,"props":2237,"children":2238},{"style":578},[2239],{"type":51,"value":2240}," h",{"type":45,"tag":193,"props":2242,"children":2243},{"style":200},[2244],{"type":51,"value":2008},{"type":45,"tag":193,"props":2246,"children":2247},{"style":200},[2248],{"type":51,"value":2249}," (",{"type":45,"tag":193,"props":2251,"children":2252},{"style":2064},[2253],{"type":51,"value":2254},"e",{"type":45,"tag":193,"props":2256,"children":2257},{"style":200},[2258],{"type":51,"value":2028},{"type":45,"tag":193,"props":2260,"children":2261},{"style":212},[2262],{"type":51,"value":1778},{"type":45,"tag":193,"props":2264,"children":2265},{"style":200},[2266],{"type":51,"value":1973},{"type":45,"tag":193,"props":2268,"children":2269},{"class":195,"line":445},[2270,2275,2279,2283,2287,2292,2296,2301,2306,2310,2315,2319,2324,2329],{"type":45,"tag":193,"props":2271,"children":2272},{"style":1309},[2273],{"type":51,"value":2274},"      if",{"type":45,"tag":193,"props":2276,"children":2277},{"style":206},[2278],{"type":51,"value":2249},{"type":45,"tag":193,"props":2280,"children":2281},{"style":578},[2282],{"type":51,"value":2254},{"type":45,"tag":193,"props":2284,"children":2285},{"style":200},[2286],{"type":51,"value":1634},{"type":45,"tag":193,"props":2288,"children":2289},{"style":578},[2290],{"type":51,"value":2291},"target",{"type":45,"tag":193,"props":2293,"children":2294},{"style":200},[2295],{"type":51,"value":1634},{"type":45,"tag":193,"props":2297,"children":2298},{"style":578},[2299],{"type":51,"value":2300},"tagName",{"type":45,"tag":193,"props":2302,"children":2303},{"style":200},[2304],{"type":51,"value":2305}," ===",{"type":45,"tag":193,"props":2307,"children":2308},{"style":200},[2309],{"type":51,"value":1336},{"type":45,"tag":193,"props":2311,"children":2312},{"style":251},[2313],{"type":51,"value":2314},"INPUT",{"type":45,"tag":193,"props":2316,"children":2317},{"style":200},[2318],{"type":51,"value":1662},{"type":45,"tag":193,"props":2320,"children":2321},{"style":206},[2322],{"type":51,"value":2323},") ",{"type":45,"tag":193,"props":2325,"children":2326},{"style":1309},[2327],{"type":51,"value":2328},"return",{"type":45,"tag":193,"props":2330,"children":2331},{"style":200},[2332],{"type":51,"value":1847},{"type":45,"tag":193,"props":2334,"children":2335},{"class":195,"line":503},[2336,2340,2344,2348,2352,2357,2361,2365,2370,2374,2379,2384,2388,2392,2396,2400,2404,2408,2412,2416,2420,2425,2429,2434,2438,2442,2447,2451,2455],{"type":45,"tag":193,"props":2337,"children":2338},{"style":1309},[2339],{"type":51,"value":2274},{"type":45,"tag":193,"props":2341,"children":2342},{"style":206},[2343],{"type":51,"value":2249},{"type":45,"tag":193,"props":2345,"children":2346},{"style":578},[2347],{"type":51,"value":2254},{"type":45,"tag":193,"props":2349,"children":2350},{"style":200},[2351],{"type":51,"value":1634},{"type":45,"tag":193,"props":2353,"children":2354},{"style":578},[2355],{"type":51,"value":2356},"key",{"type":45,"tag":193,"props":2358,"children":2359},{"style":200},[2360],{"type":51,"value":2305},{"type":45,"tag":193,"props":2362,"children":2363},{"style":200},[2364],{"type":51,"value":1336},{"type":45,"tag":193,"props":2366,"children":2367},{"style":251},[2368],{"type":51,"value":2369},"ArrowRight",{"type":45,"tag":193,"props":2371,"children":2372},{"style":200},[2373],{"type":51,"value":1662},{"type":45,"tag":193,"props":2375,"children":2376},{"style":200},[2377],{"type":51,"value":2378}," ||",{"type":45,"tag":193,"props":2380,"children":2381},{"style":578},[2382],{"type":51,"value":2383}," e",{"type":45,"tag":193,"props":2385,"children":2386},{"style":200},[2387],{"type":51,"value":1634},{"type":45,"tag":193,"props":2389,"children":2390},{"style":578},[2391],{"type":51,"value":2356},{"type":45,"tag":193,"props":2393,"children":2394},{"style":200},[2395],{"type":51,"value":2305},{"type":45,"tag":193,"props":2397,"children":2398},{"style":200},[2399],{"type":51,"value":1336},{"type":45,"tag":193,"props":2401,"children":2402},{"style":200},[2403],{"type":51,"value":1336},{"type":45,"tag":193,"props":2405,"children":2406},{"style":206},[2407],{"type":51,"value":2323},{"type":45,"tag":193,"props":2409,"children":2410},{"style":200},[2411],{"type":51,"value":1447},{"type":45,"tag":193,"props":2413,"children":2414},{"style":578},[2415],{"type":51,"value":2383},{"type":45,"tag":193,"props":2417,"children":2418},{"style":200},[2419],{"type":51,"value":1634},{"type":45,"tag":193,"props":2421,"children":2422},{"style":1435},[2423],{"type":51,"value":2424},"preventDefault",{"type":45,"tag":193,"props":2426,"children":2427},{"style":206},[2428],{"type":51,"value":1470},{"type":45,"tag":193,"props":2430,"children":2431},{"style":200},[2432],{"type":51,"value":2433},";",{"type":45,"tag":193,"props":2435,"children":2436},{"style":1435},[2437],{"type":51,"value":2044},{"type":45,"tag":193,"props":2439,"children":2440},{"style":206},[2441],{"type":51,"value":1442},{"type":45,"tag":193,"props":2443,"children":2444},{"style":2020},[2445],{"type":51,"value":2446},"1",{"type":45,"tag":193,"props":2448,"children":2449},{"style":206},[2450],{"type":51,"value":2028},{"type":45,"tag":193,"props":2452,"children":2453},{"style":200},[2454],{"type":51,"value":2433},{"type":45,"tag":193,"props":2456,"children":2457},{"style":200},[2458],{"type":51,"value":1280},{"type":45,"tag":193,"props":2460,"children":2461},{"class":195,"line":560},[2462,2466,2470,2474,2478,2482,2486,2490,2495,2499,2503,2507,2511,2515,2519,2523,2527,2531,2535,2540,2544,2548,2552],{"type":45,"tag":193,"props":2463,"children":2464},{"style":1309},[2465],{"type":51,"value":2274},{"type":45,"tag":193,"props":2467,"children":2468},{"style":206},[2469],{"type":51,"value":2249},{"type":45,"tag":193,"props":2471,"children":2472},{"style":578},[2473],{"type":51,"value":2254},{"type":45,"tag":193,"props":2475,"children":2476},{"style":200},[2477],{"type":51,"value":1634},{"type":45,"tag":193,"props":2479,"children":2480},{"style":578},[2481],{"type":51,"value":2356},{"type":45,"tag":193,"props":2483,"children":2484},{"style":200},[2485],{"type":51,"value":2305},{"type":45,"tag":193,"props":2487,"children":2488},{"style":200},[2489],{"type":51,"value":1336},{"type":45,"tag":193,"props":2491,"children":2492},{"style":251},[2493],{"type":51,"value":2494},"ArrowLeft",{"type":45,"tag":193,"props":2496,"children":2497},{"style":200},[2498],{"type":51,"value":1662},{"type":45,"tag":193,"props":2500,"children":2501},{"style":206},[2502],{"type":51,"value":2323},{"type":45,"tag":193,"props":2504,"children":2505},{"style":200},[2506],{"type":51,"value":1447},{"type":45,"tag":193,"props":2508,"children":2509},{"style":578},[2510],{"type":51,"value":2383},{"type":45,"tag":193,"props":2512,"children":2513},{"style":200},[2514],{"type":51,"value":1634},{"type":45,"tag":193,"props":2516,"children":2517},{"style":1435},[2518],{"type":51,"value":2424},{"type":45,"tag":193,"props":2520,"children":2521},{"style":206},[2522],{"type":51,"value":1470},{"type":45,"tag":193,"props":2524,"children":2525},{"style":200},[2526],{"type":51,"value":2433},{"type":45,"tag":193,"props":2528,"children":2529},{"style":1435},[2530],{"type":51,"value":2044},{"type":45,"tag":193,"props":2532,"children":2533},{"style":206},[2534],{"type":51,"value":1442},{"type":45,"tag":193,"props":2536,"children":2537},{"style":200},[2538],{"type":51,"value":2539},"-",{"type":45,"tag":193,"props":2541,"children":2542},{"style":2020},[2543],{"type":51,"value":2446},{"type":45,"tag":193,"props":2545,"children":2546},{"style":206},[2547],{"type":51,"value":2028},{"type":45,"tag":193,"props":2549,"children":2550},{"style":200},[2551],{"type":51,"value":2433},{"type":45,"tag":193,"props":2553,"children":2554},{"style":200},[2555],{"type":51,"value":1280},{"type":45,"tag":193,"props":2557,"children":2558},{"class":195,"line":597},[2559],{"type":45,"tag":193,"props":2560,"children":2561},{"style":200},[2562],{"type":51,"value":2563},"    };\n",{"type":45,"tag":193,"props":2565,"children":2566},{"class":195,"line":614},[2567,2572,2576,2581,2585,2589,2594,2598,2602,2606,2610],{"type":45,"tag":193,"props":2568,"children":2569},{"style":578},[2570],{"type":51,"value":2571},"    window",{"type":45,"tag":193,"props":2573,"children":2574},{"style":200},[2575],{"type":51,"value":1634},{"type":45,"tag":193,"props":2577,"children":2578},{"style":1435},[2579],{"type":51,"value":2580},"addEventListener",{"type":45,"tag":193,"props":2582,"children":2583},{"style":206},[2584],{"type":51,"value":1442},{"type":45,"tag":193,"props":2586,"children":2587},{"style":200},[2588],{"type":51,"value":1662},{"type":45,"tag":193,"props":2590,"children":2591},{"style":251},[2592],{"type":51,"value":2593},"keydown",{"type":45,"tag":193,"props":2595,"children":2596},{"style":200},[2597],{"type":51,"value":1662},{"type":45,"tag":193,"props":2599,"children":2600},{"style":200},[2601],{"type":51,"value":961},{"type":45,"tag":193,"props":2603,"children":2604},{"style":578},[2605],{"type":51,"value":2240},{"type":45,"tag":193,"props":2607,"children":2608},{"style":206},[2609],{"type":51,"value":2028},{"type":45,"tag":193,"props":2611,"children":2612},{"style":200},[2613],{"type":51,"value":1847},{"type":45,"tag":193,"props":2615,"children":2616},{"class":195,"line":631},[2617,2622,2627,2631,2636,2640,2645,2649,2653,2657,2661,2665,2669,2673],{"type":45,"tag":193,"props":2618,"children":2619},{"style":1309},[2620],{"type":51,"value":2621},"    return",{"type":45,"tag":193,"props":2623,"children":2624},{"style":200},[2625],{"type":51,"value":2626}," ()",{"type":45,"tag":193,"props":2628,"children":2629},{"style":212},[2630],{"type":51,"value":1778},{"type":45,"tag":193,"props":2632,"children":2633},{"style":578},[2634],{"type":51,"value":2635}," window",{"type":45,"tag":193,"props":2637,"children":2638},{"style":200},[2639],{"type":51,"value":1634},{"type":45,"tag":193,"props":2641,"children":2642},{"style":1435},[2643],{"type":51,"value":2644},"removeEventListener",{"type":45,"tag":193,"props":2646,"children":2647},{"style":206},[2648],{"type":51,"value":1442},{"type":45,"tag":193,"props":2650,"children":2651},{"style":200},[2652],{"type":51,"value":1662},{"type":45,"tag":193,"props":2654,"children":2655},{"style":251},[2656],{"type":51,"value":2593},{"type":45,"tag":193,"props":2658,"children":2659},{"style":200},[2660],{"type":51,"value":1662},{"type":45,"tag":193,"props":2662,"children":2663},{"style":200},[2664],{"type":51,"value":961},{"type":45,"tag":193,"props":2666,"children":2667},{"style":578},[2668],{"type":51,"value":2240},{"type":45,"tag":193,"props":2670,"children":2671},{"style":206},[2672],{"type":51,"value":2028},{"type":45,"tag":193,"props":2674,"children":2675},{"style":200},[2676],{"type":51,"value":1847},{"type":45,"tag":193,"props":2678,"children":2679},{"class":195,"line":678},[2680,2685,2689,2694,2699],{"type":45,"tag":193,"props":2681,"children":2682},{"style":200},[2683],{"type":51,"value":2684},"  },",{"type":45,"tag":193,"props":2686,"children":2687},{"style":206},[2688],{"type":51,"value":1461},{"type":45,"tag":193,"props":2690,"children":2691},{"style":578},[2692],{"type":51,"value":2693},"go",{"type":45,"tag":193,"props":2695,"children":2696},{"style":206},[2697],{"type":51,"value":2698},"])",{"type":45,"tag":193,"props":2700,"children":2701},{"style":200},[2702],{"type":51,"value":1847},{"type":45,"tag":193,"props":2704,"children":2705},{"class":195,"line":747},[2706],{"type":45,"tag":193,"props":2707,"children":2708},{"emptyLinePlaceholder":1416},[2709],{"type":51,"value":1419},{"type":45,"tag":193,"props":2711,"children":2712},{"class":195,"line":763},[2713,2718],{"type":45,"tag":193,"props":2714,"children":2715},{"style":1309},[2716],{"type":51,"value":2717},"  return",{"type":45,"tag":193,"props":2719,"children":2720},{"style":206},[2721],{"type":51,"value":2722}," (\n",{"type":45,"tag":193,"props":2724,"children":2726},{"class":195,"line":2725},16,[2727],{"type":45,"tag":193,"props":2728,"children":2729},{"style":200},[2730],{"type":51,"value":2731},"    \u003C>\n",{"type":45,"tag":193,"props":2733,"children":2735},{"class":195,"line":2734},17,[2736,2741,2746,2750,2755,2760,2765,2769,2774,2778,2782,2787,2791,2796,2801,2806,2811,2816,2821,2825,2829,2833,2837,2842,2846,2850,2854,2858,2862,2866,2870],{"type":45,"tag":193,"props":2737,"children":2738},{"style":200},[2739],{"type":51,"value":2740},"      {",{"type":45,"tag":193,"props":2742,"children":2743},{"style":578},[2744],{"type":51,"value":2745},"cur ",{"type":45,"tag":193,"props":2747,"children":2748},{"style":200},[2749],{"type":51,"value":575},{"type":45,"tag":193,"props":2751,"children":2752},{"style":2020},[2753],{"type":51,"value":2754}," 0",{"type":45,"tag":193,"props":2756,"children":2757},{"style":200},[2758],{"type":51,"value":2759}," &&",{"type":45,"tag":193,"props":2761,"children":2762},{"style":200},[2763],{"type":51,"value":2764}," \u003C",{"type":45,"tag":193,"props":2766,"children":2767},{"style":206},[2768],{"type":51,"value":641},{"type":45,"tag":193,"props":2770,"children":2771},{"style":212},[2772],{"type":51,"value":2773}," className",{"type":45,"tag":193,"props":2775,"children":2776},{"style":200},[2777],{"type":51,"value":243},{"type":45,"tag":193,"props":2779,"children":2780},{"style":200},[2781],{"type":51,"value":248},{"type":45,"tag":193,"props":2783,"children":2784},{"style":251},[2785],{"type":51,"value":2786},"glyph-watermark",{"type":45,"tag":193,"props":2788,"children":2789},{"style":200},[2790],{"type":51,"value":248},{"type":45,"tag":193,"props":2792,"children":2793},{"style":200},[2794],{"type":51,"value":2795},">\u003C",{"type":45,"tag":193,"props":2797,"children":2798},{"style":933},[2799],{"type":51,"value":2800},"SentryGlyph",{"type":45,"tag":193,"props":2802,"children":2803},{"style":212},[2804],{"type":51,"value":2805}," size",{"type":45,"tag":193,"props":2807,"children":2808},{"style":200},[2809],{"type":51,"value":2810},"={",{"type":45,"tag":193,"props":2812,"children":2813},{"style":2020},[2814],{"type":51,"value":2815},"50",{"type":45,"tag":193,"props":2817,"children":2818},{"style":200},[2819],{"type":51,"value":2820},"} \u002F>\u003C",{"type":45,"tag":193,"props":2822,"children":2823},{"style":206},[2824],{"type":51,"value":193},{"type":45,"tag":193,"props":2826,"children":2827},{"style":212},[2828],{"type":51,"value":2773},{"type":45,"tag":193,"props":2830,"children":2831},{"style":200},[2832],{"type":51,"value":243},{"type":45,"tag":193,"props":2834,"children":2835},{"style":200},[2836],{"type":51,"value":248},{"type":45,"tag":193,"props":2838,"children":2839},{"style":251},[2840],{"type":51,"value":2841},"watermark-title",{"type":45,"tag":193,"props":2843,"children":2844},{"style":200},[2845],{"type":51,"value":248},{"type":45,"tag":193,"props":2847,"children":2848},{"style":200},[2849],{"type":51,"value":575},{"type":45,"tag":193,"props":2851,"children":2852},{"style":578},[2853],{"type":51,"value":581},{"type":45,"tag":193,"props":2855,"children":2856},{"style":200},[2857],{"type":51,"value":586},{"type":45,"tag":193,"props":2859,"children":2860},{"style":206},[2861],{"type":51,"value":193},{"type":45,"tag":193,"props":2863,"children":2864},{"style":200},[2865],{"type":51,"value":667},{"type":45,"tag":193,"props":2867,"children":2868},{"style":206},[2869],{"type":51,"value":641},{"type":45,"tag":193,"props":2871,"children":2872},{"style":200},[2873],{"type":51,"value":2874},">}\n",{"type":45,"tag":193,"props":2876,"children":2878},{"class":195,"line":2877},18,[2879,2884,2888,2892,2896,2900,2905,2909,2914,2919,2924,2928,2933,2938,2943,2947,2951,2956,2961,2965,2970,2975,2980,2984,2989,2994],{"type":45,"tag":193,"props":2880,"children":2881},{"style":200},[2882],{"type":51,"value":2883},"      \u003C",{"type":45,"tag":193,"props":2885,"children":2886},{"style":206},[2887],{"type":51,"value":641},{"type":45,"tag":193,"props":2889,"children":2890},{"style":212},[2891],{"type":51,"value":2773},{"type":45,"tag":193,"props":2893,"children":2894},{"style":200},[2895],{"type":51,"value":243},{"type":45,"tag":193,"props":2897,"children":2898},{"style":200},[2899],{"type":51,"value":248},{"type":45,"tag":193,"props":2901,"children":2902},{"style":251},[2903],{"type":51,"value":2904},"progress",{"type":45,"tag":193,"props":2906,"children":2907},{"style":200},[2908],{"type":51,"value":248},{"type":45,"tag":193,"props":2910,"children":2911},{"style":212},[2912],{"type":51,"value":2913}," style",{"type":45,"tag":193,"props":2915,"children":2916},{"style":200},[2917],{"type":51,"value":2918},"={{",{"type":45,"tag":193,"props":2920,"children":2921},{"style":206},[2922],{"type":51,"value":2923}," width",{"type":45,"tag":193,"props":2925,"children":2926},{"style":200},[2927],{"type":51,"value":821},{"type":45,"tag":193,"props":2929,"children":2930},{"style":200},[2931],{"type":51,"value":2932}," `${",{"type":45,"tag":193,"props":2934,"children":2935},{"style":578},[2936],{"type":51,"value":2937},"((cur ",{"type":45,"tag":193,"props":2939,"children":2940},{"style":200},[2941],{"type":51,"value":2942},"+",{"type":45,"tag":193,"props":2944,"children":2945},{"style":2020},[2946],{"type":51,"value":2159},{"type":45,"tag":193,"props":2948,"children":2949},{"style":578},[2950],{"type":51,"value":2323},{"type":45,"tag":193,"props":2952,"children":2953},{"style":200},[2954],{"type":51,"value":2955},"\u002F",{"type":45,"tag":193,"props":2957,"children":2958},{"style":578},[2959],{"type":51,"value":2960}," SLIDES",{"type":45,"tag":193,"props":2962,"children":2963},{"style":200},[2964],{"type":51,"value":1634},{"type":45,"tag":193,"props":2966,"children":2967},{"style":578},[2968],{"type":51,"value":2969},"length) ",{"type":45,"tag":193,"props":2971,"children":2972},{"style":200},[2973],{"type":51,"value":2974},"*",{"type":45,"tag":193,"props":2976,"children":2977},{"style":2020},[2978],{"type":51,"value":2979}," 100",{"type":45,"tag":193,"props":2981,"children":2982},{"style":200},[2983],{"type":51,"value":1488},{"type":45,"tag":193,"props":2985,"children":2986},{"style":251},[2987],{"type":51,"value":2988},"%",{"type":45,"tag":193,"props":2990,"children":2991},{"style":200},[2992],{"type":51,"value":2993},"`",{"type":45,"tag":193,"props":2995,"children":2996},{"style":200},[2997],{"type":51,"value":2998}," }} \u002F>\n",{"type":45,"tag":193,"props":3000,"children":3002},{"class":195,"line":3001},19,[3003,3007,3011,3015,3020,3024,3028,3033,3037,3042,3046,3050],{"type":45,"tag":193,"props":3004,"children":3005},{"style":200},[3006],{"type":51,"value":2740},{"type":45,"tag":193,"props":3008,"children":3009},{"style":578},[3010],{"type":51,"value":2140},{"type":45,"tag":193,"props":3012,"children":3013},{"style":200},[3014],{"type":51,"value":1634},{"type":45,"tag":193,"props":3016,"children":3017},{"style":1435},[3018],{"type":51,"value":3019},"map",{"type":45,"tag":193,"props":3021,"children":3022},{"style":578},[3023],{"type":51,"value":1442},{"type":45,"tag":193,"props":3025,"children":3026},{"style":200},[3027],{"type":51,"value":1442},{"type":45,"tag":193,"props":3029,"children":3030},{"style":2064},[3031],{"type":51,"value":3032},"S",{"type":45,"tag":193,"props":3034,"children":3035},{"style":200},[3036],{"type":51,"value":961},{"type":45,"tag":193,"props":3038,"children":3039},{"style":2064},[3040],{"type":51,"value":3041}," i",{"type":45,"tag":193,"props":3043,"children":3044},{"style":200},[3045],{"type":51,"value":2028},{"type":45,"tag":193,"props":3047,"children":3048},{"style":212},[3049],{"type":51,"value":1778},{"type":45,"tag":193,"props":3051,"children":3052},{"style":578},[3053],{"type":51,"value":2722},{"type":45,"tag":193,"props":3055,"children":3057},{"class":195,"line":3056},20,[3058,3063,3067,3072,3076,3081,3086,3091,3095,3099,3104,3109,3114,3119,3124,3129,3133,3138,3142,3147,3152],{"type":45,"tag":193,"props":3059,"children":3060},{"style":200},[3061],{"type":51,"value":3062},"        \u003C",{"type":45,"tag":193,"props":3064,"children":3065},{"style":206},[3066],{"type":51,"value":641},{"type":45,"tag":193,"props":3068,"children":3069},{"style":212},[3070],{"type":51,"value":3071}," key",{"type":45,"tag":193,"props":3073,"children":3074},{"style":200},[3075],{"type":51,"value":2810},{"type":45,"tag":193,"props":3077,"children":3078},{"style":578},[3079],{"type":51,"value":3080},"i",{"type":45,"tag":193,"props":3082,"children":3083},{"style":200},[3084],{"type":51,"value":3085},"} ",{"type":45,"tag":193,"props":3087,"children":3088},{"style":212},[3089],{"type":51,"value":3090},"className",{"type":45,"tag":193,"props":3092,"children":3093},{"style":200},[3094],{"type":51,"value":2810},{"type":45,"tag":193,"props":3096,"children":3097},{"style":200},[3098],{"type":51,"value":2993},{"type":45,"tag":193,"props":3100,"children":3101},{"style":251},[3102],{"type":51,"value":3103},"slide ",{"type":45,"tag":193,"props":3105,"children":3106},{"style":200},[3107],{"type":51,"value":3108},"${",{"type":45,"tag":193,"props":3110,"children":3111},{"style":578},[3112],{"type":51,"value":3113},"i ",{"type":45,"tag":193,"props":3115,"children":3116},{"style":200},[3117],{"type":51,"value":3118},"===",{"type":45,"tag":193,"props":3120,"children":3121},{"style":578},[3122],{"type":51,"value":3123}," cur ",{"type":45,"tag":193,"props":3125,"children":3126},{"style":200},[3127],{"type":51,"value":3128},"?",{"type":45,"tag":193,"props":3130,"children":3131},{"style":200},[3132],{"type":51,"value":1336},{"type":45,"tag":193,"props":3134,"children":3135},{"style":251},[3136],{"type":51,"value":3137},"active",{"type":45,"tag":193,"props":3139,"children":3140},{"style":200},[3141],{"type":51,"value":1662},{"type":45,"tag":193,"props":3143,"children":3144},{"style":200},[3145],{"type":51,"value":3146}," :",{"type":45,"tag":193,"props":3148,"children":3149},{"style":200},[3150],{"type":51,"value":3151}," ''}`",{"type":45,"tag":193,"props":3153,"children":3154},{"style":200},[3155],{"type":51,"value":3156},"}>\n",{"type":45,"tag":193,"props":3158,"children":3160},{"class":195,"line":3159},21,[3161,3166,3170,3174,3178,3182,3187,3191,3195,3199,3203,3207,3211,3216,3220,3224,3228],{"type":45,"tag":193,"props":3162,"children":3163},{"style":200},[3164],{"type":51,"value":3165},"          \u003C",{"type":45,"tag":193,"props":3167,"children":3168},{"style":206},[3169],{"type":51,"value":641},{"type":45,"tag":193,"props":3171,"children":3172},{"style":212},[3173],{"type":51,"value":2773},{"type":45,"tag":193,"props":3175,"children":3176},{"style":200},[3177],{"type":51,"value":2810},{"type":45,"tag":193,"props":3179,"children":3180},{"style":200},[3181],{"type":51,"value":2993},{"type":45,"tag":193,"props":3183,"children":3184},{"style":251},[3185],{"type":51,"value":3186},"slide-content",{"type":45,"tag":193,"props":3188,"children":3189},{"style":200},[3190],{"type":51,"value":3108},{"type":45,"tag":193,"props":3192,"children":3193},{"style":578},[3194],{"type":51,"value":3113},{"type":45,"tag":193,"props":3196,"children":3197},{"style":200},[3198],{"type":51,"value":3118},{"type":45,"tag":193,"props":3200,"children":3201},{"style":578},[3202],{"type":51,"value":3123},{"type":45,"tag":193,"props":3204,"children":3205},{"style":200},[3206],{"type":51,"value":3128},{"type":45,"tag":193,"props":3208,"children":3209},{"style":200},[3210],{"type":51,"value":1336},{"type":45,"tag":193,"props":3212,"children":3213},{"style":251},[3214],{"type":51,"value":3215}," anim",{"type":45,"tag":193,"props":3217,"children":3218},{"style":200},[3219],{"type":51,"value":1662},{"type":45,"tag":193,"props":3221,"children":3222},{"style":200},[3223],{"type":51,"value":3146},{"type":45,"tag":193,"props":3225,"children":3226},{"style":200},[3227],{"type":51,"value":3151},{"type":45,"tag":193,"props":3229,"children":3230},{"style":200},[3231],{"type":51,"value":3156},{"type":45,"tag":193,"props":3233,"children":3235},{"class":195,"line":3234},22,[3236,3241,3245],{"type":45,"tag":193,"props":3237,"children":3238},{"style":200},[3239],{"type":51,"value":3240},"            \u003C",{"type":45,"tag":193,"props":3242,"children":3243},{"style":933},[3244],{"type":51,"value":3032},{"type":45,"tag":193,"props":3246,"children":3247},{"style":200},[3248],{"type":51,"value":321},{"type":45,"tag":193,"props":3250,"children":3252},{"class":195,"line":3251},23,[3253,3258,3262],{"type":45,"tag":193,"props":3254,"children":3255},{"style":200},[3256],{"type":51,"value":3257},"          \u003C\u002F",{"type":45,"tag":193,"props":3259,"children":3260},{"style":206},[3261],{"type":51,"value":641},{"type":45,"tag":193,"props":3263,"children":3264},{"style":200},[3265],{"type":51,"value":220},{"type":45,"tag":193,"props":3267,"children":3269},{"class":195,"line":3268},24,[3270,3275,3279],{"type":45,"tag":193,"props":3271,"children":3272},{"style":200},[3273],{"type":51,"value":3274},"        \u003C\u002F",{"type":45,"tag":193,"props":3276,"children":3277},{"style":206},[3278],{"type":51,"value":641},{"type":45,"tag":193,"props":3280,"children":3281},{"style":200},[3282],{"type":51,"value":220},{"type":45,"tag":193,"props":3284,"children":3286},{"class":195,"line":3285},25,[3287,3292],{"type":45,"tag":193,"props":3288,"children":3289},{"style":578},[3290],{"type":51,"value":3291},"      ))",{"type":45,"tag":193,"props":3293,"children":3294},{"style":200},[3295],{"type":51,"value":1288},{"type":45,"tag":193,"props":3297,"children":3299},{"class":195,"line":3298},26,[3300,3304,3309,3314,3318,3322,3326,3331,3335,3339,3343,3347,3351,3355,3359,3363,3367,3372,3376,3380],{"type":45,"tag":193,"props":3301,"children":3302},{"style":200},[3303],{"type":51,"value":2883},{"type":45,"tag":193,"props":3305,"children":3306},{"style":933},[3307],{"type":51,"value":3308},"Nav",{"type":45,"tag":193,"props":3310,"children":3311},{"style":212},[3312],{"type":51,"value":3313}," cur",{"type":45,"tag":193,"props":3315,"children":3316},{"style":200},[3317],{"type":51,"value":2810},{"type":45,"tag":193,"props":3319,"children":3320},{"style":578},[3321],{"type":51,"value":1990},{"type":45,"tag":193,"props":3323,"children":3324},{"style":200},[3325],{"type":51,"value":3085},{"type":45,"tag":193,"props":3327,"children":3328},{"style":212},[3329],{"type":51,"value":3330},"total",{"type":45,"tag":193,"props":3332,"children":3333},{"style":200},[3334],{"type":51,"value":2810},{"type":45,"tag":193,"props":3336,"children":3337},{"style":578},[3338],{"type":51,"value":2140},{"type":45,"tag":193,"props":3340,"children":3341},{"style":200},[3342],{"type":51,"value":1634},{"type":45,"tag":193,"props":3344,"children":3345},{"style":578},[3346],{"type":51,"value":2149},{"type":45,"tag":193,"props":3348,"children":3349},{"style":200},[3350],{"type":51,"value":3085},{"type":45,"tag":193,"props":3352,"children":3353},{"style":212},[3354],{"type":51,"value":2693},{"type":45,"tag":193,"props":3356,"children":3357},{"style":200},[3358],{"type":51,"value":2810},{"type":45,"tag":193,"props":3360,"children":3361},{"style":578},[3362],{"type":51,"value":2693},{"type":45,"tag":193,"props":3364,"children":3365},{"style":200},[3366],{"type":51,"value":3085},{"type":45,"tag":193,"props":3368,"children":3369},{"style":212},[3370],{"type":51,"value":3371},"setCur",{"type":45,"tag":193,"props":3373,"children":3374},{"style":200},[3375],{"type":51,"value":2810},{"type":45,"tag":193,"props":3377,"children":3378},{"style":578},[3379],{"type":51,"value":3371},{"type":45,"tag":193,"props":3381,"children":3382},{"style":200},[3383],{"type":51,"value":3384},"} \u002F>\n",{"type":45,"tag":193,"props":3386,"children":3388},{"class":195,"line":3387},27,[3389],{"type":45,"tag":193,"props":3390,"children":3391},{"style":200},[3392],{"type":51,"value":3393},"    \u003C\u002F>\n",{"type":45,"tag":193,"props":3395,"children":3397},{"class":195,"line":3396},28,[3398,3403],{"type":45,"tag":193,"props":3399,"children":3400},{"style":206},[3401],{"type":51,"value":3402},"  )",{"type":45,"tag":193,"props":3404,"children":3405},{"style":200},[3406],{"type":51,"value":1847},{"type":45,"tag":193,"props":3408,"children":3410},{"class":195,"line":3409},29,[3411],{"type":45,"tag":193,"props":3412,"children":3413},{"style":200},[3414],{"type":51,"value":1288},{"type":45,"tag":60,"props":3416,"children":3418},{"id":3417},"step-4-create-charts-only-when-data-exists",[3419],{"type":51,"value":3420},"Step 4: Create Charts (Only When Data Exists)",{"type":45,"tag":54,"props":3422,"children":3423},{},[3424,3429],{"type":45,"tag":109,"props":3425,"children":3426},{},[3427],{"type":51,"value":3428},"IMPORTANT: Only create charts for slides backed by real, concrete data from the source content.",{"type":51,"value":3430}," If a slide's content is qualitative (strategies, learnings, process descriptions, opinions), use text-based layouts instead (cards, tables, bullet lists, columns). Never invent numbers, fabricate percentages, or generate synthetic data to populate a chart. If you are unsure whether data is real or inferred, do NOT create a chart.",{"type":45,"tag":54,"props":3432,"children":3433},{},[3434,3436,3441],{"type":51,"value":3435},"If NO slides require charts, skip this step entirely — do not create ",{"type":45,"tag":146,"props":3437,"children":3439},{"className":3438},[],[3440],{"type":51,"value":151},{"type":51,"value":3442}," or import Recharts.",{"type":45,"tag":54,"props":3444,"children":3445},{},[3446,3448,3454],{"type":51,"value":3447},"When real data IS available, read ",{"type":45,"tag":146,"props":3449,"children":3451},{"className":3450},[],[3452],{"type":51,"value":3453},"references\u002Fchart-patterns.md",{"type":51,"value":3455}," for Recharts component patterns including axis configuration, color constants, chart types, and data generation techniques.",{"type":45,"tag":54,"props":3457,"children":3458},{},[3459,3461,3466],{"type":51,"value":3460},"Put all chart components in ",{"type":45,"tag":146,"props":3462,"children":3464},{"className":3463},[],[3465],{"type":51,"value":151},{"type":51,"value":3467},". Key patterns:",{"type":45,"tag":117,"props":3469,"children":3470},{},[3471,3484,3497,3509,3549,3584],{"type":45,"tag":76,"props":3472,"children":3473},{},[3474,3476,3482],{"type":51,"value":3475},"Use ",{"type":45,"tag":146,"props":3477,"children":3479},{"className":3478},[],[3480],{"type":51,"value":3481},"ResponsiveContainer",{"type":51,"value":3483}," with explicit height",{"type":45,"tag":76,"props":3485,"children":3486},{},[3487,3489,3495],{"type":51,"value":3488},"Wrap in ",{"type":45,"tag":146,"props":3490,"children":3492},{"className":3491},[],[3493],{"type":51,"value":3494},".chart-wrap",{"type":51,"value":3496}," div with max-width 920px",{"type":45,"tag":76,"props":3498,"children":3499},{},[3500,3501,3507],{"type":51,"value":3475},{"type":45,"tag":146,"props":3502,"children":3504},{"className":3503},[],[3505],{"type":51,"value":3506},"useMemo",{"type":51,"value":3508}," for data generation",{"type":45,"tag":76,"props":3510,"children":3511},{},[3512,3517,3519,3525,3527,3533,3534,3540,3541,3547],{"type":45,"tag":109,"props":3513,"children":3514},{},[3515],{"type":51,"value":3516},"Color rule",{"type":51,"value":3518},": Use the Tableau-inspired categorical palette (",{"type":45,"tag":146,"props":3520,"children":3522},{"className":3521},[],[3523],{"type":51,"value":3524},"CAT[]",{"type":51,"value":3526},") for distinguishing data series and groups. Only use semantic colors (",{"type":45,"tag":146,"props":3528,"children":3530},{"className":3529},[],[3531],{"type":51,"value":3532},"SEM_GREEN",{"type":51,"value":1899},{"type":45,"tag":146,"props":3535,"children":3537},{"className":3536},[],[3538],{"type":51,"value":3539},"SEM_RED",{"type":51,"value":1899},{"type":45,"tag":146,"props":3542,"children":3544},{"className":3543},[],[3545],{"type":51,"value":3546},"SEM_AMBER",{"type":51,"value":3548},") when the color itself carries meaning (good\u002Fbad, success\u002Ffailure, warning).",{"type":45,"tag":76,"props":3550,"children":3551},{},[3552,3554,3560,3562,3568,3569,3575,3576,3582],{"type":51,"value":3553},"Common charts: ",{"type":45,"tag":146,"props":3555,"children":3557},{"className":3556},[],[3558],{"type":51,"value":3559},"ComposedChart",{"type":51,"value":3561}," with stacked ",{"type":45,"tag":146,"props":3563,"children":3565},{"className":3564},[],[3566],{"type":51,"value":3567},"Area",{"type":51,"value":2955},{"type":45,"tag":146,"props":3570,"children":3572},{"className":3571},[],[3573],{"type":51,"value":3574},"Line",{"type":51,"value":1899},{"type":45,"tag":146,"props":3577,"children":3579},{"className":3578},[],[3580],{"type":51,"value":3581},"BarChart",{"type":51,"value":3583},", custom SVG diagrams",{"type":45,"tag":76,"props":3585,"children":3586},{},[3587,3592],{"type":45,"tag":109,"props":3588,"children":3589},{},[3590],{"type":51,"value":3591},"Every data point in a chart must come from the source content.",{"type":51,"value":3593}," Do not interpolate, extrapolate, or round numbers to make charts look better.",{"type":45,"tag":60,"props":3595,"children":3597},{"id":3596},"step-5-style-with-sentry-design-system",[3598],{"type":51,"value":3599},"Step 5: Style with Sentry Design System",{"type":45,"tag":54,"props":3601,"children":3602},{},[3603],{"type":51,"value":3604},"Apply the complete CSS from the design system reference. Key elements:",{"type":45,"tag":117,"props":3606,"children":3607},{},[3608,3618,3679,3689,3707,3739,3777],{"type":45,"tag":76,"props":3609,"children":3610},{},[3611,3616],{"type":45,"tag":109,"props":3612,"children":3613},{},[3614],{"type":51,"value":3615},"Font",{"type":51,"value":3617},": Rubik from Google Fonts",{"type":45,"tag":76,"props":3619,"children":3620},{},[3621,3626,3628,3634,3635,3641,3642,3648,3650,3656,3657,3663,3664,3670,3672,3677],{"type":45,"tag":109,"props":3622,"children":3623},{},[3624],{"type":51,"value":3625},"Colors",{"type":51,"value":3627},": CSS variables for UI chrome (",{"type":45,"tag":146,"props":3629,"children":3631},{"className":3630},[],[3632],{"type":51,"value":3633},"--purple",{"type":51,"value":1899},{"type":45,"tag":146,"props":3636,"children":3638},{"className":3637},[],[3639],{"type":51,"value":3640},"--dark",{"type":51,"value":1899},{"type":45,"tag":146,"props":3643,"children":3645},{"className":3644},[],[3646],{"type":51,"value":3647},"--muted",{"type":51,"value":3649},"). Semantic CSS variables (",{"type":45,"tag":146,"props":3651,"children":3653},{"className":3652},[],[3654],{"type":51,"value":3655},"--semantic-green",{"type":51,"value":1899},{"type":45,"tag":146,"props":3658,"children":3660},{"className":3659},[],[3661],{"type":51,"value":3662},"--semantic-red",{"type":51,"value":1899},{"type":45,"tag":146,"props":3665,"children":3667},{"className":3666},[],[3668],{"type":51,"value":3669},"--semantic-amber",{"type":51,"value":3671},") only where color conveys meaning. Categorical palette (",{"type":45,"tag":146,"props":3673,"children":3675},{"className":3674},[],[3676],{"type":51,"value":3524},{"type":51,"value":3678},") for all other data visualization.",{"type":45,"tag":76,"props":3680,"children":3681},{},[3682,3687],{"type":45,"tag":109,"props":3683,"children":3684},{},[3685],{"type":51,"value":3686},"Slides",{"type":51,"value":3688},": Absolute positioned, opacity transitions",{"type":45,"tag":76,"props":3690,"children":3691},{},[3692,3697,3699,3705],{"type":45,"tag":109,"props":3693,"children":3694},{},[3695],{"type":51,"value":3696},"Animations",{"type":51,"value":3698},": ",{"type":45,"tag":146,"props":3700,"children":3702},{"className":3701},[],[3703],{"type":51,"value":3704},"fadeUp",{"type":51,"value":3706}," keyframe with staggered delays",{"type":45,"tag":76,"props":3708,"children":3709},{},[3710,3715,3716,3722,3724,3730,3732,3737],{"type":45,"tag":109,"props":3711,"children":3712},{},[3713],{"type":51,"value":3714},"Layout",{"type":51,"value":3698},{"type":45,"tag":146,"props":3717,"children":3719},{"className":3718},[],[3720],{"type":51,"value":3721},".cols",{"type":51,"value":3723}," flex rows, ",{"type":45,"tag":146,"props":3725,"children":3727},{"className":3726},[],[3728],{"type":51,"value":3729},".cards",{"type":51,"value":3731}," grid, ",{"type":45,"tag":146,"props":3733,"children":3735},{"className":3734},[],[3736],{"type":51,"value":3494},{"type":51,"value":3738}," containers",{"type":45,"tag":76,"props":3740,"children":3741},{},[3742,3747,3748,3754,3755,3761,3762,3768,3769,3775],{"type":45,"tag":109,"props":3743,"children":3744},{},[3745],{"type":51,"value":3746},"Tags",{"type":51,"value":3698},{"type":45,"tag":146,"props":3749,"children":3751},{"className":3750},[],[3752],{"type":51,"value":3753},".tag-purple",{"type":51,"value":1899},{"type":45,"tag":146,"props":3756,"children":3758},{"className":3757},[],[3759],{"type":51,"value":3760},".tag-red",{"type":51,"value":1899},{"type":45,"tag":146,"props":3763,"children":3765},{"className":3764},[],[3766],{"type":51,"value":3767},".tag-green",{"type":51,"value":1899},{"type":45,"tag":146,"props":3770,"children":3772},{"className":3771},[],[3773],{"type":51,"value":3774},".tag-amber",{"type":51,"value":3776}," for slide labels",{"type":45,"tag":76,"props":3778,"children":3779},{},[3780,3785,3787,3793,3795,3801],{"type":45,"tag":109,"props":3781,"children":3782},{},[3783],{"type":51,"value":3784},"Logo",{"type":51,"value":3786},": Read the official SVG from ",{"type":45,"tag":146,"props":3788,"children":3790},{"className":3789},[],[3791],{"type":51,"value":3792},"references\u002Fsentry-logo.svg",{"type":51,"value":3794}," (full wordmark) or ",{"type":45,"tag":146,"props":3796,"children":3798},{"className":3797},[],[3799],{"type":51,"value":3800},"references\u002Fsentry-glyph.svg",{"type":51,"value":3802}," (glyph only). Do NOT hardcode an approximation — always use the exact SVG paths from these files.",{"type":45,"tag":60,"props":3804,"children":3806},{"id":3805},"step-6-common-slide-patterns",[3807],{"type":51,"value":3808},"Step 6: Common Slide Patterns",{"type":45,"tag":97,"props":3810,"children":3812},{"id":3811},"title-slide",[3813],{"type":51,"value":3814},"Title Slide",{"type":45,"tag":54,"props":3816,"children":3817},{},[3818,3820,3825,3827,3832],{"type":51,"value":3819},"Logo (from ",{"type":45,"tag":146,"props":3821,"children":3823},{"className":3822},[],[3824],{"type":51,"value":3792},{"type":51,"value":3826}," or ",{"type":45,"tag":146,"props":3828,"children":3830},{"className":3829},[],[3831],{"type":51,"value":3800},{"type":51,"value":3833},") + h1 + subtitle + author\u002Fdate info.",{"type":45,"tag":97,"props":3835,"children":3837},{"id":3836},"problemcontext-slide",[3838],{"type":51,"value":3839},"Problem\u002FContext Slide",{"type":45,"tag":54,"props":3841,"children":3842},{},[3843],{"type":51,"value":3844},"Tag + heading + 2-column card grid with icon headers.",{"type":45,"tag":97,"props":3846,"children":3848},{"id":3847},"data-comparison-slide",[3849],{"type":51,"value":3850},"Data Comparison Slide",{"type":45,"tag":54,"props":3852,"children":3853},{},[3854],{"type":51,"value":3855},"Tag + heading + side-by-side charts or before\u002Fafter comparison table.",{"type":45,"tag":97,"props":3857,"children":3859},{"id":3858},"technical-deep-dive-slide",[3860],{"type":51,"value":3861},"Technical Deep-Dive Slide",{"type":45,"tag":54,"props":3863,"children":3864},{},[3865],{"type":51,"value":3866},"Tag + heading + full-width chart + annotation bullets below.",{"type":45,"tag":97,"props":3868,"children":3870},{"id":3869},"summarydecision-slide",[3871],{"type":51,"value":3872},"Summary\u002FDecision Slide",{"type":45,"tag":54,"props":3874,"children":3875},{},[3876],{"type":51,"value":3877},"Tag + heading + 3-column layout with category headers and bullet lists.",{"type":45,"tag":60,"props":3879,"children":3881},{"id":3880},"step-7-iterate-and-refine",[3882],{"type":51,"value":3883},"Step 7: Iterate and Refine",{"type":45,"tag":54,"props":3885,"children":3886},{},[3887],{"type":51,"value":3888},"After initial scaffolding:",{"type":45,"tag":72,"props":3890,"children":3891},{},[3892,3905,3910,3915],{"type":45,"tag":76,"props":3893,"children":3894},{},[3895,3897,3903],{"type":51,"value":3896},"Run ",{"type":45,"tag":146,"props":3898,"children":3900},{"className":3899},[],[3901],{"type":51,"value":3902},"npm install && npm run dev",{"type":51,"value":3904}," to start the dev server",{"type":45,"tag":76,"props":3906,"children":3907},{},[3908],{"type":51,"value":3909},"Iterate on chart data models and visual design",{"type":45,"tag":76,"props":3911,"children":3912},{},[3913],{"type":51,"value":3914},"Adjust animations, colors, and layout spacing",{"type":45,"tag":76,"props":3916,"children":3917},{},[3918,3920,3926,3928],{"type":51,"value":3919},"Build final output: ",{"type":45,"tag":146,"props":3921,"children":3923},{"className":3922},[],[3924],{"type":51,"value":3925},"npm run build",{"type":51,"value":3927}," produces a single HTML file in ",{"type":45,"tag":146,"props":3929,"children":3931},{"className":3930},[],[3932],{"type":51,"value":3933},"dist\u002F",{"type":45,"tag":60,"props":3935,"children":3937},{"id":3936},"output-expectations",[3938],{"type":51,"value":3939},"Output Expectations",{"type":45,"tag":54,"props":3941,"children":3942},{},[3943],{"type":51,"value":3944},"A working React + Vite project that:",{"type":45,"tag":117,"props":3946,"children":3947},{},[3948,3953,3958,3970,3982,3987],{"type":45,"tag":76,"props":3949,"children":3950},{},[3951],{"type":51,"value":3952},"Renders as a keyboard-navigable slide deck",{"type":45,"tag":76,"props":3954,"children":3955},{},[3956],{"type":51,"value":3957},"Uses Sentry branding (colors, fonts, icons)",{"type":45,"tag":76,"props":3959,"children":3960},{},[3961,3963,3968],{"type":51,"value":3962},"Contains Recharts visualizations ",{"type":45,"tag":109,"props":3964,"children":3965},{},[3966],{"type":51,"value":3967},"only for slides with real quantitative data",{"type":51,"value":3969}," from the source content — no fabricated data",{"type":45,"tag":76,"props":3971,"children":3972},{},[3973,3975,3980],{"type":51,"value":3974},"Omits ",{"type":45,"tag":146,"props":3976,"children":3978},{"className":3977},[],[3979],{"type":51,"value":151},{"type":51,"value":3981}," and the Recharts dependency entirely if no slides have real data",{"type":45,"tag":76,"props":3983,"children":3984},{},[3985],{"type":51,"value":3986},"Builds to a single distributable HTML file",{"type":45,"tag":76,"props":3988,"children":3989},{},[3990],{"type":51,"value":3991},"Has smooth fade-in animations on slide transitions",{"type":45,"tag":3993,"props":3994,"children":3995},"style",{},[3996],{"type":51,"value":3997},"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":3999,"total":3396},[4000,4013,4027,4044,4060,4074,4084],{"slug":4001,"name":4001,"fn":4002,"description":4003,"org":4004,"tags":4005,"stars":27,"repoUrl":28,"updatedAt":4012},"agents-md","maintain project instruction files","Creates and maintains concise AGENTS.md and CLAUDE.md project instruction files. Use when asked to create AGENTS.md, update AGENTS.md, maintain agent docs, set up CLAUDE.md, document repository agent conventions, or keep coding-agent instructions minimal and reference-backed.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[4006,4009],{"name":4007,"slug":4008,"type":16},"Documentation","documentation",{"name":4010,"slug":4011,"type":16},"Engineering","engineering","2026-05-15T06:16:29.695991",{"slug":4014,"name":4014,"fn":4015,"description":4016,"org":4017,"tags":4018,"stars":27,"repoUrl":28,"updatedAt":4026},"blog-writing-guide","write and review engineering blog posts","Write, review, and improve blog posts for the Sentry engineering blog following Sentry's specific writing standards, voice, and quality bar. Use this skill whenever someone asks to write a blog post, draft a technical article, review blog content, improve a draft, write a product announcement, create an engineering deep-dive, or produce any written content destined for the Sentry blog or developer audience. Also trigger when the user mentions \"blog post,\" \"blog draft,\" \"write-up,\" \"announcement post,\" \"engineering post,\" \"deep dive,\" \"postmortem,\" or asks for help with technical writing for Sentry. Even if the user just says \"help me write about [feature\u002Ftopic]\" — if it sounds like it could become a Sentry blog post, use this skill.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[4019,4022,4023],{"name":4020,"slug":4021,"type":16},"Communications","communications",{"name":9,"slug":8,"type":16},{"name":4024,"slug":4025,"type":16},"Technical Writing","technical-writing","2026-05-15T06:16:33.38217",{"slug":4028,"name":4028,"fn":4029,"description":4030,"org":4031,"tags":4032,"stars":27,"repoUrl":28,"updatedAt":4043},"brand-guidelines","write copy following Sentry brand guidelines","Write copy following Sentry brand guidelines. Use when writing UI text, error messages, empty states, onboarding flows, 404 pages, documentation, marketing copy, or any user-facing content. Covers both Plain Speech (default) and Sentry Voice tones.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[4033,4036,4039,4040],{"name":4034,"slug":4035,"type":16},"Branding","branding",{"name":4037,"slug":4038,"type":16},"Content Creation","content-creation",{"name":9,"slug":8,"type":16},{"name":4041,"slug":4042,"type":16},"UX Copy","ux-copy","2026-05-15T06:16:22.395707",{"slug":4045,"name":4045,"fn":4046,"description":4047,"org":4048,"tags":4049,"stars":27,"repoUrl":28,"updatedAt":4059},"claude-settings-audit","generate Claude Code settings permissions","Analyze a repository to generate recommended Claude Code settings.json permissions. Use when setting up a new project, auditing existing settings, or determining which read-only bash commands to allow. Detects tech stack, build tools, and monorepo structure.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[4050,4053,4056],{"name":4051,"slug":4052,"type":16},"Claude Code","claude-code",{"name":4054,"slug":4055,"type":16},"Configuration","configuration",{"name":4057,"slug":4058,"type":16},"Security","security","2026-05-15T06:16:44.335977",{"slug":4061,"name":4061,"fn":4062,"description":4063,"org":4064,"tags":4065,"stars":27,"repoUrl":28,"updatedAt":4073},"code-review","perform code reviews for Sentry projects","Perform code reviews following Sentry engineering practices. Use when reviewing pull requests, examining code changes, or providing feedback on code quality. Covers security, performance, testing, and design review.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[4066,4068,4069,4072],{"name":4067,"slug":4061,"type":16},"Code Review",{"name":4010,"slug":4011,"type":16},{"name":4070,"slug":4071,"type":16},"Performance","performance",{"name":4057,"slug":4058,"type":16},"2026-05-15T06:16:35.824864",{"slug":4075,"name":4075,"fn":4076,"description":4077,"org":4078,"tags":4079,"stars":27,"repoUrl":28,"updatedAt":4083},"code-simplifier","simplify and refine source code","Simplifies and refines code for clarity, consistency, and maintainability while preserving all functionality. Use when asked to \"simplify code\", \"clean up code\", \"refactor for clarity\", \"improve readability\", or review recently modified code for elegance. Focuses on project-specific best practices.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[4080],{"name":4081,"slug":4082,"type":16},"Code Analysis","code-analysis","2026-05-15T06:16:32.127981",{"slug":4085,"name":4085,"fn":4086,"description":4087,"org":4088,"tags":4089,"stars":27,"repoUrl":28,"updatedAt":4094},"commit","create commits with Sentry conventions","Use for every request to commit changes or draft a commit message. Creates Sentry-style conventional commits with issue references.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[4090,4093],{"name":4091,"slug":4092,"type":16},"Git","git",{"name":9,"slug":8,"type":16},"2026-07-18T05:15:10.723937",{"items":4096,"total":4217},[4097,4122,4136,4141,4147,4154,4160,4167,4171,4176,4186,4204],{"slug":4098,"name":4098,"fn":4099,"description":4100,"org":4101,"tags":4102,"stars":4119,"repoUrl":4120,"updatedAt":4121},"xcodebuildmcp","build and test Apple apps with XcodeBuildMCP","Official skill for XcodeBuildMCP. Use when doing iOS\u002FmacOS\u002FwatchOS\u002FtvOS\u002FvisionOS work (build, test, run, debug, log, UI automation).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[4103,4106,4109,4112,4113,4116],{"name":4104,"slug":4105,"type":16},"Debugging","debugging",{"name":4107,"slug":4108,"type":16},"iOS","ios",{"name":4110,"slug":4111,"type":16},"macOS","macos",{"name":9,"slug":8,"type":16},{"name":4114,"slug":4115,"type":16},"Testing","testing",{"name":4117,"slug":4118,"type":16},"Xcode","xcode",6176,"https:\u002F\u002Fgithub.com\u002Fgetsentry\u002FXcodeBuildMCP","2026-04-06T18:13:34.8719",{"slug":4123,"name":4123,"fn":4124,"description":4125,"org":4126,"tags":4127,"stars":4119,"repoUrl":4120,"updatedAt":4135},"xcodebuildmcp-cli","build and test Apple apps via CLI","Official skill for the XcodeBuildMCP CLI. Use when doing iOS\u002FmacOS\u002FwatchOS\u002FtvOS\u002FvisionOS work (build, test, run, debug, log, UI automation).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[4128,4131,4132,4133,4134],{"name":4129,"slug":4130,"type":16},"CLI","cli",{"name":4107,"slug":4108,"type":16},{"name":4110,"slug":4111,"type":16},{"name":4114,"slug":4115,"type":16},{"name":4117,"slug":4118,"type":16},"2026-04-06T18:13:36.13414",{"slug":4001,"name":4001,"fn":4002,"description":4003,"org":4137,"tags":4138,"stars":27,"repoUrl":28,"updatedAt":4012},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[4139,4140],{"name":4007,"slug":4008,"type":16},{"name":4010,"slug":4011,"type":16},{"slug":4014,"name":4014,"fn":4015,"description":4016,"org":4142,"tags":4143,"stars":27,"repoUrl":28,"updatedAt":4026},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[4144,4145,4146],{"name":4020,"slug":4021,"type":16},{"name":9,"slug":8,"type":16},{"name":4024,"slug":4025,"type":16},{"slug":4028,"name":4028,"fn":4029,"description":4030,"org":4148,"tags":4149,"stars":27,"repoUrl":28,"updatedAt":4043},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[4150,4151,4152,4153],{"name":4034,"slug":4035,"type":16},{"name":4037,"slug":4038,"type":16},{"name":9,"slug":8,"type":16},{"name":4041,"slug":4042,"type":16},{"slug":4045,"name":4045,"fn":4046,"description":4047,"org":4155,"tags":4156,"stars":27,"repoUrl":28,"updatedAt":4059},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[4157,4158,4159],{"name":4051,"slug":4052,"type":16},{"name":4054,"slug":4055,"type":16},{"name":4057,"slug":4058,"type":16},{"slug":4061,"name":4061,"fn":4062,"description":4063,"org":4161,"tags":4162,"stars":27,"repoUrl":28,"updatedAt":4073},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[4163,4164,4165,4166],{"name":4067,"slug":4061,"type":16},{"name":4010,"slug":4011,"type":16},{"name":4070,"slug":4071,"type":16},{"name":4057,"slug":4058,"type":16},{"slug":4075,"name":4075,"fn":4076,"description":4077,"org":4168,"tags":4169,"stars":27,"repoUrl":28,"updatedAt":4083},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[4170],{"name":4081,"slug":4082,"type":16},{"slug":4085,"name":4085,"fn":4086,"description":4087,"org":4172,"tags":4173,"stars":27,"repoUrl":28,"updatedAt":4094},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[4174,4175],{"name":4091,"slug":4092,"type":16},{"name":9,"slug":8,"type":16},{"slug":4177,"name":4177,"fn":4178,"description":4179,"org":4180,"tags":4181,"stars":27,"repoUrl":28,"updatedAt":4185},"create-branch","create git branches for Sentry workflows","Create a git branch following Sentry naming conventions. Use when asked to \"create a branch\", \"new branch\", \"start a branch\", \"make a branch\", \"switch to a new branch\", or when starting new work on the default branch.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[4182,4183,4184],{"name":4010,"slug":4011,"type":16},{"name":4091,"slug":4092,"type":16},{"name":9,"slug":8,"type":16},"2026-05-15T06:16:39.458431",{"slug":4187,"name":4187,"fn":4188,"description":4189,"org":4190,"tags":4191,"stars":27,"repoUrl":28,"updatedAt":4203},"django-access-review","review Django access control and IDOR","Django access control and IDOR security review. Use when reviewing Django views, DRF viewsets, ORM queries, or any Python\u002FDjango code handling user authorization. Trigger keywords: \"IDOR\", \"access control\", \"authorization\", \"Django permissions\", \"object permissions\", \"tenant isolation\", \"broken access\".",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[4192,4195,4196,4199,4202],{"name":4193,"slug":4194,"type":16},"Access Control","access-control",{"name":4081,"slug":4082,"type":16},{"name":4197,"slug":4198,"type":16},"Django","django",{"name":4200,"slug":4201,"type":16},"Python","python",{"name":4057,"slug":4058,"type":16},"2026-05-15T06:16:43.098698",{"slug":4205,"name":4205,"fn":4206,"description":4207,"org":4208,"tags":4209,"stars":27,"repoUrl":28,"updatedAt":4216},"django-perf-review","review and optimize Django performance","Django performance code review. Use when asked to \"review Django performance\", \"find N+1 queries\", \"optimize Django\", \"check queryset performance\", \"database performance\", \"Django ORM issues\", or audit Django code for performance problems.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[4210,4211,4214,4215],{"name":4067,"slug":4061,"type":16},{"name":4212,"slug":4213,"type":16},"Database","database",{"name":4197,"slug":4198,"type":16},{"name":4070,"slug":4071,"type":16},"2026-05-15T06:16:24.832813",88]