@agentprojectcontext/apx 1.76.0 → 1.77.0

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

@@ -89,26 +89,33 @@ export function ProfilePanel() {
   const props: Record<string, ProfileSchemaProp> = profile?.schema?.properties || {};
   const overBudget = !!profile?.budget && !!profile?.tokens && profile.tokens > profile.budget;
 
+  // Settings are editable only for the ACTIVE profile — changing them
+  // reschedules its routines, which is meaningless for one that is not running.
+  const canEdit = !!profile?.active;
+
   return (
     <div className="flex flex-col gap-4" data-testid="profile-panel">
       <Section
         title={t("settings.profile.title")}
         description={t("settings.profile.subtitle")}
       >
-        {!active ? (
-          <div
-            data-testid="profile-vanilla-hint"
-            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>{t("settings.profile.vanilla_hint")}</span>
-          </div>
-        ) : null}
+        {/* Always rendered, in both states. A banner that only appears when
+            inactive would push every card below it down the moment you
+            activate — the exact reflow this layout is built to avoid. */}
+        <div
+          data-testid="profile-vanilla-hint"
+          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>
+            {active ? t("settings.profile.active_hint") : t("settings.profile.vanilla_hint")}
+          </span>
+        </div>
 
         {!profiles.length ? (
           <Empty>{t("settings.profile.none_available")}</Empty>
         ) : (
-          <div className="flex flex-col gap-2">
+          <div className="grid gap-2 lg:grid-cols-2">
             {profiles.map((p) => (
               <button
                 key={p.id}
@@ -120,7 +127,7 @@ export function ProfilePanel() {
                 }`}
               >
                 <span className="min-w-0">
-                  <span className="flex items-center gap-2">
+                  <span className="flex flex-wrap items-center gap-2">
                     <span className="font-medium">{p.name}</span>
                     <Badge>{p.source}</Badge>
                     {p.active ? <Badge tone="success">{t("settings.profile.active")}</Badge> : null}
@@ -155,75 +162,101 @@ export function ProfilePanel() {
         ) : null}
       </Section>
 
-      {profile && Object.keys(props).length ? (
+      {/* Settings, Doctor and the prompt block are ALWAYS mounted, in the same
+          places, whether or not a profile is active. Activating one must not
+          make cards appear and push the rest of the page down — a layout that
+          reflows under you is disorienting, and it hides the fact that the
+          prompt block is the thing that just changed. Inactive simply means
+          disabled. */}
+      <div className="grid items-start gap-4 xl:grid-cols-2">
         <Section
           title={t("settings.profile.settings_title")}
           description={t("settings.profile.settings_subtitle")}
         >
-          <div className="grid grid-cols-2 gap-3">
-            {Object.entries(props).map(([key, def]) => (
-              <Field key={key} label={def.title || key} hint={def.description}>
-                {def.enum ? (
-                  <UiSelect
-                    value={draft[key] ?? String(def.default ?? "")}
-                    onChange={(v) => setDraft({ ...draft, [key]: v })}
-                    options={def.enum.map((o) => ({ value: String(o), label: String(o) }))}
-                  />
-                ) : (
-                  <Input
-                    value={draft[key] ?? ""}
-                    onChange={(e) => setDraft({ ...draft, [key]: e.target.value })}
-                  />
-                )}
-              </Field>
-            ))}
-          </div>
-          <div className="mt-4">
-            <Button variant="primary" loading={busy} onClick={saveConfig}>
-              {t("common.save")}
-            </Button>
-          </div>
-        </Section>
-      ) : null}
-
-      {active && doctor ? (
-        <Section title={t("settings.profile.doctor_title")} description={doctor.summary}>
-          {!doctor.checks.length ? (
-            <div className="flex items-center gap-2 text-sm">
-              <CheckCircle2 size={16} className="text-emerald-500" />
-              {t("settings.profile.doctor_clean")}
-            </div>
+          {!Object.keys(props).length ? (
+            <Empty>{t("settings.profile.no_settings")}</Empty>
           ) : (
-            <ul className="flex flex-col gap-2">
-              {doctor.checks.map((c, i) => (
-                <li key={i} className="flex items-start gap-2 text-sm">
-                  <AlertTriangle
-                    size={16}
-                    className={`mt-0.5 shrink-0 ${c.level === "error" ? "text-red-500" : "text-amber-500"}`}
-                  />
-                  <span className="min-w-0">
-                    <span className="opacity-60">[{c.label}]</span> {c.detail}
-                    {c.fix ? (
-                      <code className="mt-1 block rounded bg-muted px-1.5 py-0.5 text-xs">{c.fix}</code>
-                    ) : null}
-                  </span>
-                </li>
-              ))}
-            </ul>
+            <>
+              {!canEdit ? (
+                <p className="mb-3 text-sm opacity-60">{t("settings.profile.settings_locked")}</p>
+              ) : null}
+              <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 ? (
+                      <UiSelect
+                        value={draft[key] ?? String(def.default ?? "")}
+                        onChange={(v) => setDraft({ ...draft, [key]: v })}
+                        options={def.enum.map((o) => ({ value: String(o), label: String(o) }))}
+                        disabled={!canEdit}
+                      />
+                    ) : (
+                      <Input
+                        value={draft[key] ?? ""}
+                        disabled={!canEdit}
+                        onChange={(e) => setDraft({ ...draft, [key]: e.target.value })}
+                      />
+                    )}
+                  </Field>
+                ))}
+              </div>
+              <div className="mt-4">
+                <Button variant="primary" loading={busy} disabled={!canEdit} onClick={saveConfig}>
+                  {t("common.save")}
+                </Button>
+              </div>
+            </>
           )}
         </Section>
-      ) : null}
 
-      {profile ? (
-        <Section
-          title={t("settings.profile.preview_title")}
-          description={t("settings.profile.preview_subtitle")}
-        >
-          <pre data-testid="profile-preview" className="max-h-96 overflow-auto whitespace-pre-wrap rounded-md border border-border bg-muted/30 p-3 text-xs leading-relaxed">
-            {profile.preview || t("settings.profile.preview_empty")}
-          </pre>
-        </Section>
-      ) : null}
+        <div className="flex flex-col gap-4">
+          <Section title={t("settings.profile.doctor_title")} description={doctor?.summary || ""}>
+            {!doctor?.checks?.length ? (
+              <div className="flex items-center gap-2 text-sm">
+                <CheckCircle2 size={16} className="text-emerald-500" />
+                {active ? t("settings.profile.doctor_clean") : t("settings.profile.doctor_vanilla")}
+              </div>
+            ) : (
+              <ul className="flex flex-col gap-2">
+                {doctor.checks.map((c, i) => (
+                  <li key={i} className="flex items-start gap-2 text-sm">
+                    <AlertTriangle
+                      size={16}
+                      className={`mt-0.5 shrink-0 ${c.level === "error" ? "text-red-500" : "text-amber-500"}`}
+                    />
+                    <span className="min-w-0">
+                      <span className="opacity-60">[{c.label}]</span> {c.detail}
+                      {c.fix ? (
+                        <code className="mt-1 block overflow-x-auto rounded bg-muted px-1.5 py-0.5 text-xs">
+                          {c.fix}
+                        </code>
+                      ) : null}
+                    </span>
+                  </li>
+                ))}
+              </ul>
+            )}
+          </Section>
+
+          <Section
+            title={t("settings.profile.preview_title")}
+            description={
+              profile?.active
+                ? t("settings.profile.preview_subtitle")
+                : t("settings.profile.preview_inactive")
+            }
+          >
+            <pre
+              data-testid="profile-preview"
+              className={`max-h-[32rem] overflow-auto whitespace-pre-wrap rounded-md border border-border bg-muted/30 p-3 text-xs leading-relaxed ${
+                profile?.active ? "" : "opacity-60"
+              }`}
+            >
+              {profile?.preview || t("settings.profile.preview_empty")}
+            </pre>
+          </Section>
+        </div>
+      </div>
 
       <Dialog
         open={confirmOff}

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

@@ -0,0 +1,12 @@
+import useSWR from "swr";
+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}`,
+    () => Inbox.list(includeEmpty),
+    { refreshInterval: 15_000 },
+  );
+  return { rows: data ?? [], error, isLoading, mutate };
+}

package/src/interfaces/web/src/i18n/en.ts

@@ -142,6 +142,16 @@ export const en = {
     browser_unavailable: "Browser unavailable until daemon restarts. Paste path manually.",
     no_folders:  "No folders.",
   },
+  inbox: {
+    title: "Agent inbox",
+    subtitle:
+      "Every agent as a conversation, most recent first.",
+    empty: "You have not talked to any agent yet.",
+    pinned: "lead",
+    show_quiet: "Show quiet agents",
+    no_reply_yet: "(no replies yet)",
+  },
+
   settings: {
     title:       "Settings",
     subtitle:    "Panel preferences + local daemon diagnostics.",
@@ -203,6 +213,8 @@ export const en = {
       title: "Agent profile",
       subtitle:
         "An installable line of work for the super-agent: what it does with its day and when it speaks to you. Distinct from the agent's name (that lives under Identity).",
+      active_hint:
+        "A profile is active: its block ships on every turn of every channel. Deactivate to go back to vanilla.",
       vanilla_hint:
         "No profile is active. APX behaves exactly as it always has — the super-agent prompt is identical to a clean install.",
       none_available: "No profiles available yet.",
@@ -227,6 +239,10 @@ export const en = {
       preview_title: "Prompt block",
       preview_subtitle: "Exactly what reaches the model, with your values substituted.",
       preview_empty: "(empty)",
+      preview_inactive: "This is what the model would receive if you activated this profile.",
+      no_settings: "This profile has nothing to configure.",
+      settings_locked: "Activate the profile to change its settings.",
+      doctor_vanilla: "No profile active. APX behaves as it always has.",
     },
 
     identity: {

package/src/interfaces/web/src/i18n/es.ts

@@ -143,6 +143,16 @@ export const es = {
     browser_unavailable: "Explorador no disponible hasta reiniciar daemon. Pegá ruta manual.",
     no_folders:  "Sin carpetas.",
   },
+  inbox: {
+    title: "Bandeja de agentes",
+    subtitle:
+      "Cada agente como una conversación, lo más reciente primero.",
+    empty: "Todavía no hablaste con ningún agente.",
+    pinned: "principal",
+    show_quiet: "Ver los que no hablaron",
+    no_reply_yet: "(sin respuestas todavía)",
+  },
+
   settings: {
     title:       "Settings",
     subtitle:    "Preferencias del panel + diagnóstico del daemon local.",
@@ -204,6 +214,8 @@ export const es = {
       title: "Perfil del agente",
       subtitle:
         "Un oficio instalable para el super-agente: qué hace con su día y cuándo te habla. Distinto del nombre del agente (eso está en Identidad).",
+      active_hint:
+        "Hay un perfil activo: su bloque viaja en cada turno de cada canal. Desactivalo para volver a vanilla.",
       vanilla_hint:
         "No hay ningún perfil activo. APX se comporta exactamente como siempre — el prompt del super-agente es idéntico al de una instalación limpia.",
       none_available: "No hay perfiles disponibles todavía.",
@@ -228,6 +240,10 @@ export const es = {
       preview_title: "Bloque de prompt",
       preview_subtitle: "Exactamente lo que recibe el modelo, con tus valores ya sustituidos.",
       preview_empty: "(vacío)",
+      preview_inactive: "Esto es lo que recibiría el modelo si activaras este perfil.",
+      no_settings: "Este perfil no tiene nada configurable.",
+      settings_locked: "Activá el perfil para poder cambiar su configuración.",
+      doctor_vanilla: "Sin perfil activo. APX se comporta como siempre.",
     },
 
     identity: {

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

@@ -0,0 +1,26 @@
+import { http, unwrapPage } from "../http";
+
+/** One row of the agent inbox: an agent, and the last thing it said. */
+export interface InboxRow {
+  project_id: number | string | null;
+  project_name: string | null;
+  project_path: string | null;
+  agent_slug: string;
+  agent_name: string | null;
+  agent_emoji: string | null;
+  kind: "agent" | "super_agent";
+  pinned: boolean;
+  conversation_id: string | null;
+  channel: string | null;
+  messages: number;
+  /** What the AGENT last said — not what the user last asked. */
+  preview: string | null;
+  last_activity_at: string;
+}
+
+export const Inbox = {
+  list: (includeEmpty = false) =>
+    http
+      .get<unknown>(`/inbox${includeEmpty ? "?include_empty=1" : ""}`)
+      .then((b) => unwrapPage<InboxRow>(b).items),
+};

package/src/interfaces/web/src/screens/InboxScreen.tsx

@@ -0,0 +1,103 @@
+import { useNavigate } from "react-router-dom";
+import { Section } from "../components/Section";
+import { Badge, Button, Empty, Loading } from "../components/ui";
+import { useInbox } from "../hooks/useInbox";
+import type { InboxRow } from "../lib/api/inbox";
+import { t } from "../i18n";
+import { useState } from "react";
+
+/**
+ * The agent inbox — every agent as a conversation, most recent first.
+ *
+ * A SECOND AXIS over the same data, not a replacement for project navigation:
+ * this is the conversational way in, the project rail is the structural one.
+ * Clicking a row opens that agent's existing chat rather than re-implementing
+ * one here — the thread UI already exists and must not be forked.
+ */
+export function InboxScreen() {
+  const navigate = useNavigate();
+  const [includeEmpty, setIncludeEmpty] = useState(false);
+  const { rows, isLoading } = useInbox(includeEmpty);
+
+  const open = (row: InboxRow) => {
+    if (row.kind === "super_agent") {
+      navigate("/p/0/chat");
+      return;
+    }
+    navigate(`/p/${row.project_id}/agents/${encodeURIComponent(row.agent_slug)}`);
+  };
+
+  return (
+    <Section
+      fullHeight
+      title={t("inbox.title")}
+      description={t("inbox.subtitle")}
+      action={
+        <Button size="sm" variant={includeEmpty ? "primary" : "ghost"} onClick={() => setIncludeEmpty((v) => !v)}>
+          {t("inbox.show_quiet")}
+        </Button>
+      }
+    >
+      {isLoading ? <Loading /> : null}
+      {!isLoading && rows.length === 0 ? <Empty>{t("inbox.empty")}</Empty> : null}
+
+      <ul className="space-y-2" data-testid="inbox-list">
+        {rows.map((row) => (
+          <li key={`${row.project_id ?? "global"}-${row.agent_slug}`}>
+            <button
+              type="button"
+              data-testid={`inbox-row-${row.agent_slug}`}
+              onClick={() => open(row)}
+              className={`flex w-full items-start gap-3 rounded-md border px-3 py-2 text-left transition ${
+                row.pinned
+                  ? "border-primary/60 bg-primary/5 hover:bg-primary/10"
+                  : "border-border bg-muted/30 hover:bg-muted/50"
+              }`}
+            >
+              <span className="mt-0.5 text-lg leading-none">{row.agent_emoji || "🤖"}</span>
+
+              <span className="min-w-0 flex-1">
+                <span className="flex min-w-0 items-baseline gap-2">
+                  <span className="truncate font-medium">{row.agent_name || row.agent_slug}</span>
+                  {row.pinned ? <Badge tone="info">{t("inbox.pinned")}</Badge> : null}
+                  {/* On a phone the timestamp rides with the name; there is no
+                      room for a third column. */}
+                  <span className="ml-auto shrink-0 text-xs opacity-50 sm:hidden">
+                    {shortTime(row.last_activity_at)}
+                  </span>
+                </span>
+
+                <span className="mt-0.5 flex flex-wrap items-center gap-x-2 text-xs opacity-55">
+                  {row.project_name ? <span className="truncate">{row.project_name}</span> : null}
+                  {row.channel ? <span className="opacity-70">· {row.channel}</span> : null}
+                </span>
+
+                {/* The agent's own last line. Echoing the user's prompt back
+                    would tell them nothing they do not already know. Two lines
+                    on a phone, one on a wide screen. */}
+                <span className="mt-1 block line-clamp-2 text-sm leading-snug opacity-75 sm:line-clamp-1">
+                  {row.preview || t("inbox.no_reply_yet")}
+                </span>
+              </span>
+
+              <span className="hidden shrink-0 text-xs opacity-50 sm:block">
+                {shortTime(row.last_activity_at)}
+              </span>
+            </button>
+          </li>
+        ))}
+      </ul>
+    </Section>
+  );
+}
+
+/** Today → time of day; older → date. Same idea as a messaging app. */
+function shortTime(iso: string): string {
+  if (!iso) return "";
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return "";
+  const sameDay = new Date().toDateString() === d.toDateString();
+  return sameDay
+    ? d.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })
+    : d.toLocaleDateString();
+}

package/src/interfaces/web/src/screens/SettingsScreen.tsx

@@ -70,7 +70,7 @@ const SECTIONS: TabSection[] = [
 // on xl (and so wants full available width). Single-section panels (identity,
 // super agent, devices, advanced) keep a cosier reading width so wide displays
 // don't blow form fields up to absurd widths.
-const WIDE_TABS = new Set<TabKey>(["engines", "telegram", "memory", "skills", "web", "voice"]);
+const WIDE_TABS = new Set<TabKey>(["engines", "telegram", "memory", "skills", "web", "voice", "profile"]);
 
 const PANELS: Record<TabKey, () => ReactElement> = {
   identity:    () => <IdentityPanel />,

package/src/core/profiles/bundled/secretary/PROFILE.es.md

@@ -1,44 +0,0 @@
-# Rol: Jefe de Gabinete
-
-Sos el jefe de gabinete de {{owner_name}}. No un chatbot, no un asistente de código. Sos
-responsable de una cosa por encima de todas: **que no se caiga nada.**
-
-Tu unidad de trabajo es **el proyecto**, no el mensaje suelto. Todo lo que pasa por vos
-queda anclado a un proyecto registrado en APX.
-
-## De qué sos responsable, por orden de prioridad
-
-1. Mantener vivo el estado de cada proyecto — qué se movió, qué está trabado, qué nadie tocó.
-2. Capturar sin fricción — todo lo que se dice y es una tarea, una decisión o una promesa lo
-   registrás vos, en el proyecto que corresponde.
-3. Devolver contexto rápido — al saltar de proyecto, en menos de un minuto se sabe dónde
-   quedó la cosa.
-4. Avisar antes de que algo se rompa, no después.
-5. Cuidar los compromisos — sobre todo lo que se le prometió a otra persona.
-6. Coordinar a los especialistas, y hablar con una sola voz.
-
-## Cómo trabajás
-
-**Capturá por default, preguntá poco.** Cuando aparece una tarea, registrala vos. Inferí el
-proyecto cuando puedas y decí en una línea qué guardaste y dónde. Si genuinamente no podés
-saberlo, preguntá con botones, nunca con una pregunta abierta. El sistema se muere el día en
-que anotar algo cuesta más que no anotarlo.
-
-**Tareas y compromisos son cosas distintas.** Una tarea es trabajo por hacer. Un compromiso
-se le prometió a una persona concreta, con fecha; incumplirlo tiene costo relacional. Los
-compromisos le ganan a las tareas y se avisan antes.
-
-**Nunca inventes estado.** Si no sabés cómo viene un proyecto, decí "no hay actividad
-registrada en X desde Y". Eso es útil. Un resumen inventado destruye la confianza en todo el
-sistema y no vuelve. Preferí siempre el hueco explícito a la suposición prolija.
-
-**Escribí como alguien que sabe del tema.** Frases cortas. Sin títulos decorativos, sin
-rituales de saludo, sin seis bullets donde alcanzan dos frases. Lo que importa va primero.
-
-**Delegá el trabajo de dominio.** Vos coordinás; no lo hacés. Todo lo que sea código pasa por
-el agente de desarrollo. Cuando varios especialistas reportan, consolidás vos — nunca pases
-la salida cruda de un subagente.
-
-**Permisos.** Registrar, reorganizar, preparar e investigar: adelante. Escribir hacia afuera
-—mandar, publicar, tocar un sistema de terceros—: confirmá primero, pero llegá con todo
-listo para que confirmar sea un botón.