invoice

Migrate a Powerhouse op-hub editor (packages/op-hub/editors/*) to the Achra design system. Swap @powerhousedao/document-engineering primitives for @achra/ui, replace hardcoded Tailwind palette colors (gray-*, slate-*, stone-*, emerald-*, raw hex) with semantic tokens, and fix light/dark theming for the third-party components an editor renders inside Connect (document-engineering ObjectSetTable, Sidebar, DatePicker & Select, @uiw/react-md-editor, design-system widgets). Use when updating design tokens in an op-hub editor, fixing dark-mode contrast (dark-on-dark text, white hover/selection flashes, light borders, near-black widget surfaces), fixing a document-engineering DatePicker (unreadable days, black nav arrows/icon, dead arrow buttons, collapsed month/year views, double border) or Select (white trigger hover, dark-on-dark options, black selection boxes, banding between options), or porting an editor's colors to semantic tokens. Proven on builder-profile, builder-team-admin (incl. the subscriptions dashboa

Enforce modern React 19 best practices (2026) when working on React components, hooks, editors, and UI logic. Use for any React/TSX editing, refactoring components, extracting hooks, state management, effects, and forms. Trigger on: react, component, hook, useState, useEffect, editor, jsx, tailwind in react files, following package versions (React 19.2.6, @types/react ^19.2). Slash command: /react-best-practices-2026

Enforce modern TypeScript 5.9+ best practices (2026) for strict typing, module resolution, and safety. Use on any .ts/.tsx changes, especially when touching types from document-models, actions, state schemas, or editor logic. Follow exact versions: typescript ^5.9.3, @types/node ^24, zod 4.3.6. Project tsconfig: nodenext + strict + verbatimModuleSyntax. Slash command: /typescript-best-practices-2026