@agentprojectcontext/apx 1.77.3 → 1.79.0

package/src/interfaces/web/src/components/routines/shared.ts

@@ -1,8 +1,9 @@
 // Shared helpers for the Routines screen + its components.
 // Kept framework-free (pure functions + i18n) so list/detail/editor reuse them.
-import { Bot, Crown, Heart, Send, Terminal } from "lucide-react";
+import { Bot, Crown, Eye, Heart, Send, Terminal } from "lucide-react";
 import type { RoutineEntry } from "../../lib/api";
 import { t } from "../../i18n";
+import { describeCron } from "../../lib/cron";
 
 export type Kind = RoutineEntry["kind"];
 
@@ -17,6 +18,7 @@ export function kindMeta(): Record<Kind, { label: string; desc: string; icon: ty
     super_agent: { label: t("agents_ui.kind_super_agent"), desc: t("agents_ui.kind_super_agent_desc"), icon: Crown },
     telegram:    { label: t("agents_ui.kind_telegram"),    desc: t("agents_ui.kind_telegram_desc"), icon: Send },
     shell:       { label: t("agents_ui.kind_shell"),       desc: t("agents_ui.kind_shell_desc"), icon: Terminal },
+    watch:       { label: t("agents_ui.kind_watch"),       desc: t("agents_ui.kind_watch_desc"), icon: Eye },
     heartbeat:   { label: t("agents_ui.kind_heartbeat"),   desc: t("agents_ui.kind_heartbeat_desc"), icon: Heart },
   };
 }
@@ -49,16 +51,23 @@ export function scheduleHuman(s?: string): string {
     return t("agents_ui.every_v", { v });
   }
   if (s.startsWith("once:")) return `once · ${new Date(s.slice(5)).toLocaleString()}`;
-  if (s.startsWith("cron ")) return `cron · ${s.slice(5)}`;
-  return s;
+  if (s.trim().toLowerCase() === "manual") return t("agents_ui.sched_manual");
+  // Cron, read as a sentence. `cron · 0 9 * * *` was not a translation of
+  // anything — it just moved the expression behind a label. The leading "cron"
+  // word is tolerated because this editor used to write it.
+  const expr = s.replace(/^cron\s+/i, "");
+  return describeCron(expr, t as never) || expr;
 }
 
 export function schedPresets() {
   return [
     { label: t("agents_ui.preset_every_10m"), value: "every:10m" },
     { label: t("agents_ui.preset_hourly"), value: "every:1h" },
-    { label: t("agents_ui.preset_daily_9am"), value: "cron 0 9 * * *" },
-    { label: t("agents_ui.preset_weekdays_9am"), value: "cron 0 9 * * 1-5" },
+    // BARE cron, not `cron <expr>`: core parses the expression itself, and the
+    // labelled form used to come back invalid — so these two presets built
+    // routines that never ran.
+    { label: t("agents_ui.preset_daily_9am"), value: "0 9 * * *" },
+    { label: t("agents_ui.preset_weekdays_9am"), value: "0 9 * * 1-5" },
   ];
 }
 

package/src/interfaces/web/src/components/settings/DesktopSettingsPanel.tsx

