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

@agentprojectcontext/apx 1.56.1 → 1.57.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 (22) 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-B34JqOED.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-CAUezTBY.css">
+    <script type="module" crossorigin src="/assets/index-DJ-ocXOR.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-CEI8DfVg.css">
   </head>
   <body class="bg-background text-foreground antialiased">
     <div id="root"></div>

package/src/interfaces/web/package-lock.json CHANGED Viewed

@@ -2162,9 +2162,9 @@
       }
     },
     "node_modules/baseline-browser-mapping": {
-      "version": "2.10.41",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.41.tgz",
-      "integrity": "sha512-WwS7MHhqGHHlaVsqRZnhvCEMS0owDX+SxRlve7JkuH7My1Ara3ZriTmCQupPfYjxMZ8I/tgxtJYr2t7taHaH4A==",
+      "version": "2.10.42",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.42.tgz",
+      "integrity": "sha512-c/jurFrDLyui7o1J86yLkRu4LMsTYcBohveus7/I2Hzdn9KIP2bdJPTue/lR1KH46enoPbD77GKeSYNdyPoD3Q==",
       "dev": true,
       "license": "Apache-2.0",
       "bin": {
@@ -2580,9 +2580,9 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.385",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.385.tgz",
-      "integrity": "sha512-78sa/M08MNAYHQfjoWMvOlKQqZ0ElhSm/L5HNUc96VZ3b+KvDVnngFm8sYQy0XrhTRgAhggHr5abA7yTvRdo4Q==",
+      "version": "1.5.387",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.387.tgz",
+      "integrity": "sha512-TaxwufTFDufvPEoXdhwVrA3UdFWBeWGkYoJ1K8ldF1xe6gKfth6iRNS5lTQ5JPNOHdGQm8PT1QYKUqFLCiUefQ==",
       "dev": true,
       "license": "ISC"
     },

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

@@ -84,7 +84,7 @@ function Shell() {
           onOpenRoby={() => setRobyOpen(true)}
           onOpenAddProject={openAdd}
         />
-        <main className="m-2 ml-0 flex min-w-0 flex-1 flex-col overflow-hidden rounded-xl border border-border bg-card shadow-sm">
+        <main className="m-2 flex min-w-0 flex-1 flex-col overflow-hidden rounded-xl border border-border bg-card shadow-sm">
           <TopBar onToggleTheme={toggle} isDark={theme === "dark"} pathname={location.pathname} />
           <div className="flex-1 overflow-y-auto">
             <Routes>

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

@@ -12,7 +12,6 @@ import {
   Monitor,
   Plus,
   Send,
-  Sparkles,
   Timer,
   User,
 } from "lucide-react";
@@ -23,14 +22,15 @@ import { t } from "../../i18n";
 import type { AgentEntry, ConversationListEntry, ThreadListEntry } from "../../types/daemon";
 // Channel taxonomy — same channels the daemon writes ("web", "voice",
-// "desktop", "telegram", …) folded into 8 sidebar groups. Each group has an
-// icon + a fixed display order so the sidebar is stable across reloads.
+// "desktop", "telegram", …) folded into sidebar groups. Each group has an
+// icon + a fixed display order so the sidebar is stable across reloads. Web is
+// pinned first (it's where chats started from this UI land), then the remote
+// channels, with the catch-all "other" last.
 export type ChannelGroupKey =
-  | "live"
+  | "web"
   | "telegram"
-  | "voice"
   | "desktop"
-  | "web"
+  | "voice"
   | "a2a"
   | "schedule"
   | "other";
@@ -42,14 +42,13 @@ interface GroupMeta {
 }
 const GROUP_META: Record<ChannelGroupKey, GroupMeta> = {
-  live:     { label: "Live", icon: Sparkles, order: 0 },
+  web:      { label: "Web", icon: MessageSquare, order: 0 },
   telegram: { label: "Telegram", icon: Send, order: 1 },
-  voice:    { label: "Voice", icon: Mic, order: 2 },
-  desktop:  { label: "Desktop", icon: Monitor, order: 3 },
-  web:      { label: "Web", icon: MessageSquare, order: 4 },
-  a2a:      { label: "Agent ↔ Agent", icon: Bot, order: 5 },
-  schedule: { label: "Schedule", icon: Timer, order: 6 },
-  other:    { label: "Other", icon: FolderOpen, order: 7 },
+  desktop:  { label: "Desktop", icon: Monitor, order: 2 },
+  voice:    { label: "Voice", icon: Mic, order: 3 },
+  a2a:      { label: "Agent ↔ Agent", icon: Bot, order: 4 },
+  schedule: { label: "Schedule", icon: Timer, order: 5 },
+  other:    { label: "Other", icon: FolderOpen, order: 6 },
 };
 function channelGroup(channel?: string): ChannelGroupKey {
@@ -78,6 +77,14 @@ export function chatKeyToString(k: ChatKey): string {
   return `thread:${k.channel}:${k.threadId}`;
 }
+/** Display metadata carried alongside a selection so the right-pane header can
+ *  show "Created {date} · {channel} · {agent}" without a second fetch. */
+export interface ChatSelectionMeta {
+  channel?: string;
+  createdAt?: string;
+  title?: string;
+}
 interface Props {
   pid: string;
   agents: AgentEntry[];
@@ -85,8 +92,10 @@ interface Props {
   superAgentSlug: string;
   superAgentLabel: string;
   selected: ChatKey;
-  onSelect: (key: ChatKey) => void;
-  onNewChat: () => void;
+  onSelect: (key: ChatKey, meta?: ChatSelectionMeta) => void;
+  /** Start a fresh in-memory session with the chosen agent (super-agent or a
+   *  project agent). It materialises in the Web group on the first message. */
+  onNewChat: (agentSlug: string) => void;
 }
 // Per-agent SWR fetcher. Lives in a child so adding/removing agents doesn't
@@ -125,6 +134,7 @@ export function ChatList({
   const [agentFilter, setAgentFilter] = useState("");
   const [collapsed, setCollapsed] = useState<Partial<Record<ChannelGroupKey, boolean>>>({});
   const [byAgent, setByAgent] = useState<Record<string, ConversationListEntry[]>>({});
+  const [pickerOpen, setPickerOpen] = useState(false);
   // Super-agent channel threads (telegram, web quick-chat, desktop …) come from
   // the global message ledger, which is daemon-level and NOT project-scoped.
@@ -208,20 +218,16 @@ export function ChatList({
       .sort((a, b) => GROUP_META[a.key].order - GROUP_META[b.key].order);
   }, [filteredConvs, filteredThreads]);
-  // "Live" agents shown at the top: super-agent + project agents matching the
-  // current agent filter (so "filter by foo" hides the others everywhere).
-  const liveAgents = useMemo(() => {
-    if (agentFilter === superAgentSlug) {
-      return [{ slug: superAgentSlug, label: superAgentLabel }];
-    }
-    const out: { slug: string; label: string }[] = [];
-    if (!agentFilter) out.push({ slug: superAgentSlug, label: superAgentLabel });
-    for (const a of agents) {
-      if (agentFilter && a.slug !== agentFilter) continue;
-      out.push({ slug: a.slug, label: a.slug });
-    }
-    return out;
-  }, [agents, agentFilter, superAgentSlug, superAgentLabel]);
+  // Agents offered by the "+ New" picker: the super-agent (always available,
+  // listed first) followed by this project's own agents. Not affected by the
+  // sidebar filter — you can always start a fresh chat with any of them.
+  const newChatAgents = useMemo(
+    () => [
+      { slug: superAgentSlug, label: superAgentLabel },
+      ...agents.map((a) => ({ slug: a.slug, label: a.slug })),
+    ],
+    [agents, superAgentSlug, superAgentLabel],
+  );
   const agentOptions = useMemo(
     () => [
@@ -232,7 +238,7 @@ export function ChatList({
     [agents, superAgentSlug, superAgentLabel],
   );
-  const totalCount = allConvs.length + (threadsQ.data?.length || 0) + liveAgents.length;
+  const totalCount = allConvs.length + (threadsQ.data?.length || 0);
   const anyLoaded =
     Object.keys(byAgent).length > 0 || agents.length === 0 || !!threadsQ.data;
@@ -251,13 +257,48 @@ export function ChatList({
             {t("project.chat.list.count", { n: totalCount })}
           </p>
         </div>
-        <button
-          type="button"
-          onClick={onNewChat}
-          className="inline-flex items-center gap-1 rounded-md border border-border bg-accent/60 px-2 py-1 text-[11px] font-medium hover:bg-accent"
-        >
-          <Plus className="size-3" /> {t("project.chat.list.new")}
-        </button>
+        <div className="relative">
+          <button
+            type="button"
+            onClick={() => setPickerOpen((o) => !o)}
+            className="inline-flex items-center gap-1 rounded-md border border-border bg-accent/60 px-2 py-1 text-[11px] font-medium hover:bg-accent"
+          >
+            <Plus className="size-3" /> {t("project.chat.list.new")}
+          </button>
+          {pickerOpen && (
+            <>
+              {/* Click-away layer. */}
+              <button
+                type="button"
+                aria-hidden
+                tabIndex={-1}
+                className="fixed inset-0 z-10 cursor-default"
+                onClick={() => setPickerOpen(false)}
+              />
+              <div className="absolute right-0 top-full z-20 mt-1 w-56 rounded-md border border-border bg-card p-1 shadow-lg">
+                <p className="px-2 py-1 text-[10px] font-semibold uppercase tracking-wider text-muted-fg">
+                  {t("project.chat.list.pick_agent")}
+                </p>
+                <div className="max-h-64 overflow-y-auto">
+                  {newChatAgents.map((a) => (
+                    <button
+                      key={`new-${a.slug}`}
+                      type="button"
+                      onClick={() => {
+                        setPickerOpen(false);
+                        onNewChat(a.slug);
+                      }}
+                      className="flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-xs hover:bg-accent/50"
+                    >
+                      <Bot className="size-3 shrink-0 text-muted-fg" />
+                      <span className="truncate">{a.label}</span>
+                    </button>
+                  ))}
+                </div>
+              </div>
+            </>
+          )}
+        </div>
       </header>
       <div className="space-y-2 border-b border-border p-2">
@@ -276,32 +317,6 @@ export function ChatList({
           </div>
         )}
-        {/* Live group — synthetic, always first. */}
-        {liveAgents.length > 0 && (
-          <ChannelGroup
-            keyName="live"
-            count={liveAgents.length}
-            collapsed={!!collapsed.live}
-            onToggle={() => setCollapsed((p) => ({ ...p, live: !p.live }))}
-          >
-            {liveAgents.map((a) => {
-              const isRoby = a.slug === superAgentSlug;
-              const active =
-                selected.kind === "live" && selected.agentSlug === a.slug;
-              return (
-                <ChatListItem
-                  key={`live-${a.slug}`}
-                  title={isRoby ? a.label : t("project.chat.list.live_with", { slug: a.slug })}
-                  subtitle={t("project.chat.list.live_subtitle")}
-                  badge={isRoby ? "super" : a.slug}
-                  selected={active}
-                  onClick={() => onSelect({ kind: "live", agentSlug: a.slug })}
-                />
-              );
-            })}
-          </ChannelGroup>
-        )}
         {/* Stored conversations + super-agent channel threads, grouped by channel. */}
         {groups.map((g) => (
           <ChannelGroup
@@ -327,7 +342,10 @@ export function ChatList({
                     timeAgo={th.last_ts}
                     selected={active}
                     onClick={() =>
-                      onSelect({ kind: "thread", channel: th.channel, threadId: th.id })
+                      onSelect(
+                        { kind: "thread", channel: th.channel, threadId: th.id },
+                        { channel: th.channel, createdAt: th.started_at, title: th.title },
+                      )
                     }
                   />
                 );
@@ -348,7 +366,10 @@ export function ChatList({
                   timeAgo={c.started_at}
                   selected={active}
                   onClick={() =>
-                    onSelect({ kind: "conv", agentSlug: c.agent_slug, convId: c.id })
+                    onSelect(
+                      { kind: "conv", agentSlug: c.agent_slug, convId: c.id },
+                      { channel: c.channel, createdAt: c.started_at, title: c.title },
+                    )
                   }
                 />
               );

package/src/interfaces/web/src/components/common/TabNav.tsx CHANGED Viewed

@@ -65,7 +65,7 @@ export function TabNav({ sections, active, onChange, collapsed = false }: TabNav
     <nav
       className={cn(
         "hidden md:flex shrink-0 flex-col gap-1 py-3 transition-all",
-        collapsed ? "w-12 items-center px-1" : "w-52 px-2",
+        collapsed ? "w-12 items-center px-1" : "w-44 px-2",
       )}
     >
       {sections.map((section, si) => (

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

@@ -130,6 +130,44 @@ function isErrorResult(result: unknown): boolean {
   return "error" in r && !!r.error;
 }
+/** Reconstruct chat turns from a persisted channel thread (global ledger).
+ *  User rows start a new turn; consecutive assistant/tool rows collapse into a
+ *  single assistant bubble with interleaved text + tool parts — mirroring how a
+ *  live streamed turn is shaped, so tool executions render the same on reload as
+ *  they did in real time. Persisted rows carry no live status, so it's derived
+ *  from the stored result (error → "error", else "done"). */
+function threadToChatMsgs(messages: ConversationMessage[]): ChatMsg[] {
+  const out: ChatMsg[] = [];
+  let turn: ChatMsg | null = null;
+  let toolSeq = 0;
+  for (const m of messages) {
+    const ts = m.ts || new Date().toISOString();
+    if (m.role === "user") {
+      turn = null;
+      out.push({ role: "user", parts: userPart(m.content), ts });
+    } else if (m.role === "assistant" || m.role === "tool") {
+      if (!turn) {
+        turn = { role: "assistant", parts: [], ts };
+        out.push(turn);
+      }
+      if (m.role === "tool") {
+        turn.parts.push({
+          kind: "tool",
+          id: `hist-${toolSeq++}`,
+          tool: m.tool || "tool",
+          args: m.args,
+          result: m.result,
+          status: isErrorResult(m.result) ? "error" : "done",
+        });
+      } else if (m.content) {
+        turn.parts.push({ kind: "text", text: m.content });
+      }
+    }
+    // system/compact rows are context-only; not rendered in the thread viewer.
+  }
+  return out;
+}
 /**
  * Pure reducer: apply one NDJSON stream event to an assistant turn and return
  * the next turn. Every surface that consumes the super-agent stream (ChatTab,
@@ -398,13 +436,7 @@ export function useChat(pid: string, onError?: (msg: string) => void): UseChatRe
       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) => ({
-            role: m.role as "user" | "assistant",
-            parts: [{ kind: "text", text: m.content }],
-            ts: m.ts || new Date().toISOString(),
-          }));
+        const loaded = threadToChatMsgs(detail.messages ?? []);
         // Ledger threads have no conversation file — sends continue as fresh
         // web turns with this history as previousMessages.
         convoRef.current = undefined;

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

@@ -319,6 +319,7 @@ export const en = {
     chat: {
       title:       "Chat with agent",
       subtitle:    "Direct conversations with project agents. The super-agent does not intervene.",
+      live_title:  "Chat with {agent}",
       superagent_title:  "Chat with {persona}",
       superagent_subtitle: "Chat with {persona} — the APX super-agent. Can use tools (projects, tasks, mcps, agents).",
       loaded_subtitle: "Loaded conversation with {slug}. Sending will append to this thread.",
@@ -327,7 +328,13 @@ export const en = {
       placeholder: "Type something and press enter to send (shift+enter = new line)",
       send:        "Send",
       stop:        "Stop",
-      clear:       "Clear",
+      new_session: "New session",
+      delete:      "Delete",
+      delete_confirm_title: "Delete chat",
+      delete_confirm_desc:  "This can't be undone. This chat's history will be permanently deleted.",
+      deleted:     "Chat deleted.",
+      meta_created: "Created {date} · {channel}",
+      meta_new:     "New chat · {channel}",
       copy:        "copy",
       copied:      "Copied.",
       stopped_marker: " [stopped]",
@@ -345,8 +352,7 @@ export const en = {
         all_agents:    "All agents",
         empty:         "No conversations yet. Start one from the right.",
         count:         "{n} total",
-        live_with:     "Live · {slug}",
-        live_subtitle: "In-memory session",
+        pick_agent:    "Pick an agent",
       },
     },

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

@@ -320,6 +320,7 @@ export const es = {
     chat: {
       title:       "Chat con agente",
       subtitle:    "Chat directo con el agente del proyecto.",
+      live_title:  "Chat con {agent}",
       superagent_title:  "Chat con {persona}",
       superagent_subtitle: "Chat con {persona} — el super-agente APX. Puede usar tools (proyectos, tasks, mcps, agentes).",
       loaded_subtitle: "Conversación cargada con {slug}. Lo que mandes se agrega a este chat.",
@@ -328,7 +329,13 @@ export const es = {
       placeholder: "Escribí algo y enter para enviar (shift+enter = nueva línea)",
       send:        "Enviar",
       stop:        "Stop",
-      clear:       "Limpiar",
+      new_session: "Nueva sesión",
+      delete:      "Borrar",
+      delete_confirm_title: "Borrar chat",
+      delete_confirm_desc:  "Esta acción no se puede deshacer. Se elimina para siempre el historial de este chat.",
+      deleted:     "Chat borrado.",
+      meta_created: "Creado {date} · {channel}",
+      meta_new:     "Chat nuevo · {channel}",
       copy:        "copiar",
       copied:      "Copiado.",
       stopped_marker: " [detenido]",
@@ -346,8 +353,7 @@ export const es = {
         all_agents:    "Todos los agentes",
         empty:         "No hay conversaciones todavía. Arrancá una desde la derecha.",
         count:         "{n} en total",
-        live_with:     "Live · {slug}",
-        live_subtitle: "Sesión en memoria",
+        pick_agent:    "Elegí un agente",
       },
     },

package/src/interfaces/web/src/lib/api/conversations.ts CHANGED Viewed

@@ -12,6 +12,12 @@ export const Conversations = {
     http.get<ThreadListEntry[]>(`/projects/${pid}/super-agent/threads`),
   thread: (pid: string, channel: string, id: string) =>
     http.get<ThreadDetail>(`/projects/${pid}/super-agent/threads/${channel}/${id}`),
+  // Delete a persisted agent conversation (its `.md` file).
+  remove: (pid: string, slug: string, id: string) =>
+    http.del<{ ok: boolean }>(`/projects/${pid}/agents/${slug}/conversations/${id}`),
+  // Delete a super-agent channel thread (its channel+day ledger file).
+  removeThread: (pid: string, channel: string, id: string) =>
+    http.del<{ ok: boolean }>(`/projects/${pid}/super-agent/threads/${channel}/${id}`),
   compact: (pid: string, slug: string, id?: string) =>
     http.post<{ ok?: boolean }>(
       id

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

@@ -72,8 +72,8 @@ export function ProjectScreen() {
             { 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: "artifacts", label: t("project.nav.artifacts"), icon: FileCode2 },
             { key: "vars",      label: t("project.nav.vars"),      icon: KeyRound },
+            { key: "artifacts", label: t("project.nav.artifacts"), icon: FileCode2 },
             { key: "config",    label: t("project.nav.config"),    icon: Settings },
           ],
         },
@@ -96,8 +96,8 @@ export function ProjectScreen() {
           { 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: "artifacts", label: t("project.nav.artifacts"), icon: FileCode2 },
           { key: "logs",      label: t("project.nav.logs"),      icon: ScrollText },
         ],
       },
@@ -141,7 +141,7 @@ export function ProjectScreen() {
       onChange={onTabChange}
       collapsed={collapsed}
       onToggleCollapse={toggle}
-      contentClassName="w-full space-y-6 p-6 pt-3"
+      contentClassName="w-full space-y-6 py-6 pt-3 pr-6 pl-1"
       testId={`project-tab-${active || "overview"}`}
     >
       <Routes>

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

@@ -101,7 +101,7 @@ export function SettingsScreen() {
       onChange={(k) => navigate(k === "identity" ? "/settings" : `/settings/${pathFromTab(k as TabKey)}`)}
       collapsed={collapsed}
       onToggleCollapse={toggle}
-      contentClassName={`w-full ${WIDE_TABS.has(active) ? "" : "mx-auto max-w-3xl"} space-y-6 p-6 pt-3`}
+      contentClassName={`w-full ${WIDE_TABS.has(active) ? "" : "mx-auto max-w-3xl"} space-y-6 py-6 pt-3 pr-6 pl-4`}
       testId={`settings-tab-${active}`}
     >
       <Panel />