Let a bot take any colour

A bot's identity was one of seven hues, and the hue picked both its colour
and its stone shape. Now its colour is free and its stone is its own:

- `bots.color` holds any `#rrggbb`, `bots.stone` the flat-cut shape it's
  drawn on. `bots.hue` stays as the palette column they replaced, read only
  as a fallback; `src/scripts/move-bot-colour-to-owners.ts` backfills an
  install from it (safe to rerun).
- `src/utils/bot-color.ts` is the only place a colour is validated or
  resolved (`resolveBotColor`/`resolveBotStone` carry the old hue forward,
  `botColorNeedsPaperFace` flips the eyes to paper on a very dark body), and
  `src/utils/bot-stone-props.ts` gives every row its props, so a row saved
  before this still renders as it did.
- `BotStone` takes the colour as the body's SVG `fill`, the one documented
  exception to the token rule: an arbitrary hex has no token to point at.
  `UnreadDot` follows it.
- The picker keeps the palette tiles (still shape and colour together) and
  adds a native swatch and a hex field, so a custom colour keeps its stone.
  Same place as before: the header avatar's modal and Settings > Bots, for
  crew managers. The coordinator stays hue-less.
- A recolour reaches other open tabs through `pushBotUpdated`.

src/pages/admin/workspaces/[workspace_id]/(partials)/workspace-activity-row.tsx

@@ -1,6 +1,7 @@
 import Span from "@moduletrace/twui/layout/Span";
 import BotAvatar from "@/src/components/general/bot-avatar";
-import type { BotFace, BotHue } from "@/src/dict/bot-dict";
+import type { BotFace } from "@/src/dict/bot-dict";
+import botStoneProps from "@/src/utils/bot-stone-props";
 import SettingsListRow from "@/src/pages/admin/settings/(partials)/settings-list-row";
 import type { WorkspaceActivityItem } from "@/src/types";
 import messagePreview from "@/src/utils/message-preview";
@@ -26,7 +27,7 @@ export default function WorkspaceActivityRow({ workspace_id, item }: Props) {
             avatar={
                 <BotAvatar
                     image_media_id={item.bot_image_media_id}
-                    hue={(item.bot_hue || null) as BotHue | null}
+                    {...botStoneProps({ color: item.bot_color, stone: item.bot_stone, hue: item.bot_hue })}
                     face={(item.bot_face || "idle") as BotFace}
                 />
             }

src/pages/admin/workspaces/[workspace_id]/(partials)/workspace-dashboard-bot-row.tsx

@@ -1,5 +1,6 @@
 import BotAvatar from "@/src/components/general/bot-avatar";
-import type { BotFace, BotHue } from "@/src/dict/bot-dict";
+import type { BotFace } from "@/src/dict/bot-dict";
+import botStoneProps from "@/src/utils/bot-stone-props";
 import SettingsListRow from "@/src/pages/admin/settings/(partials)/settings-list-row";
 import type { WorkspaceBot } from "@/src/types";
 
@@ -22,7 +23,7 @@ export default function WorkspaceDashboardBotRow({ workspace_id, bot }: Props) {
             avatar={
                 <BotAvatar
                     image_media_id={bot.image_media_id}
-                    hue={(bot.hue || null) as BotHue | null}
+                    {...botStoneProps({ color: bot.color, stone: bot.stone, hue: bot.hue })}
                     face={(bot.face || "idle") as BotFace}
                 />
             }