claude_code
344b9723b2
The per-agent glyph color never showed: the circle was a Mantine `Avatar variant="filled"` whose background was overridden by Mantine's `--avatar-bg`, so every agent fell back to the theme's violet. Also raw `hue = hash % 360` put many names in the same "purple" arc. - Render the emoji/sparkles circle as a plain Box with an explicit background — the color is now guaranteed. - Pick the color from a curated palette of categorically-distinct dark hues (red/orange/green/teal/blue/violet/magenta/slate) by name hash, so different agents read as different colors, not shades of one violet. - Bring the launcher (human) badge ABOVE the agent glyph (zIndex) so it is fully visible at the top-right instead of half-hidden behind the circle. client tsc clean, tests pass (added a color-distinctness assertion). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
React + TypeScript + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
Expanding the ESLint configuration
If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
- Configure the top-level
parserOptionsproperty like this:
parserOptions: {
ecmaVersion: 'latest',
sourceType: 'module',
project: ['./tsconfig.json', './tsconfig.node.json'],
tsconfigRootDir: __dirname,
},
- Replace
plugin:@typescript-eslint/recommendedtoplugin:@typescript-eslint/recommended-type-checkedorplugin:@typescript-eslint/strict-type-checked - Optionally add
plugin:@typescript-eslint/stylistic-type-checked - Install eslint-plugin-react and add
plugin:react/recommended&plugin:react/jsx-runtimeto theextendslist