@agentprojectcontext/apx 1.39.1 → 1.40.0

package/src/interfaces/web/src/components/settings/providers/ProviderModal.tsx

@@ -1,6 +1,7 @@
 import { useEffect, useMemo, useState } from "react";
 import { Braces, Loader2, RefreshCw } from "lucide-react";
 import { Button, Dialog, Field, Input, Switch, Textarea } from "../../ui";
+import { Tip } from "../../ui/tip";
 import { UiSelect } from "../../UiSelect";
 import { ModelCombobox } from "../../ModelCombobox";
 import { Engines } from "../../../lib/api";
@@ -363,10 +364,12 @@ export function ProviderModal({ open, initial, existingSlugs, onClose, onSave }:
                     options={modelOptions}
                     className="flex-1"
                   />
-                  <Button size="sm" variant="secondary" onClick={loadModels} disabled={loadingModels} title={t("providers_modal.list_models_hint")} aria-label={t("providers_modal.list_models_hint")}>
-                    {loadingModels ? <Loader2 className="size-3.5 animate-spin" /> : <RefreshCw className="size-3.5" />}
-                    {t("providers_modal.load_models")}
-                  </Button>
+                  <Tip content={t("providers_modal.list_models_hint")}>
+                    <Button size="sm" variant="secondary" onClick={loadModels} disabled={loadingModels} aria-label={t("providers_modal.list_models_hint")}>
+                      {loadingModels ? <Loader2 className="size-3.5 animate-spin" /> : <RefreshCw className="size-3.5" />}
+                      {t("providers_modal.load_models")}
+                    </Button>
+                  </Tip>
                 </div>
                 {modelError && <p className="text-[11px] text-amber-400">{modelError}</p>}
               </div>

package/src/interfaces/web/src/components/ui/chat-input.tsx

@@ -5,6 +5,7 @@ import { ArrowUp, Square } from "lucide-react"
 
 import { cn } from "@/lib/utils"
 import { Button } from "@/components/ui/button"
+import { Tip } from "./tip"
 import { t } from "@/i18n"
 
 interface ChatInputProps {
@@ -105,28 +106,30 @@ export function ChatInput({
           {footer}
         </div>
         {busy && onStop ? (
-          <Button
-            type="button"
-            size="icon-sm"
-            variant="destructive"
-            onClick={onStop}
-            aria-label={t("chat_ui.stop")}
-            title={t("chat_ui.stop")}
-          >
-            <Square className="size-3.5" fill="currentColor" />
-          </Button>
+          <Tip content={t("chat_ui.stop")}>
+            <Button
+              type="button"
+              size="icon-sm"
+              variant="destructive"
+              onClick={onStop}
+              aria-label={t("chat_ui.stop")}
+            >
+              <Square className="size-3.5" fill="currentColor" />
+            </Button>
+          </Tip>
         ) : (
-          <Button
-            type="button"
-            size="icon-sm"
-            variant="default"
-            onClick={onSubmit}
-            disabled={!canSend}
-            aria-label={t("chat_ui.send")}
-            title={t("chat_ui.send")}
-          >
-            <ArrowUp className="size-4" />
-          </Button>
+          <Tip content={t("chat_ui.send")}>
+            <Button
+              type="button"
+              size="icon-sm"
+              variant="default"
+              onClick={onSubmit}
+              disabled={!canSend}
+              aria-label={t("chat_ui.send")}
+            >
+              <ArrowUp className="size-4" />
+            </Button>
+          </Tip>
         )}
       </div>
     </div>

package/src/interfaces/web/src/components/ui/sidebar.tsx

@@ -19,6 +19,7 @@ import {
   SheetTitle,
 } from "@/components/ui/sheet"
 import { Skeleton } from "@/components/ui/skeleton"
+import { Tip } from "./tip"
 import {
   Tooltip,
   TooltipContent,
@@ -282,24 +283,25 @@ function SidebarRail({ className, ...props }: React.ComponentProps<"button">) {
   const { toggleSidebar } = useSidebar()
 
   return (
-    <button
-      data-sidebar="rail"
-      data-slot="sidebar-rail"
-      aria-label={t("sidebar_ui.toggle")}
-      tabIndex={-1}
-      onClick={toggleSidebar}
-      title={t("sidebar_ui.toggle")}
-      className={cn(
-        "absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] hover:after:bg-sidebar-border sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2",
-        "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
-        "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
-        "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar",
-        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
-        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
-        className
-      )}
-      {...props}
-    />
+    <Tip content={t("sidebar_ui.toggle")}>
+      <button
+        data-sidebar="rail"
+        data-slot="sidebar-rail"
+        aria-label={t("sidebar_ui.toggle")}
+        tabIndex={-1}
+        onClick={toggleSidebar}
+        className={cn(
+          "absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] hover:after:bg-sidebar-border sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2",
+          "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
+          "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
+          "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar",
+          "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+          "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+          className
+        )}
+        {...props}
+      />
+    </Tip>
   )
 }
 

package/src/interfaces/web/src/components/ui.tsx

@@ -12,6 +12,10 @@ import { Switch as SSwitch } from "./ui/switch";
 import { Spinner as SSpinner } from "./ui/spinner";
 import { Dialog as DialogRoot, DialogContent, DialogHeader, DialogTitle, DialogDescription } from "./ui/dialog";
 
+// Re-export the tooltip convenience wrapper so call sites can grab it from the
+// same barrel as Button/Field/etc.: `import { Button, Tip } from "../ui"`.
+export { Tip } from "./ui/tip";
+
 // ── Button ──────────────────────────────────────────────────────────────────
 type Variant = "primary" | "secondary" | "ghost" | "destructive";
 type Size = "sm" | "md";

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

@@ -128,6 +128,7 @@ export const en = {
     path_required: "Path required.",
     registered:  "Project #{id} registered.",
     search_btn:  "Browse",
+    picker_prompt: "Pick the project folder",
     browser_unavailable: "Browser unavailable until daemon restarts. Paste path manually.",
     no_folders:  "No folders.",
   },
@@ -368,6 +369,7 @@ export const en = {
       new:         "new",
       new_btn:     "New",
       delete_confirm: "Delete routine {name}?",
+      delete_confirm_body: "This can't be undone.",
       saved:       "Routine saved.",
       paused:      "paused",
       next_run:    "next:",
@@ -385,6 +387,24 @@ export const en = {
       schedule_hint: "Choose a preset or type manually. Manual = only runs via Run button.",
       vars_title:   "Available variables",
       what_happens: "What will happen",
+      list_title:   "Routines",
+      detail_empty: "Pick a routine from the list.",
+      edit_btn:     "Edit",
+      edit_hint:    "Open the editor: kind, schedule, prompt, pre/post and variables.",
+      block_pre:    "Pre-commands",
+      block_post:   "Post-commands",
+      block_prompt: "Prompt",
+      block_text:   "Text",
+      block_command: "Command",
+      block_empty:  "(empty)",
+      runs_title:   "Executions",
+      runs_empty:   "No executions yet.",
+      runs_close:   "Close",
+      runs_no_detail: "No further detail.",
+      runs_output:  "Output",
+      status_ok:    "ok",
+      status_error: "error",
+      status_skipped: "skipped",
       agent_field:  "Agent (spec.agent)",
       agent_hint:   "Who executes the routine.",
       agent_loading: "loading…",
@@ -399,7 +419,7 @@ export const en = {
       post_hint:    "Shell AFTER the prompt. One per line.",
       tg_channel:   "Channel (spec.channel)",
       tg_chat_id:   "Chat ID (spec.chat_id)",
-      tg_text:      "Text (spec.text)",
+      tg_text:      "Telegram Message (spec.text)",
       tg_text_hint: "Fixed message to send. Does not use a model.",
       shell_field:  "Command (spec.command)",
       shell_hint:   "Runs as-is in the shell. No prompt, no pre/post.",
@@ -411,13 +431,16 @@ export const en = {
       toggle_error: "toggle failed",
       delete_error: "delete failed",
       run_success:  "{name} fired.",
+      run_confirm:  "Run routine {name} now?",
+      run_confirm_body: "Runs the action once, regardless of the schedule.",
+      running:      "Running…",
       delete_success: "deleted.",
     },
 
     agents: {
       title:       "Agents",
-      subtitle:    "Defined in AGENTS.md + .apc/agents/<slug>.md.",
-      subtitle_full: "Defined in AGENTS.md + .apc/agents/<slug>.md. Runtime memory lives under ~/.apx/projects/<id>/agents/<slug>/.",
+      subtitle:    "Defined in .apc/agents/<slug>.md.",
+      subtitle_full: "Defined in .apc/agents/<slug>.md. Runtime memory lives under ~/.apx/projects/<id>/agents/<slug>/.",
       empty:       "No agents. Add one with <code>apx agent add</code> or the button.",
       empty_text:  "No agents. Add one with `apx agent add` or the button above.",
       new:         "Agent",
@@ -1243,14 +1266,14 @@ export const en = {
     preset_daily_9am:        "daily 9am",
     preset_weekdays_9am:     "weekdays 9am",
     preset_manual:           "Manual",
-    var_pre_output_prompt:   "Output of the pre-commands, injected into the prompt.",
-    var_llm_output:          "Response from the agent / super-agent.",
-    var_status:              "ok | error.",
-    var_skipped:             "1 if the action was skipped.",
-    var_pre_output:          "Output of the pre-commands.",
-    var_pre_output_file:     "File with the pre output (for large outputs).",
-    var_pre_exit:            "Exit code of the pre-commands.",
-    var_routine:             "Name of the routine.",
+    var_pre_output_prompt:   "Text output of the pre-commands. Replaced inside the prompt/text before it is sent. Use it to inject fresh data (weather, an API) into the instruction.",
+    var_llm_output:          "Final answer from the agent or super-agent. Available in the post-commands as an env var — e.g. forward it via Telegram.",
+    var_status:              "Action result: ok or error. Available in the post-commands to branch on what happened.",
+    var_skipped:             "1 if the action was skipped (via skip_prompt_on), 0 if it ran. Available in the post-commands.",
+    var_pre_output:          "Full pre-commands output, as an env var in the post-commands (up to 32k).",
+    var_pre_output_file:     "Path to a temp file with the pre-commands output. For large outputs not suited to an env var.",
+    var_pre_exit:            "Exit code of the last pre-command (0 = ok). Available in the post-commands.",
+    var_routine:             "Name of this routine. Available as an env var in the commands.",
     summary_runs_agent:      "Runs the agent \"{agent}\"",
     summary_runs_agent_none: "Runs an agent (none chosen yet)",
     summary_super_agent:     "Calls the super-agent",

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

@@ -129,6 +129,7 @@ export const es = {
     path_required: "Ruta requerida.",
     registered:  "Proyecto #{id} registrado.",
     search_btn:  "Buscar",
+    picker_prompt: "Elegí la carpeta del proyecto",
     browser_unavailable: "Explorador no disponible hasta reiniciar daemon. Pegá ruta manual.",
     no_folders:  "Sin carpetas.",
   },
@@ -369,6 +370,7 @@ export const es = {
       new:         "nueva",
       new_btn:     "Nueva",
       delete_confirm: "Borrar rutina {name}?",
+      delete_confirm_body: "Esta acción no se puede deshacer.",
       saved:       "Rutina guardada.",
       paused:      "pausada",
       next_run:    "próxima:",
@@ -386,6 +388,24 @@ export const es = {
       schedule_hint: "Elegí un preset o escribilo a mano. Manual = solo corre con el botón Run.",
       vars_title:   "Variables disponibles",
       what_happens: "Qué va a pasar",
+      list_title:   "Rutinas",
+      detail_empty: "Elegí una rutina de la lista.",
+      edit_btn:     "Editar",
+      edit_hint:    "Abrir el editor: tipo, intervalo, prompt, pre/post y variables.",
+      block_pre:    "Pre-commands",
+      block_post:   "Post-commands",
+      block_prompt: "Prompt",
+      block_text:   "Texto",
+      block_command: "Comando",
+      block_empty:  "(vacío)",
+      runs_title:   "Ejecuciones",
+      runs_empty:   "Sin ejecuciones todavía.",
+      runs_close:   "Cerrar",
+      runs_no_detail: "Sin más detalle.",
+      runs_output:  "Salida",
+      status_ok:    "ok",
+      status_error: "error",
+      status_skipped: "salteada",
       agent_field:  "Agente (spec.agent)",
       agent_hint:   "Quién ejecuta la rutina.",
       agent_loading: "cargando…",
@@ -400,7 +420,7 @@ export const es = {
       post_hint:    "Shell DESPUÉS del prompt. Uno por línea.",
       tg_channel:   "Canal (spec.channel)",
       tg_chat_id:   "Chat ID (spec.chat_id)",
-      tg_text:      "Texto (spec.text)",
+      tg_text:      "Mensaje de Telegram (spec.text)",
       tg_text_hint: "Mensaje fijo a enviar. No usa modelo.",
       shell_field:  "Comando (spec.command)",
       shell_hint:   "Corre tal cual en el shell. Sin prompt ni pre/post.",
@@ -412,13 +432,16 @@ export const es = {
       toggle_error: "toggle falló",
       delete_error: "delete falló",
       run_success:  "{name} disparada.",
+      run_confirm:  "¿Ejecutar la rutina {name} ahora?",
+      run_confirm_body: "Corre la acción una vez, sin esperar al horario.",
+      running:      "Ejecutando…",
       delete_success: "borrada.",
     },
 
     agents: {
       title:       "Agents",
-      subtitle:    "Definidos en AGENTS.md + .apc/agents/<slug>.md.",
-      subtitle_full: "Definidos en AGENTS.md + .apc/agents/<slug>.md. La memoria runtime vive en ~/.apx/projects/<id>/agents/<slug>/.",
+      subtitle:    "Definidos en .apc/agents/<slug>.md.",
+      subtitle_full: "Definidos en .apc/agents/<slug>.md. La memoria runtime vive en ~/.apx/projects/<id>/agents/<slug>/.",
       empty:       "Sin agents. Agregá uno con <code>apx agent add</code> o el botón.",
       empty_text:  "Sin agents. Agregá uno con `apx agent add` o el botón de arriba.",
       new:         "Agente",
@@ -1241,14 +1264,14 @@ export const es = {
     preset_daily_9am:        "diario 9am",
     preset_weekdays_9am:     "días hábiles 9am",
     preset_manual:           "Manual",
-    var_pre_output_prompt:   "Salida de los pre-commands, inyectada en el prompt.",
-    var_llm_output:          "Respuesta del agente / super-agente.",
-    var_status:              "ok | error.",
-    var_skipped:             "1 si la acción se salteó.",
-    var_pre_output:          "Salida de los pre-commands.",
-    var_pre_output_file:     "Archivo con la salida pre (para salidas grandes).",
-    var_pre_exit:            "Código de salida de los pre-commands.",
-    var_routine:             "Nombre de la rutina.",
+    var_pre_output_prompt:   "Salida de texto de los pre-commands. Se reemplaza dentro del prompt/texto antes de enviarlo. Útil para inyectar datos frescos (clima, una API) en la instrucción.",
+    var_llm_output:          "Respuesta final del agente o super-agente. Disponible en los post-commands como variable de entorno. Ej: reenviarla por Telegram.",
+    var_status:              "Resultado de la acción: ok o error. Disponible en los post-commands para decidir qué hacer después.",
+    var_skipped:             "Vale 1 si la acción se salteó (por skip_prompt_on), 0 si corrió. Disponible en los post-commands.",
+    var_pre_output:          "Salida completa de los pre-commands, como variable de entorno en los post-commands (hasta 32k).",
+    var_pre_output_file:     "Ruta a un archivo temporal con la salida de los pre-commands. Para salidas grandes que no convienen como variable.",
+    var_pre_exit:            "Código de salida del último pre-command (0 = ok). Disponible en los post-commands.",
+    var_routine:             "Nombre de esta rutina. Disponible como variable de entorno en los comandos.",
     summary_runs_agent:      "Corre el agente \"{agent}\"",
     summary_runs_agent_none: "Corre un agente (todavía no elegiste cuál)",
     summary_super_agent:     "Llama al super-agente",

package/src/interfaces/web/src/lib/api/filesystem.ts

@@ -6,7 +6,13 @@ export interface DirectoryList {
   entries: string[];
 }
 
+export type PickDirResult = { path: string } | { cancelled: true };
+
 export const Filesystem = {
   dirs: (path: string) =>
     http.get<DirectoryList>(`/admin/fs/dirs?path=${encodeURIComponent(path)}`),
+  pickDir: (prompt?: string) =>
+    http.get<PickDirResult>(
+      `/admin/fs/pick-dir${prompt ? `?prompt=${encodeURIComponent(prompt)}` : ""}`,
+    ),
 };

package/src/interfaces/web/src/screens/ApxAdminScreen.tsx

@@ -1,8 +1,9 @@
 import { useState } from "react";
-import { useNavigate } from "react-router-dom";
+import { useNavigate, useSearchParams } from "react-router-dom";
 import { Plus, Send } from "lucide-react";
 import { Section, StatusDot } from "../components/Section";
 import { Badge, Button, Empty, Loading, Switch } from "../components/ui";
+import { Tip } from "../components/ui/tip";
 import { Admin, Projects, Telegram } from "../lib/api";
 import { useToast } from "../components/Toast";
 import { useDaemonStatus } from "../hooks/useDaemonStatus";
@@ -17,6 +18,7 @@ import type { TelegramChannel } from "../types/daemon";
 
 export function ApxAdminScreen() {
   const navigate = useNavigate();
+  const [params, setParams] = useSearchParams();
   const toast = useToast();
   const { health, isUp } = useDaemonStatus();
   const { projects, isLoading: projLoading, mutate: mutateProjects } = useProjects();
@@ -57,8 +59,14 @@ export function ApxAdminScreen() {
           <p className="text-sm text-muted-fg">{t("admin.subtitle")}</p>
         </div>
         <div className="flex gap-2">
-          <Button size="sm" onClick={reload} title={t("daemon.reload_hint")}>{t("common.reload")} config</Button>
-          <Button size="sm" variant="primary" onClick={() => navigate("/?action=add-project")}>
+          <Tip content={t("daemon.reload_hint")}>
+            <Button size="sm" onClick={reload}>{t("common.reload")} config</Button>
+          </Tip>
+          <Button size="sm" variant="primary" onClick={() => {
+            const next = new URLSearchParams(params);
+            next.set("action", "add-project");
+            setParams(next);
+          }}>
             <Plus size={14} /> {t("nav.project")}
           </Button>
         </div>

package/src/interfaces/web/src/screens/modules/DeckScreen.tsx

@@ -3,6 +3,7 @@ import { RefreshCw } from "lucide-react";
 import { Deck } from "../../lib/api/deck";
 import { Section } from "../../components/Section";
 import { Button, Empty, Loading } from "../../components/ui";
+import { Tip } from "../../components/ui/tip";
 import { useToast } from "../../components/Toast";
 import { DaemonCard } from "../../components/deck/DaemonCard";
 import { DesktopGroup } from "../../components/deck/DesktopGroup";
@@ -91,9 +92,11 @@ export function DeckScreen() {
             : t("modules_ui.deck_widgets_summary", { count: widgets.length, enabled: enabledCount })
         }
         action={
-          <Button size="sm" variant="ghost" onClick={() => mutate()} disabled={isLoading} title={t("deck_screen.reload_manifest")} aria-label={t("deck_screen.reload_manifest")}>
-            <RefreshCw size={14} className={isLoading ? "animate-spin" : ""} />
-          </Button>
+          <Tip content={t("deck_screen.reload_manifest")}>
+            <Button size="sm" variant="ghost" onClick={() => mutate()} disabled={isLoading} aria-label={t("deck_screen.reload_manifest")}>
+              <RefreshCw size={14} className={isLoading ? "animate-spin" : ""} />
+            </Button>
+          </Tip>
         }
       >
         {isLoading && <Loading label={t("modules_ui.deck_loading_manifest_full")} />}

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

@@ -9,6 +9,7 @@ import { Agents, Conversations, Messages, Routines, Tasks, Tools } from "../../l
 import type { AgentDetail, AgentEntry, MessageEntry, RoutineEntry } from "../../types/daemon";
 import { Section } from "../../components/Section";
 import { Badge, Button, Field, Input, Loading, Switch, Textarea } from "../../components/ui";
+import { Tip } from "../../components/ui/tip";
 import { UiSelect } from "../../components/UiSelect";
 import { useToast } from "../../components/Toast";
 import { cn } from "../../lib/cn";
@@ -405,11 +406,13 @@ function ToolsPicker({ value, onChange }: { value: string; onChange: (v: string)
         {catalog.map((tool) => {
           const on = selected.includes(tool.name);
           return (
-            <button key={tool.name} type="button" title={tool.description || tool.name} onClick={() => toggle(tool.name)}
-              className={cn("rounded-md border px-2 py-0.5 font-mono text-[11px] transition-colors",
-                on ? "border-emerald-500/50 bg-emerald-500/10 text-emerald-400" : "border-border text-muted-fg hover:text-foreground")}>
-              {tool.name}
-            </button>
+            <Tip key={tool.name} content={tool.description || tool.name}>
+              <button type="button" onClick={() => toggle(tool.name)}
+                className={cn("rounded-md border px-2 py-0.5 font-mono text-[11px] transition-colors",
+                  on ? "border-emerald-500/50 bg-emerald-500/10 text-emerald-400" : "border-border text-muted-fg hover:text-foreground")}>
+                {tool.name}
+              </button>
+            </Tip>
           );
         })}
         {custom.map((s) => (

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

@@ -7,6 +7,7 @@ import { Mcps, Vars, type McpAddBody, type McpScope, type McpTestResult, type Mc
 import type { McpEntry } from "../../types/daemon";
 import { Section } from "../../components/Section";
 import { Badge, Button, Dialog, Empty, Field, Input, Loading, Switch } from "../../components/ui";
+import { Tip } from "../../components/ui/tip";
 import { UiSelect } from "../../components/UiSelect";
 import { VarTokenInput } from "../../components/inputs/VarTokenInput";
 import { KeyValueList, recordFromRows, rowsFromRecord, type KvRow } from "../../components/inputs/KeyValueList";
@@ -122,16 +123,22 @@ export function McpsTab({ pid }: { pid: string }) {
                         label=""
                       />
                     </div>
-                    <Button size="sm" variant="ghost" onClick={(e) => { e.stopPropagation(); runTest(m.name); }} aria-label={t("project.mcps.test_btn")} title={t("project.mcps.test_btn")}>
-                      <FlaskConical size={13} />
-                    </Button>
-                    <Button size="sm" variant="ghost" onClick={(e) => { e.stopPropagation(); setActiveMcp(m.name); }} aria-label={t("project.mcps.logs_btn")} title={t("project.mcps.logs_btn")}>
-                      <ScrollText size={13} />
-                    </Button>
-                    {writable && (
-                      <Button size="sm" variant="ghost" onClick={(e) => { e.stopPropagation(); setDialog({ kind: "edit", entry: m }); }} aria-label={t("project.mcps.edit_btn")} title={t("project.mcps.edit_btn")}>
-                        <Pencil size={13} />
+                    <Tip content={t("project.mcps.test_btn")}>
+                      <Button size="sm" variant="ghost" onClick={(e) => { e.stopPropagation(); runTest(m.name); }} aria-label={t("project.mcps.test_btn")}>
+                        <FlaskConical size={13} />
+                      </Button>
+                    </Tip>
+                    <Tip content={t("project.mcps.logs_btn")}>
+                      <Button size="sm" variant="ghost" onClick={(e) => { e.stopPropagation(); setActiveMcp(m.name); }} aria-label={t("project.mcps.logs_btn")}>
+                        <ScrollText size={13} />
                       </Button>
+                    </Tip>
+                    {writable && (
+                      <Tip content={t("project.mcps.edit_btn")}>
+                        <Button size="sm" variant="ghost" onClick={(e) => { e.stopPropagation(); setDialog({ kind: "edit", entry: m }); }} aria-label={t("project.mcps.edit_btn")}>
+                          <Pencil size={13} />
+                        </Button>
+                      </Tip>
                     )}
                     {writable && (
                       <Button size="sm" variant="destructive" onClick={(e) => { e.stopPropagation(); remove(m.name, scopeForRemove); }}>