@oxy.so/bloom 7.0.1 → 7.1.1

package/src/agent-thinking/AgentThinking.tsx

@@ -1,5 +1,5 @@
 import React, { memo, useEffect, useState } from 'react';
-import { Platform, View, type TextStyle, type ViewStyle } from 'react-native';
+import { Platform, View, type ViewStyle } from 'react-native';
 import Svg, { Path } from 'react-native-svg';
 import Animated, {
   Easing,
@@ -15,11 +15,11 @@ import Animated, {
 } from 'react-native-reanimated';
 
 import { useMessages } from '../locale/messages';
-import { adoptStyleSheet } from '../styles/adopt-style-sheet';
 import { withAlpha } from '../theme/color-utils';
 import type { Theme } from '../theme/types';
 import { useTheme } from '../theme/use-theme';
-import { TYPE_SCALE, Text } from '../typography';
+import { Text } from '../typography';
+import { ThinkingLabel } from './ThinkingLabel';
 import { AGENT_THINKING_MESSAGES } from './messages';
 import type { AgentThinkingProps, AgentThinkingTone, AgentThinkingVariant } from './types';
 
@@ -70,52 +70,6 @@ function resolveTone(theme: Theme, tone: AgentThinkingTone): string {
   }
 }
 
-// ---------------------------------------------------------------------------
-//  Web shimmer (the label). `background-clip: text` has no React Native
-//  equivalent, so native renders the label in the flat tone — the same resting
-//  state used under reduced motion.
-// ---------------------------------------------------------------------------
-
-const STYLE_ID = 'bloom-agent-thinking-web-css';
-const LABEL_SELECTOR = '[data-bloom-agent-thinking-label]';
-/**
- * `color` is `!important` because react-native-web writes the `Text`'s own
- * colour inline, and an inline declaration outranks any sheet rule without it.
- */
-const WEB_CSS = `
-@keyframes bloom-agent-thinking-shimmer {
-  from { background-position: 200% center; }
-  to { background-position: -100% center; }
-}
-${LABEL_SELECTOR} {
-  color: transparent !important;
-  background-image: linear-gradient(
-    100deg,
-    var(--bloom-agent-thinking-soft) 30%,
-    var(--bloom-agent-thinking-tone) 50%,
-    var(--bloom-agent-thinking-soft) 70%
-  );
-  background-position: 200% center;
-  background-size: 300% 100%;
-  background-clip: text;
-  -webkit-background-clip: text;
-  animation: bloom-agent-thinking-shimmer 2.6s linear infinite;
-  will-change: background-position;
-}
-@media (prefers-reduced-motion: reduce) {
-  ${LABEL_SELECTOR} {
-    color: var(--bloom-agent-thinking-tone) !important;
-    background-image: none;
-    animation: none;
-  }
-}
-`;
-
-type ShimmerTextStyle = TextStyle & {
-  '--bloom-agent-thinking-tone'?: string;
-  '--bloom-agent-thinking-soft'?: string;
-};
-
 // ---------------------------------------------------------------------------
 //  Dots (wave / spin)
 // ---------------------------------------------------------------------------
