npm - @agentprojectcontext/apx - Versions diffs - 1.31.2 → 1.32.2 - Mend

@agentprojectcontext/apx 1.31.2 → 1.32.2

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 (229) 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-BV615I9p.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-BDUsA6L6.css">
+    <script type="module" crossorigin src="/assets/index-BkybwwRn.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-34U_Mp1M.css">
   </head>
   <body class="bg-background text-foreground antialiased">
     <div id="root"></div>

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

@@ -2077,9 +2077,9 @@
       "license": "MIT"
     },
     "node_modules/@types/node": {
-      "version": "25.9.2",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-25.9.2.tgz",
-      "integrity": "sha512-G05zqtJhcDLb8uslf5EjCxXg9G1KQxiV8OS0R26IC//Eoyitzqe8z37I7cqvnZlrlSfgocQRfSn/AHBZJJFyGw==",
+      "version": "25.9.3",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-25.9.3.tgz",
+      "integrity": "sha512-603BddQMv3pUcr4U2dhujk83N2tTDVr/34wII2B6bJy6g+8WD6yUb11jszNs0gdi4PesVWl7ABt8nYMVpnLUcg==",
       "devOptional": true,
       "license": "MIT",
       "dependencies": {
@@ -2180,9 +2180,9 @@
       }
     },
     "node_modules/baseline-browser-mapping": {
-      "version": "2.10.34",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.34.tgz",
-      "integrity": "sha512-IMDedajPifLnHNY0X9n8hKxRTQ6/eTHwr5bDo04WnuqxyKw6LYtQywCuuqPZwhl3aBXMvQpJov42GLCwRRdQzw==",
+      "version": "2.10.35",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.35.tgz",
+      "integrity": "sha512-honAfLBde0HAFLdNyBEfuuENkF6zR+ozxqxa/2zJKHBe1qzLqyTSeRKpdPEHAP03rlDGyQOPnCSxnVpVqQo9Mg==",
       "dev": true,
       "license": "Apache-2.0",
       "bin": {
@@ -2598,9 +2598,9 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.370",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.370.tgz",
-      "integrity": "sha512-D5tSHJReAb/Kf3Hu9F/GO4lJuSWzEWHwvQ/kKSUP7pimNgvxkSKj+gUQhHpKKACwrin7rS3byU7IxreF56rl5g==",
+      "version": "1.5.371",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.371.tgz",
+      "integrity": "sha512-e9htk9mAYL6AzmkEhSvVVw7IWGSBJ/Bqdn2eRyRLrj1g6sncN4WbFt5qnILYoCktktr45pyjIrOiRvBThQ808w==",
       "dev": true,
       "license": "ISC"
     },

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

@@ -17,6 +17,8 @@ import { TooltipProvider } from "./components/ui/tooltip";
 import { useTheme } from "./hooks/useTheme";
 import { useProjects } from "./hooks/useProjects";
 import { useTokenBootstrap } from "./hooks/useTokenBootstrap";
+import { NavCollapseProvider, useNavCollapseCtx, usePageLabel } from "./hooks/useNavCollapseCtx";
+import { NavToggle } from "./components/common/TabNav";
 import { t } from "./i18n";
 export function App() {
@@ -61,28 +63,30 @@ function Shell() {
   };
   return (
-    <div className="flex h-screen w-screen overflow-hidden bg-background text-foreground" data-testid="app-shell">
-      <ProjectSidebar onSelect={(href) => navigate(href)} onOpenRoby={() => setRobyOpen(true)} />
-      <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">
-        <TopBar onToggleTheme={toggle} isDark={theme === "dark"} pathname={location.pathname} />
-        <div className="flex-1 overflow-y-auto">
-          <Routes>
-            <Route path="/"           element={<ApxAdminScreen />} />
-            <Route path="/settings/*" element={<SettingsScreen />} />
-            <Route path="/m/voice/*"   element={<VoiceScreen />} />
-            <Route path="/m/desktop/*" element={<DesktopScreen />} />
-            <Route path="/m/deck/*"   element={<DeckScreen />} />
-            <Route path="/m/code/*"   element={<CodeScreen />} />
-            <Route path="/p/:pid/*"   element={<ProjectScreen />} />
-            <Route path="*"           element={<NotFound />} />
-          </Routes>
-        </div>
-      </main>
-      <AddProjectDialog open={addOpen} onClose={closeAdd} />
-      {/* Roby (the super-agent) chat sheet. Launcher lives in the rail (below
-          Settings); open state is owned here so the rail can trigger it. */}
-      <RobyBubble open={robyOpen} onOpenChange={setRobyOpen} />
-    </div>
+    <NavCollapseProvider>
+      <div className="flex h-screen w-screen overflow-hidden bg-background text-foreground" data-testid="app-shell">
+        <ProjectSidebar onSelect={(href) => navigate(href)} onOpenRoby={() => setRobyOpen(true)} />
+        <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">
+          <TopBar onToggleTheme={toggle} isDark={theme === "dark"} pathname={location.pathname} />
+          <div className="flex-1 overflow-y-auto">
+            <Routes>
+              <Route path="/"           element={<ApxAdminScreen />} />
+              <Route path="/settings/*" element={<SettingsScreen />} />
+              <Route path="/m/voice/*"   element={<VoiceScreen />} />
+              <Route path="/m/desktop/*" element={<DesktopScreen />} />
+              <Route path="/m/deck/*"   element={<DeckScreen />} />
+              <Route path="/m/code/*"   element={<CodeScreen />} />
+              <Route path="/p/:pid/*"   element={<ProjectScreen />} />
+              <Route path="*"           element={<NotFound />} />
+            </Routes>
+          </div>
+        </main>
+        <AddProjectDialog open={addOpen} onClose={closeAdd} />
+        {/* Roby (the super-agent) chat sheet. Launcher lives in the rail (below
+            Settings); open state is owned here so the rail can trigger it. */}
+        <RobyBubble open={robyOpen} onOpenChange={setRobyOpen} />
+      </div>
+    </NavCollapseProvider>
   );
 }
@@ -96,6 +100,7 @@ function TopBar({
   pathname: string;
 }) {
   const { projects } = useProjects();
+  const pageLabel = usePageLabel();
   const parts = pathname.split("/").filter(Boolean);
   const project = parts[0] === "p" ? projects.find((p) => String(p.id) === parts[1]) : undefined;
   const section = parts[0] === "settings"
@@ -109,11 +114,13 @@ function TopBar({
     ? t("topbar.breadcrumb_root")
     : parts[0] === "settings"
       ? [t("topbar.breadcrumb_root"), t("nav.settings"), section].filter(Boolean).join(" › ")
-      : parts[0] === "p"
-        ? (isDefault
-            ? [t("topbar.breadcrumb_root"), t("topbar.breadcrumb_base"), section].filter(Boolean).join(" › ")
-            : [t("topbar.breadcrumb_root"), t("topbar.breadcrumb_projects"), projName, section].filter(Boolean).join(" › "))
-        : t("topbar.breadcrumb_root");
+      : parts[0] === "m"
+        ? [t("topbar.breadcrumb_root"), moduleLabel(parts[1]), pageLabel].filter(Boolean).join(" › ")
+        : parts[0] === "p"
+          ? (isDefault
+              ? [t("topbar.breadcrumb_root"), t("topbar.breadcrumb_base"), section].filter(Boolean).join(" › ")
+              : [t("topbar.breadcrumb_root"), t("topbar.breadcrumb_projects"), projName, section].filter(Boolean).join(" › "))
+          : t("topbar.breadcrumb_root");
   const subtitle = pathname === "/"
     ? ""
     : parts[0] === "settings"
@@ -123,24 +130,36 @@ function TopBar({
             ? t("base.subtitle")
             : project ? `${projectKindLabel(project.kind)} · ${project.path}` : "")
         : "";
+  const nav = useNavCollapseCtx();
   return (
-    <header className="flex h-11 shrink-0 items-center justify-between gap-4 px-4">
-      <span className="min-w-0 truncate text-xs tracking-wide text-muted-fg">
+    <header className="flex h-10 shrink-0 items-center gap-2 border-b border-border/50 px-3">
+      {nav && <NavToggle collapsed={nav.collapsed} onToggle={nav.toggle} />}
+      <span className="min-w-0 flex-1 truncate text-[11px] tracking-wide text-muted-fg">
         {crumb}
-        {subtitle && <span className="text-muted-fg/60"> · {subtitle}</span>}
+        {subtitle && <span className="text-muted-fg/50"> · {subtitle}</span>}
       </span>
       <button
         type="button"
         onClick={onToggleTheme}
         title={isDark ? t("topbar.light") : t("topbar.dark")}
-        className="rounded-md p-1.5 text-muted-fg hover:bg-accent hover:text-accent-fg"
+        className="shrink-0 rounded-md p-1.5 text-muted-fg hover:bg-accent hover:text-accent-fg"
       >
-        {isDark ? <Sun size={16} /> : <Moon size={16} />}
+        {isDark ? <Sun size={14} /> : <Moon size={14} />}
       </button>
     </header>
   );
 }
+function moduleLabel(key?: string) {
+  switch (key) {
+    case "voice":   return t("nav.modules.voice");
+    case "desktop": return t("nav.modules.desktop");
+    case "deck":    return t("nav.modules.deck");
+    case "code":    return t("nav.modules.code");
+    default: return key || "";
+  }
+}
 function settingsLabel(key?: string) {
   switch (key) {
     case "super-agent": return t("settings.tabs.super_agent");

package/src/interfaces/web/src/components/RobyBubble.tsx CHANGED Viewed

@@ -15,6 +15,7 @@ import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "
 import { Button } from "./ui/button";
 import { ChatInput } from "./ui/chat-input";
 import { ModelPicker } from "./chat/ModelPicker";
+import { SkillPicker } from "./chat/SkillPicker";
 import { MessageList } from "./chat/MessageList";
 import { ContextBar } from "./chat/ContextBar";
 import { applyStreamEvent, textOf, type ChatMsg } from "../hooks/useChat";
@@ -22,6 +23,7 @@ import { SuperAgent } from "../lib/api";
 import { STORAGE } from "../constants";
 import { useToast } from "./Toast";
 import { t } from "../i18n";
+import { usePersonaName } from "../hooks/usePersonaName";
 import type { ChatStreamEvent, ConversationMessage } from "../types/daemon";
 // Load any persisted conversation, dropping half-finished (pending) turns.
@@ -44,6 +46,7 @@ export function RobyBubble({
   open: boolean;
   onOpenChange: (open: boolean) => void;
 }) {
+  const persona = usePersonaName();
   const toast = useToast();
   const [msgs, setMsgs] = useState<ChatMsg[]>(loadStored);
   const [draft, setDraft] = useState("");
@@ -170,15 +173,15 @@ export function RobyBubble({
       >
         <SheetHeader className="pr-12">
           <SheetTitle className="flex items-center gap-2">
-            <Bot size={18} /> {t("roby.title")}
-            <span className="text-xs font-normal text-muted-fg">{t("roby.badge")}</span>
+            <Bot size={18} /> {t("superagent.title", { persona })}
+            <span className="text-xs font-normal text-muted-fg">{t("superagent.badge")}</span>
           </SheetTitle>
-          <SheetDescription>{t("roby.desc")}</SheetDescription>
+          <SheetDescription>{t("superagent.desc")}</SheetDescription>
         </SheetHeader>
         <div className="flex-1 overflow-y-auto">
           {msgs.length === 0 ? (
-            <p className="mt-6 text-center text-sm text-muted-fg">{t("roby.empty")}</p>
+            <p className="mt-6 text-center text-sm text-muted-fg">{t("superagent.empty", { persona })}</p>
           ) : (
             <MessageList msgs={msgs} onCopy={copyToClipboard} />
           )}
@@ -187,13 +190,16 @@ export function RobyBubble({
         <ContextBar msgs={msgs} />
         <div className="border-t border-border p-3">
+          <div className="mb-1.5">
+            <SkillPicker value={draft} onPick={(slug) => setDraft(`/${slug} `)} />
+          </div>
           <ChatInput
             value={draft}
             onValueChange={setDraft}
             onSubmit={() => void send()}
             onStop={stop}
             busy={busy}
-            placeholder={t("roby.placeholder")}
+            placeholder={t("superagent.placeholder")}
             footer={<ModelPicker value={model} onChange={setModel} disabled={busy} />}
           />
           <div className="mt-1.5 flex justify-end">
@@ -203,7 +209,7 @@ export function RobyBubble({
               onClick={newChat}
               disabled={busy || msgs.length === 0}
             >
-              <Plus className="size-3" /> {t("roby.new_chat")}
+              <Plus className="size-3" /> {t("superagent.new_chat")}
             </Button>
           </div>
         </div>

package/src/interfaces/web/src/components/UiSelect.tsx CHANGED Viewed

@@ -48,7 +48,7 @@ export function UiSelect({
         sideOffset={6}
         align="start"
         alignItemWithTrigger={false}
-        className="max-w-[min(20rem,var(--available-width))] p-1.5"
+        className="w-[var(--anchor-width)] p-1.5"
       >
         {options.map((o) => {
           const Icon = o.icon;

package/src/interfaces/web/src/components/chat/AskQuestionsCard.tsx ADDED Viewed

@@ -0,0 +1,72 @@
+import { Loader2, CheckCircle2, MessageCircleQuestion } from "lucide-react";
+import { cn } from "../../lib/cn";
+import { t } from "../../i18n";
+import type { ToolPart } from "../../hooks/useChat";
+interface Props {
+  part: ToolPart;
+  /** True while the user has not yet answered (panel still showing). */
+  pending: boolean;
+}
+// Extract the question texts (whatever shape — strings or {question}) so we can
+// preview them inside the card without depending on the panel's normalizer.
+function questionTexts(part: ToolPart): string[] {
+  const args = part.args as Record<string, unknown> | undefined;
+  const arr = args && Array.isArray(args.questions) ? (args.questions as unknown[]) : [];
+  return arr
+    .map((q) => {
+      if (typeof q === "string") return q;
+      if (q && typeof q === "object" && typeof (q as Record<string, unknown>).question === "string") {
+        return (q as Record<string, unknown>).question as string;
+      }
+      return null;
+    })
+    .filter((s): s is string => !!s);
+}
+// Special rendering for the ask_questions tool call. Instead of the generic
+// collapsed tool widget, show a status bubble:
+//   • pending  → spinner + "Esperando respuesta…" + the question list
+//   • answered → green check + "Respuestas recibidas" + the same list (muted)
+// The actual answer lives in the NEXT user message; we don't duplicate it here.
+export function AskQuestionsCard({ part, pending }: Props) {
+  const questions = questionTexts(part);
+  const label = pending
+    ? t("ask_panel.status_waiting")
+    : t("ask_panel.status_received");
+  return (
+    <div
+      className={cn(
+        "rounded-2xl border px-3 py-2 text-sm shadow-sm",
+        pending
+          ? "rounded-bl-sm border-amber-500/30 bg-amber-500/5 text-foreground"
+          : "rounded-bl-sm border-emerald-500/30 bg-emerald-500/5 text-foreground",
+      )}
+      data-testid="ask-questions-card"
+      data-state={pending ? "pending" : "answered"}
+    >
+      <div className="flex items-center gap-2">
+        {pending ? (
+          <Loader2 className="size-3.5 shrink-0 animate-spin text-amber-600 dark:text-amber-400" />
+        ) : (
+          <CheckCircle2 className="size-3.5 shrink-0 text-emerald-600 dark:text-emerald-400" />
+        )}
+        <MessageCircleQuestion className="size-3.5 shrink-0 text-muted-foreground" />
+        <span className="text-[12px] font-medium">{label}</span>
+        {questions.length > 1 && (
+          <span className="ml-auto text-[10px] text-muted-foreground">
+            {questions.length} preguntas
+          </span>
+        )}
+      </div>
+      {questions.length > 0 && (
+        <ul className="mt-1.5 space-y-0.5 pl-5 text-[12px] text-muted-foreground">
+          {questions.map((q, i) => (
+            <li key={i} className="list-disc">{q}</li>
+          ))}
+        </ul>
+      )}
+    </div>
+  );
+}