@agentprojectcontext/apx 1.33.1 → 1.35.0

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))) {