npm - @agentprojectcontext/apx - Versions diffs - 1.55.2 → 1.56.1 - Mend

@agentprojectcontext/apx 1.55.2 → 1.56.1

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 (17) 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-p33JHkov.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-BwnMDZaD.css">
+    <script type="module" crossorigin src="/assets/index-B34JqOED.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/package-lock.json CHANGED Viewed

@@ -1259,9 +1259,9 @@
       }
     },
     "node_modules/@reduxjs/toolkit/node_modules/immer": {
-      "version": "11.1.9",
-      "resolved": "https://registry.npmjs.org/immer/-/immer-11.1.9.tgz",
-      "integrity": "sha512-sc/z0Cyti70bZa0ZU4sWfAElfovFb9Ni8tArJZLuklYWxegPiK3pDOql1Rq5H0FIRAW9LSQRG6OX4KqBldbhBA==",
+      "version": "11.1.11",
+      "resolved": "https://registry.npmjs.org/immer/-/immer-11.1.11.tgz",
+      "integrity": "sha512-qzXuyXAkPySAGYkfsAwodDPWT8Zm7/Uo5BNt4BjhMhG5WlWyZZ4wQqnWwdS8kjlQ1Cwu6gjw3A6+0gTQwlyYtw==",
       "license": "MIT",
       "funding": {
         "type": "opencollective",
@@ -3488,9 +3488,9 @@
       }
     },
     "node_modules/react-resizable-panels": {
-      "version": "4.12.0",
-      "resolved": "https://registry.npmjs.org/react-resizable-panels/-/react-resizable-panels-4.12.0.tgz",
-      "integrity": "sha512-t/Gp57qSCxGQ52ckhz+8lM7dnuymeU95TEzl2U203qEbGkSLHrtm7US2/ANzq/zOlja3CwPTAfCDuh1unv9mfw==",
+      "version": "4.12.1",
+      "resolved": "https://registry.npmjs.org/react-resizable-panels/-/react-resizable-panels-4.12.1.tgz",
+      "integrity": "sha512-ElE/UpOvMLRWtAqbCgyizHXcbws8RPMyN3cBqmdY17Nxr5f01+DEwzOLqhgcy68GSnjtIUFgKWKl8aIgx5aypQ==",
       "license": "MIT",
       "peerDependencies": {
         "react": "^18.0.0 || ^19.0.0",

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/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/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/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>
   );