@agentprojectcontext/apx 1.33.0 → 1.34.0

package/src/interfaces/web/src/screens/modules/DeckScreen.tsx

@@ -7,6 +7,7 @@ import { useToast } from "../../components/Toast";
 import { DaemonCard } from "../../components/deck/DaemonCard";
 import { DesktopGroup } from "../../components/deck/DesktopGroup";
 import type { DeckWidget } from "../../lib/api/deck";
+import { t } from "../../i18n";
 
 // Deck module — configure the companion "Deck" app: enable/disable widgets,
 // view desktops, inspect the daemon manifest.
@@ -81,7 +82,7 @@ export function DeckScreen() {
 
       {/* Widgets section */}
       <Section
-        title="Widgets"
+        title={t("deck_screen.widgets_title")}
         description={
           isLoading
             ? "Cargando manifest…"
@@ -90,7 +91,7 @@ export function DeckScreen() {
             : `${widgets.length} widgets · ${enabledCount} externos habilitados`
         }
         action={
-          <Button size="sm" variant="ghost" onClick={() => mutate()} disabled={isLoading} title="Recargar manifest">
+          <Button size="sm" variant="ghost" onClick={() => mutate()} disabled={isLoading} title={t("deck_screen.reload_manifest")} aria-label={t("deck_screen.reload_manifest")}>
             <RefreshCw size={14} className={isLoading ? "animate-spin" : ""} />
           </Button>
         }
@@ -132,7 +133,7 @@ export function DeckScreen() {
 
       {/* Active project + stats (read-only context) */}
       {data?.apx && (
-        <Section title="Contexto APX" description="Información que el Deck ve del daemon.">
+        <Section title={t("deck_screen.context_title")} description="Información que el Deck ve del daemon.">
           <div className="space-y-2 text-sm" data-testid="deck-apx-context">
             <div className="flex items-center gap-2">
               <span className="text-muted-fg">Proyecto activo:</span>

package/src/interfaces/web/src/screens/modules/DesktopScreen.tsx

@@ -7,6 +7,7 @@ import { UiSelect } from "../../components/UiSelect";
 import { useToast } from "../../components/Toast";
 import { useGlobalConfig } from "../../hooks/useGlobalConfig";
 import { Desktop, fetchDesktopMessages, type GlobalMessage } from "../../lib/api/desktop";
+import { t } from "../../i18n";
 
 const DEFAULT_SHORTCUT = "CommandOrControl+G";
 const POSITION_OPTS = [
@@ -100,7 +101,7 @@ export function DesktopScreen() {
       <div className="grid gap-6 xl:grid-cols-[1fr_1fr]">
         {/* ── LEFT: configuration + status ─────────────────────────────── */}
         <div className="space-y-6">
-          <Section title="Estado" description="La ventana se lanza desde la terminal o por autostart.">
+          <Section title={t("desktop_screen.status_title")} description="La ventana se lanza desde la terminal o por autostart.">
             {stLoading ? <Loading /> : (
               <div className="flex items-center gap-2 text-sm">
                 <StatusDot ok={running} />
@@ -120,7 +121,7 @@ export function DesktopScreen() {
           </Section>
 
           <Section
-            title="Arranque automático"
+            title={t("desktop_screen.autostart_title")}
             description="Lanza la ventana al iniciar sesión del usuario. Equivalente a `apx desktop install` (no requiere sudo)."
           >
             {!autostart ? <Loading /> : (
@@ -137,7 +138,7 @@ export function DesktopScreen() {
           </Section>
 
           <Section
-            title="Atajo de teclado"
+            title={t("desktop_screen.shortcut_title")}
             description="Botón de acceso rápido global que muestra/oculta la ventana y arranca a escuchar."
           >
             {cfgLoading ? <Loading /> : (
@@ -169,7 +170,7 @@ export function DesktopScreen() {
             )}
           </Section>
 
-          <Section title="Apariencia" description="Tema y posición de la ventana en la pantalla.">
+          <Section title={t("desktop_screen.appearance_title")} description="Tema y posición de la ventana en la pantalla.">
             {cfgLoading ? <Loading /> : (
               <div className="grid grid-cols-1 gap-3 sm:grid-cols-2">
                 <Field label="Tema" hint="Reiniciá la ventana para aplicar.">
@@ -193,7 +194,7 @@ export function DesktopScreen() {
           </Section>
 
           <Section
-            title="Activación + transcripción"
+            title={t("desktop_screen.activation_title")}
             description="El plugin del daemon procesa los mensajes. STT se configura en Voces."
           >
             {cfgLoading ? <Loading /> : (
@@ -216,7 +217,7 @@ export function DesktopScreen() {
         {/* ── RIGHT: last conversation preview ─────────────────────────── */}
         <div>
           <Section
-            title="Última conversación"
+            title={t("desktop_screen.last_conv_title")}
             description="Lo último charlado con el agente desde la ventana flotante."
             action={
               <button

package/src/interfaces/web/src/screens/modules/VoiceScreen.tsx

@@ -9,6 +9,7 @@ import { VoiceProviderModal, type VoiceProviderSave } from "../../components/voi
 import { VoiceTestCard } from "../../components/voice/VoiceTestCard";
 import { VoiceSttCard } from "../../components/voice/VoiceSttCard";
 import { Voice, type TranscriptionConfig, type TtsMode, type VoiceTtsConfig } from "../../lib/api/voice";
+import { t } from "../../i18n";
 
 // Voices module — configure TTS/STT providers, pick the default engine, and
 // test playback. TTS provider availability comes from the daemon
@@ -123,7 +124,7 @@ export function VoiceScreen() {
       <div className="grid gap-6 xl:grid-cols-2">
         {/* Left: TTS providers */}
         <Section
-          title="Proveedores de voz (TTS)"
+          title={t("voice_screen.providers_title")}
           description="Motores de síntesis. El estado lo reporta el daemon en vivo. Elegí cuál usar por defecto."
         >
           {provLoading || cfgLoading ? (
@@ -148,12 +149,12 @@ export function VoiceScreen() {
 
         {/* Right: test + STT */}
         <div className="space-y-6">
-          <Section title="Probar voz" description='Elegí con qué motor sintetizar y, si aplica, cómo querés que hable.'>
+          <Section title={t("voice_screen.test_title")} description='Elegí con qué motor sintetizar y, si aplica, cómo querés que hable.'>
             <VoiceTestCard engines={engines} defaultProvider={configuredProvider} mode={mode} />
           </Section>
 
           <Section
-            title="Transcripción (STT)"
+            title={t("voice_screen.stt_title")}
             description="Motor de voz a texto que usan el deck, Telegram y la CLI al escuchar."
           >
             {cfgLoading ? <Loading /> : <VoiceSttCard config={transcriptionCfg} onPatch={patchStt} />}

package/src/interfaces/web/src/screens/project/AgentDetailScreen.tsx

@@ -128,7 +128,7 @@ export function AgentDetailScreen({ pid }: { pid: string }) {
             <Stat label="Heartbeats" value={myRoutines.length} icon={Heart} />
           </div>
           <div className="grid gap-3 sm:grid-cols-2">
-            <Section title="Skills & tools" description="">
+            <Section title={t("agent_detail_extra.skills_title")} description="">
               <div className="flex flex-wrap gap-1">
                 {a.skills?.map((s) => <Badge key={s} tone="info"><Sparkles size={10} /> {s}</Badge>)}
                 {a.tools?.map((t) => <Badge key={t}><Wrench size={10} /> {t}</Badge>)}

package/src/interfaces/web/src/screens/project/ConfigTab.tsx

@@ -1,18 +1,25 @@
+import { useState } from "react";
+import { useNavigate } from "react-router-dom";
 import useSWR from "swr";
+import { RefreshCw, Trash2 } from "lucide-react";
 import { Projects } from "../../lib/api";
 import { Section } from "../../components/Section";
-import { Empty, Loading } from "../../components/ui";
+import { Button, Dialog, Empty, Loading } from "../../components/ui";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../components/ui/tabs";
 import { ConfigTabsEditor } from "../../components/config/ConfigTabsEditor";
 import { APC_PROJECT_SECTIONS, PROJECT_OVERRIDE_SECTIONS } from "../../components/config/project-config-sections";
 import { useToast } from "../../components/Toast";
+import { useProject } from "../../hooks/useProjects";
 import { flattenObject } from "../../lib/config-values";
 import { isSecretMarker } from "../../lib/secrets";
 import { t } from "../../i18n";
 
 export function ConfigTab({ pid }: { pid: string }) {
   const toast = useToast();
+  const navigate = useNavigate();
+  const { project, mutate: mutateProject } = useProject(pid);
   const cfg = useSWR(`/projects/${pid}/config`, () => Projects.config.show(pid));
+  const isBase = String(pid) === "0";
 
   if (cfg.isLoading) return <Loading />;
   if (!cfg.data) return <Empty>{t("project.config.no_data")}</Empty>;
@@ -81,10 +88,134 @@ export function ConfigTab({ pid }: { pid: string }) {
           </TabsContent>
         </Tabs>
       </Section>
+
+      {!isBase && project ? (
+        <DangerZone
+          pid={pid}
+          label={project.name || project.path}
+          onRebuilt={() => cfg.mutate()}
+          onUnregistered={() => { mutateProject(); navigate("/"); }}
+        />
+      ) : null}
     </div>
   );
 }
 
+function DangerZone({
+  pid,
+  label,
+  onRebuilt,
+  onUnregistered,
+}: {
+  pid: string;
+  label: string;
+  onRebuilt: () => void;
+  onUnregistered: () => void;
+}) {
+  const toast = useToast();
+  const [busy, setBusy] = useState<"rebuild" | "unregister" | null>(null);
+  const [confirm, setConfirm] = useState<"rebuild" | "unregister" | null>(null);
+
+  const runRebuild = async () => {
+    setBusy("rebuild");
+    try {
+      await Projects.rebuild(pid);
+      toast.success(t("project.rebuild_done"));
+      onRebuilt();
+    } catch (e) {
+      toast.error((e as Error).message);
+    } finally {
+      setBusy(null);
+      setConfirm(null);
+    }
+  };
+
+  const runUnregister = async () => {
+    setBusy("unregister");
+    try {
+      await Projects.remove(pid);
+      toast.success(t("project.unregistered"));
+      onUnregistered();
+    } catch (e) {
+      toast.error((e as Error).message);
+    } finally {
+      setBusy(null);
+      setConfirm(null);
+    }
+  };
+
+  return (
+    <>
+      <Section
+        title={t("project.danger.title")}
+        description={t("project.danger.subtitle")}
+      >
+        <div className="space-y-3">
+          <div className="flex items-start justify-between gap-3 rounded-md border border-border bg-muted/30 px-3 py-3">
+            <div className="min-w-0">
+              <div className="text-sm font-medium">{t("project.rebuild")}</div>
+              <div className="text-xs text-muted-fg">{t("project.danger.rebuild_desc")}</div>
+            </div>
+            <Button size="sm" variant="secondary" onClick={() => setConfirm("rebuild")}>
+              <RefreshCw size={13} /> {t("project.rebuild")}
+            </Button>
+          </div>
+
+          <div className="flex items-start justify-between gap-3 rounded-md border border-red-500/40 bg-red-500/5 px-3 py-3">
+            <div className="min-w-0">
+              <div className="text-sm font-medium">{t("admin.unregister")}</div>
+              <div className="text-xs text-muted-fg">{t("project.danger.unregister_desc")}</div>
+            </div>
+            <Button size="sm" variant="destructive" onClick={() => setConfirm("unregister")}>
+              <Trash2 size={13} /> {t("admin.unregister")}
+            </Button>
+          </div>
+        </div>
+      </Section>
+
+      <Dialog
+        open={confirm === "rebuild"}
+        onClose={() => (busy ? null : setConfirm(null))}
+        title={t("project.danger.rebuild_confirm_title")}
+        description={t("project.danger.rebuild_confirm_desc", { label })}
+        size="sm"
+        footer={
+          <>
+            <Button variant="ghost" onClick={() => setConfirm(null)} disabled={busy !== null}>
+              {t("common.cancel")}
+            </Button>
+            <Button variant="primary" onClick={runRebuild} loading={busy === "rebuild"}>
+              {t("project.rebuild")}
+            </Button>
+          </>
+        }
+      >
+        <p className="text-sm text-muted-fg">{t("project.danger.rebuild_long")}</p>
+      </Dialog>
+
+      <Dialog
+        open={confirm === "unregister"}
+        onClose={() => (busy ? null : setConfirm(null))}
+        title={t("project.danger.unregister_confirm_title")}
+        description={t("project.unregister_confirm", { label })}
+        size="sm"
+        footer={
+          <>
+            <Button variant="ghost" onClick={() => setConfirm(null)} disabled={busy !== null}>
+              {t("common.cancel")}
+            </Button>
+            <Button variant="destructive" onClick={runUnregister} loading={busy === "unregister"}>
+              {t("admin.unregister")}
+            </Button>
+          </>
+        }
+      >
+        <p className="text-sm text-muted-fg">{t("project.danger.unregister_long")}</p>
+      </Dialog>
+    </>
+  );
+}
+
 function cleanSet(set: Record<string, unknown>) {
   const out: Record<string, unknown> = {};
   for (const [key, value] of Object.entries(flattenObject(set))) {