@oxy.so/bloom 7.1.2 → 7.1.4

package/src/agent-creator/CharacterControls.tsx

@@ -1,4 +1,4 @@
-import { useContext } from 'react';
+import { useContext, useRef } from 'react';
 import {
   CharacterRuntimeContext,
   CharacterCapabilitiesContext,
@@ -16,10 +16,12 @@ import { useAgentCreatorBindings, useAgentCreatorMessages } from './context';
 export function CharacterControls({
   character,
   capabilitiesKey,
+  selected,
   onChange,
 }: {
   character?: AvatarCharacterConfig;
   capabilitiesKey?: string;
+  selected?: Readonly<Record<string, string>>;
   onChange: (character: AvatarCharacterConfig | undefined) => void;
 }) {
   const messages = useAgentCreatorMessages();
@@ -36,11 +38,21 @@ export function CharacterControls({
     SelectItem,
     SelectItemText,
   } = useAgentCreatorBindings();
-  if (!runtimeUrl) return null;
   const key = capabilitiesKey ?? JSON.stringify(character);
-  const resolved =
+  const current =
     capabilitiesByKey?.get(key) ??
     (character && capabilities?.key === key ? capabilities : undefined);
+  const retained = useRef<{
+    preset?: string;
+    selected: Readonly<Record<string, string>>;
+  }>({ selected: {} });
+  if (retained.current.preset !== character?.preset)
+    retained.current = { preset: character?.preset, selected: {} };
+  if (current) retained.current.selected = current.selected;
+  const resolved = {
+    selected: selected ?? current?.selected ?? retained.current.selected,
+  };
+  if (!runtimeUrl) return null;
   const row = (
     label: string,
     value: string,
@@ -90,11 +102,14 @@ export function CharacterControls({
   if (character && !presets.some((item) => item.id === character.preset))
     presets.push({
       id: character.preset,
-      title: messages.characterOption(
-        'preset',
-        character.preset,
-        character.preset,
-      ),
+      title:
+        character.preset === 'legacy'
+          ? messages.proceduralAvatar
+          : messages.characterOption(
+              'preset',
+              character.preset,
+              character.preset,
+            ),
     });
   const labels: Record<AvatarCharacterCategory, string> = {
     shape: messages.shape,
@@ -120,8 +135,8 @@ export function CharacterControls({
           (category) =>
             row(
               labels[category],
-              resolved?.selected[category] ??
-                character.selections?.[category] ??
+              character.selections?.[category] ??
+                resolved?.selected[category] ??
                 'none',
               (category === 'accessory'
                 ? [
@@ -132,14 +147,24 @@ export function CharacterControls({
               ).map(([id, title]) => ({
                 id,
                 title: messages.characterOption(category, id, title),
-                disabled:
-                  !resolved ||
-                  resolved.available[`${category}:${id}`] === false,
+                disabled: false,
               })),
               (id) => {
                 onChange({
                   ...character,
-                  selections: { ...character.selections, [category]: id },
+                  selections: {
+                    ...(['eyes', 'eyewear', 'accessory'] as const).reduce(
+                      (parts, part) => ({
+                        ...parts,
+                        ...(resolved?.selected[part]
+                          ? { [part]: resolved.selected[part] }
+                          : {}),
+                      }),
+                      {},
+                    ),
+                    ...character.selections,
+                    [category]: id,
+                  },
                 });
               },
               labels[category],

package/src/agent-creator/ClippoArtwork.tsx

@@ -0,0 +1,49 @@
+import Svg, { Circle, Path } from 'react-native-svg';
+import { CHARACTER_COLORS } from './constants';
+
+/** Selector artwork only. The avatar itself uses Clippo's actual 3D meshes. */
+export function ClippoArtwork({
+  kind,
+  opacity = 1,
+}: {
+  kind: 'shape' | 'eyes';
+  opacity?: number;
+}) {
+  const eyes = kind === 'eyes';
+  return (
+    <Svg
+      width={eyes ? 27 : 56}
+      height={eyes ? 27 : 56}
+      viewBox={eyes ? '0 0 104 100' : '0 -4 90 170'}
+      preserveAspectRatio="xMidYMid meet"
+      opacity={opacity}
+      accessible={false}
+      pointerEvents="none"
+    >
+      {eyes ? (
+        <>
+          <Circle cx={27} cy={44} r={21} fill="#f4f3ee" />
+          <Circle cx={77} cy={58} r={21} fill="#f4f3ee" />
+          <Circle cx={27} cy={44} r={15} fill="#3c2b2d" />
+          <Circle cx={77} cy={58} r={15} fill="#3c2b2d" />
+          <Path
+            d="M11 8 C18 5 29 5 38 9 M63 21 C72 21 82 26 88 32"
+            fill="none"
+            stroke="#3c2b2d"
+            strokeWidth={12}
+            strokeLinecap="round"
+          />
+        </>
+      ) : (
+        <Path
+          d="M25.4 79 C23 102 24 115 35 120 C46 125 53 119 52 105 C48 84 46 63 56 40 C67 16 63 6 46 3 C27 -1 20 15 14 30 C5 51 2 70 5 91 C8 128 19 151 40 157 C57 162 72 153 75 134 C80 114 69 107 72 93 C73 83 76 75 80 71"
+          fill="none"
+          stroke={CHARACTER_COLORS.pink}
+          strokeWidth={8.5}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      )}
+    </Svg>
+  );
+}

package/src/agent-creator/CyclopsArtwork.tsx

@@ -0,0 +1,27 @@
+import Svg, { Circle, Ellipse, Path } from 'react-native-svg';
+
+/** Static selector artwork; the runtime renders the fitted single-eye mesh. */
+export function CyclopsArtwork({ opacity = 1 }: { opacity?: number }) {
+  return (
+    <Svg
+      width={27}
+      height={27}
+      viewBox="0 0 100 100"
+      opacity={opacity}
+      accessible={false}
+      pointerEvents="none"
+    >
+      <Ellipse cx={50} cy={50} rx={46} ry={44} fill="#f4f5ee" />
+      <Circle
+        cx={50}
+        cy={50}
+        r={24}
+        fill="#148a78"
+        stroke="#174e45"
+        strokeWidth={3}
+      />
+      <Circle cx={50} cy={50} r={14} fill="#101918" />
+      <Path d="M61 31 L71 38 L65 46 L57 40 Z" fill="#ffffff" />
+    </Svg>
+  );
+}

package/src/agent-creator/EmotionPicker.tsx

@@ -12,13 +12,26 @@ import Animated, {
 } from 'react-native-reanimated';
 import { EYES, type AvatarConfig } from '../agent-avatar';
 import { AgentFace } from '../agent-avatar/AgentFace';
-import { StyledImage, StyledPressable, StyledView } from '../styles/styled-primitives';
+import { ClippoArtwork } from './ClippoArtwork';
+import { CyclopsArtwork } from './CyclopsArtwork';
+import {
+  StyledImage,
+  StyledPressable,
+  StyledView,
+} from '../styles/styled-primitives';
 import { useTheme } from '../theme/use-theme';
 import { useAgentCreatorMessages } from './context';
 import { useTrackEvents } from './use-track-events';
 
 const AnimatedView = Animated.createAnimatedComponent(StyledView);
-export type EmotionChoice = { id: string; label: string; config: AvatarConfig; disabled?: boolean; thumbnail?: string };
+export type EmotionChoice = {
+  id: string;
+  label: string;
+  config: AvatarConfig;
+  disabled?: boolean;
+  thumbnail?: string;
+  artwork?: 'clippo' | 'cyclops';
+};
 function Emotion({
   config,
   choice,
@@ -71,21 +84,40 @@ function Emotion({
           pointerEvents="auto"
           className={`pointer-events-auto flex size-[34px] cursor-pointer items-center justify-center overflow-hidden rounded-full border-2 outline-none transition-[border-color,box-shadow] hover:ring-2 hover:ring-border-button-hover focus-visible:ring-2 focus-visible:ring-border-focus-ring ${active ? 'border-foreground-icon-secondary' : 'border-transparent'}`}
           style={{
-            backgroundColor: backgroundColor ?? `hsl(${config.hue}, ${config.saturation}%, ${config.lightness ?? 80}%)`,
+            backgroundColor:
+              backgroundColor ??
+              `hsl(${config.hue}, ${config.saturation}%, ${config.lightness ?? 80}%)`,
             borderColor: active ? colors.icon : 'transparent',
           }}
         >
-          {choice.thumbnail ? <StyledImage source={{ uri: choice.thumbnail }} resizeMode="contain" accessible={false} style={{ width: 27, height: 27, opacity: choice.disabled ? 0.35 : 1 }} /> : <AgentFace
-            config={{
-              ...choice.config,
-              eyeSize: 24,
-              eyeGap: 36,
-              lookAt: 'center',
-              motion: 0,
-              idle: false,
-            }}
-            size={34}
-          />}
+          {choice.artwork === 'cyclops' ? (
+            <CyclopsArtwork opacity={choice.disabled ? 0.35 : 1} />
+          ) : choice.artwork === 'clippo' ? (
+            <ClippoArtwork kind="eyes" opacity={choice.disabled ? 0.35 : 1} />
+          ) : choice.thumbnail ? (
+            <StyledImage
+              source={{ uri: choice.thumbnail }}
+              resizeMode="contain"
+              accessible={false}
+              style={{
+                width: 27,
+                height: 27,
+                opacity: choice.disabled ? 0.35 : 1,
+              }}
+            />
+          ) : (
+            <AgentFace
+              config={{
+                ...choice.config,
+                eyeSize: 24,
+                eyeGap: 36,
+                lookAt: 'center',
+                motion: 0,
+                idle: false,
+              }}
+              size={34}
+            />
+          )}
         </StyledPressable>
       </AnimatedView>
     </StyledView>
@@ -109,9 +141,16 @@ export function EmotionPicker({
   onChange: (eyes: AvatarConfig['eyes']) => void;
 }) {
   const messages = useAgentCreatorMessages();
-  const choices = choicesProp ?? EYES.map((eyes) => ({ id: eyes, label: messages.emotions[eyes], config: { ...config, eyes } }));
+  const choices =
+    choicesProp ??
+    EYES.map((eyes) => ({
+      id: eyes,
+      label: messages.emotions[eyes],
+      config: { ...config, eyes },
+    }));
   const value = valueProp ?? config.eyes;
-  const emit = (id: string) => onSelect ? onSelect(id) : onChange(id as AvatarConfig['eyes']);
+  const emit = (id: string) =>
+    onSelect ? onSelect(id) : onChange(id as AvatarConfig['eyes']);
   const ref = useRef<View>(null);
   const visible = useSharedValue(true);
   const target = useSharedValue(0);

package/src/agent-creator/ShapeSilhouette.tsx

@@ -1,9 +1,12 @@
+import { characterShapeGeometry } from '../agent-avatar/character-shapes';
 import { memo } from 'react';
 import Svg, { Path } from 'react-native-svg';
 import { legacyContours } from '../agent-avatar/legacy-contours';
 import { radialContour } from '../agent-avatar/legacy-recipe';
 import type { AvatarConfig } from '../agent-avatar/model';
 import { CHARACTER_COLORS } from './constants';
+import { ClippoArtwork } from './ClippoArtwork';
+import { ToddArtwork } from './ToddArtwork';
 
 const silhouettes = new Map<string, { path: string; viewBox: string }>();
 
@@ -49,7 +52,19 @@ export const ShapeSilhouette = memo(function ShapeSilhouette({
 }: {
   config: AvatarConfig;
 }) {
-  const { path, viewBox } = silhouette(config);
+  if (
+    config.character?.selections?.shape === 'todd' ||
+    (config.character?.preset === 'lime_frog' &&
+      !config.character.selections?.shape)
+  )
+    return <ToddArtwork />;
+  if (
+    config.character?.selections?.shape === 'clippo' ||
+    (config.character?.preset === 'clippo' &&
+      !config.character.selections?.shape)
+  )
+    return <ClippoArtwork kind="shape" />;
+  const { path, viewBox } = silhouette(characterShapeGeometry(config));
   return (
     <Svg
       width={56}

package/src/agent-creator/ToddArtwork.tsx

@@ -0,0 +1,24 @@
+import Svg, { Path } from 'react-native-svg';
+import { CHARACTER_COLORS } from './constants';
+
+/** Static Todd body outline: 128 projected triangle intersections from the
+ * original lime_frog mesh (2,502 vertices), with engine Y-up reflected for SVG.
+ * This selector does not load the renderer or substitute another body shape.
+ */
+export function ToddArtwork() {
+  return (
+    <Svg
+      width={56}
+      height={56}
+      viewBox="-1.04785 -0.86450 2.09611 1.69982"
+      preserveAspectRatio="xMidYMid meet"
+      accessible={false}
+      pointerEvents="none"
+    >
+      <Path
+        d="M0.9822 0.0000 L0.9686 -0.0476 L0.9504 -0.0936 L0.9289 -0.1378 L0.8988 -0.1788 L0.8645 -0.2165 L0.8334 -0.2528 L0.8060 -0.2884 L0.7878 -0.3263 L0.7842 -0.3709 L0.7896 -0.4221 L0.7977 -0.4781 L0.7977 -0.5330 L0.7882 -0.5845 L0.7697 -0.6317 L0.7439 -0.6742 L0.7120 -0.7120 L0.6747 -0.7444 L0.6333 -0.7717 L0.5869 -0.7914 L0.5384 -0.8058 L0.4878 -0.8139 L0.4348 -0.8135 L0.3814 -0.8063 L0.3272 -0.7900 L0.2726 -0.7618 L0.2193 -0.7230 L0.1675 -0.6686 L0.1242 -0.6245 L0.0877 -0.5910 L0.0565 -0.5733 L0.0277 -0.5641 L0.0000 -0.5610 L-0.0277 -0.5636 L-0.0563 -0.5720 L-0.0876 -0.5906 L-0.1236 -0.6212 L-0.1670 -0.6665 L-0.2181 -0.7190 L-0.2733 -0.7638 L-0.3269 -0.7893 L-0.3814 -0.8064 L-0.4354 -0.8146 L-0.4878 -0.8139 L-0.5385 -0.8060 L-0.5874 -0.7921 L-0.6331 -0.7714 L-0.6751 -0.7449 L-0.7120 -0.7120 L-0.7443 -0.6746 L-0.7697 -0.6316 L-0.7875 -0.5840 L-0.7971 -0.5326 L-0.7983 -0.4785 L-0.7901 -0.4223 L-0.7830 -0.3703 L-0.7880 -0.3264 L-0.8071 -0.2888 L-0.8338 -0.2529 L-0.8655 -0.2168 L-0.8995 -0.1789 L-0.9306 -0.1380 L-0.9510 -0.0937 L-0.9680 -0.0476 L-0.9814 -0.0000 L-0.9905 0.0487 L-0.9963 0.0981 L-0.9977 0.1480 L-0.9949 0.1979 L-0.9894 0.2478 L-0.9778 0.2966 L-0.9633 0.3447 L-0.9445 0.3912 L-0.9222 0.4362 L-0.8967 0.4793 L-0.8671 0.5197 L-0.8348 0.5578 L-0.8002 0.5934 L-0.7633 0.6264 L-0.7239 0.6561 L-0.6831 0.6831 L-0.6404 0.7066 L-0.5966 0.7269 L-0.5520 0.7443 L-0.5063 0.7578 L-0.4614 0.7698 L-0.4151 0.7766 L-0.3696 0.7816 L-0.3252 0.7850 L-0.2809 0.7851 L-0.2382 0.7851 L-0.1967 0.7851 L-0.1562 0.7851 L-0.1165 0.7852 L-0.0773 0.7852 L-0.0386 0.7852 L-0.0000 0.7852 L0.0386 0.7853 L0.0773 0.7853 L0.1165 0.7853 L0.1562 0.7853 L0.1967 0.7854 L0.2382 0.7854 L0.2810 0.7854 L0.3247 0.7840 L0.3699 0.7820 L0.4151 0.7766 L0.4614 0.7697 L0.5064 0.7578 L0.5522 0.7446 L0.5960 0.7262 L0.6403 0.7064 L0.6829 0.6829 L0.7237 0.6559 L0.7631 0.6262 L0.8002 0.5935 L0.8348 0.5578 L0.8675 0.5200 L0.8963 0.4791 L0.9217 0.4359 L0.9446 0.3913 L0.9632 0.3447 L0.9779 0.2966 L0.9887 0.2477 L0.9951 0.1979 L0.9977 0.1480 L0.9961 0.0981 L0.9912 0.0487Z"
+        fill={CHARACTER_COLORS.pink}
+      />
+    </Svg>
+  );
+}

package/src/agent-creator/constants.ts

@@ -1,3 +1,4 @@
+import { NATIVE_CHARACTER_SHAPES } from '../agent-avatar/character-shapes';
 import type { AgentLanguage, AgentPreferences } from './types';
 export const AGENT_LANGUAGES = [
   { id: 'auto', label: 'Auto-detect' },
@@ -58,6 +59,7 @@ export const PREVIEW_TEXT: Record<AgentLanguage, string> = {
 
 // Recovered engine catalog metadata. IDs are renderer selections; titles retain the beta catalog's English defaults.
 export const CHARACTER_PRESETS = [
+  { id: 'clippo', title: 'Clippo' },
   { id: 'blue_beret', title: 'Felipe' },
   { id: 'alfred', title: 'Alfred' },
   { id: 'purple_heart', title: 'Jojo' },
@@ -68,20 +70,51 @@ export const CHARACTER_PRESETS = [
   { id: 'lime_headphones', title: 'Iggy' },
 ] as const;
 export const CHARACTER_OPTIONS = {
-  shape: [
-    ['circle', 'Circle'], ['rounded_triangle', 'Rounded triangle'], ['capsule', 'Capsule'],
-    ['rounded_head_two_ears', 'Rounded head with two ears'], ['six_lobed_flower', 'Six lobed flower'],
-    ['heart', 'Heart'], ['four_lobed_butterfly', 'Four lobed butterfly'], ['circle_two_ears', 'Circle with two ears'],
-    ['twelve_scalloped_rosette', 'Twelve scalloped rosette'], ['rounded_cube', 'Hexagon'], ['rounded_diamond', 'Rounded diamond'],
+  shape: NATIVE_CHARACTER_SHAPES,
+  color: [
+    ['pink', 'Pink'],
+    ['orchid', 'Orchid'],
+    ['violet', 'Violet'],
+    ['blue', 'Blue'],
+    ['cyan', 'Cyan'],
+    ['teal', 'Teal'],
+    ['lime', 'Lime'],
+    ['yellow', 'Yellow'],
+    ['coral', 'Coral'],
+  ],
+  eyes: [
+    ['cyclops', 'Single eye'],
+    ['clippo', 'Clippo'],
+    ['todd', 'Todd'],
+    ['swept_lids', 'Swept lids'],
+    ['oval', 'Oval'],
+    ['sparkle_capsules', 'Sparkle capsules'],
+    ['highlight_capsules', 'Highlight capsules'],
+    ['dots', 'Dots'],
+    ['double_highlights', 'Round highlights'],
+    ['round_inset', 'Round inset'],
+    ['crescent_inset', 'Crescent inset'],
+    ['sleepy_lids', 'Sleepy lids'],
+  ],
+  eyewear: [
+    ['none', 'None'],
+    ['monocle', 'Monocle'],
+    ['tall_oval_frames', 'Tall oval frames'],
+    ['separate_trapezoid_lenses', 'Separate trapezoid lenses'],
+    ['classic_sunglasses', 'Classic sunglasses'],
+    ['round_sunglasses', 'Round sunglasses'],
+  ],
+  accessory: [
+    ['headphones', 'Headphones'],
+    ['bow', 'Bow tie'],
+    ['beanie', 'Beanie'],
+    ['hat', 'Hat'],
+    ['beret', 'Beret'],
+    ['felipe_beret', 'Felipe’s beret'],
+    ['orb', 'Bulb'],
+    ['three_lobe', 'Tuft'],
+    ['crown', 'Crown'],
   ],
-  color: [['pink', 'Pink'], ['orchid', 'Orchid'], ['violet', 'Violet'], ['blue', 'Blue'], ['cyan', 'Cyan'], ['teal', 'Teal'], ['lime', 'Lime'], ['yellow', 'Yellow'], ['coral', 'Coral']],
-  eyes: [['swept_lids', 'Swept lids'], ['oval', 'Oval'], ['sparkle_capsules', 'Sparkle capsules'], ['highlight_capsules', 'Highlight capsules'], ['dots', 'Dots'], ['double_highlights', 'Round highlights'], ['round_inset', 'Round inset'], ['crescent_inset', 'Crescent inset'], ['sleepy_lids', 'Sleepy lids']],
-  eyewear: [['none', 'None'], ['monocle', 'Monocle'], ['tall_oval_frames', 'Tall oval frames'], ['separate_trapezoid_lenses', 'Separate trapezoid lenses'], ['classic_sunglasses', 'Classic sunglasses'], ['round_sunglasses', 'Round sunglasses']],
-  accessory: [['headphones', 'Headphones'], ['bow', 'Bow tie'], ['beanie', 'Beanie'], ['hat', 'Hat'], ['beret', 'Beret'], ['orb', 'Bulb'], ['three_lobe', 'Tuft'], ['crown', 'Crown']],
 } as const;
 
-/** RGB swatches returned by the recovered engine's Color catalog. */
-export const CHARACTER_COLORS = {
-  pink: '#fa70ab', orchid: '#dd6adc', violet: '#a25bff', blue: '#4778ff', cyan: '#00b1ff',
-  teal: '#04bb9f', lime: '#b6d80b', yellow: '#ffcc38', coral: '#ff8066',
-} as const;
+export { CHARACTER_COLORS } from '../agent-avatar/character-colors';

package/src/agent-creator/messages.ts

@@ -114,7 +114,8 @@ export const AGENT_CREATOR_MESSAGES: MessageCatalog<AgentCreatorMessages> =
     betaEyes: 'Eye style',
     eyewear: 'Eyewear',
     accessory: 'Accessory',
-    characterOption: (_category, _id, title) => String(title),
+    characterOption: (category, id, title) =>
+      category === 'eyes' && id === 'cyclops' ? 'Single eye' : String(title),
     editor: 'Agent editor',
     newBot: 'New bot',
     closeEditor: 'Close agent editor',

package/src/locale/translations/ar.ts

@@ -34,7 +34,7 @@ const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
   betaEyes: "نمط العيون",
   eyewear: "نظارات",
   accessory: "إكسسوار",
-  characterOption: (_category, _id, title) => String(title),
+  characterOption: (category, id, title) => category === "eyes" && id === "cyclops" ? "عين واحدة" : String(title),
   editor: "محرر الوكيل",
   newBot: "روبوت جديد",
   closeEditor: "إغلاق محرر الوكيل",

package/src/locale/translations/bn.ts

@@ -24,7 +24,7 @@ const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
   betaEyes: "চোখের ধরন",
   eyewear: "চশমা",
   accessory: "অনুষঙ্গ",
-  characterOption: (_category, _id, title) => String(title),
+  characterOption: (category, id, title) => category === "eyes" && id === "cyclops" ? "একটি চোখ" : String(title),
   editor: "এজেন্ট সম্পাদক",
   newBot: "নতুন বট",
   closeEditor: "এজেন্ট সম্পাদক বন্ধ করুন",

package/src/locale/translations/ca.ts

@@ -31,7 +31,7 @@ const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
   betaEyes: "Estil dels ulls",
   eyewear: "Ulleres",
   accessory: "Accessori",
-  characterOption: (_category, _id, title) => String(title),
+  characterOption: (category, id, title) => category === "eyes" && id === "cyclops" ? "Un sol ull" : String(title),
   editor: "Editor de l’agent",
   newBot: "Bot nou",
   closeEditor: "Tanca l’editor de l’agent",

package/src/locale/translations/de.ts

@@ -26,7 +26,7 @@ const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
   betaEyes: "Augenstil",
   eyewear: "Brille",
   accessory: "Accessoire",
-  characterOption: (_category, _id, title) => String(title),
+  characterOption: (category, id, title) => category === "eyes" && id === "cyclops" ? "Einzelnes Auge" : String(title),
   editor: "Agenten-Editor",
   newBot: "Neuer Bot",
   closeEditor: "Agenten-Editor schließen",

package/src/locale/translations/es.ts

@@ -31,7 +31,7 @@ const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
   betaEyes: "Estilo de ojos",
   eyewear: "Gafas",
   accessory: "Accesorio",
-  characterOption: (_category, _id, title) => String(title),
+  characterOption: (category, id, title) => category === "eyes" && id === "cyclops" ? "Un solo ojo" : String(title),
   editor: "Editor del agente",
   newBot: "Nuevo bot",
   closeEditor: "Cerrar editor del agente",

package/src/locale/translations/fr.ts

@@ -31,7 +31,7 @@ const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
   betaEyes: "Style des yeux",
   eyewear: "Lunettes",
   accessory: "Accessoire",
-  characterOption: (_category, _id, title) => String(title),
+  characterOption: (category, id, title) => category === "eyes" && id === "cyclops" ? "Œil unique" : String(title),
   editor: "Éditeur de l’agent",
   newBot: "Nouveau bot",
   closeEditor: "Fermer l’éditeur de l’agent",

package/src/locale/translations/hi.ts

@@ -24,7 +24,7 @@ const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
   betaEyes: "आँखों की शैली",
   eyewear: "चश्मा",
   accessory: "सहायक वस्तु",
-  characterOption: (_category, _id, title) => String(title),
+  characterOption: (category, id, title) => category === "eyes" && id === "cyclops" ? "एक आँख" : String(title),
   editor: "एजेंट संपादक",
   newBot: "नया बॉट",
   closeEditor: "एजेंट संपादक बंद करें",

package/src/locale/translations/id.ts

@@ -24,7 +24,7 @@ const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
   betaEyes: "Gaya mata",
   eyewear: "Kacamata",
   accessory: "Aksesori",
-  characterOption: (_category, _id, title) => String(title),
+  characterOption: (category, id, title) => category === "eyes" && id === "cyclops" ? "Satu mata" : String(title),
   editor: "Editor agen",
   newBot: "Bot baru",
   closeEditor: "Tutup editor agen",

package/src/locale/translations/it.ts

@@ -31,7 +31,7 @@ const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
   betaEyes: "Stile degli occhi",
   eyewear: "Occhiali",
   accessory: "Accessorio",
-  characterOption: (_category, _id, title) => String(title),
+  characterOption: (category, id, title) => category === "eyes" && id === "cyclops" ? "Occhio singolo" : String(title),
   editor: "Editor dell’agente",
   newBot: "Nuovo bot",
   closeEditor: "Chiudi l’editor dell’agente",

package/src/locale/translations/ja.ts

@@ -24,7 +24,7 @@ const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
   betaEyes: "目のスタイル",
   eyewear: "眼鏡",
   accessory: "アクセサリー",
-  characterOption: (_category, _id, title) => String(title),
+  characterOption: (category, id, title) => category === "eyes" && id === "cyclops" ? "一つ目" : String(title),
   editor: "エージェント編集",
   newBot: "新しいボット",
   closeEditor: "エージェント編集を閉じる",

package/src/locale/translations/pt.ts

@@ -31,7 +31,7 @@ const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
   betaEyes: "Estilo dos olhos",
   eyewear: "Óculos",
   accessory: "Acessório",
-  characterOption: (_category, _id, title) => String(title),
+  characterOption: (category, id, title) => category === "eyes" && id === "cyclops" ? "Olho único" : String(title),
   editor: "Editor do agente",
   newBot: "Novo bot",
   closeEditor: "Fechar editor do agente",

package/src/locale/translations/ru.ts

@@ -27,7 +27,7 @@ const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
   betaEyes: "Стиль глаз",
   eyewear: "Очки",
   accessory: "Аксессуар",
-  characterOption: (_category, _id, title) => String(title),
+  characterOption: (category, id, title) => category === "eyes" && id === "cyclops" ? "Один глаз" : String(title),
   editor: "Редактор агента",
   newBot: "Новый бот",
   closeEditor: "Закрыть редактор агента",

package/src/locale/translations/tr.ts

@@ -24,7 +24,7 @@ const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
   betaEyes: "Göz stili",
   eyewear: "Gözlük",
   accessory: "Aksesuar",
-  characterOption: (_category, _id, title) => String(title),
+  characterOption: (category, id, title) => category === "eyes" && id === "cyclops" ? "Tek göz" : String(title),
   editor: "Ajan düzenleyici",
   newBot: "Yeni bot",
   closeEditor: "Ajan düzenleyiciyi kapat",

package/src/locale/translations/zh.ts

@@ -24,7 +24,7 @@ const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
   betaEyes: "眼睛风格",
   eyewear: "眼镜",
   accessory: "配饰",
-  characterOption: (_category, _id, title) => String(title),
+  characterOption: (category, id, title) => category === "eyes" && id === "cyclops" ? "单眼" : String(title),
   editor: "智能体编辑器",
   newBot: "新机器人",
   closeEditor: "关闭智能体编辑器",