[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-jetbrains-skillshare-ui-website-style":3,"mdc--d2xuae-key":33,"related-org-jetbrains-skillshare-ui-website-style":4322,"related-repo-jetbrains-skillshare-ui-website-style":4455},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":22,"repoUrl":23,"updatedAt":24,"license":25,"forks":26,"topics":27,"repo":28,"sourceUrl":31,"mdContent":32},"skillshare-ui-website-style","build and style Skillshare dashboard components","Skillshare frontend design system for the React dashboard (ui\u002F) and Docusaurus website (website\u002F). Use this skill whenever you: build or modify a dashboard page or component in ui\u002Fsrc\u002F, style or layout website pages or custom CSS in website\u002F, create new React components for the dashboard, add pages to the dashboard, fix visual bugs in either frontend, or need to know which design tokens, components, or patterns to use. This skill covers color tokens, typography, component API, page structure, accessibility, keyboard shortcuts, animations, and anti-patterns for both frontends. Even if the user just says \"fix the styling\" or \"add a card\", use this skill to ensure consistency.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},"jetbrains","JetBrains","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fjetbrains.png",[12,16,19],{"name":13,"slug":14,"type":15},"React","react","tag",{"name":17,"slug":18,"type":15},"Design System","design-system",{"name":20,"slug":21,"type":15},"Frontend","frontend",252,"https:\u002F\u002Fgithub.com\u002FJetBrains\u002Fskills","2026-07-13T06:42:24.299957",null,17,[],{"repoUrl":23,"stars":22,"forks":26,"topics":29,"description":30},[],"Curated agent skills collection verified by JetBrains","https:\u002F\u002Fgithub.com\u002FJetBrains\u002Fskills\u002Ftree\u002FHEAD\u002Fui-website-style","---\nname: skillshare-ui-website-style\ndescription: >-\n Skillshare frontend design system for the React dashboard (ui\u002F) and Docusaurus\n website (website\u002F). Use this skill whenever you: build or modify a dashboard page\n or component in ui\u002Fsrc\u002F, style or layout website pages or custom CSS in website\u002F,\n create new React components for the dashboard, add pages to the dashboard, fix\n visual bugs in either frontend, or need to know which design tokens, components,\n or patterns to use. This skill covers color tokens, typography, component API,\n page structure, accessibility, keyboard shortcuts, animations, and anti-patterns\n for both frontends. Even if the user just says \"fix the styling\" or \"add a card\",\n use this skill to ensure consistency.\ntargets: [claude, codex, cursor]\nmetadata:\n short-description: \"Apply the skillshare frontend design system\"\n author: Runkids\n source: https:\u002F\u002Fgithub.com\u002Frunkids\u002Fskillshare\u002Ftree\u002Fmain\u002F.skillshare\u002Fskills\u002Fui-website-style\n---\n\nEnforce the skillshare design system across the two frontends. $ARGUMENTS is the file or area being worked on.\n\n**Companion skill**: For UX design decisions beyond token\u002Fcomponent usage — layout strategy, information hierarchy, interaction patterns, micro-copy, or when designing a new page from scratch — also invoke `\u002Fui-ux-pro-max` for higher-level design guidance. This skill handles *what components and tokens to use*; `\u002Fui-ux-pro-max` handles *how to design the experience*.\n\nThe project has **two distinct design systems** sharing semantic color names but with different visual treatments:\n\n| Aspect | UI Dashboard (`ui\u002F`) | Website (`website\u002F`) |\n|--------|---------------------|----------------------|\n| Stack | React 19 + Vite + Tailwind CSS v4 | Docusaurus 3 + custom CSS |\n| Font body | DM Sans | IBM Plex Sans |\n| Font heading | DM Sans | Inter |\n| Font mono | SFMono-Regular, Menlo | JetBrains Mono |\n| Border-radius | Clean: `4px`\u002F`8px`\u002F`12px`\u002Fpill | Wobbly: `255px 15px 225px 15px \u002F ...` |\n| Shadows | Subtle blur: `0 1px 3px rgba(...)` | Hard offset: `4px 4px 0px 0px #2d2d2d` |\n| Background | Flat `#f7f6f3` | Dot grid on `#fdfbf7` |\n| Philosophy | skillshare-inspired minimal | Hand-drawn sketchy organic |\n\n---\n\n## UI Dashboard (`ui\u002F`)\n\nReference implementation: `ui\u002Fsrc\u002Fpages\u002FLogPage.tsx`\n\n> For the full human-readable style guide (design philosophy, visual rules, anti-patterns), see `references\u002FSTYLE_GUIDE.md` bundled with this skill.\n\n### Design Tokens\n\nDefined in `ui\u002Fsrc\u002Findex.css` (@theme) and `ui\u002Fsrc\u002Fdesign.ts`:\n\n```ts\n\u002F\u002F ui\u002Fsrc\u002Fdesign.ts\nimport { radius, shadows, palette } from '..\u002Fdesign';\n\nradius.sm \u002F\u002F '4px' — badges, chips\nradius.md \u002F\u002F '8px' — cards, containers\nradius.lg \u002F\u002F '12px' — modals, panels\nradius.btn \u002F\u002F '9999px' — pill buttons (skillshare style)\nradius.full \u002F\u002F '9999px' — avatars\n\nshadows.sm \u002F .md \u002F .lg \u002F .hover \u002F .active \u002F .accent \u002F .blue\npalette.accent \u002F .info \u002F .success \u002F .warning \u002F .danger\n```\n\n### Color Tokens (Tailwind classes)\n\n| Role | Class | When |\n|------|-------|------|\n| Primary text | `text-pencil` | Titles, names, values |\n| Secondary | `text-pencil-light` | Descriptions, timestamps, labels |\n| Tertiary | `text-muted-dark` | Hints, placeholders |\n| Success | `text-success` | Passed, synced, clean |\n| Warning | `text-warning` | Dirty, behind, partial |\n| Danger | `text-danger` | Failed, blocked, critical |\n| Info \u002F Blue | `text-blue` | Links, info badges, repo URLs |\n| Background | `bg-surface` | Cards, inputs |\n| Page bg | `bg-paper` | Root background |\n| Borders | `border-muted` | Default borders |\n\n**Rule**: Max one accent color per visual region. Don't double up — if a row has a colored dot, skip the colored badge (or vice versa).\n\n### Typography\n\n- Body: DM Sans (via `--font-hand`)\n- `font-mono`: timestamps, file paths, durations, code, hashes\n- `uppercase tracking-wider`: command names, stat labels\n- Size: `text-2xl` > `text-xl` > `text-base` > `text-sm` > `text-xs`\n\n### Page Structure (mandatory order)\n\nEvery page follows this layout:\n\n```tsx\n\u003Cdiv className=\"space-y-5 animate-fade-in\">\n \u003CPageHeader icon={\u003CIcon \u002F>} title=\"...\" subtitle=\"...\" actions={\u003C>...\u003C\u002F>} \u002F>\n\n {\u002F* Toolbar: tabs + filters *\u002F}\n \u003Cdiv className=\"flex flex-wrap items-end gap-3\">\n \u003CSegmentedControl ... \u002F>\n \u003CSelect ... \u002F>\n \u003C\u002Fdiv>\n\n {\u002F* Summary line or stat cards *\u002F}\n \u003CSummaryLine ... \u002F>\n\n {\u002F* Content: table, card list, or card grid *\u002F}\n {empty ? \u003CEmptyState ... \u002F> : \u003CContentArea \u002F>}\n\n {\u002F* Dialogs (rendered at bottom, portal via DialogShell) *\u002F}\n \u003CConfirmDialog ... \u002F>\n\u003C\u002Fdiv>\n```\n\n### Component Library\n\n| Component | File | API |\n|-----------|------|-----|\n| `Card` | `Card.tsx` | `variant=\"default\\|accent\\|outlined\"`, `hover`, `overflow`, `tilt?`, `padding=\"none\\|sm\\|md\"` — accent uses thicker border for emphasis (no stripe) |\n| `Button` | `Button.tsx` | `variant=\"primary\\|secondary\\|danger\\|ghost\\|link\"`, `size=\"sm\\|md\\|lg\"`, `loading?` |\n| `Badge` | `Badge.tsx` | `variant=\"default\\|success\\|warning\\|danger\\|info\\|accent\"`, `size=\"sm\\|md\"`, `dot?` |\n| `PageHeader` | `PageHeader.tsx` | `icon`, `title`, `subtitle?`, `actions?`, `backTo?` (styled back arrow) |\n| `EmptyState` | `EmptyState.tsx` | `icon` (LucideIcon), `title`, `description?`, `action?` |\n| `ConfirmDialog` | `ConfirmDialog.tsx` | `open`, `onConfirm`, `onCancel`, `title`, `message`, `variant=\"default\\|danger\"` |\n| `DialogShell` | `DialogShell.tsx` | `open`, `onClose`, `maxWidth`, `preventClose` (backdrop blur + dialog-in animation) |\n| `Input` | `Input.tsx` | `label?` + standard input props (re-exports Checkbox, Select) |\n| `Textarea` | `Input.tsx` | `label?` + standard textarea props |\n| `Select` | `Select.tsx` | `label?`, `value`, `onChange`, `options[]`, `size=\"sm\\|md\"` |\n| `Checkbox` | `Checkbox.tsx` | `label`, `checked`, `onChange`, `indeterminate?`, `disabled?`, `size=\"sm\\|md\"` |\n| `Spinner` | `Spinner.tsx` | `size=\"sm\\|md\\|lg\"` — use instead of `\u003CRefreshCw className=\"animate-spin\">` |\n| `Tooltip` | `Tooltip.tsx` | `content: string`, `side=\"top\\|bottom\"` — portal-based, 200ms delay |\n| `SegmentedControl` | `SegmentedControl.tsx` | `value`, `onChange`, `options[]`, `connected?`, `colorFn?` |\n| `Pagination` | `Pagination.tsx` | `page`, `totalPages`, `onPageChange`, `rangeText?`, `pageSize?` |\n| `StatusBadge` | `StatusBadge.tsx` | Status display |\n| `Skeleton` \u002F `PageSkeleton` | `Skeleton.tsx` | Shimmer animation loading states |\n| `Toast` \u002F `useToast` | `Toast.tsx` | `toast(message, 'success'\\|'error')` — exit animation, progress bar, hover pause |\n| `FilterTagInput` | `FilterTagInput.tsx` | Tag-based filter input |\n| `IconButton` | `IconButton.tsx` | Icon-only button with `aria-label` |\n\n### Stats Patterns (choose one)\n\n| Pattern | When |\n|---------|------|\n| **Inline summary text** | 1-3 stats: `\"42 ops · 3 errors · last: 2m ago\"` |\n| **Stat card grid** | Dashboard overview KPIs only |\n\n### Status Patterns (choose one per element)\n\n| Pattern | Markup | When |\n|---------|--------|------|\n| Colored dot | `w-2 h-2 rounded-full` | Table rows, list items, audit findings\u002Frules |\n| Badge | `\u003CBadge variant=\"...\">` | Standalone labels |\n\n### List Patterns\n\n| Pattern | When |\n|---------|------|\n| Table | Uniform rows, sortable columns, many items |\n| Card list (vertical) | Mixed content per row, expandable |\n| Card grid | Visual overview, few fields per item |\n\n### Button Variants\n\n| Variant | When |\n|---------|------|\n| `danger` | Permanent destructive: clear log, empty trash, delete forever |\n| `secondary` | Reversible removal: uninstall, remove, restore |\n| `ghost` | Cancel, clear filter, reset |\n| `primary` | Positive action: save, sync, install, run |\n\n### Separator\n\nAlways: `border-dashed border-pencil-light\u002F30` (unified opacity, not `\u002F20` or `\u002F40`)\n\n### Animations\n\n| Context | Value |\n|---------|-------|\n| Card rotation | `rotate(+-0.15deg)` via `:nth-child(odd\u002Feven)` |\n| Standalone accent | Max `rotate(+-0.3deg)` |\n| Hover | `transition-all duration-150` |\n| Page entry | `animate-fade-in` (0.2s ease-out) |\n\n### Keyboard Shortcuts\n\nRegistered in `KeyboardShortcutsModal.tsx` and `useGlobalShortcuts.ts`:\n- `?` — shortcuts modal\n- `\u002F` — focus search\n- `g d\u002Fs\u002Ft\u002Fl` — go to Dashboard\u002FSkills\u002FTargets\u002FLog\n- `r` — refresh page\n- Only fire when no `\u003Cinput>` \u002F `\u003Ctextarea>` focused\n- Chord timeout: 500ms\n- New shortcuts must be added to `KeyboardShortcutsModal`\n- Never override browser-native shortcuts (`Cmd+C`, etc.)\n\n### Accessibility\n\n| Concern | Requirement |\n|---------|-------------|\n| Focus ring | `focus:ring-2 focus:ring-blue\u002F20` |\n| Touch target | Min 44x44px |\n| Color contrast | 4.5:1 (WCAG AA) |\n| Icon buttons | `aria-label` required |\n| Modals | `role=\"dialog\"` + `aria-modal=\"true\"` + `useFocusTrap` |\n| Select | `role=\"combobox\"` + `aria-expanded` + `role=\"listbox\u002Foption\"` |\n\n### Card Overflow Gotcha\n\n`Card.tsx` has `overflow-hidden` by default for border-radius clipping. Absolute-positioned children (dropdowns, tooltips) get clipped. Fix: pass `overflow` prop or add `className=\"!overflow-visible\"`.\n\n### Data Fetching Pattern\n\nPages use `@tanstack\u002Freact-query`:\n```tsx\nconst { data, isPending } = useQuery({\n queryKey: queryKeys.someKey(...),\n queryFn: () => api.someEndpoint(...),\n staleTime: staleTimes.someCategory,\n});\n```\n- Query keys: `ui\u002Fsrc\u002Flib\u002FqueryKeys.ts`\n- API client: `ui\u002Fsrc\u002Fapi\u002Fclient.ts`\n- App context: `ui\u002Fsrc\u002Fcontext\u002FAppContext.tsx` provides `{ isProjectMode, projectRoot }`\n\n---\n\n## Website (`website\u002F`)\n\nDocusaurus with hand-drawn \"sketchy organic\" design in `website\u002Fsrc\u002Fcss\u002Fcustom.css`.\n\n### Key Differences from UI Dashboard\n\n- **Wobbly borders**: `border-radius: var(--radius-wobbly)` (not clean px values)\n- **Hard shadows**: `4px 4px 0px 0px #2d2d2d` (no blur)\n- **Dot grid bg**: `radial-gradient(var(--color-muted) 1px, transparent 1px)` on body\n- **Post-it yellow**: `--color-postit: #fff9c4` for highlights\n- **Dashed borders everywhere**: navbar, sidebar, tables, pagination, code blocks\n- **Button hover**: `transform: translate(2px, 2px)` + shadow shrinks (press-down feel)\n- **Links**: wavy underline (`text-decoration-style: wavy`)\n- **Dark mode**: amber\u002Fgold primary (`#e8a84c`) instead of blue\n\n### CSS Variables\n\nSee `website\u002Fsrc\u002Fcss\u002Fcustom.css` for full list. Key additions beyond shared palette:\n- `--radius-wobbly[-sm|-md|-btn]` — hand-drawn border-radius\n- `--color-postit[-dark]` — yellow highlight\n- `--shadow-md: 4px 4px 0px 0px #2d2d2d` — hard offset\n- `--card-bg`, `--card-border`, `--install-bg` — component-specific\n\n### Docusaurus Classes\n\n- `.button--primary` — green bg, pencil border, hard shadow\n- `.button--secondary` — dashed border, no fill\n- `.markdown h2` — dashed bottom border\n- `.admonition` — wobbly border-radius, left stripe\n- `.menu__link--active` — post-it yellow background\n- `.target-badge` — wobbly border for target grid\n- Code blocks get `box-shadow: 4px 4px 0px 0px #101827`\n\n### Homepage Components (`website\u002Fsrc\u002Fpages\u002Findex.tsx`)\n\n- `CARD_ROTATIONS` array for random hand-drawn tilt\n- `WavyDivider` — SVG dashed wavy line between sections\n- `InstallTabs` — tabbed install commands with copy button\n- Hero has hand-drawn SVG connector + underline\n\n---\n\n## Anti-Patterns (Both Systems)\n\n| Don't | Do Instead |\n|-------|------------|\n| Emojis as status icons | Colored dots, badges, or semantic icons |\n| Stat cards for 1-3 values | Inline summary text |\n| Left-border colored stripes (`border-l-*`) | Colored dots or badges — never use left stripe for emphasis or status |\n| Stripe + badge for same status | Pick one per element |\n| Mixed separator opacity (`\u002F20`, `\u002F40`) | Always `border-pencil-light\u002F30` |\n| `window.confirm()` | `\u003CConfirmDialog>` component |\n| Custom empty-state markup | `\u003CEmptyState>` component |\n| Inline styles for design tokens | Use Tailwind classes or `design.ts` exports |\n| `overflow-visible` on Card without `overflow` prop | Pass `overflow` prop to Card |\n| Dropdowns inside `flex-wrap` title rows | Put dropdowns on their own row |\n\n## Checklist Before Submitting\n\n- [ ] Uses existing components (Card, Badge, Button, etc.) — no custom markup for solved patterns\n- [ ] Page follows PageHeader → Toolbar → Summary → Content structure\n- [ ] Color tokens from Tailwind (`text-pencil`, not hardcoded `#141312`)\n- [ ] Separator is `border-dashed border-pencil-light\u002F30`\n- [ ] Empty states use `\u003CEmptyState>`\n- [ ] Destructive actions use `\u003CConfirmDialog>`\n- [ ] All icon buttons have `aria-label`\n- [ ] New shortcuts registered in `KeyboardShortcutsModal`\n- [ ] `animate-fade-in` on root container\n- [ ] Dark mode works (check both themes)\n",{"data":34,"body":43},{"name":4,"description":6,"targets":35,"metadata":39},[36,37,38],"claude","codex","cursor",{"short-description":40,"author":41,"source":42},"Apply the skillshare frontend design system","Runkids","https:\u002F\u002Fgithub.com\u002Frunkids\u002Fskillshare\u002Ftree\u002Fmain\u002F.skillshare\u002Fskills\u002Fui-website-style",{"type":44,"children":45},"root",[46,54,96,108,352,356,368,379,396,403,424,814,820,1066,1076,1082,1161,1167,1172,1606,1612,2535,2541,2600,2606,2674,2680,2739,2745,2834,2840,2868,2874,2976,2982,3002,3096,3102,3247,3253,3285,3291,3303,3502,3546,3549,3560,3572,3578,3711,3717,3729,3790,3796,3876,3889,3930,3933,3939,4166,4172,4316],{"type":47,"tag":48,"props":49,"children":50},"element","p",{},[51],{"type":52,"value":53},"text","Enforce the skillshare design system across the two frontends. $ARGUMENTS is the file or area being worked on.",{"type":47,"tag":48,"props":55,"children":56},{},[57,63,65,72,74,80,82,87,89,94],{"type":47,"tag":58,"props":59,"children":60},"strong",{},[61],{"type":52,"value":62},"Companion skill",{"type":52,"value":64},": For UX design decisions beyond token\u002Fcomponent usage — layout strategy, information hierarchy, interaction patterns, micro-copy, or when designing a new page from scratch — also invoke ",{"type":47,"tag":66,"props":67,"children":69},"code",{"className":68},[],[70],{"type":52,"value":71},"\u002Fui-ux-pro-max",{"type":52,"value":73}," for higher-level design guidance. This skill handles ",{"type":47,"tag":75,"props":76,"children":77},"em",{},[78],{"type":52,"value":79},"what components and tokens to use",{"type":52,"value":81},"; ",{"type":47,"tag":66,"props":83,"children":85},{"className":84},[],[86],{"type":52,"value":71},{"type":52,"value":88}," handles ",{"type":47,"tag":75,"props":90,"children":91},{},[92],{"type":52,"value":93},"how to design the experience",{"type":52,"value":95},".",{"type":47,"tag":48,"props":97,"children":98},{},[99,101,106],{"type":52,"value":100},"The project has ",{"type":47,"tag":58,"props":102,"children":103},{},[104],{"type":52,"value":105},"two distinct design systems",{"type":52,"value":107}," sharing semantic color names but with different visual treatments:",{"type":47,"tag":109,"props":110,"children":111},"table",{},[112,151],{"type":47,"tag":113,"props":114,"children":115},"thead",{},[116],{"type":47,"tag":117,"props":118,"children":119},"tr",{},[120,126,139],{"type":47,"tag":121,"props":122,"children":123},"th",{},[124],{"type":52,"value":125},"Aspect",{"type":47,"tag":121,"props":127,"children":128},{},[129,131,137],{"type":52,"value":130},"UI Dashboard (",{"type":47,"tag":66,"props":132,"children":134},{"className":133},[],[135],{"type":52,"value":136},"ui\u002F",{"type":52,"value":138},")",{"type":47,"tag":121,"props":140,"children":141},{},[142,144,150],{"type":52,"value":143},"Website (",{"type":47,"tag":66,"props":145,"children":147},{"className":146},[],[148],{"type":52,"value":149},"website\u002F",{"type":52,"value":138},{"type":47,"tag":152,"props":153,"children":154},"tbody",{},[155,174,192,209,227,274,304,334],{"type":47,"tag":117,"props":156,"children":157},{},[158,164,169],{"type":47,"tag":159,"props":160,"children":161},"td",{},[162],{"type":52,"value":163},"Stack",{"type":47,"tag":159,"props":165,"children":166},{},[167],{"type":52,"value":168},"React 19 + Vite + Tailwind CSS v4",{"type":47,"tag":159,"props":170,"children":171},{},[172],{"type":52,"value":173},"Docusaurus 3 + custom CSS",{"type":47,"tag":117,"props":175,"children":176},{},[177,182,187],{"type":47,"tag":159,"props":178,"children":179},{},[180],{"type":52,"value":181},"Font body",{"type":47,"tag":159,"props":183,"children":184},{},[185],{"type":52,"value":186},"DM Sans",{"type":47,"tag":159,"props":188,"children":189},{},[190],{"type":52,"value":191},"IBM Plex Sans",{"type":47,"tag":117,"props":193,"children":194},{},[195,200,204],{"type":47,"tag":159,"props":196,"children":197},{},[198],{"type":52,"value":199},"Font heading",{"type":47,"tag":159,"props":201,"children":202},{},[203],{"type":52,"value":186},{"type":47,"tag":159,"props":205,"children":206},{},[207],{"type":52,"value":208},"Inter",{"type":47,"tag":117,"props":210,"children":211},{},[212,217,222],{"type":47,"tag":159,"props":213,"children":214},{},[215],{"type":52,"value":216},"Font mono",{"type":47,"tag":159,"props":218,"children":219},{},[220],{"type":52,"value":221},"SFMono-Regular, Menlo",{"type":47,"tag":159,"props":223,"children":224},{},[225],{"type":52,"value":226},"JetBrains Mono",{"type":47,"tag":117,"props":228,"children":229},{},[230,235,263],{"type":47,"tag":159,"props":231,"children":232},{},[233],{"type":52,"value":234},"Border-radius",{"type":47,"tag":159,"props":236,"children":237},{},[238,240,246,248,254,255,261],{"type":52,"value":239},"Clean: ",{"type":47,"tag":66,"props":241,"children":243},{"className":242},[],[244],{"type":52,"value":245},"4px",{"type":52,"value":247},"\u002F",{"type":47,"tag":66,"props":249,"children":251},{"className":250},[],[252],{"type":52,"value":253},"8px",{"type":52,"value":247},{"type":47,"tag":66,"props":256,"children":258},{"className":257},[],[259],{"type":52,"value":260},"12px",{"type":52,"value":262},"\u002Fpill",{"type":47,"tag":159,"props":264,"children":265},{},[266,268],{"type":52,"value":267},"Wobbly: ",{"type":47,"tag":66,"props":269,"children":271},{"className":270},[],[272],{"type":52,"value":273},"255px 15px 225px 15px \u002F ...",{"type":47,"tag":117,"props":275,"children":276},{},[277,282,293],{"type":47,"tag":159,"props":278,"children":279},{},[280],{"type":52,"value":281},"Shadows",{"type":47,"tag":159,"props":283,"children":284},{},[285,287],{"type":52,"value":286},"Subtle blur: ",{"type":47,"tag":66,"props":288,"children":290},{"className":289},[],[291],{"type":52,"value":292},"0 1px 3px rgba(...)",{"type":47,"tag":159,"props":294,"children":295},{},[296,298],{"type":52,"value":297},"Hard offset: ",{"type":47,"tag":66,"props":299,"children":301},{"className":300},[],[302],{"type":52,"value":303},"4px 4px 0px 0px #2d2d2d",{"type":47,"tag":117,"props":305,"children":306},{},[307,312,323],{"type":47,"tag":159,"props":308,"children":309},{},[310],{"type":52,"value":311},"Background",{"type":47,"tag":159,"props":313,"children":314},{},[315,317],{"type":52,"value":316},"Flat ",{"type":47,"tag":66,"props":318,"children":320},{"className":319},[],[321],{"type":52,"value":322},"#f7f6f3",{"type":47,"tag":159,"props":324,"children":325},{},[326,328],{"type":52,"value":327},"Dot grid on ",{"type":47,"tag":66,"props":329,"children":331},{"className":330},[],[332],{"type":52,"value":333},"#fdfbf7",{"type":47,"tag":117,"props":335,"children":336},{},[337,342,347],{"type":47,"tag":159,"props":338,"children":339},{},[340],{"type":52,"value":341},"Philosophy",{"type":47,"tag":159,"props":343,"children":344},{},[345],{"type":52,"value":346},"skillshare-inspired minimal",{"type":47,"tag":159,"props":348,"children":349},{},[350],{"type":52,"value":351},"Hand-drawn sketchy organic",{"type":47,"tag":353,"props":354,"children":355},"hr",{},[],{"type":47,"tag":357,"props":358,"children":360},"h2",{"id":359},"ui-dashboard-ui",[361,362,367],{"type":52,"value":130},{"type":47,"tag":66,"props":363,"children":365},{"className":364},[],[366],{"type":52,"value":136},{"type":52,"value":138},{"type":47,"tag":48,"props":369,"children":370},{},[371,373],{"type":52,"value":372},"Reference implementation: ",{"type":47,"tag":66,"props":374,"children":376},{"className":375},[],[377],{"type":52,"value":378},"ui\u002Fsrc\u002Fpages\u002FLogPage.tsx",{"type":47,"tag":380,"props":381,"children":382},"blockquote",{},[383],{"type":47,"tag":48,"props":384,"children":385},{},[386,388,394],{"type":52,"value":387},"For the full human-readable style guide (design philosophy, visual rules, anti-patterns), see ",{"type":47,"tag":66,"props":389,"children":391},{"className":390},[],[392],{"type":52,"value":393},"references\u002FSTYLE_GUIDE.md",{"type":52,"value":395}," bundled with this skill.",{"type":47,"tag":397,"props":398,"children":400},"h3",{"id":399},"design-tokens",[401],{"type":52,"value":402},"Design Tokens",{"type":47,"tag":48,"props":404,"children":405},{},[406,408,414,416,422],{"type":52,"value":407},"Defined in ",{"type":47,"tag":66,"props":409,"children":411},{"className":410},[],[412],{"type":52,"value":413},"ui\u002Fsrc\u002Findex.css",{"type":52,"value":415}," (@theme) and ",{"type":47,"tag":66,"props":417,"children":419},{"className":418},[],[420],{"type":52,"value":421},"ui\u002Fsrc\u002Fdesign.ts",{"type":52,"value":423},":",{"type":47,"tag":425,"props":426,"children":431},"pre",{"className":427,"code":428,"language":429,"meta":430,"style":430},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F ui\u002Fsrc\u002Fdesign.ts\nimport { radius, shadows, palette } from '..\u002Fdesign';\n\nradius.sm \u002F\u002F '4px' — badges, chips\nradius.md \u002F\u002F '8px' — cards, containers\nradius.lg \u002F\u002F '12px' — modals, panels\nradius.btn \u002F\u002F '9999px' — pill buttons (skillshare style)\nradius.full \u002F\u002F '9999px' — avatars\n\nshadows.sm \u002F .md \u002F .lg \u002F .hover \u002F .active \u002F .accent \u002F .blue\npalette.accent \u002F .info \u002F .success \u002F .warning \u002F .danger\n","ts","",[432],{"type":47,"tag":66,"props":433,"children":434},{"__ignoreMap":430},[435,447,519,529,552,574,596,618,640,648,745],{"type":47,"tag":436,"props":437,"children":440},"span",{"class":438,"line":439},"line",1,[441],{"type":47,"tag":436,"props":442,"children":444},{"style":443},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[445],{"type":52,"value":446},"\u002F\u002F ui\u002Fsrc\u002Fdesign.ts\n",{"type":47,"tag":436,"props":448,"children":450},{"class":438,"line":449},2,[451,457,463,469,474,479,483,488,493,498,503,509,514],{"type":47,"tag":436,"props":452,"children":454},{"style":453},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[455],{"type":52,"value":456},"import",{"type":47,"tag":436,"props":458,"children":460},{"style":459},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[461],{"type":52,"value":462}," {",{"type":47,"tag":436,"props":464,"children":466},{"style":465},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[467],{"type":52,"value":468}," radius",{"type":47,"tag":436,"props":470,"children":471},{"style":459},[472],{"type":52,"value":473},",",{"type":47,"tag":436,"props":475,"children":476},{"style":465},[477],{"type":52,"value":478}," shadows",{"type":47,"tag":436,"props":480,"children":481},{"style":459},[482],{"type":52,"value":473},{"type":47,"tag":436,"props":484,"children":485},{"style":465},[486],{"type":52,"value":487}," palette",{"type":47,"tag":436,"props":489,"children":490},{"style":459},[491],{"type":52,"value":492}," }",{"type":47,"tag":436,"props":494,"children":495},{"style":453},[496],{"type":52,"value":497}," from",{"type":47,"tag":436,"props":499,"children":500},{"style":459},[501],{"type":52,"value":502}," '",{"type":47,"tag":436,"props":504,"children":506},{"style":505},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[507],{"type":52,"value":508},"..\u002Fdesign",{"type":47,"tag":436,"props":510,"children":511},{"style":459},[512],{"type":52,"value":513},"'",{"type":47,"tag":436,"props":515,"children":516},{"style":459},[517],{"type":52,"value":518},";\n",{"type":47,"tag":436,"props":520,"children":522},{"class":438,"line":521},3,[523],{"type":47,"tag":436,"props":524,"children":526},{"emptyLinePlaceholder":525},true,[527],{"type":52,"value":528},"\n",{"type":47,"tag":436,"props":530,"children":532},{"class":438,"line":531},4,[533,538,542,547],{"type":47,"tag":436,"props":534,"children":535},{"style":465},[536],{"type":52,"value":537},"radius",{"type":47,"tag":436,"props":539,"children":540},{"style":459},[541],{"type":52,"value":95},{"type":47,"tag":436,"props":543,"children":544},{"style":465},[545],{"type":52,"value":546},"sm ",{"type":47,"tag":436,"props":548,"children":549},{"style":443},[550],{"type":52,"value":551},"\u002F\u002F '4px' — badges, chips\n",{"type":47,"tag":436,"props":553,"children":555},{"class":438,"line":554},5,[556,560,564,569],{"type":47,"tag":436,"props":557,"children":558},{"style":465},[559],{"type":52,"value":537},{"type":47,"tag":436,"props":561,"children":562},{"style":459},[563],{"type":52,"value":95},{"type":47,"tag":436,"props":565,"children":566},{"style":465},[567],{"type":52,"value":568},"md ",{"type":47,"tag":436,"props":570,"children":571},{"style":443},[572],{"type":52,"value":573},"\u002F\u002F '8px' — cards, containers\n",{"type":47,"tag":436,"props":575,"children":577},{"class":438,"line":576},6,[578,582,586,591],{"type":47,"tag":436,"props":579,"children":580},{"style":465},[581],{"type":52,"value":537},{"type":47,"tag":436,"props":583,"children":584},{"style":459},[585],{"type":52,"value":95},{"type":47,"tag":436,"props":587,"children":588},{"style":465},[589],{"type":52,"value":590},"lg ",{"type":47,"tag":436,"props":592,"children":593},{"style":443},[594],{"type":52,"value":595},"\u002F\u002F '12px' — modals, panels\n",{"type":47,"tag":436,"props":597,"children":599},{"class":438,"line":598},7,[600,604,608,613],{"type":47,"tag":436,"props":601,"children":602},{"style":465},[603],{"type":52,"value":537},{"type":47,"tag":436,"props":605,"children":606},{"style":459},[607],{"type":52,"value":95},{"type":47,"tag":436,"props":609,"children":610},{"style":465},[611],{"type":52,"value":612},"btn ",{"type":47,"tag":436,"props":614,"children":615},{"style":443},[616],{"type":52,"value":617},"\u002F\u002F '9999px' — pill buttons (skillshare style)\n",{"type":47,"tag":436,"props":619,"children":621},{"class":438,"line":620},8,[622,626,630,635],{"type":47,"tag":436,"props":623,"children":624},{"style":465},[625],{"type":52,"value":537},{"type":47,"tag":436,"props":627,"children":628},{"style":459},[629],{"type":52,"value":95},{"type":47,"tag":436,"props":631,"children":632},{"style":465},[633],{"type":52,"value":634},"full ",{"type":47,"tag":436,"props":636,"children":637},{"style":443},[638],{"type":52,"value":639},"\u002F\u002F '9999px' — avatars\n",{"type":47,"tag":436,"props":641,"children":643},{"class":438,"line":642},9,[644],{"type":47,"tag":436,"props":645,"children":646},{"emptyLinePlaceholder":525},[647],{"type":52,"value":528},{"type":47,"tag":436,"props":649,"children":651},{"class":438,"line":650},10,[652,657,661,666,670,675,680,684,688,693,697,701,706,710,714,719,723,727,732,736,740],{"type":47,"tag":436,"props":653,"children":654},{"style":465},[655],{"type":52,"value":656},"shadows",{"type":47,"tag":436,"props":658,"children":659},{"style":459},[660],{"type":52,"value":95},{"type":47,"tag":436,"props":662,"children":663},{"style":465},[664],{"type":52,"value":665},"sm ",{"type":47,"tag":436,"props":667,"children":668},{"style":459},[669],{"type":52,"value":247},{"type":47,"tag":436,"props":671,"children":672},{"style":459},[673],{"type":52,"value":674}," .",{"type":47,"tag":436,"props":676,"children":677},{"style":465},[678],{"type":52,"value":679},"md ",{"type":47,"tag":436,"props":681,"children":682},{"style":459},[683],{"type":52,"value":247},{"type":47,"tag":436,"props":685,"children":686},{"style":459},[687],{"type":52,"value":674},{"type":47,"tag":436,"props":689,"children":690},{"style":465},[691],{"type":52,"value":692},"lg ",{"type":47,"tag":436,"props":694,"children":695},{"style":459},[696],{"type":52,"value":247},{"type":47,"tag":436,"props":698,"children":699},{"style":459},[700],{"type":52,"value":674},{"type":47,"tag":436,"props":702,"children":703},{"style":465},[704],{"type":52,"value":705},"hover ",{"type":47,"tag":436,"props":707,"children":708},{"style":459},[709],{"type":52,"value":247},{"type":47,"tag":436,"props":711,"children":712},{"style":459},[713],{"type":52,"value":674},{"type":47,"tag":436,"props":715,"children":716},{"style":465},[717],{"type":52,"value":718},"active ",{"type":47,"tag":436,"props":720,"children":721},{"style":459},[722],{"type":52,"value":247},{"type":47,"tag":436,"props":724,"children":725},{"style":459},[726],{"type":52,"value":674},{"type":47,"tag":436,"props":728,"children":729},{"style":465},[730],{"type":52,"value":731},"accent ",{"type":47,"tag":436,"props":733,"children":734},{"style":459},[735],{"type":52,"value":247},{"type":47,"tag":436,"props":737,"children":738},{"style":459},[739],{"type":52,"value":674},{"type":47,"tag":436,"props":741,"children":742},{"style":465},[743],{"type":52,"value":744},"blue\n",{"type":47,"tag":436,"props":746,"children":748},{"class":438,"line":747},11,[749,754,758,762,766,770,775,779,783,788,792,796,801,805,809],{"type":47,"tag":436,"props":750,"children":751},{"style":465},[752],{"type":52,"value":753},"palette",{"type":47,"tag":436,"props":755,"children":756},{"style":459},[757],{"type":52,"value":95},{"type":47,"tag":436,"props":759,"children":760},{"style":465},[761],{"type":52,"value":731},{"type":47,"tag":436,"props":763,"children":764},{"style":459},[765],{"type":52,"value":247},{"type":47,"tag":436,"props":767,"children":768},{"style":459},[769],{"type":52,"value":674},{"type":47,"tag":436,"props":771,"children":772},{"style":465},[773],{"type":52,"value":774},"info ",{"type":47,"tag":436,"props":776,"children":777},{"style":459},[778],{"type":52,"value":247},{"type":47,"tag":436,"props":780,"children":781},{"style":459},[782],{"type":52,"value":674},{"type":47,"tag":436,"props":784,"children":785},{"style":465},[786],{"type":52,"value":787},"success ",{"type":47,"tag":436,"props":789,"children":790},{"style":459},[791],{"type":52,"value":247},{"type":47,"tag":436,"props":793,"children":794},{"style":459},[795],{"type":52,"value":674},{"type":47,"tag":436,"props":797,"children":798},{"style":465},[799],{"type":52,"value":800},"warning ",{"type":47,"tag":436,"props":802,"children":803},{"style":459},[804],{"type":52,"value":247},{"type":47,"tag":436,"props":806,"children":807},{"style":459},[808],{"type":52,"value":674},{"type":47,"tag":436,"props":810,"children":811},{"style":465},[812],{"type":52,"value":813},"danger\n",{"type":47,"tag":397,"props":815,"children":817},{"id":816},"color-tokens-tailwind-classes",[818],{"type":52,"value":819},"Color Tokens (Tailwind classes)",{"type":47,"tag":109,"props":821,"children":822},{},[823,844],{"type":47,"tag":113,"props":824,"children":825},{},[826],{"type":47,"tag":117,"props":827,"children":828},{},[829,834,839],{"type":47,"tag":121,"props":830,"children":831},{},[832],{"type":52,"value":833},"Role",{"type":47,"tag":121,"props":835,"children":836},{},[837],{"type":52,"value":838},"Class",{"type":47,"tag":121,"props":840,"children":841},{},[842],{"type":52,"value":843},"When",{"type":47,"tag":152,"props":845,"children":846},{},[847,869,891,913,935,957,979,1001,1022,1044],{"type":47,"tag":117,"props":848,"children":849},{},[850,855,864],{"type":47,"tag":159,"props":851,"children":852},{},[853],{"type":52,"value":854},"Primary text",{"type":47,"tag":159,"props":856,"children":857},{},[858],{"type":47,"tag":66,"props":859,"children":861},{"className":860},[],[862],{"type":52,"value":863},"text-pencil",{"type":47,"tag":159,"props":865,"children":866},{},[867],{"type":52,"value":868},"Titles, names, values",{"type":47,"tag":117,"props":870,"children":871},{},[872,877,886],{"type":47,"tag":159,"props":873,"children":874},{},[875],{"type":52,"value":876},"Secondary",{"type":47,"tag":159,"props":878,"children":879},{},[880],{"type":47,"tag":66,"props":881,"children":883},{"className":882},[],[884],{"type":52,"value":885},"text-pencil-light",{"type":47,"tag":159,"props":887,"children":888},{},[889],{"type":52,"value":890},"Descriptions, timestamps, labels",{"type":47,"tag":117,"props":892,"children":893},{},[894,899,908],{"type":47,"tag":159,"props":895,"children":896},{},[897],{"type":52,"value":898},"Tertiary",{"type":47,"tag":159,"props":900,"children":901},{},[902],{"type":47,"tag":66,"props":903,"children":905},{"className":904},[],[906],{"type":52,"value":907},"text-muted-dark",{"type":47,"tag":159,"props":909,"children":910},{},[911],{"type":52,"value":912},"Hints, placeholders",{"type":47,"tag":117,"props":914,"children":915},{},[916,921,930],{"type":47,"tag":159,"props":917,"children":918},{},[919],{"type":52,"value":920},"Success",{"type":47,"tag":159,"props":922,"children":923},{},[924],{"type":47,"tag":66,"props":925,"children":927},{"className":926},[],[928],{"type":52,"value":929},"text-success",{"type":47,"tag":159,"props":931,"children":932},{},[933],{"type":52,"value":934},"Passed, synced, clean",{"type":47,"tag":117,"props":936,"children":937},{},[938,943,952],{"type":47,"tag":159,"props":939,"children":940},{},[941],{"type":52,"value":942},"Warning",{"type":47,"tag":159,"props":944,"children":945},{},[946],{"type":47,"tag":66,"props":947,"children":949},{"className":948},[],[950],{"type":52,"value":951},"text-warning",{"type":47,"tag":159,"props":953,"children":954},{},[955],{"type":52,"value":956},"Dirty, behind, partial",{"type":47,"tag":117,"props":958,"children":959},{},[960,965,974],{"type":47,"tag":159,"props":961,"children":962},{},[963],{"type":52,"value":964},"Danger",{"type":47,"tag":159,"props":966,"children":967},{},[968],{"type":47,"tag":66,"props":969,"children":971},{"className":970},[],[972],{"type":52,"value":973},"text-danger",{"type":47,"tag":159,"props":975,"children":976},{},[977],{"type":52,"value":978},"Failed, blocked, critical",{"type":47,"tag":117,"props":980,"children":981},{},[982,987,996],{"type":47,"tag":159,"props":983,"children":984},{},[985],{"type":52,"value":986},"Info \u002F Blue",{"type":47,"tag":159,"props":988,"children":989},{},[990],{"type":47,"tag":66,"props":991,"children":993},{"className":992},[],[994],{"type":52,"value":995},"text-blue",{"type":47,"tag":159,"props":997,"children":998},{},[999],{"type":52,"value":1000},"Links, info badges, repo URLs",{"type":47,"tag":117,"props":1002,"children":1003},{},[1004,1008,1017],{"type":47,"tag":159,"props":1005,"children":1006},{},[1007],{"type":52,"value":311},{"type":47,"tag":159,"props":1009,"children":1010},{},[1011],{"type":47,"tag":66,"props":1012,"children":1014},{"className":1013},[],[1015],{"type":52,"value":1016},"bg-surface",{"type":47,"tag":159,"props":1018,"children":1019},{},[1020],{"type":52,"value":1021},"Cards, inputs",{"type":47,"tag":117,"props":1023,"children":1024},{},[1025,1030,1039],{"type":47,"tag":159,"props":1026,"children":1027},{},[1028],{"type":52,"value":1029},"Page bg",{"type":47,"tag":159,"props":1031,"children":1032},{},[1033],{"type":47,"tag":66,"props":1034,"children":1036},{"className":1035},[],[1037],{"type":52,"value":1038},"bg-paper",{"type":47,"tag":159,"props":1040,"children":1041},{},[1042],{"type":52,"value":1043},"Root background",{"type":47,"tag":117,"props":1045,"children":1046},{},[1047,1052,1061],{"type":47,"tag":159,"props":1048,"children":1049},{},[1050],{"type":52,"value":1051},"Borders",{"type":47,"tag":159,"props":1053,"children":1054},{},[1055],{"type":47,"tag":66,"props":1056,"children":1058},{"className":1057},[],[1059],{"type":52,"value":1060},"border-muted",{"type":47,"tag":159,"props":1062,"children":1063},{},[1064],{"type":52,"value":1065},"Default borders",{"type":47,"tag":48,"props":1067,"children":1068},{},[1069,1074],{"type":47,"tag":58,"props":1070,"children":1071},{},[1072],{"type":52,"value":1073},"Rule",{"type":52,"value":1075},": Max one accent color per visual region. Don't double up — if a row has a colored dot, skip the colored badge (or vice versa).",{"type":47,"tag":397,"props":1077,"children":1079},{"id":1078},"typography",[1080],{"type":52,"value":1081},"Typography",{"type":47,"tag":1083,"props":1084,"children":1085},"ul",{},[1086,1099,1110,1121],{"type":47,"tag":1087,"props":1088,"children":1089},"li",{},[1090,1092,1098],{"type":52,"value":1091},"Body: DM Sans (via ",{"type":47,"tag":66,"props":1093,"children":1095},{"className":1094},[],[1096],{"type":52,"value":1097},"--font-hand",{"type":52,"value":138},{"type":47,"tag":1087,"props":1100,"children":1101},{},[1102,1108],{"type":47,"tag":66,"props":1103,"children":1105},{"className":1104},[],[1106],{"type":52,"value":1107},"font-mono",{"type":52,"value":1109},": timestamps, file paths, durations, code, hashes",{"type":47,"tag":1087,"props":1111,"children":1112},{},[1113,1119],{"type":47,"tag":66,"props":1114,"children":1116},{"className":1115},[],[1117],{"type":52,"value":1118},"uppercase tracking-wider",{"type":52,"value":1120},": command names, stat labels",{"type":47,"tag":1087,"props":1122,"children":1123},{},[1124,1126,1132,1134,1140,1141,1147,1148,1154,1155],{"type":52,"value":1125},"Size: ",{"type":47,"tag":66,"props":1127,"children":1129},{"className":1128},[],[1130],{"type":52,"value":1131},"text-2xl",{"type":52,"value":1133}," > ",{"type":47,"tag":66,"props":1135,"children":1137},{"className":1136},[],[1138],{"type":52,"value":1139},"text-xl",{"type":52,"value":1133},{"type":47,"tag":66,"props":1142,"children":1144},{"className":1143},[],[1145],{"type":52,"value":1146},"text-base",{"type":52,"value":1133},{"type":47,"tag":66,"props":1149,"children":1151},{"className":1150},[],[1152],{"type":52,"value":1153},"text-sm",{"type":52,"value":1133},{"type":47,"tag":66,"props":1156,"children":1158},{"className":1157},[],[1159],{"type":52,"value":1160},"text-xs",{"type":47,"tag":397,"props":1162,"children":1164},{"id":1163},"page-structure-mandatory-order",[1165],{"type":52,"value":1166},"Page Structure (mandatory order)",{"type":47,"tag":48,"props":1168,"children":1169},{},[1170],{"type":52,"value":1171},"Every page follows this layout:",{"type":47,"tag":425,"props":1173,"children":1177},{"className":1174,"code":1175,"language":1176,"meta":430,"style":430},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cdiv className=\"space-y-5 animate-fade-in\">\n \u003CPageHeader icon={\u003CIcon \u002F>} title=\"...\" subtitle=\"...\" actions={\u003C>...\u003C\u002F>} \u002F>\n\n {\u002F* Toolbar: tabs + filters *\u002F}\n \u003Cdiv className=\"flex flex-wrap items-end gap-3\">\n \u003CSegmentedControl ... \u002F>\n \u003CSelect ... \u002F>\n \u003C\u002Fdiv>\n\n {\u002F* Summary line or stat cards *\u002F}\n \u003CSummaryLine ... \u002F>\n\n {\u002F* Content: table, card list, or card grid *\u002F}\n {empty ? \u003CEmptyState ... \u002F> : \u003CContentArea \u002F>}\n\n {\u002F* Dialogs (rendered at bottom, portal via DialogShell) *\u002F}\n \u003CConfirmDialog ... \u002F>\n\u003C\u002Fdiv>\n","tsx",[1178],{"type":47,"tag":66,"props":1179,"children":1180},{"__ignoreMap":430},[1181,1225,1321,1328,1346,1382,1400,1416,1432,1439,1455,1471,1479,1496,1548,1556,1573,1589],{"type":47,"tag":436,"props":1182,"children":1183},{"class":438,"line":439},[1184,1189,1195,1201,1206,1211,1216,1220],{"type":47,"tag":436,"props":1185,"children":1186},{"style":459},[1187],{"type":52,"value":1188},"\u003C",{"type":47,"tag":436,"props":1190,"children":1192},{"style":1191},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[1193],{"type":52,"value":1194},"div",{"type":47,"tag":436,"props":1196,"children":1198},{"style":1197},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[1199],{"type":52,"value":1200}," className",{"type":47,"tag":436,"props":1202,"children":1203},{"style":459},[1204],{"type":52,"value":1205},"=",{"type":47,"tag":436,"props":1207,"children":1208},{"style":459},[1209],{"type":52,"value":1210},"\"",{"type":47,"tag":436,"props":1212,"children":1213},{"style":505},[1214],{"type":52,"value":1215},"space-y-5 animate-fade-in",{"type":47,"tag":436,"props":1217,"children":1218},{"style":459},[1219],{"type":52,"value":1210},{"type":47,"tag":436,"props":1221,"children":1222},{"style":459},[1223],{"type":52,"value":1224},">\n",{"type":47,"tag":436,"props":1226,"children":1227},{"class":438,"line":449},[1228,1233,1239,1244,1249,1254,1259,1264,1268,1272,1277,1281,1286,1290,1294,1298,1302,1307,1312,1316],{"type":47,"tag":436,"props":1229,"children":1230},{"style":459},[1231],{"type":52,"value":1232}," \u003C",{"type":47,"tag":436,"props":1234,"children":1236},{"style":1235},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[1237],{"type":52,"value":1238},"PageHeader",{"type":47,"tag":436,"props":1240,"children":1241},{"style":1197},[1242],{"type":52,"value":1243}," icon",{"type":47,"tag":436,"props":1245,"children":1246},{"style":459},[1247],{"type":52,"value":1248},"={\u003C",{"type":47,"tag":436,"props":1250,"children":1251},{"style":1235},[1252],{"type":52,"value":1253},"Icon",{"type":47,"tag":436,"props":1255,"children":1256},{"style":459},[1257],{"type":52,"value":1258}," \u002F>} ",{"type":47,"tag":436,"props":1260,"children":1261},{"style":1197},[1262],{"type":52,"value":1263},"title",{"type":47,"tag":436,"props":1265,"children":1266},{"style":459},[1267],{"type":52,"value":1205},{"type":47,"tag":436,"props":1269,"children":1270},{"style":459},[1271],{"type":52,"value":1210},{"type":47,"tag":436,"props":1273,"children":1274},{"style":505},[1275],{"type":52,"value":1276},"...",{"type":47,"tag":436,"props":1278,"children":1279},{"style":459},[1280],{"type":52,"value":1210},{"type":47,"tag":436,"props":1282,"children":1283},{"style":1197},[1284],{"type":52,"value":1285}," subtitle",{"type":47,"tag":436,"props":1287,"children":1288},{"style":459},[1289],{"type":52,"value":1205},{"type":47,"tag":436,"props":1291,"children":1292},{"style":459},[1293],{"type":52,"value":1210},{"type":47,"tag":436,"props":1295,"children":1296},{"style":505},[1297],{"type":52,"value":1276},{"type":47,"tag":436,"props":1299,"children":1300},{"style":459},[1301],{"type":52,"value":1210},{"type":47,"tag":436,"props":1303,"children":1304},{"style":1197},[1305],{"type":52,"value":1306}," actions",{"type":47,"tag":436,"props":1308,"children":1309},{"style":459},[1310],{"type":52,"value":1311},"={\u003C>",{"type":47,"tag":436,"props":1313,"children":1314},{"style":465},[1315],{"type":52,"value":1276},{"type":47,"tag":436,"props":1317,"children":1318},{"style":459},[1319],{"type":52,"value":1320},"\u003C\u002F>} \u002F>\n",{"type":47,"tag":436,"props":1322,"children":1323},{"class":438,"line":521},[1324],{"type":47,"tag":436,"props":1325,"children":1326},{"emptyLinePlaceholder":525},[1327],{"type":52,"value":528},{"type":47,"tag":436,"props":1329,"children":1330},{"class":438,"line":531},[1331,1336,1341],{"type":47,"tag":436,"props":1332,"children":1333},{"style":459},[1334],{"type":52,"value":1335}," {",{"type":47,"tag":436,"props":1337,"children":1338},{"style":443},[1339],{"type":52,"value":1340},"\u002F* Toolbar: tabs + filters *\u002F",{"type":47,"tag":436,"props":1342,"children":1343},{"style":459},[1344],{"type":52,"value":1345},"}\n",{"type":47,"tag":436,"props":1347,"children":1348},{"class":438,"line":554},[1349,1353,1357,1361,1365,1369,1374,1378],{"type":47,"tag":436,"props":1350,"children":1351},{"style":459},[1352],{"type":52,"value":1232},{"type":47,"tag":436,"props":1354,"children":1355},{"style":1191},[1356],{"type":52,"value":1194},{"type":47,"tag":436,"props":1358,"children":1359},{"style":1197},[1360],{"type":52,"value":1200},{"type":47,"tag":436,"props":1362,"children":1363},{"style":459},[1364],{"type":52,"value":1205},{"type":47,"tag":436,"props":1366,"children":1367},{"style":459},[1368],{"type":52,"value":1210},{"type":47,"tag":436,"props":1370,"children":1371},{"style":505},[1372],{"type":52,"value":1373},"flex flex-wrap items-end gap-3",{"type":47,"tag":436,"props":1375,"children":1376},{"style":459},[1377],{"type":52,"value":1210},{"type":47,"tag":436,"props":1379,"children":1380},{"style":459},[1381],{"type":52,"value":1224},{"type":47,"tag":436,"props":1383,"children":1384},{"class":438,"line":576},[1385,1390,1395],{"type":47,"tag":436,"props":1386,"children":1387},{"style":459},[1388],{"type":52,"value":1389}," \u003C",{"type":47,"tag":436,"props":1391,"children":1392},{"style":1235},[1393],{"type":52,"value":1394},"SegmentedControl",{"type":47,"tag":436,"props":1396,"children":1397},{"style":459},[1398],{"type":52,"value":1399}," ... \u002F>\n",{"type":47,"tag":436,"props":1401,"children":1402},{"class":438,"line":598},[1403,1407,1412],{"type":47,"tag":436,"props":1404,"children":1405},{"style":459},[1406],{"type":52,"value":1389},{"type":47,"tag":436,"props":1408,"children":1409},{"style":1235},[1410],{"type":52,"value":1411},"Select",{"type":47,"tag":436,"props":1413,"children":1414},{"style":459},[1415],{"type":52,"value":1399},{"type":47,"tag":436,"props":1417,"children":1418},{"class":438,"line":620},[1419,1424,1428],{"type":47,"tag":436,"props":1420,"children":1421},{"style":459},[1422],{"type":52,"value":1423}," \u003C\u002F",{"type":47,"tag":436,"props":1425,"children":1426},{"style":1191},[1427],{"type":52,"value":1194},{"type":47,"tag":436,"props":1429,"children":1430},{"style":459},[1431],{"type":52,"value":1224},{"type":47,"tag":436,"props":1433,"children":1434},{"class":438,"line":642},[1435],{"type":47,"tag":436,"props":1436,"children":1437},{"emptyLinePlaceholder":525},[1438],{"type":52,"value":528},{"type":47,"tag":436,"props":1440,"children":1441},{"class":438,"line":650},[1442,1446,1451],{"type":47,"tag":436,"props":1443,"children":1444},{"style":459},[1445],{"type":52,"value":1335},{"type":47,"tag":436,"props":1447,"children":1448},{"style":443},[1449],{"type":52,"value":1450},"\u002F* Summary line or stat cards *\u002F",{"type":47,"tag":436,"props":1452,"children":1453},{"style":459},[1454],{"type":52,"value":1345},{"type":47,"tag":436,"props":1456,"children":1457},{"class":438,"line":747},[1458,1462,1467],{"type":47,"tag":436,"props":1459,"children":1460},{"style":459},[1461],{"type":52,"value":1232},{"type":47,"tag":436,"props":1463,"children":1464},{"style":1235},[1465],{"type":52,"value":1466},"SummaryLine",{"type":47,"tag":436,"props":1468,"children":1469},{"style":459},[1470],{"type":52,"value":1399},{"type":47,"tag":436,"props":1472,"children":1474},{"class":438,"line":1473},12,[1475],{"type":47,"tag":436,"props":1476,"children":1477},{"emptyLinePlaceholder":525},[1478],{"type":52,"value":528},{"type":47,"tag":436,"props":1480,"children":1482},{"class":438,"line":1481},13,[1483,1487,1492],{"type":47,"tag":436,"props":1484,"children":1485},{"style":459},[1486],{"type":52,"value":1335},{"type":47,"tag":436,"props":1488,"children":1489},{"style":443},[1490],{"type":52,"value":1491},"\u002F* Content: table, card list, or card grid *\u002F",{"type":47,"tag":436,"props":1493,"children":1494},{"style":459},[1495],{"type":52,"value":1345},{"type":47,"tag":436,"props":1497,"children":1499},{"class":438,"line":1498},14,[1500,1504,1509,1514,1519,1524,1529,1534,1538,1543],{"type":47,"tag":436,"props":1501,"children":1502},{"style":459},[1503],{"type":52,"value":1335},{"type":47,"tag":436,"props":1505,"children":1506},{"style":465},[1507],{"type":52,"value":1508},"empty ",{"type":47,"tag":436,"props":1510,"children":1511},{"style":459},[1512],{"type":52,"value":1513},"?",{"type":47,"tag":436,"props":1515,"children":1516},{"style":459},[1517],{"type":52,"value":1518}," \u003C",{"type":47,"tag":436,"props":1520,"children":1521},{"style":1235},[1522],{"type":52,"value":1523},"EmptyState",{"type":47,"tag":436,"props":1525,"children":1526},{"style":459},[1527],{"type":52,"value":1528}," ... \u002F>",{"type":47,"tag":436,"props":1530,"children":1531},{"style":459},[1532],{"type":52,"value":1533}," :",{"type":47,"tag":436,"props":1535,"children":1536},{"style":459},[1537],{"type":52,"value":1518},{"type":47,"tag":436,"props":1539,"children":1540},{"style":1235},[1541],{"type":52,"value":1542},"ContentArea",{"type":47,"tag":436,"props":1544,"children":1545},{"style":459},[1546],{"type":52,"value":1547}," \u002F>}\n",{"type":47,"tag":436,"props":1549,"children":1551},{"class":438,"line":1550},15,[1552],{"type":47,"tag":436,"props":1553,"children":1554},{"emptyLinePlaceholder":525},[1555],{"type":52,"value":528},{"type":47,"tag":436,"props":1557,"children":1559},{"class":438,"line":1558},16,[1560,1564,1569],{"type":47,"tag":436,"props":1561,"children":1562},{"style":459},[1563],{"type":52,"value":1335},{"type":47,"tag":436,"props":1565,"children":1566},{"style":443},[1567],{"type":52,"value":1568},"\u002F* Dialogs (rendered at bottom, portal via DialogShell) *\u002F",{"type":47,"tag":436,"props":1570,"children":1571},{"style":459},[1572],{"type":52,"value":1345},{"type":47,"tag":436,"props":1574,"children":1575},{"class":438,"line":26},[1576,1580,1585],{"type":47,"tag":436,"props":1577,"children":1578},{"style":459},[1579],{"type":52,"value":1232},{"type":47,"tag":436,"props":1581,"children":1582},{"style":1235},[1583],{"type":52,"value":1584},"ConfirmDialog",{"type":47,"tag":436,"props":1586,"children":1587},{"style":459},[1588],{"type":52,"value":1399},{"type":47,"tag":436,"props":1590,"children":1592},{"class":438,"line":1591},18,[1593,1598,1602],{"type":47,"tag":436,"props":1594,"children":1595},{"style":459},[1596],{"type":52,"value":1597},"\u003C\u002F",{"type":47,"tag":436,"props":1599,"children":1600},{"style":1191},[1601],{"type":52,"value":1194},{"type":47,"tag":436,"props":1603,"children":1604},{"style":459},[1605],{"type":52,"value":1224},{"type":47,"tag":397,"props":1607,"children":1609},{"id":1608},"component-library",[1610],{"type":52,"value":1611},"Component Library",{"type":47,"tag":109,"props":1613,"children":1614},{},[1615,1636],{"type":47,"tag":113,"props":1616,"children":1617},{},[1618],{"type":47,"tag":117,"props":1619,"children":1620},{},[1621,1626,1631],{"type":47,"tag":121,"props":1622,"children":1623},{},[1624],{"type":52,"value":1625},"Component",{"type":47,"tag":121,"props":1627,"children":1628},{},[1629],{"type":52,"value":1630},"File",{"type":47,"tag":121,"props":1632,"children":1633},{},[1634],{"type":52,"value":1635},"API",{"type":47,"tag":152,"props":1637,"children":1638},{},[1639,1700,1744,1788,1846,1895,1958,2010,2042,2072,2127,2190,2227,2266,2320,2378,2404,2438,2477,2503],{"type":47,"tag":117,"props":1640,"children":1641},{},[1642,1651,1660],{"type":47,"tag":159,"props":1643,"children":1644},{},[1645],{"type":47,"tag":66,"props":1646,"children":1648},{"className":1647},[],[1649],{"type":52,"value":1650},"Card",{"type":47,"tag":159,"props":1652,"children":1653},{},[1654],{"type":47,"tag":66,"props":1655,"children":1657},{"className":1656},[],[1658],{"type":52,"value":1659},"Card.tsx",{"type":47,"tag":159,"props":1661,"children":1662},{},[1663,1669,1671,1677,1678,1684,1685,1691,1692,1698],{"type":47,"tag":66,"props":1664,"children":1666},{"className":1665},[],[1667],{"type":52,"value":1668},"variant=\"default|accent|outlined\"",{"type":52,"value":1670},", ",{"type":47,"tag":66,"props":1672,"children":1674},{"className":1673},[],[1675],{"type":52,"value":1676},"hover",{"type":52,"value":1670},{"type":47,"tag":66,"props":1679,"children":1681},{"className":1680},[],[1682],{"type":52,"value":1683},"overflow",{"type":52,"value":1670},{"type":47,"tag":66,"props":1686,"children":1688},{"className":1687},[],[1689],{"type":52,"value":1690},"tilt?",{"type":52,"value":1670},{"type":47,"tag":66,"props":1693,"children":1695},{"className":1694},[],[1696],{"type":52,"value":1697},"padding=\"none|sm|md\"",{"type":52,"value":1699}," — accent uses thicker border for emphasis (no stripe)",{"type":47,"tag":117,"props":1701,"children":1702},{},[1703,1712,1721],{"type":47,"tag":159,"props":1704,"children":1705},{},[1706],{"type":47,"tag":66,"props":1707,"children":1709},{"className":1708},[],[1710],{"type":52,"value":1711},"Button",{"type":47,"tag":159,"props":1713,"children":1714},{},[1715],{"type":47,"tag":66,"props":1716,"children":1718},{"className":1717},[],[1719],{"type":52,"value":1720},"Button.tsx",{"type":47,"tag":159,"props":1722,"children":1723},{},[1724,1730,1731,1737,1738],{"type":47,"tag":66,"props":1725,"children":1727},{"className":1726},[],[1728],{"type":52,"value":1729},"variant=\"primary|secondary|danger|ghost|link\"",{"type":52,"value":1670},{"type":47,"tag":66,"props":1732,"children":1734},{"className":1733},[],[1735],{"type":52,"value":1736},"size=\"sm|md|lg\"",{"type":52,"value":1670},{"type":47,"tag":66,"props":1739,"children":1741},{"className":1740},[],[1742],{"type":52,"value":1743},"loading?",{"type":47,"tag":117,"props":1745,"children":1746},{},[1747,1756,1765],{"type":47,"tag":159,"props":1748,"children":1749},{},[1750],{"type":47,"tag":66,"props":1751,"children":1753},{"className":1752},[],[1754],{"type":52,"value":1755},"Badge",{"type":47,"tag":159,"props":1757,"children":1758},{},[1759],{"type":47,"tag":66,"props":1760,"children":1762},{"className":1761},[],[1763],{"type":52,"value":1764},"Badge.tsx",{"type":47,"tag":159,"props":1766,"children":1767},{},[1768,1774,1775,1781,1782],{"type":47,"tag":66,"props":1769,"children":1771},{"className":1770},[],[1772],{"type":52,"value":1773},"variant=\"default|success|warning|danger|info|accent\"",{"type":52,"value":1670},{"type":47,"tag":66,"props":1776,"children":1778},{"className":1777},[],[1779],{"type":52,"value":1780},"size=\"sm|md\"",{"type":52,"value":1670},{"type":47,"tag":66,"props":1783,"children":1785},{"className":1784},[],[1786],{"type":52,"value":1787},"dot?",{"type":47,"tag":117,"props":1789,"children":1790},{},[1791,1799,1808],{"type":47,"tag":159,"props":1792,"children":1793},{},[1794],{"type":47,"tag":66,"props":1795,"children":1797},{"className":1796},[],[1798],{"type":52,"value":1238},{"type":47,"tag":159,"props":1800,"children":1801},{},[1802],{"type":47,"tag":66,"props":1803,"children":1805},{"className":1804},[],[1806],{"type":52,"value":1807},"PageHeader.tsx",{"type":47,"tag":159,"props":1809,"children":1810},{},[1811,1817,1818,1823,1824,1830,1831,1837,1838,1844],{"type":47,"tag":66,"props":1812,"children":1814},{"className":1813},[],[1815],{"type":52,"value":1816},"icon",{"type":52,"value":1670},{"type":47,"tag":66,"props":1819,"children":1821},{"className":1820},[],[1822],{"type":52,"value":1263},{"type":52,"value":1670},{"type":47,"tag":66,"props":1825,"children":1827},{"className":1826},[],[1828],{"type":52,"value":1829},"subtitle?",{"type":52,"value":1670},{"type":47,"tag":66,"props":1832,"children":1834},{"className":1833},[],[1835],{"type":52,"value":1836},"actions?",{"type":52,"value":1670},{"type":47,"tag":66,"props":1839,"children":1841},{"className":1840},[],[1842],{"type":52,"value":1843},"backTo?",{"type":52,"value":1845}," (styled back arrow)",{"type":47,"tag":117,"props":1847,"children":1848},{},[1849,1857,1866],{"type":47,"tag":159,"props":1850,"children":1851},{},[1852],{"type":47,"tag":66,"props":1853,"children":1855},{"className":1854},[],[1856],{"type":52,"value":1523},{"type":47,"tag":159,"props":1858,"children":1859},{},[1860],{"type":47,"tag":66,"props":1861,"children":1863},{"className":1862},[],[1864],{"type":52,"value":1865},"EmptyState.tsx",{"type":47,"tag":159,"props":1867,"children":1868},{},[1869,1874,1876,1881,1882,1888,1889],{"type":47,"tag":66,"props":1870,"children":1872},{"className":1871},[],[1873],{"type":52,"value":1816},{"type":52,"value":1875}," (LucideIcon), ",{"type":47,"tag":66,"props":1877,"children":1879},{"className":1878},[],[1880],{"type":52,"value":1263},{"type":52,"value":1670},{"type":47,"tag":66,"props":1883,"children":1885},{"className":1884},[],[1886],{"type":52,"value":1887},"description?",{"type":52,"value":1670},{"type":47,"tag":66,"props":1890,"children":1892},{"className":1891},[],[1893],{"type":52,"value":1894},"action?",{"type":47,"tag":117,"props":1896,"children":1897},{},[1898,1906,1915],{"type":47,"tag":159,"props":1899,"children":1900},{},[1901],{"type":47,"tag":66,"props":1902,"children":1904},{"className":1903},[],[1905],{"type":52,"value":1584},{"type":47,"tag":159,"props":1907,"children":1908},{},[1909],{"type":47,"tag":66,"props":1910,"children":1912},{"className":1911},[],[1913],{"type":52,"value":1914},"ConfirmDialog.tsx",{"type":47,"tag":159,"props":1916,"children":1917},{},[1918,1924,1925,1931,1932,1938,1939,1944,1945,1951,1952],{"type":47,"tag":66,"props":1919,"children":1921},{"className":1920},[],[1922],{"type":52,"value":1923},"open",{"type":52,"value":1670},{"type":47,"tag":66,"props":1926,"children":1928},{"className":1927},[],[1929],{"type":52,"value":1930},"onConfirm",{"type":52,"value":1670},{"type":47,"tag":66,"props":1933,"children":1935},{"className":1934},[],[1936],{"type":52,"value":1937},"onCancel",{"type":52,"value":1670},{"type":47,"tag":66,"props":1940,"children":1942},{"className":1941},[],[1943],{"type":52,"value":1263},{"type":52,"value":1670},{"type":47,"tag":66,"props":1946,"children":1948},{"className":1947},[],[1949],{"type":52,"value":1950},"message",{"type":52,"value":1670},{"type":47,"tag":66,"props":1953,"children":1955},{"className":1954},[],[1956],{"type":52,"value":1957},"variant=\"default|danger\"",{"type":47,"tag":117,"props":1959,"children":1960},{},[1961,1970,1979],{"type":47,"tag":159,"props":1962,"children":1963},{},[1964],{"type":47,"tag":66,"props":1965,"children":1967},{"className":1966},[],[1968],{"type":52,"value":1969},"DialogShell",{"type":47,"tag":159,"props":1971,"children":1972},{},[1973],{"type":47,"tag":66,"props":1974,"children":1976},{"className":1975},[],[1977],{"type":52,"value":1978},"DialogShell.tsx",{"type":47,"tag":159,"props":1980,"children":1981},{},[1982,1987,1988,1994,1995,2001,2002,2008],{"type":47,"tag":66,"props":1983,"children":1985},{"className":1984},[],[1986],{"type":52,"value":1923},{"type":52,"value":1670},{"type":47,"tag":66,"props":1989,"children":1991},{"className":1990},[],[1992],{"type":52,"value":1993},"onClose",{"type":52,"value":1670},{"type":47,"tag":66,"props":1996,"children":1998},{"className":1997},[],[1999],{"type":52,"value":2000},"maxWidth",{"type":52,"value":1670},{"type":47,"tag":66,"props":2003,"children":2005},{"className":2004},[],[2006],{"type":52,"value":2007},"preventClose",{"type":52,"value":2009}," (backdrop blur + dialog-in animation)",{"type":47,"tag":117,"props":2011,"children":2012},{},[2013,2022,2031],{"type":47,"tag":159,"props":2014,"children":2015},{},[2016],{"type":47,"tag":66,"props":2017,"children":2019},{"className":2018},[],[2020],{"type":52,"value":2021},"Input",{"type":47,"tag":159,"props":2023,"children":2024},{},[2025],{"type":47,"tag":66,"props":2026,"children":2028},{"className":2027},[],[2029],{"type":52,"value":2030},"Input.tsx",{"type":47,"tag":159,"props":2032,"children":2033},{},[2034,2040],{"type":47,"tag":66,"props":2035,"children":2037},{"className":2036},[],[2038],{"type":52,"value":2039},"label?",{"type":52,"value":2041}," + standard input props (re-exports Checkbox, Select)",{"type":47,"tag":117,"props":2043,"children":2044},{},[2045,2054,2062],{"type":47,"tag":159,"props":2046,"children":2047},{},[2048],{"type":47,"tag":66,"props":2049,"children":2051},{"className":2050},[],[2052],{"type":52,"value":2053},"Textarea",{"type":47,"tag":159,"props":2055,"children":2056},{},[2057],{"type":47,"tag":66,"props":2058,"children":2060},{"className":2059},[],[2061],{"type":52,"value":2030},{"type":47,"tag":159,"props":2063,"children":2064},{},[2065,2070],{"type":47,"tag":66,"props":2066,"children":2068},{"className":2067},[],[2069],{"type":52,"value":2039},{"type":52,"value":2071}," + standard textarea props",{"type":47,"tag":117,"props":2073,"children":2074},{},[2075,2083,2092],{"type":47,"tag":159,"props":2076,"children":2077},{},[2078],{"type":47,"tag":66,"props":2079,"children":2081},{"className":2080},[],[2082],{"type":52,"value":1411},{"type":47,"tag":159,"props":2084,"children":2085},{},[2086],{"type":47,"tag":66,"props":2087,"children":2089},{"className":2088},[],[2090],{"type":52,"value":2091},"Select.tsx",{"type":47,"tag":159,"props":2093,"children":2094},{},[2095,2100,2101,2107,2108,2114,2115,2121,2122],{"type":47,"tag":66,"props":2096,"children":2098},{"className":2097},[],[2099],{"type":52,"value":2039},{"type":52,"value":1670},{"type":47,"tag":66,"props":2102,"children":2104},{"className":2103},[],[2105],{"type":52,"value":2106},"value",{"type":52,"value":1670},{"type":47,"tag":66,"props":2109,"children":2111},{"className":2110},[],[2112],{"type":52,"value":2113},"onChange",{"type":52,"value":1670},{"type":47,"tag":66,"props":2116,"children":2118},{"className":2117},[],[2119],{"type":52,"value":2120},"options[]",{"type":52,"value":1670},{"type":47,"tag":66,"props":2123,"children":2125},{"className":2124},[],[2126],{"type":52,"value":1780},{"type":47,"tag":117,"props":2128,"children":2129},{},[2130,2139,2148],{"type":47,"tag":159,"props":2131,"children":2132},{},[2133],{"type":47,"tag":66,"props":2134,"children":2136},{"className":2135},[],[2137],{"type":52,"value":2138},"Checkbox",{"type":47,"tag":159,"props":2140,"children":2141},{},[2142],{"type":47,"tag":66,"props":2143,"children":2145},{"className":2144},[],[2146],{"type":52,"value":2147},"Checkbox.tsx",{"type":47,"tag":159,"props":2149,"children":2150},{},[2151,2157,2158,2164,2165,2170,2171,2177,2178,2184,2185],{"type":47,"tag":66,"props":2152,"children":2154},{"className":2153},[],[2155],{"type":52,"value":2156},"label",{"type":52,"value":1670},{"type":47,"tag":66,"props":2159,"children":2161},{"className":2160},[],[2162],{"type":52,"value":2163},"checked",{"type":52,"value":1670},{"type":47,"tag":66,"props":2166,"children":2168},{"className":2167},[],[2169],{"type":52,"value":2113},{"type":52,"value":1670},{"type":47,"tag":66,"props":2172,"children":2174},{"className":2173},[],[2175],{"type":52,"value":2176},"indeterminate?",{"type":52,"value":1670},{"type":47,"tag":66,"props":2179,"children":2181},{"className":2180},[],[2182],{"type":52,"value":2183},"disabled?",{"type":52,"value":1670},{"type":47,"tag":66,"props":2186,"children":2188},{"className":2187},[],[2189],{"type":52,"value":1780},{"type":47,"tag":117,"props":2191,"children":2192},{},[2193,2202,2211],{"type":47,"tag":159,"props":2194,"children":2195},{},[2196],{"type":47,"tag":66,"props":2197,"children":2199},{"className":2198},[],[2200],{"type":52,"value":2201},"Spinner",{"type":47,"tag":159,"props":2203,"children":2204},{},[2205],{"type":47,"tag":66,"props":2206,"children":2208},{"className":2207},[],[2209],{"type":52,"value":2210},"Spinner.tsx",{"type":47,"tag":159,"props":2212,"children":2213},{},[2214,2219,2221],{"type":47,"tag":66,"props":2215,"children":2217},{"className":2216},[],[2218],{"type":52,"value":1736},{"type":52,"value":2220}," — use instead of ",{"type":47,"tag":66,"props":2222,"children":2224},{"className":2223},[],[2225],{"type":52,"value":2226},"\u003CRefreshCw className=\"animate-spin\">",{"type":47,"tag":117,"props":2228,"children":2229},{},[2230,2239,2248],{"type":47,"tag":159,"props":2231,"children":2232},{},[2233],{"type":47,"tag":66,"props":2234,"children":2236},{"className":2235},[],[2237],{"type":52,"value":2238},"Tooltip",{"type":47,"tag":159,"props":2240,"children":2241},{},[2242],{"type":47,"tag":66,"props":2243,"children":2245},{"className":2244},[],[2246],{"type":52,"value":2247},"Tooltip.tsx",{"type":47,"tag":159,"props":2249,"children":2250},{},[2251,2257,2258,2264],{"type":47,"tag":66,"props":2252,"children":2254},{"className":2253},[],[2255],{"type":52,"value":2256},"content: string",{"type":52,"value":1670},{"type":47,"tag":66,"props":2259,"children":2261},{"className":2260},[],[2262],{"type":52,"value":2263},"side=\"top|bottom\"",{"type":52,"value":2265}," — portal-based, 200ms delay",{"type":47,"tag":117,"props":2267,"children":2268},{},[2269,2277,2286],{"type":47,"tag":159,"props":2270,"children":2271},{},[2272],{"type":47,"tag":66,"props":2273,"children":2275},{"className":2274},[],[2276],{"type":52,"value":1394},{"type":47,"tag":159,"props":2278,"children":2279},{},[2280],{"type":47,"tag":66,"props":2281,"children":2283},{"className":2282},[],[2284],{"type":52,"value":2285},"SegmentedControl.tsx",{"type":47,"tag":159,"props":2287,"children":2288},{},[2289,2294,2295,2300,2301,2306,2307,2313,2314],{"type":47,"tag":66,"props":2290,"children":2292},{"className":2291},[],[2293],{"type":52,"value":2106},{"type":52,"value":1670},{"type":47,"tag":66,"props":2296,"children":2298},{"className":2297},[],[2299],{"type":52,"value":2113},{"type":52,"value":1670},{"type":47,"tag":66,"props":2302,"children":2304},{"className":2303},[],[2305],{"type":52,"value":2120},{"type":52,"value":1670},{"type":47,"tag":66,"props":2308,"children":2310},{"className":2309},[],[2311],{"type":52,"value":2312},"connected?",{"type":52,"value":1670},{"type":47,"tag":66,"props":2315,"children":2317},{"className":2316},[],[2318],{"type":52,"value":2319},"colorFn?",{"type":47,"tag":117,"props":2321,"children":2322},{},[2323,2332,2341],{"type":47,"tag":159,"props":2324,"children":2325},{},[2326],{"type":47,"tag":66,"props":2327,"children":2329},{"className":2328},[],[2330],{"type":52,"value":2331},"Pagination",{"type":47,"tag":159,"props":2333,"children":2334},{},[2335],{"type":47,"tag":66,"props":2336,"children":2338},{"className":2337},[],[2339],{"type":52,"value":2340},"Pagination.tsx",{"type":47,"tag":159,"props":2342,"children":2343},{},[2344,2350,2351,2357,2358,2364,2365,2371,2372],{"type":47,"tag":66,"props":2345,"children":2347},{"className":2346},[],[2348],{"type":52,"value":2349},"page",{"type":52,"value":1670},{"type":47,"tag":66,"props":2352,"children":2354},{"className":2353},[],[2355],{"type":52,"value":2356},"totalPages",{"type":52,"value":1670},{"type":47,"tag":66,"props":2359,"children":2361},{"className":2360},[],[2362],{"type":52,"value":2363},"onPageChange",{"type":52,"value":1670},{"type":47,"tag":66,"props":2366,"children":2368},{"className":2367},[],[2369],{"type":52,"value":2370},"rangeText?",{"type":52,"value":1670},{"type":47,"tag":66,"props":2373,"children":2375},{"className":2374},[],[2376],{"type":52,"value":2377},"pageSize?",{"type":47,"tag":117,"props":2379,"children":2380},{},[2381,2390,2399],{"type":47,"tag":159,"props":2382,"children":2383},{},[2384],{"type":47,"tag":66,"props":2385,"children":2387},{"className":2386},[],[2388],{"type":52,"value":2389},"StatusBadge",{"type":47,"tag":159,"props":2391,"children":2392},{},[2393],{"type":47,"tag":66,"props":2394,"children":2396},{"className":2395},[],[2397],{"type":52,"value":2398},"StatusBadge.tsx",{"type":47,"tag":159,"props":2400,"children":2401},{},[2402],{"type":52,"value":2403},"Status display",{"type":47,"tag":117,"props":2405,"children":2406},{},[2407,2424,2433],{"type":47,"tag":159,"props":2408,"children":2409},{},[2410,2416,2418],{"type":47,"tag":66,"props":2411,"children":2413},{"className":2412},[],[2414],{"type":52,"value":2415},"Skeleton",{"type":52,"value":2417}," \u002F ",{"type":47,"tag":66,"props":2419,"children":2421},{"className":2420},[],[2422],{"type":52,"value":2423},"PageSkeleton",{"type":47,"tag":159,"props":2425,"children":2426},{},[2427],{"type":47,"tag":66,"props":2428,"children":2430},{"className":2429},[],[2431],{"type":52,"value":2432},"Skeleton.tsx",{"type":47,"tag":159,"props":2434,"children":2435},{},[2436],{"type":52,"value":2437},"Shimmer animation loading states",{"type":47,"tag":117,"props":2439,"children":2440},{},[2441,2457,2466],{"type":47,"tag":159,"props":2442,"children":2443},{},[2444,2450,2451],{"type":47,"tag":66,"props":2445,"children":2447},{"className":2446},[],[2448],{"type":52,"value":2449},"Toast",{"type":52,"value":2417},{"type":47,"tag":66,"props":2452,"children":2454},{"className":2453},[],[2455],{"type":52,"value":2456},"useToast",{"type":47,"tag":159,"props":2458,"children":2459},{},[2460],{"type":47,"tag":66,"props":2461,"children":2463},{"className":2462},[],[2464],{"type":52,"value":2465},"Toast.tsx",{"type":47,"tag":159,"props":2467,"children":2468},{},[2469,2475],{"type":47,"tag":66,"props":2470,"children":2472},{"className":2471},[],[2473],{"type":52,"value":2474},"toast(message, 'success'|'error')",{"type":52,"value":2476}," — exit animation, progress bar, hover pause",{"type":47,"tag":117,"props":2478,"children":2479},{},[2480,2489,2498],{"type":47,"tag":159,"props":2481,"children":2482},{},[2483],{"type":47,"tag":66,"props":2484,"children":2486},{"className":2485},[],[2487],{"type":52,"value":2488},"FilterTagInput",{"type":47,"tag":159,"props":2490,"children":2491},{},[2492],{"type":47,"tag":66,"props":2493,"children":2495},{"className":2494},[],[2496],{"type":52,"value":2497},"FilterTagInput.tsx",{"type":47,"tag":159,"props":2499,"children":2500},{},[2501],{"type":52,"value":2502},"Tag-based filter input",{"type":47,"tag":117,"props":2504,"children":2505},{},[2506,2515,2524],{"type":47,"tag":159,"props":2507,"children":2508},{},[2509],{"type":47,"tag":66,"props":2510,"children":2512},{"className":2511},[],[2513],{"type":52,"value":2514},"IconButton",{"type":47,"tag":159,"props":2516,"children":2517},{},[2518],{"type":47,"tag":66,"props":2519,"children":2521},{"className":2520},[],[2522],{"type":52,"value":2523},"IconButton.tsx",{"type":47,"tag":159,"props":2525,"children":2526},{},[2527,2529],{"type":52,"value":2528},"Icon-only button with ",{"type":47,"tag":66,"props":2530,"children":2532},{"className":2531},[],[2533],{"type":52,"value":2534},"aria-label",{"type":47,"tag":397,"props":2536,"children":2538},{"id":2537},"stats-patterns-choose-one",[2539],{"type":52,"value":2540},"Stats Patterns (choose one)",{"type":47,"tag":109,"props":2542,"children":2543},{},[2544,2559],{"type":47,"tag":113,"props":2545,"children":2546},{},[2547],{"type":47,"tag":117,"props":2548,"children":2549},{},[2550,2555],{"type":47,"tag":121,"props":2551,"children":2552},{},[2553],{"type":52,"value":2554},"Pattern",{"type":47,"tag":121,"props":2556,"children":2557},{},[2558],{"type":52,"value":843},{"type":47,"tag":152,"props":2560,"children":2561},{},[2562,2584],{"type":47,"tag":117,"props":2563,"children":2564},{},[2565,2573],{"type":47,"tag":159,"props":2566,"children":2567},{},[2568],{"type":47,"tag":58,"props":2569,"children":2570},{},[2571],{"type":52,"value":2572},"Inline summary text",{"type":47,"tag":159,"props":2574,"children":2575},{},[2576,2578],{"type":52,"value":2577},"1-3 stats: ",{"type":47,"tag":66,"props":2579,"children":2581},{"className":2580},[],[2582],{"type":52,"value":2583},"\"42 ops · 3 errors · last: 2m ago\"",{"type":47,"tag":117,"props":2585,"children":2586},{},[2587,2595],{"type":47,"tag":159,"props":2588,"children":2589},{},[2590],{"type":47,"tag":58,"props":2591,"children":2592},{},[2593],{"type":52,"value":2594},"Stat card grid",{"type":47,"tag":159,"props":2596,"children":2597},{},[2598],{"type":52,"value":2599},"Dashboard overview KPIs only",{"type":47,"tag":397,"props":2601,"children":2603},{"id":2602},"status-patterns-choose-one-per-element",[2604],{"type":52,"value":2605},"Status Patterns (choose one per element)",{"type":47,"tag":109,"props":2607,"children":2608},{},[2609,2628],{"type":47,"tag":113,"props":2610,"children":2611},{},[2612],{"type":47,"tag":117,"props":2613,"children":2614},{},[2615,2619,2624],{"type":47,"tag":121,"props":2616,"children":2617},{},[2618],{"type":52,"value":2554},{"type":47,"tag":121,"props":2620,"children":2621},{},[2622],{"type":52,"value":2623},"Markup",{"type":47,"tag":121,"props":2625,"children":2626},{},[2627],{"type":52,"value":843},{"type":47,"tag":152,"props":2629,"children":2630},{},[2631,2653],{"type":47,"tag":117,"props":2632,"children":2633},{},[2634,2639,2648],{"type":47,"tag":159,"props":2635,"children":2636},{},[2637],{"type":52,"value":2638},"Colored dot",{"type":47,"tag":159,"props":2640,"children":2641},{},[2642],{"type":47,"tag":66,"props":2643,"children":2645},{"className":2644},[],[2646],{"type":52,"value":2647},"w-2 h-2 rounded-full",{"type":47,"tag":159,"props":2649,"children":2650},{},[2651],{"type":52,"value":2652},"Table rows, list items, audit findings\u002Frules",{"type":47,"tag":117,"props":2654,"children":2655},{},[2656,2660,2669],{"type":47,"tag":159,"props":2657,"children":2658},{},[2659],{"type":52,"value":1755},{"type":47,"tag":159,"props":2661,"children":2662},{},[2663],{"type":47,"tag":66,"props":2664,"children":2666},{"className":2665},[],[2667],{"type":52,"value":2668},"\u003CBadge variant=\"...\">",{"type":47,"tag":159,"props":2670,"children":2671},{},[2672],{"type":52,"value":2673},"Standalone labels",{"type":47,"tag":397,"props":2675,"children":2677},{"id":2676},"list-patterns",[2678],{"type":52,"value":2679},"List Patterns",{"type":47,"tag":109,"props":2681,"children":2682},{},[2683,2697],{"type":47,"tag":113,"props":2684,"children":2685},{},[2686],{"type":47,"tag":117,"props":2687,"children":2688},{},[2689,2693],{"type":47,"tag":121,"props":2690,"children":2691},{},[2692],{"type":52,"value":2554},{"type":47,"tag":121,"props":2694,"children":2695},{},[2696],{"type":52,"value":843},{"type":47,"tag":152,"props":2698,"children":2699},{},[2700,2713,2726],{"type":47,"tag":117,"props":2701,"children":2702},{},[2703,2708],{"type":47,"tag":159,"props":2704,"children":2705},{},[2706],{"type":52,"value":2707},"Table",{"type":47,"tag":159,"props":2709,"children":2710},{},[2711],{"type":52,"value":2712},"Uniform rows, sortable columns, many items",{"type":47,"tag":117,"props":2714,"children":2715},{},[2716,2721],{"type":47,"tag":159,"props":2717,"children":2718},{},[2719],{"type":52,"value":2720},"Card list (vertical)",{"type":47,"tag":159,"props":2722,"children":2723},{},[2724],{"type":52,"value":2725},"Mixed content per row, expandable",{"type":47,"tag":117,"props":2727,"children":2728},{},[2729,2734],{"type":47,"tag":159,"props":2730,"children":2731},{},[2732],{"type":52,"value":2733},"Card grid",{"type":47,"tag":159,"props":2735,"children":2736},{},[2737],{"type":52,"value":2738},"Visual overview, few fields per item",{"type":47,"tag":397,"props":2740,"children":2742},{"id":2741},"button-variants",[2743],{"type":52,"value":2744},"Button Variants",{"type":47,"tag":109,"props":2746,"children":2747},{},[2748,2763],{"type":47,"tag":113,"props":2749,"children":2750},{},[2751],{"type":47,"tag":117,"props":2752,"children":2753},{},[2754,2759],{"type":47,"tag":121,"props":2755,"children":2756},{},[2757],{"type":52,"value":2758},"Variant",{"type":47,"tag":121,"props":2760,"children":2761},{},[2762],{"type":52,"value":843},{"type":47,"tag":152,"props":2764,"children":2765},{},[2766,2783,2800,2817],{"type":47,"tag":117,"props":2767,"children":2768},{},[2769,2778],{"type":47,"tag":159,"props":2770,"children":2771},{},[2772],{"type":47,"tag":66,"props":2773,"children":2775},{"className":2774},[],[2776],{"type":52,"value":2777},"danger",{"type":47,"tag":159,"props":2779,"children":2780},{},[2781],{"type":52,"value":2782},"Permanent destructive: clear log, empty trash, delete forever",{"type":47,"tag":117,"props":2784,"children":2785},{},[2786,2795],{"type":47,"tag":159,"props":2787,"children":2788},{},[2789],{"type":47,"tag":66,"props":2790,"children":2792},{"className":2791},[],[2793],{"type":52,"value":2794},"secondary",{"type":47,"tag":159,"props":2796,"children":2797},{},[2798],{"type":52,"value":2799},"Reversible removal: uninstall, remove, restore",{"type":47,"tag":117,"props":2801,"children":2802},{},[2803,2812],{"type":47,"tag":159,"props":2804,"children":2805},{},[2806],{"type":47,"tag":66,"props":2807,"children":2809},{"className":2808},[],[2810],{"type":52,"value":2811},"ghost",{"type":47,"tag":159,"props":2813,"children":2814},{},[2815],{"type":52,"value":2816},"Cancel, clear filter, reset",{"type":47,"tag":117,"props":2818,"children":2819},{},[2820,2829],{"type":47,"tag":159,"props":2821,"children":2822},{},[2823],{"type":47,"tag":66,"props":2824,"children":2826},{"className":2825},[],[2827],{"type":52,"value":2828},"primary",{"type":47,"tag":159,"props":2830,"children":2831},{},[2832],{"type":52,"value":2833},"Positive action: save, sync, install, run",{"type":47,"tag":397,"props":2835,"children":2837},{"id":2836},"separator",[2838],{"type":52,"value":2839},"Separator",{"type":47,"tag":48,"props":2841,"children":2842},{},[2843,2845,2851,2853,2859,2861,2867],{"type":52,"value":2844},"Always: ",{"type":47,"tag":66,"props":2846,"children":2848},{"className":2847},[],[2849],{"type":52,"value":2850},"border-dashed border-pencil-light\u002F30",{"type":52,"value":2852}," (unified opacity, not ",{"type":47,"tag":66,"props":2854,"children":2856},{"className":2855},[],[2857],{"type":52,"value":2858},"\u002F20",{"type":52,"value":2860}," or ",{"type":47,"tag":66,"props":2862,"children":2864},{"className":2863},[],[2865],{"type":52,"value":2866},"\u002F40",{"type":52,"value":138},{"type":47,"tag":397,"props":2869,"children":2871},{"id":2870},"animations",[2872],{"type":52,"value":2873},"Animations",{"type":47,"tag":109,"props":2875,"children":2876},{},[2877,2893],{"type":47,"tag":113,"props":2878,"children":2879},{},[2880],{"type":47,"tag":117,"props":2881,"children":2882},{},[2883,2888],{"type":47,"tag":121,"props":2884,"children":2885},{},[2886],{"type":52,"value":2887},"Context",{"type":47,"tag":121,"props":2889,"children":2890},{},[2891],{"type":52,"value":2892},"Value",{"type":47,"tag":152,"props":2894,"children":2895},{},[2896,2921,2940,2957],{"type":47,"tag":117,"props":2897,"children":2898},{},[2899,2904],{"type":47,"tag":159,"props":2900,"children":2901},{},[2902],{"type":52,"value":2903},"Card rotation",{"type":47,"tag":159,"props":2905,"children":2906},{},[2907,2913,2915],{"type":47,"tag":66,"props":2908,"children":2910},{"className":2909},[],[2911],{"type":52,"value":2912},"rotate(+-0.15deg)",{"type":52,"value":2914}," via ",{"type":47,"tag":66,"props":2916,"children":2918},{"className":2917},[],[2919],{"type":52,"value":2920},":nth-child(odd\u002Feven)",{"type":47,"tag":117,"props":2922,"children":2923},{},[2924,2929],{"type":47,"tag":159,"props":2925,"children":2926},{},[2927],{"type":52,"value":2928},"Standalone accent",{"type":47,"tag":159,"props":2930,"children":2931},{},[2932,2934],{"type":52,"value":2933},"Max ",{"type":47,"tag":66,"props":2935,"children":2937},{"className":2936},[],[2938],{"type":52,"value":2939},"rotate(+-0.3deg)",{"type":47,"tag":117,"props":2941,"children":2942},{},[2943,2948],{"type":47,"tag":159,"props":2944,"children":2945},{},[2946],{"type":52,"value":2947},"Hover",{"type":47,"tag":159,"props":2949,"children":2950},{},[2951],{"type":47,"tag":66,"props":2952,"children":2954},{"className":2953},[],[2955],{"type":52,"value":2956},"transition-all duration-150",{"type":47,"tag":117,"props":2958,"children":2959},{},[2960,2965],{"type":47,"tag":159,"props":2961,"children":2962},{},[2963],{"type":52,"value":2964},"Page entry",{"type":47,"tag":159,"props":2966,"children":2967},{},[2968,2974],{"type":47,"tag":66,"props":2969,"children":2971},{"className":2970},[],[2972],{"type":52,"value":2973},"animate-fade-in",{"type":52,"value":2975}," (0.2s ease-out)",{"type":47,"tag":397,"props":2977,"children":2979},{"id":2978},"keyboard-shortcuts",[2980],{"type":52,"value":2981},"Keyboard Shortcuts",{"type":47,"tag":48,"props":2983,"children":2984},{},[2985,2987,2993,2995,3001],{"type":52,"value":2986},"Registered in ",{"type":47,"tag":66,"props":2988,"children":2990},{"className":2989},[],[2991],{"type":52,"value":2992},"KeyboardShortcutsModal.tsx",{"type":52,"value":2994}," and ",{"type":47,"tag":66,"props":2996,"children":2998},{"className":2997},[],[2999],{"type":52,"value":3000},"useGlobalShortcuts.ts",{"type":52,"value":423},{"type":47,"tag":1083,"props":3003,"children":3004},{},[3005,3015,3025,3036,3047,3067,3072,3083],{"type":47,"tag":1087,"props":3006,"children":3007},{},[3008,3013],{"type":47,"tag":66,"props":3009,"children":3011},{"className":3010},[],[3012],{"type":52,"value":1513},{"type":52,"value":3014}," — shortcuts modal",{"type":47,"tag":1087,"props":3016,"children":3017},{},[3018,3023],{"type":47,"tag":66,"props":3019,"children":3021},{"className":3020},[],[3022],{"type":52,"value":247},{"type":52,"value":3024}," — focus search",{"type":47,"tag":1087,"props":3026,"children":3027},{},[3028,3034],{"type":47,"tag":66,"props":3029,"children":3031},{"className":3030},[],[3032],{"type":52,"value":3033},"g d\u002Fs\u002Ft\u002Fl",{"type":52,"value":3035}," — go to Dashboard\u002FSkills\u002FTargets\u002FLog",{"type":47,"tag":1087,"props":3037,"children":3038},{},[3039,3045],{"type":47,"tag":66,"props":3040,"children":3042},{"className":3041},[],[3043],{"type":52,"value":3044},"r",{"type":52,"value":3046}," — refresh page",{"type":47,"tag":1087,"props":3048,"children":3049},{},[3050,3052,3058,3059,3065],{"type":52,"value":3051},"Only fire when no ",{"type":47,"tag":66,"props":3053,"children":3055},{"className":3054},[],[3056],{"type":52,"value":3057},"\u003Cinput>",{"type":52,"value":2417},{"type":47,"tag":66,"props":3060,"children":3062},{"className":3061},[],[3063],{"type":52,"value":3064},"\u003Ctextarea>",{"type":52,"value":3066}," focused",{"type":47,"tag":1087,"props":3068,"children":3069},{},[3070],{"type":52,"value":3071},"Chord timeout: 500ms",{"type":47,"tag":1087,"props":3073,"children":3074},{},[3075,3077],{"type":52,"value":3076},"New shortcuts must be added to ",{"type":47,"tag":66,"props":3078,"children":3080},{"className":3079},[],[3081],{"type":52,"value":3082},"KeyboardShortcutsModal",{"type":47,"tag":1087,"props":3084,"children":3085},{},[3086,3088,3094],{"type":52,"value":3087},"Never override browser-native shortcuts (",{"type":47,"tag":66,"props":3089,"children":3091},{"className":3090},[],[3092],{"type":52,"value":3093},"Cmd+C",{"type":52,"value":3095},", etc.)",{"type":47,"tag":397,"props":3097,"children":3099},{"id":3098},"accessibility",[3100],{"type":52,"value":3101},"Accessibility",{"type":47,"tag":109,"props":3103,"children":3104},{},[3105,3121],{"type":47,"tag":113,"props":3106,"children":3107},{},[3108],{"type":47,"tag":117,"props":3109,"children":3110},{},[3111,3116],{"type":47,"tag":121,"props":3112,"children":3113},{},[3114],{"type":52,"value":3115},"Concern",{"type":47,"tag":121,"props":3117,"children":3118},{},[3119],{"type":52,"value":3120},"Requirement",{"type":47,"tag":152,"props":3122,"children":3123},{},[3124,3141,3154,3167,3185,3217],{"type":47,"tag":117,"props":3125,"children":3126},{},[3127,3132],{"type":47,"tag":159,"props":3128,"children":3129},{},[3130],{"type":52,"value":3131},"Focus ring",{"type":47,"tag":159,"props":3133,"children":3134},{},[3135],{"type":47,"tag":66,"props":3136,"children":3138},{"className":3137},[],[3139],{"type":52,"value":3140},"focus:ring-2 focus:ring-blue\u002F20",{"type":47,"tag":117,"props":3142,"children":3143},{},[3144,3149],{"type":47,"tag":159,"props":3145,"children":3146},{},[3147],{"type":52,"value":3148},"Touch target",{"type":47,"tag":159,"props":3150,"children":3151},{},[3152],{"type":52,"value":3153},"Min 44x44px",{"type":47,"tag":117,"props":3155,"children":3156},{},[3157,3162],{"type":47,"tag":159,"props":3158,"children":3159},{},[3160],{"type":52,"value":3161},"Color contrast",{"type":47,"tag":159,"props":3163,"children":3164},{},[3165],{"type":52,"value":3166},"4.5:1 (WCAG AA)",{"type":47,"tag":117,"props":3168,"children":3169},{},[3170,3175],{"type":47,"tag":159,"props":3171,"children":3172},{},[3173],{"type":52,"value":3174},"Icon buttons",{"type":47,"tag":159,"props":3176,"children":3177},{},[3178,3183],{"type":47,"tag":66,"props":3179,"children":3181},{"className":3180},[],[3182],{"type":52,"value":2534},{"type":52,"value":3184}," required",{"type":47,"tag":117,"props":3186,"children":3187},{},[3188,3193],{"type":47,"tag":159,"props":3189,"children":3190},{},[3191],{"type":52,"value":3192},"Modals",{"type":47,"tag":159,"props":3194,"children":3195},{},[3196,3202,3204,3210,3211],{"type":47,"tag":66,"props":3197,"children":3199},{"className":3198},[],[3200],{"type":52,"value":3201},"role=\"dialog\"",{"type":52,"value":3203}," + ",{"type":47,"tag":66,"props":3205,"children":3207},{"className":3206},[],[3208],{"type":52,"value":3209},"aria-modal=\"true\"",{"type":52,"value":3203},{"type":47,"tag":66,"props":3212,"children":3214},{"className":3213},[],[3215],{"type":52,"value":3216},"useFocusTrap",{"type":47,"tag":117,"props":3218,"children":3219},{},[3220,3224],{"type":47,"tag":159,"props":3221,"children":3222},{},[3223],{"type":52,"value":1411},{"type":47,"tag":159,"props":3225,"children":3226},{},[3227,3233,3234,3240,3241],{"type":47,"tag":66,"props":3228,"children":3230},{"className":3229},[],[3231],{"type":52,"value":3232},"role=\"combobox\"",{"type":52,"value":3203},{"type":47,"tag":66,"props":3235,"children":3237},{"className":3236},[],[3238],{"type":52,"value":3239},"aria-expanded",{"type":52,"value":3203},{"type":47,"tag":66,"props":3242,"children":3244},{"className":3243},[],[3245],{"type":52,"value":3246},"role=\"listbox\u002Foption\"",{"type":47,"tag":397,"props":3248,"children":3250},{"id":3249},"card-overflow-gotcha",[3251],{"type":52,"value":3252},"Card Overflow Gotcha",{"type":47,"tag":48,"props":3254,"children":3255},{},[3256,3261,3263,3269,3271,3276,3278,3284],{"type":47,"tag":66,"props":3257,"children":3259},{"className":3258},[],[3260],{"type":52,"value":1659},{"type":52,"value":3262}," has ",{"type":47,"tag":66,"props":3264,"children":3266},{"className":3265},[],[3267],{"type":52,"value":3268},"overflow-hidden",{"type":52,"value":3270}," by default for border-radius clipping. Absolute-positioned children (dropdowns, tooltips) get clipped. Fix: pass ",{"type":47,"tag":66,"props":3272,"children":3274},{"className":3273},[],[3275],{"type":52,"value":1683},{"type":52,"value":3277}," prop or add ",{"type":47,"tag":66,"props":3279,"children":3281},{"className":3280},[],[3282],{"type":52,"value":3283},"className=\"!overflow-visible\"",{"type":52,"value":95},{"type":47,"tag":397,"props":3286,"children":3288},{"id":3287},"data-fetching-pattern",[3289],{"type":52,"value":3290},"Data Fetching Pattern",{"type":47,"tag":48,"props":3292,"children":3293},{},[3294,3296,3302],{"type":52,"value":3295},"Pages use ",{"type":47,"tag":66,"props":3297,"children":3299},{"className":3298},[],[3300],{"type":52,"value":3301},"@tanstack\u002Freact-query",{"type":52,"value":423},{"type":47,"tag":425,"props":3304,"children":3306},{"className":1174,"code":3305,"language":1176,"meta":430,"style":430},"const { data, isPending } = useQuery({\n queryKey: queryKeys.someKey(...),\n queryFn: () => api.someEndpoint(...),\n staleTime: staleTimes.someCategory,\n});\n",[3307],{"type":47,"tag":66,"props":3308,"children":3309},{"__ignoreMap":430},[3310,3362,3405,3457,3487],{"type":47,"tag":436,"props":3311,"children":3312},{"class":438,"line":439},[3313,3318,3322,3327,3331,3336,3341,3346,3352,3357],{"type":47,"tag":436,"props":3314,"children":3315},{"style":1197},[3316],{"type":52,"value":3317},"const",{"type":47,"tag":436,"props":3319,"children":3320},{"style":459},[3321],{"type":52,"value":462},{"type":47,"tag":436,"props":3323,"children":3324},{"style":465},[3325],{"type":52,"value":3326}," data",{"type":47,"tag":436,"props":3328,"children":3329},{"style":459},[3330],{"type":52,"value":473},{"type":47,"tag":436,"props":3332,"children":3333},{"style":465},[3334],{"type":52,"value":3335}," isPending ",{"type":47,"tag":436,"props":3337,"children":3338},{"style":459},[3339],{"type":52,"value":3340},"}",{"type":47,"tag":436,"props":3342,"children":3343},{"style":459},[3344],{"type":52,"value":3345}," =",{"type":47,"tag":436,"props":3347,"children":3349},{"style":3348},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[3350],{"type":52,"value":3351}," useQuery",{"type":47,"tag":436,"props":3353,"children":3354},{"style":465},[3355],{"type":52,"value":3356},"(",{"type":47,"tag":436,"props":3358,"children":3359},{"style":459},[3360],{"type":52,"value":3361},"{\n",{"type":47,"tag":436,"props":3363,"children":3364},{"class":438,"line":449},[3365,3370,3374,3379,3383,3388,3392,3396,3400],{"type":47,"tag":436,"props":3366,"children":3367},{"style":1191},[3368],{"type":52,"value":3369}," queryKey",{"type":47,"tag":436,"props":3371,"children":3372},{"style":459},[3373],{"type":52,"value":423},{"type":47,"tag":436,"props":3375,"children":3376},{"style":465},[3377],{"type":52,"value":3378}," queryKeys",{"type":47,"tag":436,"props":3380,"children":3381},{"style":459},[3382],{"type":52,"value":95},{"type":47,"tag":436,"props":3384,"children":3385},{"style":3348},[3386],{"type":52,"value":3387},"someKey",{"type":47,"tag":436,"props":3389,"children":3390},{"style":465},[3391],{"type":52,"value":3356},{"type":47,"tag":436,"props":3393,"children":3394},{"style":459},[3395],{"type":52,"value":1276},{"type":47,"tag":436,"props":3397,"children":3398},{"style":465},[3399],{"type":52,"value":138},{"type":47,"tag":436,"props":3401,"children":3402},{"style":459},[3403],{"type":52,"value":3404},",\n",{"type":47,"tag":436,"props":3406,"children":3407},{"class":438,"line":521},[3408,3413,3417,3422,3427,3432,3436,3441,3445,3449,3453],{"type":47,"tag":436,"props":3409,"children":3410},{"style":3348},[3411],{"type":52,"value":3412}," queryFn",{"type":47,"tag":436,"props":3414,"children":3415},{"style":459},[3416],{"type":52,"value":423},{"type":47,"tag":436,"props":3418,"children":3419},{"style":459},[3420],{"type":52,"value":3421}," ()",{"type":47,"tag":436,"props":3423,"children":3424},{"style":1197},[3425],{"type":52,"value":3426}," =>",{"type":47,"tag":436,"props":3428,"children":3429},{"style":465},[3430],{"type":52,"value":3431}," api",{"type":47,"tag":436,"props":3433,"children":3434},{"style":459},[3435],{"type":52,"value":95},{"type":47,"tag":436,"props":3437,"children":3438},{"style":3348},[3439],{"type":52,"value":3440},"someEndpoint",{"type":47,"tag":436,"props":3442,"children":3443},{"style":465},[3444],{"type":52,"value":3356},{"type":47,"tag":436,"props":3446,"children":3447},{"style":459},[3448],{"type":52,"value":1276},{"type":47,"tag":436,"props":3450,"children":3451},{"style":465},[3452],{"type":52,"value":138},{"type":47,"tag":436,"props":3454,"children":3455},{"style":459},[3456],{"type":52,"value":3404},{"type":47,"tag":436,"props":3458,"children":3459},{"class":438,"line":531},[3460,3465,3469,3474,3478,3483],{"type":47,"tag":436,"props":3461,"children":3462},{"style":1191},[3463],{"type":52,"value":3464}," staleTime",{"type":47,"tag":436,"props":3466,"children":3467},{"style":459},[3468],{"type":52,"value":423},{"type":47,"tag":436,"props":3470,"children":3471},{"style":465},[3472],{"type":52,"value":3473}," staleTimes",{"type":47,"tag":436,"props":3475,"children":3476},{"style":459},[3477],{"type":52,"value":95},{"type":47,"tag":436,"props":3479,"children":3480},{"style":465},[3481],{"type":52,"value":3482},"someCategory",{"type":47,"tag":436,"props":3484,"children":3485},{"style":459},[3486],{"type":52,"value":3404},{"type":47,"tag":436,"props":3488,"children":3489},{"class":438,"line":554},[3490,3494,3498],{"type":47,"tag":436,"props":3491,"children":3492},{"style":459},[3493],{"type":52,"value":3340},{"type":47,"tag":436,"props":3495,"children":3496},{"style":465},[3497],{"type":52,"value":138},{"type":47,"tag":436,"props":3499,"children":3500},{"style":459},[3501],{"type":52,"value":518},{"type":47,"tag":1083,"props":3503,"children":3504},{},[3505,3516,3527],{"type":47,"tag":1087,"props":3506,"children":3507},{},[3508,3510],{"type":52,"value":3509},"Query keys: ",{"type":47,"tag":66,"props":3511,"children":3513},{"className":3512},[],[3514],{"type":52,"value":3515},"ui\u002Fsrc\u002Flib\u002FqueryKeys.ts",{"type":47,"tag":1087,"props":3517,"children":3518},{},[3519,3521],{"type":52,"value":3520},"API client: ",{"type":47,"tag":66,"props":3522,"children":3524},{"className":3523},[],[3525],{"type":52,"value":3526},"ui\u002Fsrc\u002Fapi\u002Fclient.ts",{"type":47,"tag":1087,"props":3528,"children":3529},{},[3530,3532,3538,3540],{"type":52,"value":3531},"App context: ",{"type":47,"tag":66,"props":3533,"children":3535},{"className":3534},[],[3536],{"type":52,"value":3537},"ui\u002Fsrc\u002Fcontext\u002FAppContext.tsx",{"type":52,"value":3539}," provides ",{"type":47,"tag":66,"props":3541,"children":3543},{"className":3542},[],[3544],{"type":52,"value":3545},"{ isProjectMode, projectRoot }",{"type":47,"tag":353,"props":3547,"children":3548},{},[],{"type":47,"tag":357,"props":3550,"children":3552},{"id":3551},"website-website",[3553,3554,3559],{"type":52,"value":143},{"type":47,"tag":66,"props":3555,"children":3557},{"className":3556},[],[3558],{"type":52,"value":149},{"type":52,"value":138},{"type":47,"tag":48,"props":3561,"children":3562},{},[3563,3565,3571],{"type":52,"value":3564},"Docusaurus with hand-drawn \"sketchy organic\" design in ",{"type":47,"tag":66,"props":3566,"children":3568},{"className":3567},[],[3569],{"type":52,"value":3570},"website\u002Fsrc\u002Fcss\u002Fcustom.css",{"type":52,"value":95},{"type":47,"tag":397,"props":3573,"children":3575},{"id":3574},"key-differences-from-ui-dashboard",[3576],{"type":52,"value":3577},"Key Differences from UI Dashboard",{"type":47,"tag":1083,"props":3579,"children":3580},{},[3581,3599,3615,3632,3649,3659,3676,3693],{"type":47,"tag":1087,"props":3582,"children":3583},{},[3584,3589,3591,3597],{"type":47,"tag":58,"props":3585,"children":3586},{},[3587],{"type":52,"value":3588},"Wobbly borders",{"type":52,"value":3590},": ",{"type":47,"tag":66,"props":3592,"children":3594},{"className":3593},[],[3595],{"type":52,"value":3596},"border-radius: var(--radius-wobbly)",{"type":52,"value":3598}," (not clean px values)",{"type":47,"tag":1087,"props":3600,"children":3601},{},[3602,3607,3608,3613],{"type":47,"tag":58,"props":3603,"children":3604},{},[3605],{"type":52,"value":3606},"Hard shadows",{"type":52,"value":3590},{"type":47,"tag":66,"props":3609,"children":3611},{"className":3610},[],[3612],{"type":52,"value":303},{"type":52,"value":3614}," (no blur)",{"type":47,"tag":1087,"props":3616,"children":3617},{},[3618,3623,3624,3630],{"type":47,"tag":58,"props":3619,"children":3620},{},[3621],{"type":52,"value":3622},"Dot grid bg",{"type":52,"value":3590},{"type":47,"tag":66,"props":3625,"children":3627},{"className":3626},[],[3628],{"type":52,"value":3629},"radial-gradient(var(--color-muted) 1px, transparent 1px)",{"type":52,"value":3631}," on body",{"type":47,"tag":1087,"props":3633,"children":3634},{},[3635,3640,3641,3647],{"type":47,"tag":58,"props":3636,"children":3637},{},[3638],{"type":52,"value":3639},"Post-it yellow",{"type":52,"value":3590},{"type":47,"tag":66,"props":3642,"children":3644},{"className":3643},[],[3645],{"type":52,"value":3646},"--color-postit: #fff9c4",{"type":52,"value":3648}," for highlights",{"type":47,"tag":1087,"props":3650,"children":3651},{},[3652,3657],{"type":47,"tag":58,"props":3653,"children":3654},{},[3655],{"type":52,"value":3656},"Dashed borders everywhere",{"type":52,"value":3658},": navbar, sidebar, tables, pagination, code blocks",{"type":47,"tag":1087,"props":3660,"children":3661},{},[3662,3667,3668,3674],{"type":47,"tag":58,"props":3663,"children":3664},{},[3665],{"type":52,"value":3666},"Button hover",{"type":52,"value":3590},{"type":47,"tag":66,"props":3669,"children":3671},{"className":3670},[],[3672],{"type":52,"value":3673},"transform: translate(2px, 2px)",{"type":52,"value":3675}," + shadow shrinks (press-down feel)",{"type":47,"tag":1087,"props":3677,"children":3678},{},[3679,3684,3686,3692],{"type":47,"tag":58,"props":3680,"children":3681},{},[3682],{"type":52,"value":3683},"Links",{"type":52,"value":3685},": wavy underline (",{"type":47,"tag":66,"props":3687,"children":3689},{"className":3688},[],[3690],{"type":52,"value":3691},"text-decoration-style: wavy",{"type":52,"value":138},{"type":47,"tag":1087,"props":3694,"children":3695},{},[3696,3701,3703,3709],{"type":47,"tag":58,"props":3697,"children":3698},{},[3699],{"type":52,"value":3700},"Dark mode",{"type":52,"value":3702},": amber\u002Fgold primary (",{"type":47,"tag":66,"props":3704,"children":3706},{"className":3705},[],[3707],{"type":52,"value":3708},"#e8a84c",{"type":52,"value":3710},") instead of blue",{"type":47,"tag":397,"props":3712,"children":3714},{"id":3713},"css-variables",[3715],{"type":52,"value":3716},"CSS Variables",{"type":47,"tag":48,"props":3718,"children":3719},{},[3720,3722,3727],{"type":52,"value":3721},"See ",{"type":47,"tag":66,"props":3723,"children":3725},{"className":3724},[],[3726],{"type":52,"value":3570},{"type":52,"value":3728}," for full list. Key additions beyond shared palette:",{"type":47,"tag":1083,"props":3730,"children":3731},{},[3732,3743,3754,3765],{"type":47,"tag":1087,"props":3733,"children":3734},{},[3735,3741],{"type":47,"tag":66,"props":3736,"children":3738},{"className":3737},[],[3739],{"type":52,"value":3740},"--radius-wobbly[-sm|-md|-btn]",{"type":52,"value":3742}," — hand-drawn border-radius",{"type":47,"tag":1087,"props":3744,"children":3745},{},[3746,3752],{"type":47,"tag":66,"props":3747,"children":3749},{"className":3748},[],[3750],{"type":52,"value":3751},"--color-postit[-dark]",{"type":52,"value":3753}," — yellow highlight",{"type":47,"tag":1087,"props":3755,"children":3756},{},[3757,3763],{"type":47,"tag":66,"props":3758,"children":3760},{"className":3759},[],[3761],{"type":52,"value":3762},"--shadow-md: 4px 4px 0px 0px #2d2d2d",{"type":52,"value":3764}," — hard offset",{"type":47,"tag":1087,"props":3766,"children":3767},{},[3768,3774,3775,3781,3782,3788],{"type":47,"tag":66,"props":3769,"children":3771},{"className":3770},[],[3772],{"type":52,"value":3773},"--card-bg",{"type":52,"value":1670},{"type":47,"tag":66,"props":3776,"children":3778},{"className":3777},[],[3779],{"type":52,"value":3780},"--card-border",{"type":52,"value":1670},{"type":47,"tag":66,"props":3783,"children":3785},{"className":3784},[],[3786],{"type":52,"value":3787},"--install-bg",{"type":52,"value":3789}," — component-specific",{"type":47,"tag":397,"props":3791,"children":3793},{"id":3792},"docusaurus-classes",[3794],{"type":52,"value":3795},"Docusaurus Classes",{"type":47,"tag":1083,"props":3797,"children":3798},{},[3799,3810,3821,3832,3843,3854,3865],{"type":47,"tag":1087,"props":3800,"children":3801},{},[3802,3808],{"type":47,"tag":66,"props":3803,"children":3805},{"className":3804},[],[3806],{"type":52,"value":3807},".button--primary",{"type":52,"value":3809}," — green bg, pencil border, hard shadow",{"type":47,"tag":1087,"props":3811,"children":3812},{},[3813,3819],{"type":47,"tag":66,"props":3814,"children":3816},{"className":3815},[],[3817],{"type":52,"value":3818},".button--secondary",{"type":52,"value":3820}," — dashed border, no fill",{"type":47,"tag":1087,"props":3822,"children":3823},{},[3824,3830],{"type":47,"tag":66,"props":3825,"children":3827},{"className":3826},[],[3828],{"type":52,"value":3829},".markdown h2",{"type":52,"value":3831}," — dashed bottom border",{"type":47,"tag":1087,"props":3833,"children":3834},{},[3835,3841],{"type":47,"tag":66,"props":3836,"children":3838},{"className":3837},[],[3839],{"type":52,"value":3840},".admonition",{"type":52,"value":3842}," — wobbly border-radius, left stripe",{"type":47,"tag":1087,"props":3844,"children":3845},{},[3846,3852],{"type":47,"tag":66,"props":3847,"children":3849},{"className":3848},[],[3850],{"type":52,"value":3851},".menu__link--active",{"type":52,"value":3853}," — post-it yellow background",{"type":47,"tag":1087,"props":3855,"children":3856},{},[3857,3863],{"type":47,"tag":66,"props":3858,"children":3860},{"className":3859},[],[3861],{"type":52,"value":3862},".target-badge",{"type":52,"value":3864}," — wobbly border for target grid",{"type":47,"tag":1087,"props":3866,"children":3867},{},[3868,3870],{"type":52,"value":3869},"Code blocks get ",{"type":47,"tag":66,"props":3871,"children":3873},{"className":3872},[],[3874],{"type":52,"value":3875},"box-shadow: 4px 4px 0px 0px #101827",{"type":47,"tag":397,"props":3877,"children":3879},{"id":3878},"homepage-components-websitesrcpagesindextsx",[3880,3882,3888],{"type":52,"value":3881},"Homepage Components (",{"type":47,"tag":66,"props":3883,"children":3885},{"className":3884},[],[3886],{"type":52,"value":3887},"website\u002Fsrc\u002Fpages\u002Findex.tsx",{"type":52,"value":138},{"type":47,"tag":1083,"props":3890,"children":3891},{},[3892,3903,3914,3925],{"type":47,"tag":1087,"props":3893,"children":3894},{},[3895,3901],{"type":47,"tag":66,"props":3896,"children":3898},{"className":3897},[],[3899],{"type":52,"value":3900},"CARD_ROTATIONS",{"type":52,"value":3902}," array for random hand-drawn tilt",{"type":47,"tag":1087,"props":3904,"children":3905},{},[3906,3912],{"type":47,"tag":66,"props":3907,"children":3909},{"className":3908},[],[3910],{"type":52,"value":3911},"WavyDivider",{"type":52,"value":3913}," — SVG dashed wavy line between sections",{"type":47,"tag":1087,"props":3915,"children":3916},{},[3917,3923],{"type":47,"tag":66,"props":3918,"children":3920},{"className":3919},[],[3921],{"type":52,"value":3922},"InstallTabs",{"type":52,"value":3924}," — tabbed install commands with copy button",{"type":47,"tag":1087,"props":3926,"children":3927},{},[3928],{"type":52,"value":3929},"Hero has hand-drawn SVG connector + underline",{"type":47,"tag":353,"props":3931,"children":3932},{},[],{"type":47,"tag":357,"props":3934,"children":3936},{"id":3935},"anti-patterns-both-systems",[3937],{"type":52,"value":3938},"Anti-Patterns (Both Systems)",{"type":47,"tag":109,"props":3940,"children":3941},{},[3942,3958],{"type":47,"tag":113,"props":3943,"children":3944},{},[3945],{"type":47,"tag":117,"props":3946,"children":3947},{},[3948,3953],{"type":47,"tag":121,"props":3949,"children":3950},{},[3951],{"type":52,"value":3952},"Don't",{"type":47,"tag":121,"props":3954,"children":3955},{},[3956],{"type":52,"value":3957},"Do Instead",{"type":47,"tag":152,"props":3959,"children":3960},{},[3961,3974,3986,4006,4019,4050,4073,4091,4112,4145],{"type":47,"tag":117,"props":3962,"children":3963},{},[3964,3969],{"type":47,"tag":159,"props":3965,"children":3966},{},[3967],{"type":52,"value":3968},"Emojis as status icons",{"type":47,"tag":159,"props":3970,"children":3971},{},[3972],{"type":52,"value":3973},"Colored dots, badges, or semantic icons",{"type":47,"tag":117,"props":3975,"children":3976},{},[3977,3982],{"type":47,"tag":159,"props":3978,"children":3979},{},[3980],{"type":52,"value":3981},"Stat cards for 1-3 values",{"type":47,"tag":159,"props":3983,"children":3984},{},[3985],{"type":52,"value":2572},{"type":47,"tag":117,"props":3987,"children":3988},{},[3989,4001],{"type":47,"tag":159,"props":3990,"children":3991},{},[3992,3994,4000],{"type":52,"value":3993},"Left-border colored stripes (",{"type":47,"tag":66,"props":3995,"children":3997},{"className":3996},[],[3998],{"type":52,"value":3999},"border-l-*",{"type":52,"value":138},{"type":47,"tag":159,"props":4002,"children":4003},{},[4004],{"type":52,"value":4005},"Colored dots or badges — never use left stripe for emphasis or status",{"type":47,"tag":117,"props":4007,"children":4008},{},[4009,4014],{"type":47,"tag":159,"props":4010,"children":4011},{},[4012],{"type":52,"value":4013},"Stripe + badge for same status",{"type":47,"tag":159,"props":4015,"children":4016},{},[4017],{"type":52,"value":4018},"Pick one per element",{"type":47,"tag":117,"props":4020,"children":4021},{},[4022,4039],{"type":47,"tag":159,"props":4023,"children":4024},{},[4025,4027,4032,4033,4038],{"type":52,"value":4026},"Mixed separator opacity (",{"type":47,"tag":66,"props":4028,"children":4030},{"className":4029},[],[4031],{"type":52,"value":2858},{"type":52,"value":1670},{"type":47,"tag":66,"props":4034,"children":4036},{"className":4035},[],[4037],{"type":52,"value":2866},{"type":52,"value":138},{"type":47,"tag":159,"props":4040,"children":4041},{},[4042,4044],{"type":52,"value":4043},"Always ",{"type":47,"tag":66,"props":4045,"children":4047},{"className":4046},[],[4048],{"type":52,"value":4049},"border-pencil-light\u002F30",{"type":47,"tag":117,"props":4051,"children":4052},{},[4053,4062],{"type":47,"tag":159,"props":4054,"children":4055},{},[4056],{"type":47,"tag":66,"props":4057,"children":4059},{"className":4058},[],[4060],{"type":52,"value":4061},"window.confirm()",{"type":47,"tag":159,"props":4063,"children":4064},{},[4065,4071],{"type":47,"tag":66,"props":4066,"children":4068},{"className":4067},[],[4069],{"type":52,"value":4070},"\u003CConfirmDialog>",{"type":52,"value":4072}," component",{"type":47,"tag":117,"props":4074,"children":4075},{},[4076,4081],{"type":47,"tag":159,"props":4077,"children":4078},{},[4079],{"type":52,"value":4080},"Custom empty-state markup",{"type":47,"tag":159,"props":4082,"children":4083},{},[4084,4090],{"type":47,"tag":66,"props":4085,"children":4087},{"className":4086},[],[4088],{"type":52,"value":4089},"\u003CEmptyState>",{"type":52,"value":4072},{"type":47,"tag":117,"props":4092,"children":4093},{},[4094,4099],{"type":47,"tag":159,"props":4095,"children":4096},{},[4097],{"type":52,"value":4098},"Inline styles for design tokens",{"type":47,"tag":159,"props":4100,"children":4101},{},[4102,4104,4110],{"type":52,"value":4103},"Use Tailwind classes or ",{"type":47,"tag":66,"props":4105,"children":4107},{"className":4106},[],[4108],{"type":52,"value":4109},"design.ts",{"type":52,"value":4111}," exports",{"type":47,"tag":117,"props":4113,"children":4114},{},[4115,4133],{"type":47,"tag":159,"props":4116,"children":4117},{},[4118,4124,4126,4131],{"type":47,"tag":66,"props":4119,"children":4121},{"className":4120},[],[4122],{"type":52,"value":4123},"overflow-visible",{"type":52,"value":4125}," on Card without ",{"type":47,"tag":66,"props":4127,"children":4129},{"className":4128},[],[4130],{"type":52,"value":1683},{"type":52,"value":4132}," prop",{"type":47,"tag":159,"props":4134,"children":4135},{},[4136,4138,4143],{"type":52,"value":4137},"Pass ",{"type":47,"tag":66,"props":4139,"children":4141},{"className":4140},[],[4142],{"type":52,"value":1683},{"type":52,"value":4144}," prop to Card",{"type":47,"tag":117,"props":4146,"children":4147},{},[4148,4161],{"type":47,"tag":159,"props":4149,"children":4150},{},[4151,4153,4159],{"type":52,"value":4152},"Dropdowns inside ",{"type":47,"tag":66,"props":4154,"children":4156},{"className":4155},[],[4157],{"type":52,"value":4158},"flex-wrap",{"type":52,"value":4160}," title rows",{"type":47,"tag":159,"props":4162,"children":4163},{},[4164],{"type":52,"value":4165},"Put dropdowns on their own row",{"type":47,"tag":357,"props":4167,"children":4169},{"id":4168},"checklist-before-submitting",[4170],{"type":52,"value":4171},"Checklist Before Submitting",{"type":47,"tag":1083,"props":4173,"children":4176},{"className":4174},[4175],"contains-task-list",[4177,4189,4198,4221,4235,4249,4263,4277,4291,4307],{"type":47,"tag":1087,"props":4178,"children":4181},{"className":4179},[4180],"task-list-item",[4182,4187],{"type":47,"tag":4183,"props":4184,"children":4186},"input",{"disabled":525,"type":4185},"checkbox",[],{"type":52,"value":4188}," Uses existing components (Card, Badge, Button, etc.) — no custom markup for solved patterns",{"type":47,"tag":1087,"props":4190,"children":4192},{"className":4191},[4180],[4193,4196],{"type":47,"tag":4183,"props":4194,"children":4195},{"disabled":525,"type":4185},[],{"type":52,"value":4197}," Page follows PageHeader → Toolbar → Summary → Content structure",{"type":47,"tag":1087,"props":4199,"children":4201},{"className":4200},[4180],[4202,4205,4207,4212,4214,4220],{"type":47,"tag":4183,"props":4203,"children":4204},{"disabled":525,"type":4185},[],{"type":52,"value":4206}," Color tokens from Tailwind (",{"type":47,"tag":66,"props":4208,"children":4210},{"className":4209},[],[4211],{"type":52,"value":863},{"type":52,"value":4213},", not hardcoded ",{"type":47,"tag":66,"props":4215,"children":4217},{"className":4216},[],[4218],{"type":52,"value":4219},"#141312",{"type":52,"value":138},{"type":47,"tag":1087,"props":4222,"children":4224},{"className":4223},[4180],[4225,4228,4230],{"type":47,"tag":4183,"props":4226,"children":4227},{"disabled":525,"type":4185},[],{"type":52,"value":4229}," Separator is ",{"type":47,"tag":66,"props":4231,"children":4233},{"className":4232},[],[4234],{"type":52,"value":2850},{"type":47,"tag":1087,"props":4236,"children":4238},{"className":4237},[4180],[4239,4242,4244],{"type":47,"tag":4183,"props":4240,"children":4241},{"disabled":525,"type":4185},[],{"type":52,"value":4243}," Empty states use ",{"type":47,"tag":66,"props":4245,"children":4247},{"className":4246},[],[4248],{"type":52,"value":4089},{"type":47,"tag":1087,"props":4250,"children":4252},{"className":4251},[4180],[4253,4256,4258],{"type":47,"tag":4183,"props":4254,"children":4255},{"disabled":525,"type":4185},[],{"type":52,"value":4257}," Destructive actions use ",{"type":47,"tag":66,"props":4259,"children":4261},{"className":4260},[],[4262],{"type":52,"value":4070},{"type":47,"tag":1087,"props":4264,"children":4266},{"className":4265},[4180],[4267,4270,4272],{"type":47,"tag":4183,"props":4268,"children":4269},{"disabled":525,"type":4185},[],{"type":52,"value":4271}," All icon buttons have ",{"type":47,"tag":66,"props":4273,"children":4275},{"className":4274},[],[4276],{"type":52,"value":2534},{"type":47,"tag":1087,"props":4278,"children":4280},{"className":4279},[4180],[4281,4284,4286],{"type":47,"tag":4183,"props":4282,"children":4283},{"disabled":525,"type":4185},[],{"type":52,"value":4285}," New shortcuts registered in ",{"type":47,"tag":66,"props":4287,"children":4289},{"className":4288},[],[4290],{"type":52,"value":3082},{"type":47,"tag":1087,"props":4292,"children":4294},{"className":4293},[4180],[4295,4298,4300,4305],{"type":47,"tag":4183,"props":4296,"children":4297},{"disabled":525,"type":4185},[],{"type":52,"value":4299}," ",{"type":47,"tag":66,"props":4301,"children":4303},{"className":4302},[],[4304],{"type":52,"value":2973},{"type":52,"value":4306}," on root container",{"type":47,"tag":1087,"props":4308,"children":4310},{"className":4309},[4180],[4311,4314],{"type":47,"tag":4183,"props":4312,"children":4313},{"disabled":525,"type":4185},[],{"type":52,"value":4315}," Dark mode works (check both themes)",{"type":47,"tag":4317,"props":4318,"children":4319},"style",{},[4320],{"type":52,"value":4321},"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":4323,"total":4454},[4324,4342,4351,4360,4371,4381,4394,4403,4412,4422,4431,4444],{"slug":4325,"name":4325,"fn":4326,"description":4327,"org":4328,"tags":4329,"stars":4339,"repoUrl":4340,"updatedAt":4341},"mps-aspect-accessories","configure JetBrains MPS module dependencies","Wire MPS module and model dependencies, used languages, used devkits, extended languages, runtime solutions, accessory models, and language\u002Fdependency versions. Use when adding\u002Fremoving module dependencies, importing languages or devkits into a model, declaring runtime solutions, or shipping accessory content visible to consumers without explicit import.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4330,4333,4336],{"name":4331,"slug":4332,"type":15},"Architecture","architecture",{"name":4334,"slug":4335,"type":15},"Configuration","configuration",{"name":4337,"slug":4338,"type":15},"Engineering","engineering",1650,"https:\u002F\u002Fgithub.com\u002FJetBrains\u002FMPS","2026-07-17T06:06:57.311661",{"slug":4343,"name":4343,"fn":4344,"description":4345,"org":4346,"tags":4347,"stars":4339,"repoUrl":4340,"updatedAt":4350},"mps-aspect-actions","define and edit MPS node factories","Use when defining or editing MPS node factories (the \"actions\" aspect) — `NodeFactories` roots, per-concept `NodeFactory` setup functions that initialize a freshly created node and optionally copy data from a replaced `sampleNode`, plus the actions aspect's `CopyPasteHandlers` and `PasteWrappers` roots. Reach for this skill when a substitution, side transform, completion replacement, or `add new initialized(...)` should preserve fields from the node it is replacing, or when defaults set in a constructor are not enough.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4348,4349],{"name":4331,"slug":4332,"type":15},{"name":4337,"slug":4338,"type":15},"2026-07-17T06:04:48.066901",{"slug":4352,"name":4352,"fn":4353,"description":4354,"org":4355,"tags":4356,"stars":4339,"repoUrl":4340,"updatedAt":4359},"mps-aspect-behavior","define and edit MPS concept behavior","Use when defining or editing MPS `ConceptBehavior` — per-concept methods (non-virtual \u002F virtual \u002F abstract \u002F static \u002F virtual static), constructors, virtual dispatch (MRO), super and interface-default calls (`super\u003CInterface>.method`), overriding methods from `lang.core.behavior` interfaces such as `ScopeProvider.getScope` \u002F `INamedConcept.getName` \u002F `BaseConcept.getPresentation`, calling sibling methods (`LocalBehaviorMethodCall`) and behavior methods from other aspects via `node.method(...)`. Reach for this skill whenever the task involves authoring or modifying `\u003Clang>\u002FlanguageModels\u002Fbehavior.mps`.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4357,4358],{"name":4331,"slug":4332,"type":15},{"name":4337,"slug":4338,"type":15},"2026-07-13T06:45:21.757084",{"slug":4361,"name":4361,"fn":4362,"description":4363,"org":4364,"tags":4365,"stars":4339,"repoUrl":4340,"updatedAt":4370},"mps-aspect-constraints","define JetBrains MPS language constraints","Use when defining or editing MPS language constraints — property validators \u002F setters \u002F getters, referent search scopes (imperative or inherited via `ScopeProvider.getScope`), `referentSetHandler` side effects, default-scope blocks, `canBeChild` \u002F `canBeParent` \u002F `canBeAncestor` \u002F `canBeRoot` placement rules, `defaultConcreteConcept` for abstract concepts, `set \u003Cread-only>` and `{name}` aliasing, and scope helpers (`SimpleRoleScope`, `ListScope`, `CompositeScope`, `HidingByNameScope`). Reach for this skill whenever the task involves authoring or modifying `\u003Clang>\u002FlanguageModels\u002Fconstraints.mps`.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4366,4367],{"name":4331,"slug":4332,"type":15},{"name":4368,"slug":4369,"type":15},"Code Analysis","code-analysis","2026-07-23T05:41:33.639365",{"slug":4372,"name":4372,"fn":4373,"description":4374,"org":4375,"tags":4376,"stars":4339,"repoUrl":4340,"updatedAt":4380},"mps-aspect-dataflow","define and debug MPS dataflow builders","Use when defining or debugging MPS dataflow builders for a concept — control\u002Fdata flow declarations that drive reachability analysis and variable-use checking. Covers DataFlowBuilderDeclaration, BuilderBlock, emit instructions (code for, jump, ifjump, label, read, write, ret, mayBeUnreachable), positions (AfterPosition, BeforePosition, LabelPosition), the jetbrains.mps.lang.dataFlow language, the NodeParameter implicit, BL+smodel usage inside builder bodies, and IBuilderMode for advanced analyses such as nullable\u002Fnon-null tracking.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4377],{"name":4378,"slug":4379,"type":15},"Data Analysis","data-analysis","2026-07-13T06:45:19.114674",{"slug":4382,"name":4382,"fn":4383,"description":4384,"org":4385,"tags":4386,"stars":4339,"repoUrl":4340,"updatedAt":4393},"mps-aspect-editor","define MPS editor layouts","Use when creating or changing MPS editor definitions — the overall workflow from scaffolding a `ConceptEditorDeclaration` through componentizing reusable `EditorComponentDeclaration`s, refining cell models and cell layouts, applying style sheets and indent-layout style items, wiring smart references, leveraging inheritance via super-concepts and interfaces, inspecting (`print_node_json`, `show_node_representation`) and validating (`check_root_node_problems`). Covers `jetbrains.mps.lang.editor` cell models (`CellModel_RefNode`\u002F`CellModel_RefNodeList`\u002F`CellModel_RefCell`\u002F`CellModel_Property`\u002F`CellModel_Constant`), layout choices, and JSON blueprints for common editor shapes. For the non-layout side (action maps, keymaps, transformation\u002Fsubstitute menus) use `mps-aspect-editor-menus-and-keymaps`.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4387,4390],{"name":4388,"slug":4389,"type":15},"Design","design",{"name":4391,"slug":4392,"type":15},"UI Components","ui-components","2026-07-23T05:41:56.638151",{"slug":4395,"name":4395,"fn":4396,"description":4397,"org":4398,"tags":4399,"stars":4339,"repoUrl":4340,"updatedAt":4402},"mps-aspect-editor-menus-and-keymaps","author MPS editor menus and keymaps","Use when authoring the **non-layout** parts of the MPS editor aspect — what happens when the user types, presses a key, triggers completion, pastes, or invokes a context action. Covers action maps (`CellActionMapDeclaration`), cell keymaps (`CellKeyMapDeclaration`), transformation menus (`TransformationMenu_Default` \u002F `_Named` \u002F `_Contribution`), substitute menus (`SubstituteMenu_Default` \u002F `SubstituteMenu` \u002F contributions), side transforms (LEFT\u002FRIGHT), legacy cell menus, paste wrappers and copy-paste handlers (in the actions language), completion styling, reference presentation, two-step deletion, and the editor selection API. Trigger terms: `actionMap`, `keyMap`, `delete_action_id`, `transformationMenu`, `substituteMenu`, `Ctrl+Space`, `Ctrl+Alt+B`, side transform, paste wrapper, completion styling, `PasteWrappers`, `CopyPasteHandlers`. For the **layout** side (cells, layouts, style sheets) use `mps-aspect-editor` instead.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4400,4401],{"name":4337,"slug":4338,"type":15},{"name":4391,"slug":4392,"type":15},"2026-07-23T05:41:49.666535",{"slug":4404,"name":4404,"fn":4405,"description":4406,"org":4407,"tags":4408,"stars":4339,"repoUrl":4340,"updatedAt":4411},"mps-aspect-generation-plan","modify MPS generation plans","Use when defining or modifying an MPS generation plan — explicit ordering of generators, checkpoints for cross-model reference resolution, forks for parallel branches, IncludePlan composition, conditional PlanContribution activation, ParameterEquals\u002FConceptListSelector fork selectors, and InitModelAttributes for targetFacet routing. Apply when working with @genplan models, the jetbrains.mps.lang.generator.plan language, attaching plans via DevKits or the Custom generation facet, or debugging cross-model mapping label resolution.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4409,4410],{"name":4331,"slug":4332,"type":15},{"name":4337,"slug":4338,"type":15},"2026-07-13T06:44:59.507855",{"slug":4413,"name":4413,"fn":4414,"description":4415,"org":4416,"tags":4417,"stars":4339,"repoUrl":4340,"updatedAt":4421},"mps-aspect-generator","define JetBrains MPS generator rules","Use when defining or modifying MPS generators — author a generator module, add or edit root\u002Freduction\u002Fweaving\u002Fpattern mapping rules, attach template macros ($COPY_SRC, $LOOP, $IF, $PROPERTY, $REF, $SWITCH, $MAP_SRC, $WEAVE, $INSERT, $LABEL, $TRACE, $VAR), wire mapping labels, build template switches, write pre\u002Fpost mapping scripts, navigate `genContext`, or debug \"rule didn't fire\", missing references, empty output, infinite reduction loops, and generated-Java compile failures.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4418,4419,4420],{"name":4331,"slug":4332,"type":15},{"name":4368,"slug":4369,"type":15},{"name":4337,"slug":4338,"type":15},"2026-07-17T06:06:58.042999",{"slug":4423,"name":4423,"fn":4424,"description":4425,"org":4426,"tags":4427,"stars":4339,"repoUrl":4340,"updatedAt":4430},"mps-aspect-intentions","define and edit MPS intentions","Use when defining or editing MPS intentions (the Alt+Enter context-action aspect) — adding `IntentionDeclaration` roots, parameterized or surround-with variants, description\u002FisApplicable\u002Fexecute blocks, child-filter functions, factory-initialized AST splicing, or debugging why an intention is not offered. Lives in the language's `intentions` model and uses `jetbrains.mps.lang.intentions`.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4428,4429],{"name":4331,"slug":4332,"type":15},{"name":4337,"slug":4338,"type":15},"2026-07-23T05:41:48.692899",{"slug":4432,"name":4432,"fn":4433,"description":4434,"org":4435,"tags":4436,"stars":4339,"repoUrl":4340,"updatedAt":4443},"mps-aspect-migrations","author and debug MPS migration scripts","Use when authoring or debugging MPS migration scripts that upgrade user models after a language definition changes — covers jetbrains.mps.lang.migration (MigrationScript class-based, PureMigrationScript declarative, MoveConcept\u002FMoveContainmentLink\u002FMoveReferenceLink\u002FMoveProperty, ordering via OrderDependency, data exchange via putData\u002FgetData, RefactoringLog, ConceptMigrationReference) and jetbrains.mps.lang.script Enhancement Scripts (MigrationScript with MigrationScriptPart_Instance, ExtractInterfaceMigration, FactoryMigrationScriptPart, CommentMigrationScriptPart) — when a model needs version-gated upgrade, concept rename or removal, link or property rename, instance-level transformation, or composition of migration steps.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4437,4440],{"name":4438,"slug":4439,"type":15},"Debugging","debugging",{"name":4441,"slug":4442,"type":15},"Migration","migration","2026-07-13T06:45:20.372122",{"slug":4445,"name":4445,"fn":4446,"description":4447,"org":4448,"tags":4449,"stars":4339,"repoUrl":4340,"updatedAt":4453},"mps-aspect-structure-concepts","define concepts in MPS structure aspect","Define concepts, interface concepts, enumerations, and constrained data types in an MPS language's `structure` aspect. Covers smart-reference detection, alias rules, cardinality, INamedConcept usage, bulk creation, and the full `mps_mcp_alter_structure` \u002F `mps_mcp_query_structure` reference. Use when authoring or modifying a language's structure model.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4450],{"name":4451,"slug":4452,"type":15},"Data Modeling","data-modeling","2026-07-23T05:41:30.705975",188,{"items":4456,"total":4572},[4457,4476,4491,4503,4518,4541,4558],{"slug":4458,"name":4458,"fn":4459,"description":4460,"org":4461,"tags":4462,"stars":22,"repoUrl":23,"updatedAt":4475},"algorithmic-art","create generative art with p5.js","Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4463,4466,4469,4472],{"name":4464,"slug":4465,"type":15},"Creative","creative",{"name":4467,"slug":4468,"type":15},"Generative Art","generative-art",{"name":4470,"slug":4471,"type":15},"Graphics","graphics",{"name":4473,"slug":4474,"type":15},"JavaScript","javascript","2026-07-13T06:41:35.540127",{"slug":4477,"name":4477,"fn":4478,"description":4479,"org":4480,"tags":4481,"stars":22,"repoUrl":23,"updatedAt":4490},"antfu","configure JavaScript projects with Anthony Fu's tools","Anthony Fu's opinionated tooling and conventions for JavaScript\u002FTypeScript projects. Use when setting up new projects, configuring ESLint\u002FPrettier alternatives, monorepos, library publishing, or when the user mentions Anthony Fu's preferences.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4482,4485,4486,4487],{"name":4483,"slug":4484,"type":15},"Best Practices","best-practices",{"name":4337,"slug":4338,"type":15},{"name":4473,"slug":4474,"type":15},{"name":4488,"slug":4489,"type":15},"TypeScript","typescript","2026-07-13T06:43:13.153309",{"slug":4492,"name":4492,"fn":4493,"description":4494,"org":4495,"tags":4496,"stars":22,"repoUrl":23,"updatedAt":4502},"brand-guidelines","apply Anthropic brand guidelines","Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4497,4500,4501],{"name":4498,"slug":4499,"type":15},"Branding","branding",{"name":4388,"slug":4389,"type":15},{"name":1081,"slug":1078,"type":15},"2026-07-13T06:43:06.077629",{"slug":4504,"name":4504,"fn":4505,"description":4506,"org":4507,"tags":4508,"stars":22,"repoUrl":23,"updatedAt":4517},"canvas-design","create visual art and design assets","Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4509,4510,4511,4514],{"name":4464,"slug":4465,"type":15},{"name":4388,"slug":4389,"type":15},{"name":4512,"slug":4513,"type":15},"Images","images",{"name":4515,"slug":4516,"type":15},"PDF","pdf","2026-07-13T06:39:58.803113",{"slug":4519,"name":4519,"fn":4520,"description":4521,"org":4522,"tags":4523,"stars":22,"repoUrl":23,"updatedAt":4540},"ci-cd-containerization-advisor","design CI\u002FCD pipelines for Kotlin applications","Design reproducible build, image, and deployment pipelines for Kotlin plus Spring applications, including CI verification, layered containers, rollout safety, and deployment-time migration coordination. Use when creating or improving Dockerfiles, CI workflows, image hardening, Kubernetes manifests, release gates, or deployment strategies for Spring Boot services, especially where build reproducibility and operational safety matter.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4524,4527,4530,4533,4534,4537],{"name":4525,"slug":4526,"type":15},"CI\u002FCD","ci-cd",{"name":4528,"slug":4529,"type":15},"Containers","containers",{"name":4531,"slug":4532,"type":15},"Deployment","deployment",{"name":4337,"slug":4338,"type":15},{"name":4535,"slug":4536,"type":15},"Kotlin","kotlin",{"name":4538,"slug":4539,"type":15},"Spring","spring","2026-07-13T06:41:47.83899",{"slug":4542,"name":4542,"fn":4543,"description":4544,"org":4545,"tags":4546,"stars":22,"repoUrl":23,"updatedAt":4557},"cloudflare-deploy","deploy applications to Cloudflare","Deploy applications and infrastructure to Cloudflare using Workers, Pages, and related platform services. Use when the user asks to deploy, host, publish, or set up a project on Cloudflare.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4547,4550,4553,4556],{"name":4548,"slug":4549,"type":15},"Cloudflare","cloudflare",{"name":4551,"slug":4552,"type":15},"Cloudflare Pages","cloudflare-pages",{"name":4554,"slug":4555,"type":15},"Cloudflare Workers","cloudflare-workers",{"name":4531,"slug":4532,"type":15},"2026-07-17T06:04:42.853896",{"slug":4559,"name":4559,"fn":4560,"description":4561,"org":4562,"tags":4563,"stars":22,"repoUrl":23,"updatedAt":4571},"compose-ui-control","interact with Compose Desktop applications","Control a running Compose Desktop application via HTTP. Use when you need to interact with UI elements, click buttons, enter text, wait for elements to appear, or capture screenshots in a Compose Desktop app that has compose-ui-test-server enabled.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4564,4567,4570],{"name":4565,"slug":4566,"type":15},"Automation","automation",{"name":4568,"slug":4569,"type":15},"Desktop","desktop",{"name":4391,"slug":4392,"type":15},"2026-07-13T06:40:38.798626",128]