npm - @agentprojectcontext/apx - Versions diffs - 1.55.1 → 1.56.0 - Mend

@agentprojectcontext/apx 1.55.1 → 1.56.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/src/interfaces/web/dist/index.html CHANGED Viewed

@@ -18,8 +18,8 @@
     <link rel="apple-touch-icon" href="/favicon/dark/apple-touch-icon.png" media="(prefers-color-scheme: dark)" />
     <link rel="manifest" href="/favicon/white/site.webmanifest" media="(prefers-color-scheme: light)" />
     <link rel="manifest" href="/favicon/dark/site.webmanifest" media="(prefers-color-scheme: dark)" />
-    <script type="module" crossorigin src="/assets/index-BxS9xYHB.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-BwnMDZaD.css">
+    <script type="module" crossorigin src="/assets/index-nL0K1Vt_.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-CAUezTBY.css">
   </head>
   <body class="bg-background text-foreground antialiased">
     <div id="root"></div>

package/src/interfaces/web/src/App.tsx CHANGED Viewed

@@ -235,6 +235,7 @@ function projectLabel(key?: string) {
     case "routines": return t("project.nav.routines");
     case "tasks": return t("project.nav.tasks");
     case "mcps": return t("project.nav.mcps");
+    case "artifacts": return t("project.nav.artifacts");
     case "config": return t("project.nav.config");
     case "workspaces": return t("base.workspaces_title");
     case "models": return t("settings.tabs.engines");

package/src/interfaces/web/src/components/chat/ChatList.tsx CHANGED Viewed

@@ -126,10 +126,13 @@ export function ChatList({
   const [collapsed, setCollapsed] = useState<Partial<Record<ChannelGroupKey, boolean>>>({});
   const [byAgent, setByAgent] = useState<Record<string, ConversationListEntry[]>>({});
-  // Super-agent channel threads (telegram, web quick-chat, desktop …) from the
-  // global message ledger — the chats that don't live in conversation files.
+  // Super-agent channel threads (telegram, web quick-chat, desktop …) come from
+  // the global message ledger, which is daemon-level and NOT project-scoped.
+  // Only surface them in the Base workspace (pid "0"); inside a real project the
+  // sidebar shows just that project's own agent conversations.
+  const isBase = String(pid) === "0";
   const threadsQ = useSWR(
-    `/projects/${pid}/super-agent/threads`,
+    isBase ? `/projects/${pid}/super-agent/threads` : null,
     () => Conversations.threads(pid),
     { revalidateOnFocus: false },
   );

package/src/interfaces/web/src/components/code/CodeArtifactsTab.tsx CHANGED Viewed

@@ -197,27 +197,36 @@ function ArtifactRow({
             </DialogContent>
           </Dialog>
-          {/* Editar — opens as a file tab in the main panel */}
-          <Tip content={t("code_module.artifacts_edit")}>
-            <button
-              type="button"
-              onClick={() => onEditArtifact?.(entry.name)}
-              className="inline-flex items-center gap-1 rounded px-1.5 py-1 text-[10px] font-medium bg-violet-500/15 text-violet-700 hover:bg-violet-500/25 dark:text-violet-300"
-            >
-              <SquarePen className="size-3" />
-              {t("modules_ui.code_artifact_edit_short")}
-            </button>
-          </Tip>
+          {/* Editar — opens as a file tab in the main panel. Only available when
+              a host editor (the Code screen) is wired in. */}
+          {onEditArtifact && (
+            <Tip content={t("code_module.artifacts_edit")}>
+              <button
+                type="button"
+                onClick={() => onEditArtifact(entry.name)}
+                className="inline-flex items-center gap-1 rounded px-1.5 py-1 text-[10px] font-medium bg-violet-500/15 text-violet-700 hover:bg-violet-500/25 dark:text-violet-300"
+              >
+                <SquarePen className="size-3" />
+                {t("modules_ui.code_artifact_edit_short")}
+              </button>
+            </Tip>
+          )}
-          {/* Run button */}
+          {/* Run button — hand off to the terminal when there is one (Code
+              screen), otherwise execute in place and show the captured output. */}
           {looksRunnable && (
             <Tip content={t("code_module.artifacts_run")}>
               <button
                 type="button"
-                onClick={() => onRunInTerminal?.(`apx artifact run ${entry.name}`)}
-                className="inline-flex items-center gap-1 rounded px-1.5 py-1 text-[10px] font-medium bg-emerald-500/15 text-emerald-700 hover:bg-emerald-500/25 dark:text-emerald-300"
+                disabled={running}
+                onClick={() =>
+                  onRunInTerminal
+                    ? onRunInTerminal(`apx artifact run ${entry.name}`)
+                    : void run()
+                }
+                className="inline-flex items-center gap-1 rounded px-1.5 py-1 text-[10px] font-medium bg-emerald-500/15 text-emerald-700 hover:bg-emerald-500/25 disabled:opacity-60 dark:text-emerald-300"
               >
-                <Play className="size-3" />
+                {running ? <Spinner size={10} /> : <Play className="size-3" />}
                 {t("code_module.artifacts_run")}
               </button>
             </Tip>

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

@@ -250,6 +250,11 @@ export function useChat(pid: string, onError?: (msg: string) => void): UseChatRe
   const [conversationId, setConversationId] = useState<string | undefined>(undefined);
   const abortRef = useRef<AbortController | null>(null);
   const convoRef = useRef<string | undefined>(undefined);
+  // Monotonic token guarding async history loads. Every load()/loadThread()/
+  // clear() bumps it; a load only applies its result if it's still the latest.
+  // Without this, clicking chat A then B could land A's (slower) response last
+  // and paint A's messages under B's header.
+  const loadSeqRef = useRef(0);
   // Mutate the trailing assistant turn in place.
   const patchLast = useCallback((fn: (m: ChatMsg) => ChatMsg) => {
@@ -348,6 +353,7 @@ export function useChat(pid: string, onError?: (msg: string) => void): UseChatRe
   const stop = useCallback(() => abortRef.current?.abort(), []);
   const clear = useCallback(() => {
     if (streaming) return;
+    loadSeqRef.current++; // cancel any in-flight history load
     convoRef.current = undefined;
     setConversationId(undefined);
     setMsgs([]);
@@ -356,8 +362,13 @@ export function useChat(pid: string, onError?: (msg: string) => void): UseChatRe
   const load = useCallback(
     async (agentSlug: string, conversationId: string) => {
       if (streaming) return;
+      const seq = ++loadSeqRef.current;
+      // Blank the pane up front so it never shows the previous chat under the
+      // new header while the fetch is in flight.
+      setMsgs([]);
       try {
         const detail = await Conversations.get(pid, agentSlug, conversationId);
+        if (seq !== loadSeqRef.current) return; // superseded by a newer pick
         const loaded: ChatMsg[] = (detail.messages ?? [])
           .filter((m) => m.role === "user" || m.role === "assistant")
           .map((m) => ({
@@ -369,6 +380,10 @@ export function useChat(pid: string, onError?: (msg: string) => void): UseChatRe
         setConversationId(conversationId);
         setMsgs(loaded);
       } catch (e) {
+        if (seq !== loadSeqRef.current) return;
+        convoRef.current = undefined;
+        setConversationId(undefined);
+        setMsgs([]);
         onError?.((e as Error)?.message || t("shared_ui.err_load_conversation"));
       }
     },
@@ -378,8 +393,11 @@ export function useChat(pid: string, onError?: (msg: string) => void): UseChatRe
   const loadThread = useCallback(
     async (channel: string, threadId: string) => {
       if (streaming) return;
+      const seq = ++loadSeqRef.current;
+      setMsgs([]);
       try {
         const detail = await Conversations.thread(pid, channel, threadId);
+        if (seq !== loadSeqRef.current) return; // superseded by a newer pick
         const loaded: ChatMsg[] = (detail.messages ?? [])
           .filter((m) => m.role === "user" || m.role === "assistant")
           .map((m) => ({
@@ -393,6 +411,10 @@ export function useChat(pid: string, onError?: (msg: string) => void): UseChatRe
         setConversationId(undefined);
         setMsgs(loaded);
       } catch (e) {
+        if (seq !== loadSeqRef.current) return;
+        convoRef.current = undefined;
+        setConversationId(undefined);
+        setMsgs([]);
         onError?.((e as Error)?.message || t("shared_ui.err_load_conversation"));
       }
     },

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

@@ -288,6 +288,7 @@ export const en = {
       routines: "Routines",
       tasks:    "Tasks",
       mcps:     "MCPs",
+      artifacts: "Artifacts",
       vars:     "Variables",
       logs:     "Logs",
       memories: "Memories",
@@ -305,10 +306,16 @@ export const en = {
       routines:   "Routines",
       agents:     "Agents",
       mcps:       "MCPs",
+      artifacts:  "Artifacts",
       chat:       "Chat (super-agent)",
       chat_value: "open",
     },
+    artifacts: {
+      title:    "Artifacts",
+      subtitle: "Reusable scripts and files stored under the project. Agents create them; you can view, run, rename or delete them.",
+    },
     chat: {
       title:       "Chat with agent",
       subtitle:    "Direct conversations with project agents. The super-agent does not intervene.",

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

@@ -289,6 +289,7 @@ export const es = {
       routines: "Rutinas",
       tasks:    "Tasks",
       mcps:     "MCPs",
+      artifacts: "Artifacts",
       vars:     "Variables",
       logs:     "Logs",
       memories: "Memorias",
@@ -306,10 +307,16 @@ export const es = {
       routines:   "Rutinas",
       agents:     "Agents",
       mcps:       "MCPs",
+      artifacts:  "Artifacts",
       chat:       "Chat (super-agent)",
       chat_value: "abrir",
     },
+    artifacts: {
+      title:    "Artifacts",
+      subtitle: "Scripts y archivos reutilizables guardados en el proyecto. Los crean los agentes; podés verlos, ejecutarlos, renombrarlos o eliminarlos.",
+    },
     chat: {
       title:       "Chat con agente",
       subtitle:    "Chat directo con el agente del proyecto.",

package/src/interfaces/web/src/screens/ProjectScreen.tsx CHANGED Viewed

@@ -3,7 +3,7 @@ import { useParams, Routes, Route, Navigate, useLocation, useNavigate } from "re
 import {
   Bot, Heart, Zap, Puzzle, FolderKanban, Settings,
   MessagesSquare, Send, KeyRound,
-  LayoutDashboard, Boxes, Cpu, ScrollText, History, Brain,
+  LayoutDashboard, Boxes, Cpu, ScrollText, History, Brain, FileCode2,
 } from "lucide-react";
 import { useNavCollapse, type TabSection } from "../components/common/TabNav";
 import { TabLayout } from "../components/common/TabLayout";
@@ -28,11 +28,12 @@ import { VarsTab } from "./project/VarsTab";
 import { ChatTab } from "./project/ChatTab";
 import { TelegramTab } from "./project/TelegramTab";
 import { MemoriesTab } from "./project/MemoriesTab";
+import { ArtifactsTab } from "./project/ArtifactsTab";
 import { AgentDetailScreen } from "./project/AgentDetailScreen";
 type NavKey =
   | "" | "chat" | "config" | "telegram"
-  | "agents" | "routines" | "tasks" | "mcps" | "vars" | "logs" | "memories";
+  | "agents" | "routines" | "tasks" | "mcps" | "vars" | "logs" | "memories" | "artifacts";
 export function ProjectScreen() {
   const navigate = useNavigate();
@@ -69,10 +70,11 @@ export function ProjectScreen() {
           items: [
             { key: "agents",   label: t("project.nav.agents"),   icon: Bot },
             { key: "memories", label: t("project.nav.memories"), icon: Brain },
-            { key: "routines", label: t("project.nav.routines"), icon: Heart },
-            { key: "mcps",     label: t("project.nav.mcps"),     icon: Puzzle },
-            { key: "vars",     label: t("project.nav.vars"),     icon: KeyRound },
-            { key: "config",   label: t("project.nav.config"),   icon: Settings },
+            { key: "routines",  label: t("project.nav.routines"),  icon: Heart },
+            { key: "mcps",      label: t("project.nav.mcps"),      icon: Puzzle },
+            { key: "artifacts", label: t("project.nav.artifacts"), icon: FileCode2 },
+            { key: "vars",      label: t("project.nav.vars"),      icon: KeyRound },
+            { key: "config",    label: t("project.nav.config"),    icon: Settings },
           ],
         },
       ];
@@ -91,11 +93,12 @@ export function ProjectScreen() {
       {
         title: t("project.sections.automation"),
         items: [
-          { key: "routines", label: t("project.nav.routines"),  icon: Heart },
-          { key: "tasks",    label: t("project.nav.tasks"),     icon: Zap },
-          { key: "mcps",     label: t("project.nav.mcps"),      icon: Puzzle },
-          { key: "vars",     label: t("project.nav.vars"),      icon: KeyRound },
-          { key: "logs",     label: t("project.nav.logs"),      icon: ScrollText },
+          { key: "routines",  label: t("project.nav.routines"),  icon: Heart },
+          { key: "tasks",     label: t("project.nav.tasks"),     icon: Zap },
+          { key: "mcps",      label: t("project.nav.mcps"),      icon: Puzzle },
+          { key: "artifacts", label: t("project.nav.artifacts"), icon: FileCode2 },
+          { key: "vars",      label: t("project.nav.vars"),      icon: KeyRound },
+          { key: "logs",      label: t("project.nav.logs"),      icon: ScrollText },
         ],
       },
       {
@@ -156,6 +159,7 @@ export function ProjectScreen() {
         <Route path="routines"     element={<RoutinesTab pid={pid} />} />
         <Route path="tasks"        element={isBase ? <GlobalTasksTab /> : <TasksTab pid={pid} />} />
         <Route path="mcps"         element={<McpsTab pid={pid} />} />
+        <Route path="artifacts"    element={<ArtifactsTab pid={pid} />} />
         <Route path="vars"         element={<VarsTab pid={pid} />} />
         <Route path="threads"      element={<Navigate to={`/p/${pid}/chat`} replace />} />
         <Route path="chat"         element={<ChatTab pid={pid} />} />

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

@@ -1,4 +1,5 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useSearchParams } from "react-router-dom";
 import useSWR from "swr";
 import { Bot, FolderTree, MessageSquare, PanelLeft, PanelRight, Terminal, X } from "lucide-react";
 import { Group as PanelGroup, Panel, Separator as PanelResizeHandle } from "react-resizable-panels";
@@ -64,6 +65,8 @@ export function CodeScreen() {
   const [termInitCmd, setTermInitCmd] = useState("");
   const [worktreeOpen, setWorktreeOpen] = useState(false);
   const abortRef = useRef<AbortController | null>(null);
+  const [searchParams, setSearchParams] = useSearchParams();
+  const deepLinkDone = useRef(false);
   // Open file tabs. `artifactName` marks an artifact opened for editing;
   // saves route through Artifacts.write instead of being read-only.
@@ -346,6 +349,27 @@ export function CodeScreen() {
     [pid],
   );
+  // Deep-link from the project Artifacts tab (/m/code?pid=..&cmd=.. or &edit=..).
+  // Select the requested project, then prefill the terminal with the artifact
+  // command (so args like a URL can be typed) or open the file for editing.
+  useEffect(() => {
+    if (deepLinkDone.current) return;
+    const wantPid = searchParams.get("pid");
+    const cmd = searchParams.get("cmd");
+    const edit = searchParams.get("edit");
+    if (!wantPid || (!cmd && !edit)) return;
+    // Wait until the requested project is active so the command/edit targets it.
+    if (String(pid) !== String(wantPid)) {
+      setPid(String(wantPid));
+      return;
+    }
+    deepLinkDone.current = true;
+    if (edit) openArtifact(edit);
+    if (cmd) runInTerminal(cmd.endsWith(" ") ? cmd : cmd + " ");
+    // Clear params so a refresh/back doesn't retrigger the handoff.
+    setSearchParams({}, { replace: true });
+  }, [searchParams, pid, openArtifact, runInTerminal, setSearchParams]);
   const saveOpenFile = useCallback(
     async (path: string, content: string) => {
       const file = openFiles.find((f) => f.path === path);

package/src/interfaces/web/src/screens/project/ArtifactsTab.tsx ADDED Viewed

@@ -0,0 +1,32 @@
+import { useNavigate } from "react-router-dom";
+import { Section } from "../../components/Section";
+import { CodeArtifactsTab } from "../../components/code/CodeArtifactsTab";
+import { t } from "../../i18n";
+// Project-level view of the artifacts stored under <project>/artifacts/. Reuses
+// the same list/row UI as the Code screen. Run and Edit hand off to the Code
+// module — the terminal there lets you pass args (e.g. a URL) and the file
+// editor lets you edit — instead of running headless in place.
+export function ArtifactsTab({ pid }: { pid: string }) {
+  const navigate = useNavigate();
+  const toCode = (params: Record<string, string>) => {
+    const qs = new URLSearchParams({ pid, ...params }).toString();
+    navigate(`/m/code?${qs}`);
+  };
+  return (
+    <Section
+      title={t("project.artifacts.title")}
+      description={t("project.artifacts.subtitle")}
+      fullHeight
+      className="min-h-[24rem]"
+    >
+      <CodeArtifactsTab
+        pid={pid}
+        onRunInTerminal={(cmd) => toCode({ cmd })}
+        onEditArtifact={(name) => toCode({ edit: name })}
+      />
+    </Section>
+  );
+}

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

@@ -65,8 +65,11 @@ export function ChatTab({ pid }: { pid: string }) {
     } else if (selected.kind === "thread") {
       void loadThread(selected.channel, selected.threadId);
     } else {
-      // Switching to a live session = drop any previously bound conversation.
-      if (conversationId) clear();
+      // Live session selected → always start from a clean slate. (Threads leave
+      // conversationId undefined, so an `if (conversationId)` guard would skip
+      // clearing and the previous chat's messages would linger under the new
+      // header — the "title changes but content stays" bug.)
+      clear();
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [

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

@@ -1,7 +1,7 @@
 import useSWR from "swr";
 import { NavLink } from "react-router-dom";
-import { Bot, Heart, MessagesSquare, Puzzle, Zap } from "lucide-react";
-import { Agents, Mcps, Routines, Tasks } from "../../lib/api";
+import { Bot, FileCode2, Heart, MessagesSquare, Puzzle, Zap } from "lucide-react";
+import { Agents, Artifacts, Mcps, Routines, Tasks } from "../../lib/api";
 import { t } from "../../i18n";
 export function Overview({ pid }: { pid: string }) {
@@ -9,12 +9,14 @@ export function Overview({ pid }: { pid: string }) {
   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));
   return (
     <div className="grid grid-cols-2 gap-4 md:grid-cols-3">
       <Card title={t("project.overview.tasks_open")} value={tasks.data?.length ?? "…"}    href={`/p/${pid}/tasks`}    icon={Zap} />
       <Card title={t("project.overview.routines")}   value={routines.data?.length ?? "…"} href={`/p/${pid}/routines`} icon={Heart} />
       <Card title={t("project.overview.agents")}     value={agents.data?.length ?? "…"}   href={`/p/${pid}/agents`}   icon={Bot} />
       <Card title={t("project.overview.mcps")}       value={mcps.data?.length ?? "…"}     href={`/p/${pid}/mcps`}     icon={Puzzle} />
+      <Card title={t("project.overview.artifacts")}  value={artifacts.data?.length ?? "…"} href={`/p/${pid}/artifacts`} icon={FileCode2} />
       <Card title={t("project.overview.chat")}       value={t("project.overview.chat_value")} href={`/p/${pid}/chat`}  icon={MessagesSquare} />
     </div>
   );