@agentprojectcontext/apx 1.77.3 → 1.78.0

package/src/interfaces/web/src/lib/api/voice.ts

@@ -220,7 +220,7 @@ export const TTS_PROVIDER_ORDER: TtsProviderId[] = ["piper", "elevenlabs", "open
  */
 export async function fetchTtsAudioUrl(audioPath: string): Promise<string> {
   const token = getToken();
-  const res = await fetch(`/voice/tts?path=${encodeURIComponent(audioPath)}`, {
+  const res = await fetch(`/api/voice/tts?path=${encodeURIComponent(audioPath)}`, {
     headers: token ? { authorization: `Bearer ${token}` } : {},
   });
   if (!res.ok) {
@@ -233,13 +233,13 @@ export async function fetchTtsAudioUrl(audioPath: string): Promise<string> {
 
 export const Voice = {
   /** List TTS engines + availability + the configured default provider. */
-  providers: () => http.get<TtsProvidersResponse>("/tts/providers"),
+  providers: () => http.get<TtsProvidersResponse>("/api/tts/providers"),
 
   /** Detected hardware + the recommended local STT backend (Metal/CUDA/CPU). */
-  sttHardware: () => http.get<SttHardwareResponse>("/transcribe/hardware"),
+  sttHardware: () => http.get<SttHardwareResponse>("/api/transcribe/hardware"),
 
   /** Model catalog + on-disk status for a local backend ("faster" | "mlx"). */
-  sttModels: (backend: string) => http.get<SttModelsResponse>(`/transcribe/models?backend=${backend}`),
+  sttModels: (backend: string) => http.get<SttModelsResponse>(`/api/transcribe/models?backend=${backend}`),
 
   /**
    * Synthesize speech. Returns the audio file path (server-side); the web
@@ -247,7 +247,7 @@ export const Voice = {
    * is irrelevant for the web (the daemon never plays for HTTP callers).
    */
   say: (body: { text: string; provider?: string; voice?: string; language?: string; format?: string; style?: string }) =>
-    http.post<TtsSayResult>("/tts/say", body),
+    http.post<TtsSayResult>("/api/tts/say", body),
 
   /**
    * One bidirectional voice turn (STT → agent → TTS). The web uses the
@@ -261,5 +261,5 @@ export const Voice = {
     provider?: string;
     voice?: string;
     language?: string;
-  }) => http.post<VoiceTurnResult>("/voice/turn", body),
+  }) => http.post<VoiceTurnResult>("/api/voice/turn", body),
 };

package/src/interfaces/web/src/screens/base/AgentDefaultsTab.tsx

@@ -21,7 +21,7 @@ type VaultAgent = AgentEntry & { source?: "bundled" | "user" | "user-override" }
 export function AgentDefaultsTab() {
   const toast = useToast();
   const [showRemoved, setShowRemoved] = useState(false);
-  const swrKey = showRemoved ? "/agents/vault?include_removed=1" : "/agents/vault";
+  const swrKey = showRemoved ? "/api/agents/vault?include_removed=1" : "/api/agents/vault";
   const vault = useSWR(swrKey, () => Agents.vault({ includeRemoved: showRemoved }));
   const items = (vault.data || []) as VaultAgent[];
 

package/src/interfaces/web/src/screens/base/GlobalTasksTab.tsx

@@ -16,7 +16,7 @@ export function GlobalTasksTab() {
   const [status, setStatus] = useState<TaskStatus | "">("");
   const effectiveStatus = state === "open" ? status : "";
   const paged = usePagedQuery({
-    key: `/tasks?state=${state}&status=${effectiveStatus}`,
+    key: `/api/tasks?state=${state}&status=${effectiveStatus}`,
     fetchPage: (limit, offset) => Tasks.globalPage({ state, limit, offset, status: effectiveStatus }),
     resetKey: `${state}|${effectiveStatus}`,
   });

package/src/interfaces/web/src/screens/base/LogsTab.tsx

@@ -79,7 +79,7 @@ function LogRow({ m }: { m: MessageEntry }) {
 
 function DaemonErrors() {
   const [open, setOpen] = useState(false);
-  const logs = useSWR(open ? "/admin/logs?errors" : null, () => Admin.logs("errors", 200));
+  const logs = useSWR(open ? "/api/admin/logs?errors" : null, () => Admin.logs("errors", 200));
   const entries = logs.data?.entries || [];
   return (
     <details className="mb-3 rounded-lg border border-border bg-muted/20" onToggle={(e) => setOpen((e.target as HTMLDetailsElement).open)}>
@@ -116,8 +116,8 @@ export function LogsTab({ pid }: { pid?: string }) {
   const ch = channel.trim() || undefined;
 
   const key = isGlobal
-    ? `/messages/global?channel=${ch ?? ""}`
-    : `/projects/${pid}/messages?channel=${ch ?? ""}`;
+    ? `/api/messages/global?channel=${ch ?? ""}`
+    : `/api/projects/${pid}/messages?channel=${ch ?? ""}`;
   const list = useSWR<MessageEntry[]>(key, () =>
     isGlobal
       ? Messages.global({ channel: ch, limit: 300 })

package/src/interfaces/web/src/screens/base/SessionsTab.tsx

@@ -34,7 +34,7 @@ export function SessionsTab({ pid }: { pid?: string } = {}) {
   }, [input]);
 
   const paged = usePagedQuery<SessionRow>({
-    key: `/sessions?engine=${engine}&q=${query}&deep=${deep ? 1 : 0}&cwd=${cwd || ""}`,
+    key: `/api/sessions?engine=${engine}&q=${query}&deep=${deep ? 1 : 0}&cwd=${cwd || ""}`,
     fetchPage: (limit, offset) =>
       Sessions.page({ engine: engine || undefined, q: query || undefined, deep, cwd, limit, offset }),
     resetKey: `${engine}|${query}|${deep ? 1 : 0}|${cwd || ""}`,

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

@@ -50,7 +50,7 @@ function ResizeHandleH() {
 // what the session changed vs its git baseline.
 export function CodeScreen() {
   const toast = useToast();
-  const projects = useSWR("/projects", () => Projects.list());
+  const projects = useSWR("/api/projects", () => Projects.list());
   const projectList = useMemo(() => projects.data || [], [projects.data]);
 
   const [pid, setPid] = useState<string>("");

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

@@ -16,7 +16,7 @@ import { t } from "../../i18n";
 export function DeckScreen() {
   const toast = useToast();
   const { data, error, isLoading, mutate } = useSWR(
-    "/deck/manifest",
+    "/api/deck/manifest",
     () => Deck.manifest(),
     { refreshInterval: 30_000 }
   );

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

@@ -12,7 +12,7 @@ import { t } from "../../i18n";
 // shortcut, appearance, activation) live in Settings → Desktop.
 export function DesktopScreen() {
   const { data: msgs, isLoading: msgsLoading, mutate: mutateMsgs } = useSWR(
-    "/messages/global?channel=desktop",
+    "/api/messages/global?channel=desktop",
     () => fetchDesktopMessages(40),
     { refreshInterval: 8000 },
   );

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

@@ -23,7 +23,7 @@ export function VoiceScreen() {
     isLoading: provLoading,
     error: provError,
     mutate: mutateProviders,
-  } = useSWR("/tts/providers", () => Voice.providers());
+  } = useSWR("/api/tts/providers", () => Voice.providers());
 
   // editing holds the engine id being configured. "__new__" opens the modal in
   // "create custom provider" mode.

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

@@ -61,12 +61,12 @@ export function AgentDetailScreen({ pid }: { pid: string }) {
   const [tab, setTab] = useState<TabKey>("overview");
   const TABS = buildTabs();
 
-  const detail = useSWR(`/projects/${pid}/agents/${slug}`, () => Agents.get(pid, slug));
-  const agents = useSWR(`/projects/${pid}/agents`, () => Agents.list(pid));
-  const routines = useSWR(`/projects/${pid}/routines`, () => Routines.list(pid));
-  const records = useSWR(`/projects/${pid}/messages?agent=${slug}`, () => Messages.project(pid, { agent: slug, limit: 200 }));
-  const threads = useSWR(`/projects/${pid}/agents/${slug}/conversations`, () => Conversations.list(pid, slug));
-  const tasks = useSWR(`/projects/${pid}/tasks?all`, () => Tasks.list(pid, "all"));
+  const detail = useSWR(`/api/projects/${pid}/agents/${slug}`, () => Agents.get(pid, slug));
+  const agents = useSWR(`/api/projects/${pid}/agents`, () => Agents.list(pid));
+  const routines = useSWR(`/api/projects/${pid}/routines`, () => Routines.list(pid));
+  const records = useSWR(`/api/projects/${pid}/messages?agent=${slug}`, () => Messages.project(pid, { agent: slug, limit: 200 }));
+  const threads = useSWR(`/api/projects/${pid}/agents/${slug}/conversations`, () => Conversations.list(pid, slug));
+  const tasks = useSWR(`/api/projects/${pid}/tasks?all`, () => Tasks.list(pid, "all"));
 
   const a = detail.data;
   const myRoutines = routinesForAgent(routines.data || [], slug);
@@ -318,7 +318,7 @@ function Stat({ label, value, icon: I }: { label: string; value: number; icon: t
 // bare textarea.
 function MemoryEditor({ pid, slug, onSaved }: { pid: string; slug: string; onSaved: () => void }) {
   const toast = useToast();
-  const body = useSWR(`/memory/${pid}/agent:${slug}`, () => Agents.memory.get(pid, slug).then((r) => r.body));
+  const body = useSWR(`/api/memory/${pid}/agent:${slug}`, () => Agents.memory.get(pid, slug).then((r) => r.body));
 
   const file = useMemo<FileContent | null>(() => {
     if (body.data === undefined) return null;
@@ -425,7 +425,7 @@ function Field2({ label, value }: { label: string; value: string }) {
 }
 
 function ToolsPicker({ value, onChange }: { value: string; onChange: (v: string) => void }) {
-  const cat = useSWR("/tools", () => Tools.list());
+  const cat = useSWR("/api/tools", () => Tools.list());
   const selected = csv(value);
   const catalog = cat.data || [];
   const toggle = (name: string) => {

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

@@ -89,7 +89,7 @@ function buildTree(agents: AgentEntry[]) {
 export function AgentsTab({ pid }: { pid: string }) {
   const navigate = useNavigate();
   const toast = useToast();
-  const list = useSWR(`/projects/${pid}/agents?stats=1`, () => Agents.list(pid, { stats: true }));
+  const list = useSWR(`/api/projects/${pid}/agents?stats=1`, () => Agents.list(pid, { stats: true }));
   const [view, setView] = useState<"hierarchy" | "list">("hierarchy");
   const [creating, setCreating] = useState(false);
 
@@ -154,7 +154,7 @@ function ImportVaultDialog({
   open, onClose, onImported, pid, existing,
 }: { open: boolean; onClose: () => void; onImported: () => void; pid: string; existing: string[] }) {
   const toast = useToast();
-  const vault = useSWR(open ? "/agents/vault" : null, () => Agents.vault());
+  const vault = useSWR(open ? "/api/agents/vault" : null, () => Agents.vault());
   const [busy, setBusy] = useState("");
   const items = vault.data || [];
 

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

@@ -23,7 +23,7 @@ const ROBY_SLUG = "__super_agent__";
 export function ChatTab({ pid }: { pid: string }) {
   const toast = useToast();
   const [params, setSearchParams] = useSearchParams();
-  const agents = useSWR(`/projects/${pid}/agents`, () => Agents.list(pid));
+  const agents = useSWR(`/api/projects/${pid}/agents`, () => Agents.list(pid));
   const [creating, setCreating] = useState(false);
   const [model, setModel] = useState("");
   const [dismissedAskKey, setDismissedAskKey] = useState<string | null>(null);
@@ -147,10 +147,10 @@ export function ChatTab({ pid }: { pid: string }) {
     try {
       if (selected.kind === "conv") {
         await Conversations.remove(pid, selected.agentSlug, selected.convId);
-        void mutate(`/projects/${pid}/agents/${selected.agentSlug}/conversations`);
+        void mutate(`/api/projects/${pid}/agents/${selected.agentSlug}/conversations`);
       } else if (selected.kind === "thread") {
         await Conversations.removeThread(pid, selected.channel, selected.threadId);
-        void mutate(`/projects/${pid}/super-agent/threads`);
+        void mutate(`/api/projects/${pid}/super-agent/threads`);
       }
       toast.success(t("project.chat.deleted"));
       setConfirmDelete(false);

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

@@ -19,7 +19,7 @@ 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 cfg = useSWR(`/api/projects/${pid}/config`, () => Projects.config.show(pid));
   const isBase = String(pid) === "0";
 
   if (cfg.isLoading) return <Loading />;

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

@@ -73,9 +73,9 @@ function sourceLabel(source: string): string {
 
 export function McpsTab({ pid }: { pid: string }) {
   const toast = useToast();
-  const list = useSWR(`/projects/${pid}/mcps`, () => Mcps.list(pid));
-  const conflicts = useSWR(`/projects/${pid}/mcps/check`, () => Mcps.check(pid));
-  const vars = useSWR<VarsList>(`/projects/${pid}/vars`, () => Vars.list(pid));
+  const list = useSWR(`/api/projects/${pid}/mcps`, () => Mcps.list(pid));
+  const conflicts = useSWR(`/api/projects/${pid}/mcps/check`, () => Mcps.check(pid));
+  const vars = useSWR<VarsList>(`/api/projects/${pid}/vars`, () => Vars.list(pid));
   const [dialog, setDialog] = useState<DialogMode>(null);
   const [activeMcp, setActiveMcp] = useState<string | null>(null);
   const [results, setResults] = useState<Record<string, McpResult>>({});

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

@@ -14,12 +14,12 @@ import type { AgentEntry, RoutineEntry, TaskEntry } from "../../types/daemon";
 // automation), what's in flight (task workflow), and what just happened.
 export function Overview({ pid }: { pid: string }) {
   const navigate = useNavigate();
-  const tasks    = useSWR(`/projects/${pid}/tasks?state=open`, () => Tasks.list(pid), { refreshInterval: 20_000 });
-  const summary  = useSWR(`/projects/${pid}/tasks-summary`,    () => Tasks.summary(pid), { refreshInterval: 20_000 });
-  const routines = useSWR(`/projects/${pid}/routines`,         () => Routines.list(pid));
-  const agents   = useSWR(`/projects/${pid}/agents`,           () => Agents.list(pid));
-  const mcps     = useSWR(`/projects/${pid}/mcps`,             () => Mcps.list(pid));
-  const artifacts = useSWR(`/projects/${pid}/artifacts`,       () => Artifacts.list(pid));
+  const tasks    = useSWR(`/api/projects/${pid}/tasks?state=open`, () => Tasks.list(pid), { refreshInterval: 20_000 });
+  const summary  = useSWR(`/api/projects/${pid}/tasks-summary`,    () => Tasks.summary(pid), { refreshInterval: 20_000 });
+  const routines = useSWR(`/api/projects/${pid}/routines`,         () => Routines.list(pid));
+  const agents   = useSWR(`/api/projects/${pid}/agents`,           () => Agents.list(pid));
+  const mcps     = useSWR(`/api/projects/${pid}/mcps`,             () => Mcps.list(pid));
+  const artifacts = useSWR(`/api/projects/${pid}/artifacts`,       () => Artifacts.list(pid));
 
   const agentList = agents.data ?? [];
   const orchestrators = agentList.filter((a) => a.is_master || a.type === "orchestrator");

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

@@ -15,7 +15,7 @@ import { RoutineEditor } from "../../components/routines/RoutineEditor";
 // editing is behind a button, delete uses the shared <Dialog>.
 export function RoutinesTab({ pid }: { pid: string }) {
   const toast = useToast();
-  const list = useSWR(`/projects/${pid}/routines`, () => Routines.list(pid));
+  const list = useSWR(`/api/projects/${pid}/routines`, () => Routines.list(pid));
   const [params, setParams] = useSearchParams();
   const [editing, setEditing] = useState<Partial<RoutineEntry> | null>(null);
   const [confirmDelete, setConfirmDelete] = useState<RoutineEntry | null>(null);
@@ -56,7 +56,7 @@ export function RoutinesTab({ pid }: { pid: string }) {
       // Refresh the routine list (last status) and its executions list.
       await Promise.all([
         list.mutate(),
-        globalMutate(`/projects/${pid}/routines/${r.name}/runs`),
+        globalMutate(`/api/projects/${pid}/routines/${r.name}/runs`),
       ]);
     } catch (e: any) { toast.error(e?.message || t("project.routines.run_error")); }
     finally { setRunning(null); }

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

@@ -12,7 +12,7 @@ import type { OrgArea, OrgRole } from "../../types/daemon";
 
 export function StructureTab({ pid }: { pid: string }) {
   const toast = useToast();
-  const org = useSWR(`/projects/${pid}/organization`, () => Org.get(pid));
+  const org = useSWR(`/api/projects/${pid}/organization`, () => Org.get(pid));
 
   const [areaDialog, setAreaDialog] = useState<{ editing?: OrgArea | null } | null>(null);
   const [roleDialog, setRoleDialog] = useState<{ editing?: OrgRole | null; presetArea?: string | null } | null>(null);

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

@@ -18,7 +18,7 @@ export function TasksTab({ pid }: { pid: string }) {
   // dedupingInterval:0 so switching the state filter always revalidates the
   // target page instead of showing the stale cached one from a prior switch.
   const paged = usePagedQuery({
-    key: `/projects/${pid}/tasks?state=${state}`,
+    key: `/api/projects/${pid}/tasks?state=${state}`,
     fetchPage: (limit, offset) => Tasks.listPage(pid, { state, limit, offset }),
     resetKey: state,
     swr: { dedupingInterval: 0, revalidateOnFocus: true },

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

@@ -23,7 +23,7 @@ export function VarsTab({ pid }: { pid: string }) {
   );
   const [revealAll, setRevealAll] = useState(false);
   const list = useSWR<VarsList>(
-    `/projects/${pid}/vars?reveal=${revealAll ? 1 : 0}`,
+    `/api/projects/${pid}/vars?reveal=${revealAll ? 1 : 0}`,
     () => Vars.list(pid, { reveal: revealAll }),
   );
   const [openCreate, setOpenCreate] = useState<{ name?: string; value?: string; scope?: VarScope } | null>(null);

package/src/interfaces/web/vite.config.ts

@@ -6,28 +6,23 @@ import path from "node:path";
 // Vite config for the APX admin panel.
 //
 // - Single SPA, no SSR (this is a local admin tool).
-// - During `vite dev`, every daemon API prefix is proxied to the running
-//   daemon so we develop the UI with hot reload against REAL data. Frontend
-//   routes (/, /settings, /p/:id) are NOT listed, so vite serves index.html
-//   for them (SPA routing).
+// - During `vite dev`, /api is proxied to the running daemon so we develop the
+//   UI with hot reload against REAL data. Frontend routes (/, /settings,
+//   /p/:id) live outside /api, so vite serves index.html for them (SPA
+//   routing). `ws: true` also carries the /api/desktop/ws upgrade through.
 // - `vite build` emits to ./dist; the daemon serves that folder when present.
+//
+// This used to be a hand-maintained list of every daemon prefix, kept in sync
+// by hand with two other copies (the SPA fallback and the auth allowlist) —
+// and it drifted. Now the daemon mounts everything under /api
+// (src/host/daemon/api/prefix.js), so one entry covers the whole surface and
+// a new route can never be missed here.
 
 const DAEMON_TARGET = process.env.APX_DAEMON_URL || "http://127.0.0.1:7430";
 
-// Keep in sync with API_PREFIXES in src/host/daemon/api/shared.js — that's the
-// source of truth for what is a daemon route. A missing prefix means `vite dev`
-// silently serves the SPA shell for that call instead of the real response
-// (e.g. an empty /pair/list).
-const API_PREFIXES = [
-  "/health", "/admin", "/projects", "/telegram", "/engines", "/runtimes",
-  "/messages", "/sessions", "/tools", "/mcp", "/voice", "/tts", "/desktop", "/overlay",
-  "/transcribe", "/run", "/files", "/memory", "/env", "/pair", "/deck",
-  "/super-agent", "/identity", "/agents", "/tasks", "/code",
-];
-
-const proxy = Object.fromEntries(
-  API_PREFIXES.map((p) => [p, { target: DAEMON_TARGET, changeOrigin: false, ws: true }])
-);
+const proxy = {
+  "/api": { target: DAEMON_TARGET, changeOrigin: false, ws: true },
+};
 
 export default defineConfig({
   plugins: [react(), tailwindcss()],