@agentprojectcontext/apx 1.66.0 → 1.68.0

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

@@ -7,15 +7,21 @@ import { Badge, Button, Empty, Input, Loading, Tip } from "../../components/ui";
 import { UiSelect } from "../../components/UiSelect";
 import { useToast } from "../../components/Toast";
 import { usePersonaName } from "../../hooks/usePersonaName";
+import { useProject } from "../../hooks/useProjects";
 import { t } from "../../i18n";
 
 const ENGINE_TONE: Record<string, "success" | "info" | "warning" | "muted"> = {
   apx: "success", claude: "info", codex: "warning",
 };
 
-export function SessionsTab() {
+// `pid` present + not base → scope to that project's local folder. Base (or no
+// pid) shows every session across engines and folders.
+export function SessionsTab({ pid }: { pid?: string } = {}) {
   const toast = useToast();
   const persona = usePersonaName();
+  const isBase = !pid || String(pid) === "0";
+  const { project } = useProject(isBase ? "" : pid);
+  const cwd = isBase ? undefined : project?.path || undefined;
   const [engine, setEngine] = useState("");
   const [input, setInput] = useState("");
   const [query, setQuery] = useState("");
@@ -28,10 +34,10 @@ export function SessionsTab() {
   }, [input]);
 
   const paged = usePagedQuery<SessionRow>({
-    key: `/sessions?engine=${engine}&q=${query}&deep=${deep ? 1 : 0}`,
+    key: `/sessions?engine=${engine}&q=${query}&deep=${deep ? 1 : 0}&cwd=${cwd || ""}`,
     fetchPage: (limit, offset) =>
-      Sessions.page({ engine: engine || undefined, q: query || undefined, deep, limit, offset }),
-    resetKey: `${engine}|${query}|${deep ? 1 : 0}`,
+      Sessions.page({ engine: engine || undefined, q: query || undefined, deep, cwd, limit, offset }),
+    resetKey: `${engine}|${query}|${deep ? 1 : 0}|${cwd || ""}`,
   });
 
   const clear = () => { setInput(""); setQuery(""); setEngine(""); setDeep(false); };
@@ -72,7 +78,7 @@ export function SessionsTab() {
     <Section
       fullHeight
       title={t("base.sessions_title")}
-      description={t("base.sessions_desc")}
+      description={isBase ? t("base.sessions_desc") : t("base.sessions_desc_scoped", { path: cwd || "…" })}
       action={
         <Tip content={t("base.sessions_refresh")}>
           <Button size="sm" variant="secondary" onClick={() => paged.mutate()}><RefreshCw size={13} /></Button>

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

@@ -1,16 +1,17 @@
-import { useState } from "react";
+import { useEffect, 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 { Button, Dialog, Empty, Loading } from "../../components/ui";
+import { Button, Dialog, Empty, Loading, Textarea } from "../../components/ui";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../components/ui/tabs";
 import { ConfigTabsEditor } from "../../components/config/ConfigTabsEditor";
-import { apcProjectSections, projectOverrideSections } from "../../components/config/project-config-sections";
+import { apcProjectSections, projectSettingsSections, projectEnginesSections } from "../../components/config/project-config-sections";
+import { TelegramTab } from "./TelegramTab";
 import { useToast } from "../../components/Toast";
 import { useProject } from "../../hooks/useProjects";
-import { flattenObject } from "../../lib/config-values";
+import { flattenObject, parseConfigJson } from "../../lib/config-values";
 import { isSecretMarker } from "../../lib/secrets";
 import { t } from "../../i18n";
 
@@ -36,54 +37,91 @@ export function ConfigTab({ pid }: { pid: string }) {
     cfg.mutate();
   };
 
+  const saveOverrideFields = async (set: Record<string, unknown>, unset: string[]) => {
+    await Projects.config.set(pid, set);
+    if (unset.length) await Projects.config.unset(pid, unset);
+    toast.success(t("project.config.save_fields_success"));
+    cfg.mutate();
+  };
+
   return (
     <div className="space-y-6">
       <Section title={t("project.config.section_title")} description={t("project.config.section_desc")}>
-        <Tabs defaultValue="override" className="space-y-4">
-          <TabsList>
-            <TabsTrigger value="override">Override</TabsTrigger>
-            <TabsTrigger value="project">APC project</TabsTrigger>
-            <TabsTrigger value="effective">Effective</TabsTrigger>
+        {/* Organized by concept: Settings · Engines · Telegram · Project · JSON. */}
+        <Tabs defaultValue="settings" className="space-y-4">
+          <TabsList className="flex flex-wrap">
+            <TabsTrigger value="settings">{t("project.config.tab_settings")}</TabsTrigger>
+            <TabsTrigger value="engines">{t("settings_ui.cfg_engines_label")}</TabsTrigger>
+            {!isBase && <TabsTrigger value="telegram">{t("project.nav.telegram")}</TabsTrigger>}
+            <TabsTrigger value="project">{t("project.config.tab_project")}</TabsTrigger>
+            <TabsTrigger value="json">JSON</TabsTrigger>
           </TabsList>
 
-          <TabsContent value="override">
+          <TabsContent value="settings">
             <ConfigTabsEditor
-              sections={projectOverrideSections()}
+              sections={projectSettingsSections()}
               source={cfg.data.project_only}
               placeholderSource={cfg.data.effective}
               jsonTitle={cfg.data.project_config_path}
-              jsonDescription=".apc/config.json. Overrides del proyecto."
-              onSaveFields={async (set, unset) => {
-                await Projects.config.set(pid, set);
-                if (unset.length) await Projects.config.unset(pid, unset);
-                toast.success(t("project.config.save_fields_success"));
-                cfg.mutate();
-              }}
+              onSaveFields={saveOverrideFields}
               onSaveJson={saveOverrideJson}
+              hideJson
             />
           </TabsContent>
 
+          <TabsContent value="engines">
+            <ConfigTabsEditor
+              sections={projectEnginesSections()}
+              source={cfg.data.project_only}
+              placeholderSource={cfg.data.effective}
+              jsonTitle={cfg.data.project_config_path}
+              onSaveFields={saveOverrideFields}
+              onSaveJson={saveOverrideJson}
+              hideJson
+            />
+          </TabsContent>
+
+          {!isBase && (
+            <TabsContent value="telegram">
+              <TelegramTab pid={pid} />
+            </TabsContent>
+          )}
+
           <TabsContent value="project">
             <ConfigTabsEditor
               sections={apcProjectSections()}
               source={cfg.data.apc_project || {}}
               jsonTitle={cfg.data.project_json_path}
-              jsonDescription=".apc/project.json. Metadata APC portable."
               onSaveFields={async (set, unset) => {
                 await Projects.apcProject.set(pid, cleanSet(set), unset);
                 toast.success(t("project.config.save_meta_success"));
                 cfg.mutate();
               }}
               onSaveJson={saveProjectJson}
+              hideJson
             />
           </TabsContent>
 
-          <TabsContent value="effective">
-            <div className="space-y-2">
-              <p className="text-xs text-muted-fg">{t("project.config.effective_read")}</p>
-              <pre className="max-h-96 overflow-auto rounded-lg border border-border bg-muted/40 p-3 text-xs">
-                {JSON.stringify(cfg.data.effective, null, 2)}
-              </pre>
+          <TabsContent value="json">
+            <div className="space-y-6">
+              <JsonEditor
+                title={cfg.data.project_config_path}
+                description=".apc/config.json — overrides del proyecto."
+                source={cfg.data.project_only}
+                onSave={saveOverrideJson}
+              />
+              <JsonEditor
+                title={cfg.data.project_json_path}
+                description=".apc/project.json — metadata APC portable."
+                source={cfg.data.apc_project || {}}
+                onSave={saveProjectJson}
+              />
+              <div className="space-y-2">
+                <p className="text-xs text-muted-fg">{t("project.config.effective_read")}</p>
+                <pre className="max-h-96 overflow-auto rounded-lg border border-border bg-muted/40 p-3 text-xs">
+                  {JSON.stringify(cfg.data.effective, null, 2)}
+                </pre>
+              </div>
             </div>
           </TabsContent>
         </Tabs>
@@ -216,6 +254,53 @@ function DangerZone({
   );
 }
 
+// Raw JSON editor for one config file (redacted secrets echo back untouched —
+// the daemon restores real values on save).
+function JsonEditor({
+  title,
+  description,
+  source,
+  onSave,
+}: {
+  title: string;
+  description?: string;
+  source: Record<string, unknown>;
+  onSave: (next: Record<string, unknown>) => Promise<void>;
+}) {
+  const [raw, setRaw] = useState("");
+  const [error, setError] = useState("");
+  const [busy, setBusy] = useState(false);
+
+  useEffect(() => {
+    setRaw(JSON.stringify(source || {}, null, 2));
+    setError("");
+  }, [source]);
+
+  const save = async () => {
+    setError("");
+    setBusy(true);
+    try {
+      await onSave(parseConfigJson(raw));
+    } catch (e) {
+      setError((e as Error).message);
+    } finally {
+      setBusy(false);
+    }
+  };
+
+  return (
+    <div className="space-y-2">
+      <div>
+        <h3 className="text-sm font-medium">{title}</h3>
+        {description && <p className="text-xs text-muted-fg">{description}</p>}
+      </div>
+      <Textarea rows={14} className="font-mono text-xs" value={raw} onChange={(e) => setRaw(e.target.value)} />
+      {error && <p className="text-xs text-destructive">{error}</p>}
+      <Button variant="primary" loading={busy} onClick={save}>{t("settings_ui.save_json")}</Button>
+    </div>
+  );
+}
+
 function cleanSet(set: Record<string, unknown>) {
   const out: Record<string, unknown> = {};
   for (const [key, value] of Object.entries(flattenObject(set))) {

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

@@ -1,134 +1,13 @@
-import { useEffect, useState } from "react";
-import useSWR from "swr";
-import { Bot, Brain, ChevronDown, ChevronRight, Crown, Save } from "lucide-react";
-import { Agents, Projects } from "../../lib/api";
-import type { AgentEntry } from "../../types/daemon";
-import { Section } from "../../components/Section";
-import { Button, Empty, Loading, Textarea } from "../../components/ui";
-import { useToast } from "../../components/Toast";
-import { t } from "../../i18n";
-
-// Editable markdown memory block with dirty-tracking + save.
-function MemoryEditor({
-  load,
-  save,
-  rows = 10,
-  placeholder,
-}: {
-  load: () => Promise<string>;
-  save: (body: string) => Promise<void>;
-  rows?: number;
-  placeholder?: string;
-}) {
-  const toast = useToast();
-  const [original, setOriginal] = useState<string | null>(null);
-  const [value, setValue] = useState("");
-  const [busy, setBusy] = useState(false);
-
-  useEffect(() => {
-    let live = true;
-    load().then((b) => { if (live) { setOriginal(b); setValue(b); } }).catch(() => { if (live) { setOriginal(""); setValue(""); } });
-    return () => { live = false; };
-  }, [load]);
-
-  if (original === null) return <Loading />;
-  const dirty = value !== original;
-
-  const onSave = async () => {
-    setBusy(true);
-    try {
-      await save(value);
-      setOriginal(value);
-      toast.success(t("project.memories.saved"));
-    } catch (e) { toast.error((e as Error).message); }
-    finally { setBusy(false); }
-  };
-
-  return (
-    <div className="space-y-2">
-      <Textarea
-        rows={rows}
-        className="font-mono text-xs"
-        value={value}
-        onChange={(e) => setValue(e.target.value)}
-        placeholder={placeholder}
-      />
-      <div className="flex items-center justify-between">
-        <span className="text-[11px] text-muted-fg">{value.length} {t("project.memories.chars")}</span>
-        <Button size="sm" variant="primary" loading={busy} disabled={!dirty} onClick={onSave}>
-          <Save size={12} /> {t("project.memories.save_btn")}
-        </Button>
-      </div>
-    </div>
-  );
-}
-
-function AgentMemoryRow({ pid, agent }: { pid: string; agent: AgentEntry }) {
-  const [open, setOpen] = useState(false);
-  const Icon = agent.is_master ? Crown : Bot;
-  return (
-    <li className="rounded-xl border border-border bg-muted/30">
-      <button
-        type="button"
-        onClick={() => setOpen((v) => !v)}
-        className="flex w-full items-center gap-3 px-3 py-2 text-left"
-      >
-        {open ? <ChevronDown size={14} className="text-muted-fg" /> : <ChevronRight size={14} className="text-muted-fg" />}
-        <Icon size={14} className={agent.is_master ? "text-violet-400" : "text-muted-fg"} />
-        <span className="text-sm font-medium">{agent.slug}</span>
-        {agent.role && <span className="text-xs text-muted-fg">· {agent.role}</span>}
-      </button>
-      {open && (
-        <div className="border-t border-border p-3">
-          <MemoryEditor
-            rows={8}
-            load={() => Agents.memory.get(pid, agent.slug).then((r) => r.body)}
-            save={(body) => Agents.memory.put(pid, agent.slug, body).then(() => {})}
-          />
-        </div>
-      )}
-    </li>
-  );
-}
+import { MemoryBrowser } from "../../components/memory/MemoryBrowser";
 
+// Durable memory surface. Same docs-style two-pane browser as /docs: a sidebar
+// listing the project ("General") memory plus every agent's memory, and a shared
+// markdown editor (edit / split-preview / save) on the right. Project memory is
+// .apc/memory.md; agent memory is ~/.apx/projects/<id>/agents/<slug>/memory.md.
 export function MemoriesTab({ pid }: { pid: string }) {
-  const agents = useSWR(`/projects/${pid}/agents`, () => Agents.list(pid));
-
   return (
-    <div className="space-y-6">
-      <Section
-        title={t("project.memories.project_title")}
-        description={t("project.memories.project_desc")}
-      >
-        <div className="flex items-start gap-3">
-          <div className="mt-1 flex size-9 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-sky-600 to-indigo-600">
-            <Brain className="size-4 text-white" />
-          </div>
-          <div className="min-w-0 flex-1">
-            <MemoryEditor
-              rows={12}
-              load={() => Projects.memory.get(pid).then((r) => r.body)}
-              save={(body) => Projects.memory.put(pid, body).then(() => {})}
-              placeholder={t("project.memories.project_ph")}
-            />
-          </div>
-        </div>
-      </Section>
-
-      <Section
-        title={t("project.memories.agents_title")}
-        description={t("project.memories.agents_desc")}
-      >
-        {agents.isLoading && <Loading />}
-        {!agents.isLoading && (agents.data?.length ?? 0) === 0 && (
-          <Empty>{t("project.memories.no_agents")}</Empty>
-        )}
-        <ul className="space-y-2">
-          {(agents.data || []).map((a) => (
-            <AgentMemoryRow key={a.slug} pid={pid} agent={a} />
-          ))}
-        </ul>
-      </Section>
+    <div className="h-full">
+      <MemoryBrowser pid={pid} />
     </div>
   );
 }

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

@@ -35,8 +35,9 @@ export function Overview({ pid }: { pid: string }) {
         <Card title={t("project.overview.artifacts")}   value={artifacts.data?.length ?? "…"} href={`/p/${pid}/artifacts`} icon={FileCode2} />
       </div>
 
-      {/* Task workflow strip */}
-      {summary.data && summary.data.open > 0 && (
+      {/* Task workflow strip — always shown once the summary loads, so every
+          status reads at least 0 (parity with the base dashboard). */}
+      {summary.data && (
         <div className="flex flex-wrap gap-2">
           {TASK_STATUS_ORDER.map((s) => (
             <NavLink

package/src/interfaces/web/src/types/daemon.ts

@@ -293,6 +293,22 @@ export interface SuperAgentConfig {
     models?: string[];
     order?: string[];
   };
+  // Content-based routing (RouterLLM pattern): prefer a model per turn by
+  // features. Composes with model_fallback (failover) — see RoutingPanel.
+  routing?: {
+    enabled?: boolean;
+    rules?: Array<{
+      model: string;
+      when?: {
+        has_image?: boolean;
+        min_prompt_chars?: number;
+        max_prompt_chars?: number;
+        min_context_chars?: number;
+        channels?: string[];
+        keywords?: string[];
+      };
+    }>;
+  };
 }
 
 /** ~/.apx/config.json shape (partial — only what we read/write today). */