@@ -442,21 +396,6 @@ function AgentThinkingComponent({
   const theme = useTheme();
   const reducedMotion = useReducedMotion();
   const color = resolveTone(theme, tone ?? VARIANT_TONE[variant]);
-  // Read at render, not import, so a host that flips `Platform.OS` (tests) is honoured.
-  const shimmering = Platform.OS === 'web' && shimmer;
-
-  useEffect(() => {
-    if (shimmering) adoptStyleSheet(STYLE_ID, WEB_CSS);
-  }, [shimmering]);
-
-  const labelStyle: ShimmerTextStyle = shimmering
-    ? {
-        ...TYPE_SCALE['body-medium'],
-        color,
-        '--bloom-agent-thinking-tone': color,
-        '--bloom-agent-thinking-soft': withAlpha(color, 0.55),
-      }
-    : { ...TYPE_SCALE['body-medium'], color };
 
   return (
     <View
@@ -478,15 +417,13 @@ function AgentThinkingComponent({
       {variant === 'infinity' && (
         <InfinityIndicator color={color} reducedMotion={reducedMotion} />
       )}
-      <Text
+      <ThinkingLabel
         testID={testID ? `${testID}-label` : undefined}
-        style={labelStyle}
-        {...(shimmering
-          ? ({ dataSet: { bloomAgentThinkingLabel: '' } } as Record<string, unknown>)
-          : {})}
+        color={color}
+        shimmer={shimmer}
       >
         {label}
-      </Text>
+      </ThinkingLabel>
       {showTimer && <ElapsedTimer color={resolveTone(theme, 'subtle')} />}
     </View>
   );

package/src/agent-thinking/ThinkingLabel.tsx

@@ -0,0 +1,74 @@
+import { useEffect } from 'react';
+import { Platform, type TextStyle } from 'react-native';
+import { adoptStyleSheet } from '../styles/adopt-style-sheet';
+import { withAlpha } from '../theme/color-utils';
+import { Text, type TextProps } from '../typography';
+
+const STYLE_ID = 'bloom-agent-thinking-web-css';
+const LABEL_SELECTOR = '[data-bloom-agent-thinking-label]';
+/**
+ * `color` is `!important` because react-native-web writes the `Text`'s own
+ * colour inline, and an inline declaration outranks any sheet rule without it.
+ */
+const WEB_CSS = `
+@keyframes bloom-agent-thinking-shimmer {
+  from { background-position: 200% center; }
+  to { background-position: -100% center; }
+}
+${LABEL_SELECTOR} {
+  color: transparent !important;
+  background-image: linear-gradient(
+    100deg,
+    var(--bloom-agent-thinking-soft) 30%,
+    var(--bloom-agent-thinking-tone) 50%,
+    var(--bloom-agent-thinking-soft) 70%
+  );
+  background-position: 200% center;
+  background-size: 300% 100%;
+  background-clip: text;
+  -webkit-background-clip: text;
+  animation: bloom-agent-thinking-shimmer 2.6s linear infinite;
+  will-change: background-position;
+}
+@media (prefers-reduced-motion: reduce) {
+  ${LABEL_SELECTOR} {
+    color: var(--bloom-agent-thinking-tone) !important;
+    background-image: none;
+    animation: none;
+  }
+}
+`;
+
+type ShimmerTextStyle = TextStyle & {
+  '--bloom-agent-thinking-tone'?: string;
+  '--bloom-agent-thinking-soft'?: string;
+};
+
+/** Shared thinking label; native and reduced motion retain the flat tone. */
+export function ThinkingLabel({
+  color,
+  shimmer = true,
+  variant = 'body-medium',
+  style,
+  ...props
+}: TextProps & { color: string; shimmer?: boolean }) {
+  const shimmering = Platform.OS === 'web' && shimmer;
+  useEffect(() => {
+    if (shimmering) adoptStyleSheet(STYLE_ID, WEB_CSS);
+  }, [shimmering]);
+  const labelStyle: ShimmerTextStyle = shimmering
+    ? {
+        color,
+        '--bloom-agent-thinking-tone': color,
+        '--bloom-agent-thinking-soft': withAlpha(color, 0.55),
+      }
+    : { color };
+  return (
+    <Text
+      {...props}
+      variant={variant}
+      style={[labelStyle, style]}
+      {...(shimmering ? { dataSet: { bloomAgentThinkingLabel: '' } } : {})}
+    />
+  );
+}

package/src/chart-cards/TokensChartCard.tsx

@@ -83,6 +83,8 @@ export interface TokensChartCardProps {
   /** Axis labels under the plot's edges. Default `"Jun 14"` / `"Today"` — pass your own. */
   startLabel?: string;
   endLabel?: string;
+  /** Animate the plot reveal. False paints the complete plot without scheduling frames. */
+  animate?: boolean;
   /** Plot height. Default 200. */
   plotHeight?: number;
   /** Line colour (and the area's). Default purple-400. */
@@ -161,23 +163,24 @@ export function tokensAreaPath(points: readonly Point[], baseY: number): string
 
 /** A 0 → 1 clock over `duration` on `easing`, started on mount. Snaps when `skip`. */
 function useReveal(skip: boolean): number {
-  const [progress, setProgress] = useState(skip ? 1 : 0);
+  const [frame, setFrame] = useState({ skip, progress: skip ? 1 : 0 });
   useEffect(() => {
     if (skip || typeof requestAnimationFrame !== 'function') {
-      setProgress(1);
+      setFrame((previous) => previous.skip && previous.progress === 1 ? previous : { skip: true, progress: 1 });
       return;
     }
+    setFrame({ skip: false, progress: 0 });
     const start = Date.now();
     let raf = 0;
     const tick = () => {
       const t = Math.min(1, (Date.now() - start) / REVEAL_MS);
-      setProgress(REVEAL_EASE(t));
+      setFrame({ skip: false, progress: REVEAL_EASE(t) });
       if (t < 1) raf = requestAnimationFrame(tick);
     };
     raf = requestAnimationFrame(tick);
     return () => cancelAnimationFrame(raf);
   }, [skip]);
-  return skip ? 1 : progress;
+  return skip ? 1 : frame.skip ? 0 : frame.progress;
 }
 
 export function TokensChartCard({
@@ -190,6 +193,7 @@ export function TokensChartCard({
   startLabel: startLabelProp,
   endLabel: endLabelProp,
   plotHeight = TOKENS_PLOT_HEIGHT,
+  animate = true,
   color,
   activeColor,
   activeIndex: controlledIndex,
@@ -209,7 +213,7 @@ export function TokensChartCard({
   const reducedMotion = useReducedMotion();
   const [size, setSize] = useState<{ width: number; height: number } | null>(null);
   const [activeIndex, setActiveIndex] = useActiveIndex(data.length, controlledIndex, onActiveIndexChange);
-  const reveal = useReveal(reducedMotion);
+  const reveal = useReveal(reducedMotion || !animate);
 
   const colors = useMemo(() => {
     return {
@@ -336,7 +340,7 @@ export function TokensChartCard({
                   <Stop offset="1" stopColor={colors.line} stopOpacity={0} />
                 </LinearGradient>
                 <ClipPath id={`${id}-reveal`}>
-                  <Rect x={0} y={0} width={size.width * reveal} height={size.height} />
+                  <Rect testID={testID ? `${testID}-reveal` : undefined} x={0} y={0} width={size.width * reveal} height={size.height} />
                 </ClipPath>
               </Defs>
               <G clipPath={`url(#${id}-reveal)`}>

package/src/locale/translations/ar.ts

@@ -26,6 +26,15 @@ const MESSAGE_MEDIA_MESSAGES__items = (n: number) =>
   });
 
 const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
+  reaction: "تفاعل",
+  working: "اعمل",
+  avatarStyle: "نمط الصورة الرمزية",
+  proceduralAvatar: "الصورة الرمزية الحالية",
+  betaPreset: "شخصية جاهزة (تجريبية)",
+  betaEyes: "نمط العيون",
+  eyewear: "نظارات",
+  accessory: "إكسسوار",
+  characterOption: (_category, _id, title) => String(title),
   editor: "محرر الوكيل",
   newBot: "روبوت جديد",
   closeEditor: "إغلاق محرر الوكيل",
@@ -2814,7 +2823,7 @@ const translations: Translations = {
 },
 
   AGENT_CREATOR_MESSAGES,
-  AGENT_AVATAR_MESSAGES: { label: "صورة الوكيل" },
+  AGENT_AVATAR_MESSAGES: { label: "صورة الوكيل", unavailable: "الصورة الرمزية غير متاحة", },
   COMMON_MESSAGES,
   SURFACES_MESSAGES,
   CONTACT_CARD_MESSAGES,

package/src/locale/translations/bn.ts

@@ -16,6 +16,15 @@ import { has as vendorCard_has, counted as vendorCard_counted } from '../../vend
 const CALL_UI_MESSAGES__CORNERS = { 'top-left': 'উপরে বাঁয়ে', 'top-right': 'উপরে ডানে', 'bottom-left': 'নিচে বাঁয়ে', 'bottom-right': 'নিচে ডানে' };
 
 const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
+  reaction: "প্রতিক্রিয়া দেখান",
+  working: "কাজ করুন",
+  avatarStyle: "অবতারের ধরন",
+  proceduralAvatar: "বর্তমান অবতার",
+  betaPreset: "প্রস্তুত চরিত্র (বিটা)",
+  betaEyes: "চোখের ধরন",
+  eyewear: "চশমা",
+  accessory: "অনুষঙ্গ",
+  characterOption: (_category, _id, title) => String(title),
   editor: "এজেন্ট সম্পাদক",
   newBot: "নতুন বট",
   closeEditor: "এজেন্ট সম্পাদক বন্ধ করুন",
@@ -2472,7 +2481,7 @@ const translations: Translations = {
 },
 
   AGENT_CREATOR_MESSAGES,
-  AGENT_AVATAR_MESSAGES: { label: "এজেন্টের অবতার" },
+  AGENT_AVATAR_MESSAGES: { label: "এজেন্টের অবতার", unavailable: "অবতার উপলব্ধ নেই", },
   COMMON_MESSAGES,
   SURFACES_MESSAGES,
   CONTACT_CARD_MESSAGES,

package/src/locale/translations/ca.ts

@@ -23,6 +23,15 @@ const CALL_UI_MESSAGES__CORNERS = {
 const MESSAGE_MEDIA_MESSAGES__items = (n: number) => plural('ca', n, { one: '{n} element', other: '{n} elements' });
 
 const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
+  reaction: "Reacció",
+  working: "Treballa",
+  avatarStyle: "Estil de l’avatar",
+  proceduralAvatar: "Avatar actual",
+  betaPreset: "Personatge predefinit (beta)",
+  betaEyes: "Estil dels ulls",
+  eyewear: "Ulleres",
+  accessory: "Accessori",
+  characterOption: (_category, _id, title) => String(title),
   editor: "Editor de l’agent",
   newBot: "Bot nou",
   closeEditor: "Tanca l’editor de l’agent",
@@ -2481,7 +2490,7 @@ const translations: Translations = {
 },
 
   AGENT_CREATOR_MESSAGES,
-  AGENT_AVATAR_MESSAGES: { label: "Avatar de l’agent" },
+  AGENT_AVATAR_MESSAGES: { label: "Avatar de l’agent", unavailable: "Avatar no disponible", },
   COMMON_MESSAGES,
   SURFACES_MESSAGES,
   CONTACT_CARD_MESSAGES,

package/src/locale/translations/de.ts

@@ -18,6 +18,15 @@ const CALL_UI_MESSAGES__CORNERS = { 'top-left': 'oben links', 'top-right': 'oben
 const MESSAGE_MEDIA_MESSAGES__items = (n: number) => plural('de', n, { one: '{n} Element', other: '{n} Elemente' });
 
 const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
+  reaction: "Reagieren",
+  working: "Arbeiten",
+  avatarStyle: "Avatar-Stil",
+  proceduralAvatar: "Aktueller Avatar",
+  betaPreset: "Charaktervorlage (Beta)",
+  betaEyes: "Augenstil",
+  eyewear: "Brille",
+  accessory: "Accessoire",
+  characterOption: (_category, _id, title) => String(title),
   editor: "Agenten-Editor",
   newBot: "Neuer Bot",
   closeEditor: "Agenten-Editor schließen",
@@ -2484,7 +2493,7 @@ const translations: Translations = {
 },
 
   AGENT_CREATOR_MESSAGES,
-  AGENT_AVATAR_MESSAGES: { label: "Agentenavatar" },
+  AGENT_AVATAR_MESSAGES: { label: "Agentenavatar", unavailable: "Avatar nicht verfügbar", },
   COMMON_MESSAGES,
   SURFACES_MESSAGES,
   CONTACT_CARD_MESSAGES,

package/src/locale/translations/es.ts

@@ -23,6 +23,15 @@ const CALL_UI_MESSAGES__CORNERS = {
 const MESSAGE_MEDIA_MESSAGES__items = (n: number) => plural('es', n, { one: '{n} elemento', other: '{n} elementos' });
 
 const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
+  reaction: "Reacción",
+  working: "Trabajar",
+  avatarStyle: "Estilo del avatar",
+  proceduralAvatar: "Avatar actual",
+  betaPreset: "Personaje predefinido (beta)",
+  betaEyes: "Estilo de ojos",
+  eyewear: "Gafas",
+  accessory: "Accesorio",
+  characterOption: (_category, _id, title) => String(title),
   editor: "Editor del agente",
   newBot: "Nuevo bot",
   closeEditor: "Cerrar editor del agente",
@@ -2481,7 +2490,7 @@ const translations: Translations = {
 },
 
   AGENT_CREATOR_MESSAGES,
-  AGENT_AVATAR_MESSAGES: { label: "Avatar del agente" },
+  AGENT_AVATAR_MESSAGES: { label: "Avatar del agente", unavailable: "Avatar no disponible", },
   COMMON_MESSAGES,
   SURFACES_MESSAGES,
   CONTACT_CARD_MESSAGES,

package/src/locale/translations/fr.ts

@@ -23,6 +23,15 @@ const CALL_UI_MESSAGES__CORNERS = {
 const MESSAGE_MEDIA_MESSAGES__items = (n: number) => plural('fr', n, { one: '{n} élément', other: '{n} éléments' });
 
 const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
+  reaction: "Réagir",
+  working: "Travailler",
+  avatarStyle: "Style de l’avatar",
+  proceduralAvatar: "Avatar actuel",
+  betaPreset: "Personnage prédéfini (bêta)",
+  betaEyes: "Style des yeux",
+  eyewear: "Lunettes",
+  accessory: "Accessoire",
+  characterOption: (_category, _id, title) => String(title),
   editor: "Éditeur de l’agent",
   newBot: "Nouveau bot",
   closeEditor: "Fermer l’éditeur de l’agent",
@@ -2496,7 +2505,7 @@ const translations: Translations = {
 },
 
   AGENT_CREATOR_MESSAGES,
-  AGENT_AVATAR_MESSAGES: { label: "Avatar de l’agent" },
+  AGENT_AVATAR_MESSAGES: { label: "Avatar de l’agent", unavailable: "Avatar indisponible", },
   COMMON_MESSAGES,
   SURFACES_MESSAGES,
   CONTACT_CARD_MESSAGES,

package/src/locale/translations/hi.ts

@@ -16,6 +16,15 @@ import { has as vendorCard_has, counted as vendorCard_counted } from '../../vend
 const CALL_UI_MESSAGES__CORNERS = { 'top-left': 'ऊपर बाएं', 'top-right': 'ऊपर दाएं', 'bottom-left': 'नीचे बाएं', 'bottom-right': 'नीचे दाएं' };
 
 const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
+  reaction: "प्रतिक्रिया दें",
+  working: "काम करें",
+  avatarStyle: "अवतार शैली",
+  proceduralAvatar: "वर्तमान अवतार",
+  betaPreset: "तैयार पात्र (बीटा)",
+  betaEyes: "आँखों की शैली",
+  eyewear: "चश्मा",
+  accessory: "सहायक वस्तु",
+  characterOption: (_category, _id, title) => String(title),
   editor: "एजेंट संपादक",
   newBot: "नया बॉट",
   closeEditor: "एजेंट संपादक बंद करें",
@@ -2474,7 +2483,7 @@ const translations: Translations = {
 },
 
   AGENT_CREATOR_MESSAGES,
-  AGENT_AVATAR_MESSAGES: { label: "एजेंट अवतार" },
+  AGENT_AVATAR_MESSAGES: { label: "एजेंट अवतार", unavailable: "अवतार उपलब्ध नहीं है", },
   COMMON_MESSAGES,
   SURFACES_MESSAGES,
   CONTACT_CARD_MESSAGES,

package/src/locale/translations/id.ts

@@ -16,6 +16,15 @@ import { has as vendorCard_has, counted as vendorCard_counted } from '../../vend
 const CALL_UI_MESSAGES__CORNERS = { 'top-left': 'kiri atas', 'top-right': 'kanan atas', 'bottom-left': 'kiri bawah', 'bottom-right': 'kanan bawah' };
 
 const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
+  reaction: "Bereaksi",
+  working: "Bekerja",
+  avatarStyle: "Gaya avatar",
+  proceduralAvatar: "Avatar saat ini",
+  betaPreset: "Karakter bawaan (beta)",
+  betaEyes: "Gaya mata",
+  eyewear: "Kacamata",
+  accessory: "Aksesori",
+  characterOption: (_category, _id, title) => String(title),
   editor: "Editor agen",
   newBot: "Bot baru",
   closeEditor: "Tutup editor agen",
@@ -2471,7 +2480,7 @@ const translations: Translations = {
 },
 
   AGENT_CREATOR_MESSAGES,
-  AGENT_AVATAR_MESSAGES: { label: "Avatar agen" },
+  AGENT_AVATAR_MESSAGES: { label: "Avatar agen", unavailable: "Avatar tidak tersedia", },
   COMMON_MESSAGES,
   SURFACES_MESSAGES,
   CONTACT_CARD_MESSAGES,

package/src/locale/translations/it.ts

@@ -23,6 +23,15 @@ const CALL_UI_MESSAGES__CORNERS = {
 const MESSAGE_MEDIA_MESSAGES__items = (n: number) => plural('it', n, { one: '{n} elemento', other: '{n} elementi' });
 
 const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
+  reaction: "Reagisci",
+  working: "Lavora",
+  avatarStyle: "Stile dell’avatar",
+  proceduralAvatar: "Avatar attuale",
+  betaPreset: "Personaggio predefinito (beta)",
+  betaEyes: "Stile degli occhi",
+  eyewear: "Occhiali",
+  accessory: "Accessorio",
+  characterOption: (_category, _id, title) => String(title),
   editor: "Editor dell’agente",
   newBot: "Nuovo bot",
   closeEditor: "Chiudi l’editor dell’agente",
@@ -2481,7 +2490,7 @@ const translations: Translations = {
 },
 
   AGENT_CREATOR_MESSAGES,
-  AGENT_AVATAR_MESSAGES: { label: "Avatar dell’agente" },
+  AGENT_AVATAR_MESSAGES: { label: "Avatar dell’agente", unavailable: "Avatar non disponibile", },
   COMMON_MESSAGES,
   SURFACES_MESSAGES,
   CONTACT_CARD_MESSAGES,

package/src/locale/translations/ja.ts

@@ -16,6 +16,15 @@ import { has as vendorCard_has, counted as vendorCard_counted } from '../../vend
 const CALL_UI_MESSAGES__CORNERS = { 'top-left': '左上', 'top-right': '右上', 'bottom-left': '左下', 'bottom-right': '右下' };
 
 const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
+  reaction: "リアクション",
+  working: "作業する",
+  avatarStyle: "アバターのスタイル",
+  proceduralAvatar: "現在のアバター",
+  betaPreset: "キャラクタープリセット（ベータ）",
+  betaEyes: "目のスタイル",
+  eyewear: "眼鏡",
+  accessory: "アクセサリー",
+  characterOption: (_category, _id, title) => String(title),
   editor: "エージェント編集",
   newBot: "新しいボット",
   closeEditor: "エージェント編集を閉じる",
@@ -2472,7 +2481,7 @@ const translations: Translations = {
 },
 
   AGENT_CREATOR_MESSAGES,
-  AGENT_AVATAR_MESSAGES: { label: "エージェントのアバター" },
+  AGENT_AVATAR_MESSAGES: { label: "エージェントのアバター", unavailable: "アバターを表示できません", },
   COMMON_MESSAGES,
   SURFACES_MESSAGES,
   CONTACT_CARD_MESSAGES,

package/src/locale/translations/pt.ts

@@ -23,6 +23,15 @@ const CALL_UI_MESSAGES__CORNERS = {
 const MESSAGE_MEDIA_MESSAGES__items = (n: number) => plural('pt', n, { one: '{n} item', other: '{n} itens' });
 
 const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
+  reaction: "Reagir",
+  working: "Trabalhar",
+  avatarStyle: "Estilo do avatar",
+  proceduralAvatar: "Avatar atual",
+  betaPreset: "Personagem predefinido (beta)",
+  betaEyes: "Estilo dos olhos",
+  eyewear: "Óculos",
+  accessory: "Acessório",
+  characterOption: (_category, _id, title) => String(title),
   editor: "Editor do agente",
   newBot: "Novo bot",
   closeEditor: "Fechar editor do agente",
@@ -2484,7 +2493,7 @@ const translations: Translations = {
 },
 
   AGENT_CREATOR_MESSAGES,
-  AGENT_AVATAR_MESSAGES: { label: "Avatar do agente" },
+  AGENT_AVATAR_MESSAGES: { label: "Avatar do agente", unavailable: "Avatar indisponível", },
   COMMON_MESSAGES,
   SURFACES_MESSAGES,
   CONTACT_CARD_MESSAGES,

package/src/locale/translations/ru.ts

@@ -19,6 +19,15 @@ const MESSAGE_MEDIA_MESSAGES__items = (n: number) =>
   plural('ru', n, { one: '{n} элемент', few: '{n} элемента', many: '{n} элементов', other: '{n} элемента' });
 
 const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
+  reaction: "Реакция",
+  working: "Работать",
+  avatarStyle: "Стиль аватара",
+  proceduralAvatar: "Текущий аватар",
+  betaPreset: "Готовый персонаж (бета)",
+  betaEyes: "Стиль глаз",
+  eyewear: "Очки",
+  accessory: "Аксессуар",
+  characterOption: (_category, _id, title) => String(title),
   editor: "Редактор агента",
   newBot: "Новый бот",
   closeEditor: "Закрыть редактор агента",
@@ -2567,7 +2576,7 @@ const translations: Translations = {
 },
 
   AGENT_CREATOR_MESSAGES,
-  AGENT_AVATAR_MESSAGES: { label: "Аватар агента" },
+  AGENT_AVATAR_MESSAGES: { label: "Аватар агента", unavailable: "Аватар недоступен", },
   COMMON_MESSAGES,
   SURFACES_MESSAGES,
   CONTACT_CARD_MESSAGES,

package/src/locale/translations/tr.ts

@@ -16,6 +16,15 @@ import { has as vendorCard_has, counted as vendorCard_counted } from '../../vend
 const CALL_UI_MESSAGES__CORNERS = { 'top-left': 'sol üst', 'top-right': 'sağ üst', 'bottom-left': 'sol alt', 'bottom-right': 'sağ alt' };
 
 const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
+  reaction: "Tepki ver",
+  working: "Çalış",
+  avatarStyle: "Avatar stili",
+  proceduralAvatar: "Mevcut avatar",
+  betaPreset: "Hazır karakter (beta)",
+  betaEyes: "Göz stili",
+  eyewear: "Gözlük",
+  accessory: "Aksesuar",
+  characterOption: (_category, _id, title) => String(title),
   editor: "Ajan düzenleyici",
   newBot: "Yeni bot",
   closeEditor: "Ajan düzenleyiciyi kapat",
@@ -2472,7 +2481,7 @@ const translations: Translations = {
 },
 
   AGENT_CREATOR_MESSAGES,
-  AGENT_AVATAR_MESSAGES: { label: "Ajan avatarı" },
+  AGENT_AVATAR_MESSAGES: { label: "Ajan avatarı", unavailable: "Avatar kullanılamıyor", },
   COMMON_MESSAGES,
   SURFACES_MESSAGES,
   CONTACT_CARD_MESSAGES,

package/src/locale/translations/zh.ts

@@ -16,6 +16,15 @@ import { has as vendorCard_has, counted as vendorCard_counted } from '../../vend
 const CALL_UI_MESSAGES__CORNERS = { 'top-left': '左上角', 'top-right': '右上角', 'bottom-left': '左下角', 'bottom-right': '右下角' };
 
 const AGENT_CREATOR_MESSAGES: Translations['AGENT_CREATOR_MESSAGES'] = {
+  reaction: "做出反应",
+  working: "工作",
+  avatarStyle: "头像风格",
+  proceduralAvatar: "当前头像",
+  betaPreset: "预设角色（测试版）",
+  betaEyes: "眼睛风格",
+  eyewear: "眼镜",
+  accessory: "配饰",
+  characterOption: (_category, _id, title) => String(title),
   editor: "智能体编辑器",
   newBot: "新机器人",
   closeEditor: "关闭智能体编辑器",
@@ -2456,7 +2465,7 @@ const translations: Translations = {
 },
 
   AGENT_CREATOR_MESSAGES,
-  AGENT_AVATAR_MESSAGES: { label: "智能体头像" },
+  AGENT_AVATAR_MESSAGES: { label: "智能体头像", unavailable: "头像不可用", },
   COMMON_MESSAGES,
   SURFACES_MESSAGES,
   CONTACT_CARD_MESSAGES,

package/src/multi-agent-chat/AvatarHandoff.tsx

@@ -12,13 +12,12 @@ import Animated, {
 } from 'react-native-reanimated';
 import { AgentAvatar } from '../agent-avatar';
 import { Drawing } from '../agent-avatar/SvgDrawing';
-import { useIsRtl } from '../hooks/use-is-rtl';
 import { OverlayRoot } from '../overlay';
 import { StyledView } from '../styles/styled-primitives';
 import { useChatComponents } from './context';
 import {
   avatarFlightPoint,
-  badgeFlightTarget,
+  profileFlightTarget,
   measureAvatar,
   type AvatarHandoffState,
   type AvatarRect,
@@ -133,7 +132,6 @@ export function AvatarHandoff({
   onFinish: () => void;
 }) {
   const { FlightHost } = useChatComponents();
-  const rtl = useIsRtl();
   const [destinations, setDestinations] = useState<Record<string, AvatarRect>>(
     {},
   );
@@ -151,7 +149,7 @@ export function AvatarHandoff({
             rect &&
             handoff.kind === 'first' &&
             avatar.agent.id !== handoff.responderId
-              ? badgeFlightTarget(rect, rtl)
+              ? profileFlightTarget(rect)
               : rect,
           ] as const;
         }),
@@ -187,7 +185,6 @@ export function AvatarHandoff({
     onFinish,
     width,
     height,
-    rtl,
   ]);
   const relative = (rect: AvatarRect): AvatarRect =>
     Platform.OS === 'web' || !origin