@agentprojectcontext/apx 1.36.0 → 1.38.0

package/src/interfaces/web/src/components/voice/VoiceProviderModal.tsx

@@ -77,7 +77,7 @@ export function VoiceProviderModal({ open, providerId, config, onClose, onSave }
 
   const hasSecret = providerId !== "piper" && providerId !== "mock";
   const existingKey = hasSecret && isSecretMarker((config as { api_key?: unknown })?.api_key);
-  const keyPlaceholder = existingKey ? `…${secretSuffix((config as { api_key?: unknown })?.api_key) ?? ""} (ya seteada)` : "API key";
+  const keyPlaceholder = existingKey ? t("voice_ui.api_key_set", { suffix: secretSuffix((config as { api_key?: unknown })?.api_key) ?? "" }) : t("voice_ui.api_key_label");
 
   const submit = async () => {
     setBusy(true);
@@ -115,7 +115,7 @@ export function VoiceProviderModal({ open, providerId, config, onClose, onSave }
       await onSave({ set, unset });
       onClose();
     } catch (e) {
-      setError((e as Error).message || "Error al guardar.");
+      setError((e as Error).message || t("voice_ui.err_save"));
     } finally {
       setBusy(false);
     }
@@ -130,21 +130,21 @@ export function VoiceProviderModal({ open, providerId, config, onClose, onSave }
       size="md"
       footer={
         <>
-          <Button variant="ghost" onClick={onClose} disabled={busy}>Cancelar</Button>
-          <Button variant="primary" onClick={submit} loading={busy} data-testid="voice-provider-save">Guardar</Button>
+          <Button variant="ghost" onClick={onClose} disabled={busy}>{t("common.cancel")}</Button>
+          <Button variant="primary" onClick={submit} loading={busy} data-testid="voice-provider-save">{t("common.save")}</Button>
         </>
       }
     >
       <div className="space-y-3">
         {providerId === "piper" && (
           <>
-            <Field label="Binario (bin)" hint="Ruta o nombre del CLI piper (PATH).">
+            <Field label={t("voice_ui.piper_bin_label")} hint={t("voice_ui.piper_bin_hint")}>
               <Input value={f.bin} onChange={(e) => up({ bin: e.target.value })} placeholder="piper" />
             </Field>
-            <Field label="Modelo (.onnx)" hint="Ruta absoluta al modelo de voz piper.">
-              <Input value={f.model} onChange={(e) => up({ model: e.target.value })} placeholder="/abs/path/voz.onnx" />
+            <Field label={t("voice_ui.piper_model_label")} hint={t("voice_ui.piper_model_hint")}>
+              <Input value={f.model} onChange={(e) => up({ model: e.target.value })} placeholder="/abs/path/voice.onnx" />
             </Field>
-            <Field label="Speaker (opcional)" hint="Id de hablante para modelos multi-voz.">
+            <Field label={t("voice_ui.piper_speaker_label")} hint={t("voice_ui.piper_speaker_hint")}>
               <Input value={f.speaker} onChange={(e) => up({ speaker: e.target.value })} placeholder="0" />
             </Field>
           </>
@@ -152,16 +152,16 @@ export function VoiceProviderModal({ open, providerId, config, onClose, onSave }
 
         {providerId === "elevenlabs" && (
           <>
-            <Field label="API key" hint={existingKey ? "Dejá en blanco para mantener la actual." : "Se guarda como secreto. Env: ELEVENLABS_API_KEY"}>
+            <Field label={t("voice_ui.api_key_label")} hint={existingKey ? t("voice_ui.api_key_keep_hint") : t("voice_ui.api_key_secret_hint", { env: "ELEVENLABS_API_KEY" })}>
               <Input type="password" autoComplete="new-password" value={apiKey} onChange={(e) => setApiKey(e.target.value)} placeholder={keyPlaceholder} />
             </Field>
-            <Field label="Modelo">
+            <Field label={t("voice_ui.model_label")}>
               <UiSelect value={f.model || ""} onChange={(v) => up({ model: v })} options={ELEVENLABS_MODELS.map((m) => ({ value: m, label: m }))} placeholder="eleven_multilingual_v2" />
             </Field>
-            <Field label="Voice ID" hint="Id de la voz de ElevenLabs (vacío = default).">
+            <Field label={t("voice_ui.voice_id_label")} hint={t("voice_ui.voice_id_hint")}>
               <Input value={f.voice_id} onChange={(e) => up({ voice_id: e.target.value })} placeholder="EXAVITQu4vr4xnSDxMaL" />
             </Field>
-            <Field label="Formato de salida">
+            <Field label={t("voice_ui.output_format_label")}>
               <Input value={f.output_format} onChange={(e) => up({ output_format: e.target.value })} placeholder="mp3_44100_128" />
             </Field>
           </>
@@ -169,16 +169,16 @@ export function VoiceProviderModal({ open, providerId, config, onClose, onSave }
 
         {providerId === "openai" && (
           <>
-            <Field label="API key" hint={existingKey ? "Dejá en blanco para mantener la actual." : "Se reusa engines.openai.api_key si la dejás en blanco. Env: OPENAI_API_KEY"}>
+            <Field label={t("voice_ui.api_key_label")} hint={existingKey ? t("voice_ui.api_key_keep_hint") : t("voice_ui.api_key_reuse_hint", { engine: "engines.openai.api_key", env: "OPENAI_API_KEY" })}>
               <Input type="password" autoComplete="new-password" value={apiKey} onChange={(e) => setApiKey(e.target.value)} placeholder={keyPlaceholder} />
             </Field>
-            <Field label="Modelo">
+            <Field label={t("voice_ui.model_label")}>
               <UiSelect value={f.model || "tts-1"} onChange={(v) => up({ model: v })} options={OPENAI_TTS_MODELS.map((m) => ({ value: m, label: m }))} />
             </Field>
-            <Field label="Voz">
+            <Field label={t("voice_ui.voice_label")}>
               <UiSelect value={f.voice || "alloy"} onChange={(v) => up({ voice: v })} options={OPENAI_TTS_VOICES.map((m) => ({ value: m, label: m }))} />
             </Field>
-            <Field label="Formato">
+            <Field label={t("voice_ui.format_label")}>
               <UiSelect value={f.format || "mp3"} onChange={(v) => up({ format: v })} options={["mp3", "opus", "aac", "flac", "wav"].map((m) => ({ value: m, label: m }))} />
             </Field>
           </>
@@ -186,24 +186,24 @@ export function VoiceProviderModal({ open, providerId, config, onClose, onSave }
 
         {providerId === "gemini" && (
           <>
-            <Field label="API key" hint={existingKey ? "Dejá en blanco para mantener la actual." : "Se reusa engines.gemini.api_key si la dejás en blanco. Env: GEMINI_API_KEY"}>
+            <Field label={t("voice_ui.api_key_label")} hint={existingKey ? t("voice_ui.api_key_keep_hint") : t("voice_ui.api_key_reuse_hint", { engine: "engines.gemini.api_key", env: "GEMINI_API_KEY" })}>
               <Input type="password" autoComplete="new-password" value={apiKey} onChange={(e) => setApiKey(e.target.value)} placeholder={keyPlaceholder} />
             </Field>
-            <Field label="Modelo" hint="TTS de Gemini sigue en preview.">
+            <Field label={t("voice_ui.model_label")} hint={t("voice_ui.gemini_model_hint")}>
               <Input value={f.model} onChange={(e) => up({ model: e.target.value })} placeholder="gemini-2.5-flash-preview-tts" />
             </Field>
-            <Field label="Voz">
+            <Field label={t("voice_ui.voice_label")}>
               <UiSelect value={f.voice || "Kore"} onChange={(v) => up({ voice: v })} options={GEMINI_TTS_VOICES.map((m) => ({ value: m, label: m }))} />
             </Field>
-            <Field label="Estilo (cómo querés que hable)" hint="Instrucción en lenguaje natural. Vacío = sin estilo. Ej: 'hablá en tono alegre y pausado'.">
-              <Textarea rows={2} value={f.style || ""} onChange={(e) => up({ style: e.target.value })} placeholder="hablá en tono alegre y enérgico" />
+            <Field label={t("voice_ui.style_label")} hint={t("voice_ui.style_hint")}>
+              <Textarea rows={2} value={f.style || ""} onChange={(e) => up({ style: e.target.value })} placeholder={t("voice_ui.style_ph")} />
             </Field>
           </>
         )}
 
         {providerId === "mock" && (
           <p className="text-sm text-muted-fg">
-            El motor <strong>mock</strong> genera un WAV silencioso de prueba. No tiene parámetros: sirve como fallback garantizado cuando no hay otro motor configurado.
+            {t("voice_ui.mock_desc")}
           </p>
         )}
 

package/src/interfaces/web/src/components/voice/VoiceSttCard.tsx

@@ -1,6 +1,7 @@
 import { Field } from "../ui";
 import { UiSelect } from "../UiSelect";
 import { WHISPER_MODELS, type TranscriptionConfig } from "../../lib/api/voice";
+import { t } from "../../i18n";
 
 // STT (speech-to-text) configuration. Persisted under config.transcription.
 // The actual capture happens in the deck overlay / Telegram / CLI; here the
@@ -12,20 +13,20 @@ interface Props {
   busy?: boolean;
 }
 
-const PROVIDER_OPTIONS = [
-  { value: "auto", label: "Automático (local, luego OpenAI)" },
-  { value: "local", label: "Local — faster-whisper (offline)" },
-  { value: "openai", label: "OpenAI — Whisper-1 (cloud)" },
+const providerOptions = () => [
+  { value: "auto", label: t("voice_ui.stt_provider_auto") },
+  { value: "local", label: t("voice_ui.stt_provider_local") },
+  { value: "openai", label: t("voice_ui.stt_provider_openai") },
 ];
 
-const LANG_OPTIONS = [
-  { value: "auto", label: "Auto-detectar" },
-  { value: "es", label: "Español" },
-  { value: "en", label: "Inglés" },
-  { value: "pt", label: "Portugués" },
-  { value: "fr", label: "Francés" },
-  { value: "it", label: "Italiano" },
-  { value: "de", label: "Alemán" },
+const langOptions = () => [
+  { value: "auto", label: t("voice_ui.lang_auto") },
+  { value: "es", label: t("voice_ui.lang_es") },
+  { value: "en", label: t("voice_ui.lang_en") },
+  { value: "pt", label: t("voice_ui.lang_pt") },
+  { value: "fr", label: t("voice_ui.lang_fr") },
+  { value: "it", label: t("voice_ui.lang_it") },
+  { value: "de", label: t("voice_ui.lang_de") },
 ];
 
 export function VoiceSttCard({ config, onPatch, busy }: Props) {
@@ -37,11 +38,11 @@ export function VoiceSttCard({ config, onPatch, busy }: Props) {
 
   return (
     <div className="space-y-3">
-      <Field label="Motor de transcripción" hint="Local usa faster-whisper (requiere python3 + faster-whisper). OpenAI usa la key de engines.openai.">
+      <Field label={t("voice_ui.stt_engine_label")} hint={t("voice_ui.stt_engine_hint")}>
         <UiSelect
           value={provider}
           onChange={(v) => onPatch({ "transcription.provider": v })}
-          options={PROVIDER_OPTIONS}
+          options={providerOptions()}
           disabled={busy}
           className="max-w-md"
         />
@@ -49,7 +50,7 @@ export function VoiceSttCard({ config, onPatch, busy }: Props) {
 
       {usesLocal && (
         <div className="grid grid-cols-1 gap-3 sm:grid-cols-2">
-          <Field label="Modelo local (whisper)" hint="Más grande = más preciso y más lento.">
+          <Field label={t("voice_ui.stt_model_label")} hint={t("voice_ui.stt_model_hint")}>
             <UiSelect
               value={model}
               onChange={(v) => onPatch({ "transcription.local.model": v })}
@@ -57,11 +58,11 @@ export function VoiceSttCard({ config, onPatch, busy }: Props) {
               disabled={busy}
             />
           </Field>
-          <Field label="Idioma" hint='Para español, fijá "Español" mejora la precisión.'>
+          <Field label={t("voice_ui.stt_language_label")} hint={t("voice_ui.stt_language_hint")}>
             <UiSelect
               value={language}
               onChange={(v) => onPatch({ "transcription.local.language": v })}
-              options={LANG_OPTIONS}
+              options={langOptions()}
               disabled={busy}
             />
           </Field>

package/src/interfaces/web/src/components/voice/VoiceTestCard.tsx

@@ -5,6 +5,7 @@ import { UiSelect } from "../UiSelect";
 import { useToast } from "../Toast";
 import { useTtsPlayer } from "./useTtsPlayer";
 import { Voice, TTS_PROVIDER_META, type TtsEngineInfo, type TtsMode, type TtsSayResult } from "../../lib/api/voice";
+import { t } from "../../i18n";
 
 // "Decir esto" tester. Lets you pick which engine to synthesize with (overriding
 // the saved default) and add a free-text speaking-style instruction, then plays
@@ -21,7 +22,7 @@ interface Props {
 export function VoiceTestCard({ engines, defaultProvider, mode }: Props) {
   const toast = useToast();
   const { play, stop, playing, loading: playLoading } = useTtsPlayer();
-  const [text, setText] = useState("Hola, soy APX. Esto es una prueba de voz.");
+  const [text, setText] = useState(t("voice_ui.test_default_text"));
   // "" = use the saved default; otherwise force a specific engine.
   const [engine, setEngine] = useState("");
   const [style, setStyle] = useState("");
@@ -30,34 +31,34 @@ export function VoiceTestCard({ engines, defaultProvider, mode }: Props) {
 
   const defaultLabel =
     mode === "single" && defaultProvider && defaultProvider !== "auto"
-      ? `Por defecto (${TTS_PROVIDER_META[defaultProvider]?.name || defaultProvider})`
-      : "Por defecto (cadena)";
+      ? t("voice_ui.test_default_engine", { name: TTS_PROVIDER_META[defaultProvider]?.name || defaultProvider })
+      : t("voice_ui.test_default_chain");
 
   const options = [
     { value: "", label: defaultLabel },
     ...engines.map((e) => ({
       value: e.id,
-      label: `${TTS_PROVIDER_META[e.id]?.name || e.id}${e.available ? "" : " · no disponible"}`,
+      label: `${TTS_PROVIDER_META[e.id]?.name || e.id}${e.available ? "" : t("voice_ui.test_unavailable_suffix")}`,
     })),
   ];
 
   const say = async () => {
-    const t = text.trim();
-    if (!t) {
-      toast.error("Escribí algo para decir.");
+    const txt = text.trim();
+    if (!txt) {
+      toast.error(t("voice_ui.test_empty_error"));
       return;
     }
     setBusy(true);
     try {
       const res = await Voice.say({
-        text: t,
+        text: txt,
         provider: engine || undefined,
         style: style.trim() || undefined,
       });
       setLast(res);
       await play(res.audio_path);
     } catch (e) {
-      toast.error((e as Error).message || "No se pudo sintetizar.");
+      toast.error((e as Error).message || t("voice_ui.test_synth_error"));
     } finally {
       setBusy(false);
     }
@@ -66,43 +67,43 @@ export function VoiceTestCard({ engines, defaultProvider, mode }: Props) {
   return (
     <div className="space-y-3">
       <div className="grid gap-3 sm:grid-cols-2">
-        <Field label="Motor" hint="Override del por defecto para probar.">
+        <Field label={t("voice_ui.test_engine_label")} hint={t("voice_ui.test_engine_hint")}>
           <UiSelect value={engine} onChange={setEngine} options={options} />
         </Field>
-        <Field label="Estilo (solo Gemini)" hint="Cómo querés que hable. Vacío = sin estilo.">
+        <Field label={t("voice_ui.test_style_label")} hint={t("voice_ui.test_style_hint")}>
           <Input
             value={style}
             onChange={(e) => setStyle(e.target.value)}
-            placeholder="hablá en tono alegre y enérgico"
+            placeholder={t("voice_ui.style_ph")}
             data-testid="voice-test-style"
           />
         </Field>
       </div>
-      <Field label="Texto a decir">
+      <Field label={t("voice_ui.test_text_label")}>
         <Textarea
           rows={2}
           value={text}
           onChange={(e) => setText(e.target.value)}
-          placeholder="Escribí lo que querés que diga…"
+          placeholder={t("voice_ui.test_text_ph")}
           data-testid="voice-test-input"
         />
       </Field>
       <div className="flex items-center gap-2">
         <Button variant="primary" onClick={say} loading={busy} disabled={playLoading} data-testid="voice-test-say">
-          <Volume2 className="size-4" /> Decir esto
+          <Volume2 className="size-4" /> {t("voice_ui.say_this")}
         </Button>
         {playing ? (
           <Button variant="secondary" onClick={stop} data-testid="voice-test-stop">
-            <Square className="size-4" /> Parar
+            <Square className="size-4" /> {t("voice_ui.stop")}
           </Button>
         ) : last ? (
           <Button variant="secondary" onClick={() => play(last.audio_path)} loading={playLoading} data-testid="voice-test-replay">
-            <Play className="size-4" /> Repetir
+            <Play className="size-4" /> {t("voice_ui.replay")}
           </Button>
         ) : null}
         {last && (
           <span className="text-xs text-muted-fg">
-            Motor: <strong>{last.provider}</strong>
+            {t("voice_ui.engine_result")}: <strong>{last.provider}</strong>
             {last.duration_s ? ` · ${last.duration_s.toFixed(1)}s` : ""}
           </span>
         )}

package/src/interfaces/web/src/hooks/useChat.ts

@@ -1,6 +1,7 @@
 import { useCallback, useRef, useState } from "react";
 import { SuperAgent, Agents, Conversations } from "../lib/api";
 import type { ChatStreamEvent, ChatUsage, ConversationMessage } from "../types/daemon";
+import { t } from "../i18n";
 
 export type ToolStatus = "running" | "done" | "error" | "deduped";
 
@@ -259,7 +260,7 @@ export function useChat(pid: string, onError?: (msg: string) => void): UseChatRe
   const applyEvent = useCallback(
     (ev: ChatStreamEvent) => {
       if (ev.type === "error") {
-        onError?.(ev.error || "stream error");
+        onError?.(ev.error || t("shared_ui.err_stream"));
         return;
       }
       patchLast((m) => applyStreamEvent(m, ev));
@@ -302,7 +303,7 @@ export function useChat(pid: string, onError?: (msg: string) => void): UseChatRe
             parts: [{ kind: "text", text: out.text }],
           }));
         } catch (e) {
-          onError?.((e as Error)?.message || "fallo");
+          onError?.((e as Error)?.message || t("shared_ui.err_chat_failed"));
           setMsgs((curr) => curr.filter((_, i) => i !== curr.length - 1));
         } finally {
           setStreaming(false);
@@ -326,10 +327,10 @@ export function useChat(pid: string, onError?: (msg: string) => void): UseChatRe
           patchLast((m) => ({
             ...m,
             pending: false,
-            parts: [...m.parts, { kind: "text", text: "[detenido]" }],
+            parts: [...m.parts, { kind: "text", text: t("code_module.stopped") }],
           }));
         } else {
-          onError?.((e as Error)?.message || "stream falló");
+          onError?.((e as Error)?.message || t("shared_ui.err_stream_failed"));
           setMsgs((curr) => curr.filter((_, i) => i !== curr.length - 1));
         }
       } finally {
@@ -364,7 +365,7 @@ export function useChat(pid: string, onError?: (msg: string) => void): UseChatRe
         setConversationId(conversationId);
         setMsgs(loaded);
       } catch (e) {
-        onError?.((e as Error)?.message || "could not load conversation");
+        onError?.((e as Error)?.message || t("shared_ui.err_load_conversation"));
       }
     },
     [pid, streaming, onError],