@@ -49,7 +49,7 @@ export function DesktopSettingsPanel() {
   const position = cfgView.desktop?.position || "right";
 
   const { data: autostart, mutate: mutateAutostart } = useSWR(
-    "/desktop/autostart",
+    "/api/desktop/autostart",
     () => Desktop.autostartGet(),
   );
 

package/src/interfaces/web/src/components/settings/MemoryPanel.tsx

@@ -48,7 +48,7 @@ export function MemoryPanel() {
   const toast = useToast();
   const { config, isLoading, patch } = useGlobalConfig();
   const { data: providers, mutate: mutateProviders } = useSWR(
-    "/embeddings/providers",
+    "/api/embeddings/providers",
     () => Embeddings.providers()
   );
   const [busy, setBusy] = useState(false);

package/src/interfaces/web/src/components/settings/NudgePanel.tsx

@@ -0,0 +1,183 @@
+import { useEffect, useState } from "react";
+import { ThumbsDown, ThumbsUp, Info } from "lucide-react";
+import { Section } from "../Section";
+import { Badge, Button, Empty, Field, Input, Loading, Switch } from "../ui";
+import { useToast } from "../Toast";
+import { useNudges, useNudgePolicy } from "../../hooks/useNudges";
+import { NudgesApi, type NudgePolicy } from "../../lib/api/nudges";
+import { t } from "../../i18n";
+
+/**
+ * The interruption budget — how often APX may speak unprompted.
+ *
+ * Two halves that belong together: the rule, and the record of what the rule
+ * let through. Showing the ledger next to the dial is the point — someone
+ * deciding "is three a day too many?" needs to see the three.
+ */
+export function NudgePanel() {
+  const toast = useToast();
+  const { policy, source, isLoading, mutate } = useNudgePolicy();
+  const { entries, stats, mutate: mutateLedger } = useNudges(30);
+
+  const [draft, setDraft] = useState<NudgePolicy | null>(null);
+  const [busy, setBusy] = useState(false);
+
+  useEffect(() => {
+    if (policy) setDraft({ ...policy });
+  }, [policy]);
+
+  if (isLoading || !draft) return <Loading />;
+
+  const save = async () => {
+    setBusy(true);
+    try {
+      await NudgesApi.setPolicy(draft);
+      await mutate();
+      toast.success(t("settings.nudge.saved"));
+    } catch (e) {
+      toast.error((e as Error).message);
+    } finally {
+      setBusy(false);
+    }
+  };
+
+  const rate = async (id: string, useful: boolean) => {
+    try {
+      await NudgesApi.feedback(id, useful);
+      await mutateLedger();
+    } catch (e) {
+      toast.error((e as Error).message);
+    }
+  };
+
+  const num = (key: keyof NudgePolicy, label: string, hint?: string) => (
+    <Field label={label} hint={hint}>
+      <Input
+        type="number"
+        min={0}
+        value={String(draft[key] ?? 0)}
+        disabled={!draft.enabled}
+        onChange={(e) => setDraft({ ...draft, [key]: Number(e.target.value) || 0 })}
+      />
+    </Field>
+  );
+
+  const left = draft.daily_max > 0 ? Math.max(0, draft.daily_max - (stats?.today ?? 0)) : "∞";
+
+  return (
+    <div className="flex flex-col gap-4" data-testid="nudge-panel">
+      <Section title={t("settings.nudge.title")} description={t("settings.nudge.subtitle")}>
+        <div className="mb-3 flex items-start gap-2 rounded-md border border-border bg-muted/40 p-3 text-sm">
+          <Info size={16} className="mt-0.5 shrink-0 opacity-70" />
+          <span>
+            {draft.enabled
+              ? t("settings.nudge.on_hint")
+                  .replace("{{sent}}", String(stats?.today ?? 0))
+                  .replace("{{left}}", String(left))
+              : t("settings.nudge.off_hint")}
+            {source.length ? (
+              <span className="ml-1 opacity-60">
+                ({t("settings.nudge.source")}: {source.join(" → ")})
+              </span>
+            ) : null}
+          </span>
+        </div>
+
+        <div className="mb-4">
+          <Switch
+            checked={draft.enabled}
+            onChange={(v) => setDraft({ ...draft, enabled: v })}
+            label={t("settings.nudge.enabled")}
+          />
+        </div>
+
+        <div className="grid gap-3 sm:grid-cols-2">
+          {num("daily_max", t("settings.nudge.daily_max"), t("settings.nudge.daily_max_hint"))}
+          <Field label={t("settings.nudge.quiet_hours")} hint={t("settings.nudge.quiet_hours_hint")}>
+            <Input
+              value={draft.quiet_hours ?? ""}
+              placeholder="22:00-07:30"
+              disabled={!draft.enabled}
+              onChange={(e) => setDraft({ ...draft, quiet_hours: e.target.value })}
+            />
+          </Field>
+          {num("cooldown_minutes", t("settings.nudge.cooldown"))}
+          {num("project_cooldown_minutes", t("settings.nudge.project_cooldown"))}
+          {num("kind_cooldown_minutes", t("settings.nudge.kind_cooldown"))}
+        </div>
+
+        <div className="mt-3">
+          <Switch
+            checked={draft.critical_bypasses_budget}
+            onChange={(v) => setDraft({ ...draft, critical_bypasses_budget: v })}
+            label={t("settings.nudge.critical_bypass")}
+            disabled={!draft.enabled}
+          />
+          <p className="mt-1 text-[11px] text-muted-foreground/70">
+            {t("settings.nudge.critical_bypass_hint")}
+          </p>
+        </div>
+
+        <div className="mt-4">
+          <Button variant="primary" loading={busy} onClick={save}>
+            {t("common.save")}
+          </Button>
+        </div>
+      </Section>
+
+      <Section title={t("settings.nudge.log_title")} description={t("settings.nudge.log_subtitle")}>
+        {!entries.length ? (
+          <Empty>{t("settings.nudge.log_empty")}</Empty>
+        ) : (
+          <ul className="flex flex-col gap-2" data-testid="nudge-log">
+            {entries.map((e) => (
+              <li
+                key={e.id}
+                className="flex items-start gap-3 rounded-md border border-border bg-muted/20 p-2.5 text-sm"
+              >
+                <span className="min-w-0 flex-1">
+                  <span className="flex flex-wrap items-center gap-2">
+                    <Badge>{e.kind}</Badge>
+                    <span className="text-xs opacity-55">
+                      {String(e.at).replace("T", " ").slice(0, 16)}
+                    </span>
+                    {e.bypassed_budget ? (
+                      <Badge tone="warning">{t("settings.nudge.bypass")}</Badge>
+                    ) : null}
+                  </span>
+                  <span className="mt-1 block line-clamp-2 opacity-80">{e.preview}</span>
+                </span>
+
+                {/* Rating is available for as long as the entry is on file, not
+                    only in the chat where the buttons were. Retrospect is when
+                    people actually notice a pattern was noise. */}
+                <span className="flex shrink-0 items-center gap-1">
+                  <button
+                    type="button"
+                    aria-label={t("settings.nudge.useful")}
+                    onClick={() => rate(e.id, true)}
+                    className={`rounded p-1.5 transition hover:bg-muted ${
+                      e.feedback?.useful === true ? "text-emerald-500" : "opacity-40"
+                    }`}
+                  >
+                    <ThumbsUp size={14} />
+                  </button>
+                  <button
+                    type="button"
+                    aria-label={t("settings.nudge.noise")}
+                    onClick={() => rate(e.id, false)}
+                    className={`rounded p-1.5 transition hover:bg-muted ${
+                      e.feedback?.useful === false ? "text-red-500" : "opacity-40"
+                    }`}
+                  >
+                    <ThumbsDown size={14} />
+                  </button>
+                </span>
+              </li>
+            ))}
+          </ul>
+        )}
+      </Section>
+    </div>
+  );
+}

package/src/interfaces/web/src/components/settings/ProfilePanel.tsx

@@ -1,11 +1,12 @@
 import { useEffect, useState } from "react";
 import { AlertTriangle, CheckCircle2, Info } from "lucide-react";
 import { Section } from "../Section";
-import { Badge, Button, Dialog, Empty, Field, Input, Loading } from "../ui";
+import { Badge, Button, Dialog, Empty, Field, Input, Loading, Switch } from "../ui";
 import { UiSelect } from "../UiSelect";
 import { useToast } from "../Toast";
 import { useProfiles, useProfile, useProfileDoctor } from "../../hooks/useProfiles";
 import { ProfilesApi, type ProfileSchemaProp } from "../../lib/api/profiles";
+import { CronPicker } from "../cron/CronPicker";
 import { t } from "../../i18n";
 
 /**
@@ -15,6 +16,11 @@ import { t } from "../../i18n";
  * Identity), nor with configuration profiles. With none active, APX behaves
  * exactly as it always has, and the panel says so rather than looking broken.
  */
+/** Schema keys whose value is a five-field cron expression. */
+function isCronKey(key: string): boolean {
+  return /(^|_)schedule$/.test(key) || /_cron$/.test(key);
+}
+
 export function ProfilePanel() {
   const toast = useToast();
   const { active, profiles, isLoading, mutate } = useProfiles();
@@ -143,16 +149,25 @@ export function ProfilePanel() {
         )}
 
         {profile ? (
-          <div className="mt-4 flex flex-wrap items-center gap-2">
-            {profile.active ? (
-              <Button variant="destructive" loading={busy} onClick={() => setConfirmOff(true)}>
-                {t("settings.profile.deactivate")}
-              </Button>
-            ) : (
-              <Button variant="primary" loading={busy} onClick={() => activate(profile.id, !!active)}>
-                {active ? t("settings.profile.replace_active") : t("settings.profile.activate")}
-              </Button>
-            )}
+          <div className="mt-4 flex flex-wrap items-center gap-3">
+            {/* A switch, like every other on/off in Settings (Engines, Skills,
+                Desktop autostart). The red "Deactivate" button read as a
+                destructive action — deactivating a profile destroys nothing:
+                its settings survive and turning it back on restores them. */}
+            <Switch
+              checked={!!profile.active}
+              disabled={busy}
+              label={profile.active ? t("settings.profile.on") : t("settings.profile.off")}
+              onChange={(on) => {
+                if (on) activate(profile.id, !!active);
+                // Switching OFF still confirms: the profile's routines stop
+                // with it, and that is worth one deliberate tap.
+                else setConfirmOff(true);
+              }}
+            />
+            {!profile.active && active ? (
+              <span className="text-xs opacity-60">{t("settings.profile.replaces_active")}</span>
+            ) : null}
             <span className="text-xs opacity-60">
               {t("settings.profile.token_cost")}: ~{profile.tokens ?? 0}
               {profile.budget ? ` / ${profile.budget}` : ""}
@@ -183,7 +198,16 @@ export function ProfilePanel() {
               <div className="grid gap-3 sm:grid-cols-2">
                 {Object.entries(props).map(([key, def]) => (
                   <Field key={key} label={def.title || key} hint={def.description}>
-                    {def.enum ? (
+                    {/* A schedule is a time and some days, not five
+                        space-separated fields. Detected by key name because the
+                        JSON-Schema subset has no "format" for cron. */}
+                    {isCronKey(key) ? (
+                      <CronPicker
+                        value={draft[key] ?? String(def.default ?? "")}
+                        onChange={(expr) => setDraft({ ...draft, [key]: expr })}
+                        disabled={!canEdit}
+                      />
+                    ) : def.enum ? (
                       <UiSelect
                         value={draft[key] ?? String(def.default ?? "")}
                         onChange={(v) => setDraft({ ...draft, [key]: v })}

package/src/interfaces/web/src/components/settings/SkillsInspectorPanel.tsx

@@ -39,7 +39,7 @@ type NumericKnobs = {
 
 export function SkillsInspectorPanel() {
   const toast = useToast();
-  const { data, mutate, isLoading } = useSWR("/skills/inspector", () => Skills.inspector());
+  const { data, mutate, isLoading } = useSWR("/api/skills/inspector", () => Skills.inspector());
   const [busy, setBusy] = useState(false);
   const [probe, setProbe] = useState("");
   const [probeResult, setProbeResult] = useState<InspectTrace | null>(null);

package/src/interfaces/web/src/components/settings/SkillsManager.tsx

@@ -128,13 +128,13 @@ export function SkillsManager({ scope: fixedScope, selectable = false }: { scope
   const [repoOpen, setRepoOpen] = useState(false);
   const fileRef = useRef<HTMLInputElement>(null);
 
-  const { data: projects } = useSWR(selectable ? "/projects" : null, () => Projects.list());
+  const { data: projects } = useSWR(selectable ? "/api/projects" : null, () => Projects.list());
   const scopeOptions = useMemo(() => [
     { value: SUPER, label: t("skills_page.scope_super_agent") },
     ...(projects ?? []).map((p) => ({ value: p.path, label: p.name || basename(p.path) })),
   ], [projects]);
 
-  const { data, mutate, isLoading } = useSWR(["/skills", scope], () => Skills.list(projectPath));
+  const { data, mutate, isLoading } = useSWR(["/api/skills", scope], () => Skills.list(projectPath));
   const skills = useMemo(() => data?.skills ?? [], [data]);
   const onCount = skills.filter((s) => s.enabled !== false).length;
 

package/src/interfaces/web/src/components/tasks/TaskDetailPanel.tsx

@@ -32,7 +32,7 @@ export function TaskDetailPanel({
 }) {
   const toast = useToast();
   const navigate = useNavigate();
-  const { data: task, isLoading, mutate } = useSWR(`/projects/${pid}/tasks/${taskId}`, () => Tasks.get(pid, taskId));
+  const { data: task, isLoading, mutate } = useSWR(`/api/projects/${pid}/tasks/${taskId}`, () => Tasks.get(pid, taskId));
   const [body, setBody] = useState("");
   const [busy, setBusy] = useState(false);
 

package/src/interfaces/web/src/components/ui/filter-chips.tsx

@@ -0,0 +1,47 @@
+import { cn } from "../../lib/cn";
+
+/**
+ * One row of mutually-exclusive filters.
+ *
+ * Exists so every list page filters the same way and reads the same way.
+ * Labels are Capitalised: the chips used to render whatever the state value
+ * happened to be ("open", "in review"), which put raw storage vocabulary in
+ * the interface.
+ */
+export function FilterChips<T extends string>({
+  value,
+  options,
+  onChange,
+  label,
+}: {
+  value: T;
+  options: { value: T; label: string }[];
+  onChange: (v: T) => void;
+  label?: string;
+}) {
+  return (
+    <div className="flex flex-wrap items-center gap-1" role="group" aria-label={label}>
+      {options.map((o) => (
+        <button
+          key={o.value}
+          type="button"
+          aria-pressed={value === o.value}
+          onClick={() => onChange(o.value)}
+          className={cn(
+            "rounded-md px-2.5 py-1 text-xs font-medium transition-colors",
+            value === o.value
+              ? "bg-accent text-accent-fg"
+              : "text-muted-fg hover:bg-muted/50 hover:text-foreground",
+          )}
+        >
+          {capitalise(o.label)}
+        </button>
+      ))}
+    </div>
+  );
+}
+
+/** First letter up, rest untouched — so "in review" keeps its lowercase w. */
+function capitalise(s: string): string {
+  return s ? s.charAt(0).toUpperCase() + s.slice(1) : s;
+}

package/src/interfaces/web/src/components/ui.tsx

@@ -15,6 +15,7 @@ import { Dialog as DialogRoot, DialogContent, DialogHeader, DialogTitle, DialogD
 // Re-export the tooltip convenience wrapper so call sites can grab it from the
 // same barrel as Button/Field/etc.: `import { Button, Tip } from "../ui"`.
 export { Tip } from "./ui/tip";
+export { FilterChips } from "./ui/filter-chips";
 
 // ── Button ──────────────────────────────────────────────────────────────────
 type Variant = "primary" | "secondary" | "ghost" | "destructive";

package/src/interfaces/web/src/constants/index.ts

@@ -65,6 +65,7 @@ export const ROUTINE_KINDS = [
   "super_agent",
   "telegram",
   "shell",
+  "watch",
 ] as const;
 export type RoutineKind = (typeof ROUTINE_KINDS)[number];
 

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

@@ -1,6 +1,6 @@
 import { useCallback, useRef, useState } from "react";
 import { SuperAgent, Agents, Conversations } from "../lib/api";
-import type { ChatStreamEvent, ChatUsage, ConversationMessage } from "../types/daemon";
+import type { ChatStreamEvent, ChatUsage, ConversationMessage, ToolSummary } from "../types/daemon";
 import { t } from "../i18n";
 
 export type ToolStatus = "running" | "done" | "error" | "deduped";
@@ -37,6 +37,9 @@ export interface ChatMsg {
   usage?: ChatUsage;
   /** Operational notes (engine fallbacks, retries, suppressions). */
   notes?: string[];
+  /** What a HISTORICAL turn did. Live turns render real ToolCall parts from
+   *  the stream; replayed ones only have this, recorded at write time. */
+  toolSummary?: ToolSummary;
   /** Skill Inspector decision for this turn (when the feature is on): which
    *  skills the per-turn RAG loaded inline vs merely hinted. */
   inspector?: {
@@ -179,6 +182,7 @@ function threadToChatMsgs(messages: ConversationMessage[]): ChatMsg[] {
         if (m.agent) turn.agentId = m.agent;
         if (m.agent_name) turn.agent = m.agent_name;
         if (m.model) turn.model = m.model;
+        if (m.tool_summary) turn.toolSummary = m.tool_summary;
         if (m.usage) {
           turn.usage = {
             input_tokens: (turn.usage?.input_tokens || 0) + (m.usage.input_tokens || 0),

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

@@ -4,7 +4,7 @@ import { REFRESH } from "../constants";
 
 export function useDaemonStatus() {
   const { data, error, isLoading } = useSWR(
-    "/health",
+    "/api/health",
     () => Health.get(),
     { refreshInterval: REFRESH.health },
   );

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

@@ -4,7 +4,7 @@ import { REFRESH } from "../constants";
 
 export function useDevices() {
   const { data, error, isLoading, mutate } = useSWR(
-    "/pair/list",
+    "/api/pair/list",
     () => Pair.list(),
     { refreshInterval: REFRESH.pairList },
   );

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

@@ -3,7 +3,7 @@ import { Engines } from "../lib/api";
 
 export function useEngines() {
   const { data, error, isLoading, mutate } = useSWR(
-    "/engines",
+    "/api/engines",
     () => Engines.list(),
   );
   return { engines: data?.engines || [], error, isLoading, mutate };

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

@@ -4,7 +4,7 @@ import type { GlobalConfig, SuperAgentConfig } from "../types/daemon";
 
 export function useGlobalConfig() {
   const { data, error, isLoading, mutate } = useSWR(
-    "/admin/config",
+    "/api/admin/config",
     () => Admin.config.get(),
   );
   const patch = async (set?: Record<string, unknown>, unset?: string[]) => {
@@ -17,7 +17,7 @@ export function useGlobalConfig() {
 
 export function useSuperAgentConfig() {
   const { data, error, isLoading, mutate } = useSWR(
-    "/admin/super-agent",
+    "/api/admin/super-agent",
     () => Admin.superAgent(),
   );
   return { superAgent: data as SuperAgentConfig | undefined, error, isLoading, mutate };

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

@@ -4,7 +4,7 @@ import type { Identity } from "../types/daemon";
 
 export function useIdentity() {
   const { data, error, isLoading, mutate } = useSWR<Identity>(
-    "/identity",
+    "/api/identity",
     () => IdentityApi.get(),
   );
   const save = async (patch: Partial<Identity>) => {

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

@@ -4,7 +4,7 @@ import { Inbox, type InboxRow } from "../lib/api/inbox";
 /** Every agent as a conversation, most recent first, super-agent pinned. */
 export function useInbox(includeEmpty = false) {
   const { data, error, isLoading, mutate } = useSWR<InboxRow[]>(
-    `/inbox?include_empty=${includeEmpty ? 1 : 0}`,
+    `/api/inbox?include_empty=${includeEmpty ? 1 : 0}`,
     () => Inbox.list(includeEmpty),
     { refreshInterval: 15_000 },
   );

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

@@ -0,0 +1,38 @@
+import useSWR from "swr";
+import { NudgesApi } from "../lib/api/nudges";
+import type { NudgeEntry, NudgePolicy, NudgeStats } from "../lib/api/nudges";
+
+/** The ledger of unrequested messages, plus what they add up to. */
+export function useNudges(limit = 50) {
+  const { data, error, isLoading, mutate } = useSWR<{
+    data: NudgeEntry[];
+    meta: { total: number; stats: NudgeStats };
+  }>(`/api/nudges?limit=${limit}`, () => NudgesApi.list(limit));
+
+  return {
+    entries: data?.data ?? [],
+    stats: data?.meta?.stats,
+    error,
+    isLoading,
+    mutate,
+  };
+}
+
+/** The effective budget, and which layer set each part of it. */
+export function useNudgePolicy() {
+  const { data, error, isLoading, mutate } = useSWR<{
+    policy: NudgePolicy;
+    source: string[];
+    defaults: NudgePolicy;
+    user_overrides: Partial<NudgePolicy>;
+  }>("/api/nudges/policy", () => NudgesApi.policy());
+
+  return {
+    policy: data?.policy,
+    source: data?.source ?? [],
+    userOverrides: data?.user_overrides ?? {},
+    error,
+    isLoading,
+    mutate,
+  };
+}

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

@@ -7,7 +7,7 @@ export function useProfiles() {
   const { data, error, isLoading, mutate } = useSWR<{
     active: string | null;
     profiles: ProfileSummary[];
-  }>("/profiles", () => ProfilesApi.list());
+  }>("/api/profiles", () => ProfilesApi.list());
 
   return {
     active: data?.active ?? null,
@@ -21,7 +21,7 @@ export function useProfiles() {
 /** One profile, including its schema, settings and rendered prompt preview. */
 export function useProfile(id: string | null) {
   const { data, error, isLoading, mutate } = useSWR<ProfileDetail>(
-    id ? `/profiles/${id}` : null,
+    id ? `/api/profiles/${id}` : null,
     () => ProfilesApi.get(id as string),
   );
   return { profile: data, error, isLoading, mutate };
@@ -30,7 +30,7 @@ export function useProfile(id: string | null) {
 /** Health of the active profile (or a named one). */
 export function useProfileDoctor(id: string | null) {
   const { data, error, isLoading, mutate } = useSWR<ProfileDoctor>(
-    id ? `/profiles/doctor?id=${id}` : "/profiles/doctor",
+    id ? `/api/profiles/doctor?id=${id}` : "/api/profiles/doctor",
     () => ProfilesApi.doctor(id || undefined),
   );
   return { doctor: data, error, isLoading, mutate };

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

@@ -6,7 +6,7 @@ import type { ProjectEntry } from "../types/daemon";
 /** Project list, sorted so the default workspace (id=0) is first. */
 export function useProjects() {
   const { data, error, isLoading, mutate } = useSWR<ProjectEntry[]>(
-    "/projects",
+    "/api/projects",
     () => Projects.list(),
     { refreshInterval: REFRESH.projects },
   );

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

@@ -4,7 +4,7 @@ import { REFRESH } from "../constants";
 
 export function useTelegramStatus() {
   const { data, error, isLoading, mutate } = useSWR(
-    "/telegram/status",
+    "/api/telegram/status",
     () => Telegram.status(),
     { refreshInterval: REFRESH.telegramStatus },
   );
@@ -13,7 +13,7 @@ export function useTelegramStatus() {
 
 export function useTelegramChannels() {
   const { data, error, isLoading, mutate } = useSWR(
-    "/telegram/channels",
+    "/api/telegram/channels",
     () => Telegram.channels.list(),
   );
   return { channels: data?.channels || [], error, isLoading, mutate };
@@ -21,7 +21,7 @@ export function useTelegramChannels() {
 
 export function useTelegramContacts() {
   const { data, error, isLoading, mutate } = useSWR(
-    "/telegram/contacts",
+    "/api/telegram/contacts",
     () => Telegram.contacts.list(),
   );
   return {