@agentprojectcontext/apx 1.31.2 → 1.32.2

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

@@ -0,0 +1,230 @@
+import { useState } from "react";
+import useSWR from "swr";
+import { ChevronRight, Copy, RefreshCw, Trash2, FileCode2, Play } from "lucide-react";
+import { cn } from "../../lib/cn";
+import { t } from "../../i18n";
+import { Empty, Spinner } from "../ui";
+import { Artifacts, type ArtifactEntry, type ArtifactRunResult } from "../../lib/api/artifacts";
+import { useToast } from "../Toast";
+
+interface Props {
+  pid: string;
+}
+
+function ArtifactRow({
+  pid,
+  entry,
+  onDeleted,
+}: {
+  pid: string;
+  entry: ArtifactEntry;
+  onDeleted: () => void;
+}) {
+  const [open, setOpen] = useState(false);
+  const [running, setRunning] = useState(false);
+  const [runResult, setRunResult] = useState<ArtifactRunResult | null>(null);
+  const toast = useToast();
+  const detail = useSWR(open ? ["artifact", pid, entry.name] : null, () =>
+    Artifacts.read(pid, entry.name),
+  );
+
+  // Daemon-side detection: a file is runnable if it has the exec bit OR
+  // starts with a shebang. Locally we can only check the shebang from the
+  // fetched content; if it's missing we still show Run (the daemon will
+  // 400 cleanly and the toast surfaces the reason).
+  const looksRunnable = !detail.data?.content || detail.data.content.startsWith("#!");
+
+  const copy = async (text: string) => {
+    try {
+      await navigator.clipboard.writeText(text);
+      toast.info("Copiado.");
+    } catch {
+      /* ignore */
+    }
+  };
+
+  const run = async () => {
+    setRunning(true);
+    setRunResult(null);
+    try {
+      const r = await Artifacts.run(pid, entry.name);
+      setRunResult(r);
+      if (r.ok) toast.info(`exit 0 — ${r.durationMs}ms`);
+      else toast.error(`exit ${r.exitCode ?? r.signal ?? "?"}${r.timedOut ? " (timeout)" : ""}`);
+    } catch (e) {
+      toast.error((e as Error).message);
+    } finally {
+      setRunning(false);
+    }
+  };
+
+  const remove = async () => {
+    if (!window.confirm(t("code_module.artifacts_delete_confirm"))) return;
+    try {
+      await Artifacts.remove(pid, entry.name);
+      onDeleted();
+    } catch (e) {
+      toast.error((e as Error).message);
+    }
+  };
+
+  return (
+    <li className="rounded-md border border-border">
+      <button
+        type="button"
+        onClick={() => setOpen((v) => !v)}
+        className="flex w-full items-center gap-2 px-2 py-1.5 text-left text-xs hover:bg-accent/40"
+      >
+        <ChevronRight
+          className={cn(
+            "size-3 shrink-0 transition-transform",
+            open && "rotate-90",
+          )}
+        />
+        <FileCode2 className="size-3.5 shrink-0 text-emerald-600 dark:text-emerald-400" />
+        <span className="min-w-0 flex-1 truncate font-mono">{entry.name}</span>
+        <span className="shrink-0 font-mono text-[10px] text-muted-foreground">
+          {entry.size}b
+        </span>
+      </button>
+      {open && (
+        <div className="space-y-2 border-t border-border p-2">
+          <div className="flex flex-wrap items-center gap-1">
+            <code className="min-w-0 flex-1 truncate rounded bg-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground">
+              {entry.path}
+            </code>
+            {looksRunnable && (
+              <button
+                type="button"
+                onClick={() => void run()}
+                disabled={running}
+                title={t("code_module.artifacts_run")}
+                className={cn(
+                  "inline-flex items-center gap-1 rounded px-1.5 py-1 text-[10px] font-medium",
+                  running
+                    ? "bg-muted text-muted-foreground"
+                    : "bg-emerald-500/15 text-emerald-700 hover:bg-emerald-500/25 dark:text-emerald-300",
+                )}
+              >
+                {running ? <Spinner size={10} /> : <Play className="size-3" />}
+                {t("code_module.artifacts_run")}
+              </button>
+            )}
+            <button
+              type="button"
+              onClick={() => void copy(entry.path)}
+              title={t("code_module.artifacts_copy_path")}
+              className="rounded p-1 text-muted-foreground hover:bg-accent hover:text-foreground"
+            >
+              <Copy className="size-3" />
+            </button>
+            <button
+              type="button"
+              onClick={() => void remove()}
+              title={t("code_module.artifacts_delete")}
+              className="rounded p-1 text-rose-600 hover:bg-rose-50 dark:text-rose-400 dark:hover:bg-rose-950"
+            >
+              <Trash2 className="size-3" />
+            </button>
+          </div>
+          <div className="text-[10px] text-muted-foreground">
+            {t("code_module.artifacts_run_hint")}{" "}
+            <code className="rounded bg-muted px-1 font-mono">
+              apx artifact run {entry.name}
+            </code>
+          </div>
+          {runResult && (
+            <div className="space-y-1">
+              <div className="flex items-center gap-2 text-[10px]">
+                <span
+                  className={cn(
+                    "rounded px-1.5 py-0.5 font-mono",
+                    runResult.ok
+                      ? "bg-emerald-500/15 text-emerald-700 dark:text-emerald-300"
+                      : "bg-rose-500/15 text-rose-700 dark:text-rose-300",
+                  )}
+                >
+                  exit {runResult.exitCode ?? runResult.signal ?? "?"}
+                </span>
+                {runResult.timedOut && (
+                  <span className="rounded bg-amber-500/15 px-1.5 py-0.5 font-mono text-amber-700 dark:text-amber-300">
+                    timeout
+                  </span>
+                )}
+                {runResult.truncated && (
+                  <span className="rounded bg-amber-500/15 px-1.5 py-0.5 font-mono text-amber-700 dark:text-amber-300">
+                    truncated
+                  </span>
+                )}
+                <span className="font-mono text-muted-foreground">
+                  {runResult.durationMs}ms
+                </span>
+              </div>
+              {runResult.stdout && (
+                <pre className="max-h-32 overflow-auto rounded bg-background/60 p-2 text-[10px] leading-tight">
+                  {runResult.stdout}
+                </pre>
+              )}
+              {runResult.stderr && (
+                <pre className="max-h-32 overflow-auto rounded bg-rose-500/5 p-2 text-[10px] leading-tight text-rose-700 dark:text-rose-300">
+                  {runResult.stderr}
+                </pre>
+              )}
+            </div>
+          )}
+          {detail.isLoading ? (
+            <div className="flex justify-center py-2">
+              <Spinner size={12} />
+            </div>
+          ) : detail.data?.content ? (
+            <pre className="max-h-64 overflow-auto rounded bg-muted/50 p-2 text-[10px] leading-tight">
+              {detail.data.content}
+            </pre>
+          ) : null}
+        </div>
+      )}
+    </li>
+  );
+}
+
+// Artifacts tab: managed files stored under <project>/artifacts/. The agent
+// puts reusable scripts here so the user can run them from a terminal.
+export function CodeArtifactsTab({ pid }: Props) {
+  const list = useSWR(pid ? ["artifacts", pid] : null, () => Artifacts.list(pid));
+  const entries = list.data || [];
+  return (
+    <div className="flex h-full flex-col" data-testid="code-artifacts-tab">
+      <div className="flex shrink-0 items-center justify-between px-3 py-2">
+        <span className="text-[11px] text-muted-foreground">
+          {entries.length > 0
+            ? t("code_module.artifacts_count", { n: entries.length })
+            : ""}
+        </span>
+        <button
+          type="button"
+          onClick={() => void list.mutate()}
+          title="↻"
+          className="rounded p-1 text-muted-foreground hover:bg-accent hover:text-foreground"
+        >
+          {list.isLoading ? <Spinner size={12} /> : <RefreshCw className="size-3" />}
+        </button>
+      </div>
+      <div className="min-h-0 flex-1 overflow-y-auto px-3 pb-3">
+        {entries.length === 0 ? (
+          <Empty>{t("code_module.artifacts_none")}</Empty>
+        ) : (
+          <ul className="space-y-1.5">
+            {entries.map((a) => (
+              <ArtifactRow
+                key={a.name}
+                pid={pid}
+                entry={a}
+                onDeleted={() => void list.mutate()}
+              />
+            ))}
+          </ul>
+        )}
+      </div>
+    </div>
+  );
+}

package/src/interfaces/web/src/components/code/CodeProjectPicker.tsx

@@ -26,7 +26,7 @@ export function CodeProjectPicker({ projects, value, onChange, disabled }: Props
   });
 
   return (
-    <div className="w-60" data-testid="code-project-select">
+    <div className="w-full" data-testid="code-project-select">
       <UiSelect
         value={value}
         onChange={onChange}

package/src/interfaces/web/src/components/code/CodeSidePanel.tsx

@@ -1,36 +1,56 @@
-import { Gauge, GitCompare } from "lucide-react";
+import { useState } from "react";
+import { Gauge, GitCompare, Package } from "lucide-react";
 import { Tabs, TabsList, TabsTrigger, TabsContent } from "../ui/tabs";
 import { t } from "../../i18n";
 import { CodeContextTab } from "./CodeContextTab";
 import { CodeChangesTab } from "./CodeChangesTab";
+import { CodeArtifactsTab } from "./CodeArtifactsTab";
 import type { CodeChanges, CodeTurn } from "../../lib/api/code";
 
 interface Props {
+  pid: string;
   turns: CodeTurn[];
   changes: CodeChanges | undefined;
   changesLoading: boolean;
   onRefreshChanges: () => void;
 }
 
-// Right-hand panel: Context (token metrics + breakdown) and Changes (diffs vs
-// the session's git baseline), mirroring OpenCode's session side panel.
-export function CodeSidePanel({ turns, changes, changesLoading, onRefreshChanges }: Props) {
+const TABS = [
+  { value: "context", icon: Gauge, label: "tab_context" },
+  { value: "changes", icon: GitCompare, label: "tab_changes" },
+  { value: "artifacts", icon: Package, label: "tab_artifacts" },
+] as const;
+
+export function CodeSidePanel({ pid, turns, changes, changesLoading, onRefreshChanges }: Props) {
+  const [active, setActive] = useState<string>("context");
   const changeCount = changes?.files.length || 0;
+
   return (
-    <Tabs defaultValue="context" className="flex h-full flex-col gap-0" data-testid="code-side-panel">
-      <div className="shrink-0 border-b border-border px-3 py-2">
+    <Tabs value={active} onValueChange={setActive} className="flex h-full flex-col gap-0" data-testid="code-side-panel">
+      <div className="shrink-0 border-b border-border px-2 py-2">
         <TabsList variant="line" className="w-full">
-          <TabsTrigger value="context" className="flex-1">
-            <Gauge className="size-3.5" /> {t("code_module.tab_context")}
-          </TabsTrigger>
-          <TabsTrigger value="changes" className="flex-1">
-            <GitCompare className="size-3.5" /> {t("code_module.tab_changes")}
-            {changeCount > 0 && (
-              <span className="ml-1 rounded-full bg-muted px-1.5 text-[10px] text-muted-foreground">
-                {changeCount}
-              </span>
-            )}
-          </TabsTrigger>
+          {TABS.map(({ value, icon: Icon, label }) => {
+            const isActive = active === value;
+            const fullLabel = t(`code_module.${label}` as never);
+            return (
+              <TabsTrigger
+                key={value}
+                value={value}
+                title={fullLabel}
+                className={isActive ? "flex-1 min-w-0" : "w-8 shrink-0"}
+              >
+                <Icon className="size-3.5 shrink-0" />
+                {isActive && (
+                  <span className="truncate text-xs">{fullLabel}</span>
+                )}
+                {value === "changes" && changeCount > 0 && (
+                  <span className="ml-0.5 rounded-full bg-muted px-1 text-[10px] text-muted-foreground leading-none py-0.5">
+                    {changeCount}
+                  </span>
+                )}
+              </TabsTrigger>
+            );
+          })}
         </TabsList>
       </div>
       <TabsContent value="context" className="min-h-0 flex-1 overflow-y-auto">
@@ -39,6 +59,9 @@ export function CodeSidePanel({ turns, changes, changesLoading, onRefreshChanges
       <TabsContent value="changes" className="min-h-0 flex-1 overflow-hidden">
         <CodeChangesTab changes={changes} loading={changesLoading} onRefresh={onRefreshChanges} />
       </TabsContent>
+      <TabsContent value="artifacts" className="min-h-0 flex-1 overflow-hidden">
+        <CodeArtifactsTab pid={pid} />
+      </TabsContent>
     </Tabs>
   );
 }

package/src/interfaces/web/src/components/common/TabLayout.tsx

@@ -3,8 +3,9 @@
 // collapse toggle (and optional page actions) followed by the routed content.
 // The page title/subtitle live in the top breadcrumb now, not here.
 import { type ReactNode } from "react";
-import { TabNav, NavToggle, type TabSection } from "./TabNav";
+import { TabNav, type TabSection } from "./TabNav";
 import { cn } from "../../lib/cn";
+import { useRegisterNavCollapse } from "../../hooks/useNavCollapseCtx";
 
 interface Props {
   sections: TabSection[];
@@ -29,14 +30,17 @@ export function TabLayout({
   testId,
   children,
 }: Props) {
+  useRegisterNavCollapse(collapsed, onToggleCollapse);
+
   return (
     <div className="flex h-full">
       <TabNav sections={sections} active={active} onChange={onChange} collapsed={collapsed} />
       <div className="flex min-w-0 flex-1 flex-col overflow-y-auto">
-        <div className="flex items-center justify-between px-6 pt-3">
-          <NavToggle collapsed={collapsed} onToggle={onToggleCollapse} />
-          {actions ? <div className="flex gap-2">{actions}</div> : null}
-        </div>
+        {actions ? (
+          <div className="flex items-center justify-end gap-2 px-6 pt-3">
+            {actions}
+          </div>
+        ) : null}
         <div className={cn(contentClassName)} data-testid={testId}>
           {children}
         </div>

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

@@ -1,7 +1,7 @@
 // Left-rail tab nav used inside Settings + per-project screens. Mirrors
 // the panda.project sectioned-nav pattern: optional section title above
 // each group, icon + label rows, active state in the section's tone.
-import { useState, useEffect, Fragment, type ElementType } from "react";
+import { useState, useEffect, useCallback, Fragment, type ElementType } from "react";
 import { PanelLeft } from "lucide-react";
 import { cn } from "../../lib/cn";
 import { Tip } from "../ui/tip";
@@ -34,12 +34,12 @@ export function useNavCollapse(storageKey: string) {
     try { setCollapsed(localStorage.getItem(storageKey) === "true"); } catch { /* ignore */ }
   }, [storageKey]);
 
-  const toggle = () =>
+  const toggle = useCallback(() =>
     setCollapsed((v) => {
       const next = !v;
       try { localStorage.setItem(storageKey, String(next)); } catch { /* quota */ }
       return next;
-    });
+    }), [storageKey]);
 
   return { collapsed, toggle };
 }

package/src/interfaces/web/src/components/layout/ProjectSidebar.tsx

@@ -9,6 +9,7 @@ import { ProjectAvatar } from "./ProjectAvatar";
 import { Tip } from "../ui/tip";
 import { useProjects } from "../../hooks/useProjects";
 import { t } from "../../i18n";
+import { usePersonaName } from "../../hooks/usePersonaName";
 
 interface Props {
   onSelect: (href: string) => void;
@@ -37,6 +38,7 @@ export function ProjectSidebar({ onSelect, onOpenRoby }: Props) {
   const { projects, isLoading } = useProjects();
   const location = useLocation();
   const MODULES = buildModules();
+  const persona = usePersonaName();
 
   const isActive = (href: string) =>
     location.pathname === href || location.pathname.startsWith(`${href}/`);
@@ -122,12 +124,12 @@ export function ProjectSidebar({ onSelect, onOpenRoby }: Props) {
       />
       {/* Roby launcher — subtle (not a loud floating bubble), pinned under the
           gear so it doesn't overlap the chat composer. */}
-      <Tip content={t("roby.talk")} side="right">
+      <Tip content={t("superagent.talk", { persona })} side="right">
         <button
           type="button"
           onClick={onOpenRoby}
           data-testid="nav-roby"
-          aria-label={t("roby.talk")}
+          aria-label={t("superagent.talk", { persona })}
           className="mt-1 flex size-10 items-center justify-center rounded-xl border border-border/60 bg-muted/30 text-muted-fg transition-colors hover:bg-accent hover:text-foreground"
         >
           <Bot size={18} />

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

@@ -49,7 +49,7 @@ export interface UseChatResult {
   streaming: boolean;
 }
 
-/** Concatenate the text parts of a message (for clipboard / history). */
+/** Concatenate the text parts of a message (for clipboard). */
 export function textOf(msg: ChatMsg): string {
   return msg.parts
     .filter((p): p is TextPart => p.kind === "text")
@@ -58,6 +58,51 @@ export function textOf(msg: ChatMsg): string {
     .trim();
 }
 
+/** Compact line summarising an ask_questions tool call. Surfaced into the
+ *  history string we send to the super-agent so the model can see it ALREADY
+ *  asked and not re-ask the same questions on the next turn. Without this,
+ *  ask_questions calls are invisible in history and the model loops. */
+function summarizeAskQuestions(part: ToolPart): string | null {
+  const raw = (part.args as { questions?: unknown } | undefined)?.questions;
+  if (!Array.isArray(raw) || raw.length === 0) return null;
+  const lines = raw
+    .map((q) => {
+      if (typeof q === "string") return `- ${q}`;
+      if (!q || typeof q !== "object") return null;
+      const qq = q as { question?: unknown; options?: unknown };
+      if (typeof qq.question !== "string") return null;
+      const opts = Array.isArray(qq.options) ? qq.options : [];
+      const optStr = opts
+        .map((o) =>
+          typeof o === "string"
+            ? o
+            : o && typeof o === "object" && typeof (o as { label?: unknown }).label === "string"
+              ? ((o as { label: string }).label)
+              : "",
+        )
+        .filter((s) => s)
+        .join(", ");
+      return optStr ? `- ${qq.question} (opciones: ${optStr})` : `- ${qq.question}`;
+    })
+    .filter((s): s is string => !!s);
+  if (lines.length === 0) return null;
+  return `[ask_questions]\n${lines.join("\n")}`;
+}
+
+/** History view of a message — text parts plus ask_questions summaries.
+ *  Used when sending `previousMessages` to the super-agent. */
+export function historyTextOf(msg: ChatMsg): string {
+  const chunks: string[] = [];
+  for (const p of msg.parts) {
+    if (p.kind === "text" && p.text) chunks.push(p.text);
+    else if (p.kind === "tool" && p.tool === "ask_questions") {
+      const s = summarizeAskQuestions(p);
+      if (s) chunks.push(s);
+    }
+  }
+  return chunks.join("\n\n").trim();
+}
+
 const userPart = (text: string): ChatPart[] => [{ kind: "text", text }];
 
 function isErrorResult(result: unknown): boolean {
@@ -202,7 +247,7 @@ export function useChat(pid: string, onError?: (msg: string) => void): UseChatRe
       const nowIso = () => new Date().toISOString();
       const history: ConversationMessage[] = msgs.map((m) => ({
         role: m.role,
-        content: textOf(m),
+        content: historyTextOf(m),
       }));
 
       setMsgs((curr) => [

package/src/interfaces/web/src/hooks/useNavCollapseCtx.tsx

@@ -0,0 +1,59 @@
+import { createContext, useContext, useState, useEffect, type ReactNode } from "react";
+
+// ── Nav collapse ─────────────────────────────────────────────────────────────
+
+type CollapseState = { collapsed: boolean; toggle: () => void } | null;
+
+const CollapseReadCtx = createContext<CollapseState>(null);
+const CollapseSetCtx = createContext<((s: CollapseState) => void) | null>(null);
+
+// ── Page label (extra breadcrumb segment pushed by leaf screens) ──────────────
+
+const LabelReadCtx = createContext<string>("");
+const LabelSetCtx = createContext<((s: string) => void) | null>(null);
+
+// ── Combined provider (one wrapper in Shell) ──────────────────────────────────
+
+export function NavCollapseProvider({ children }: { children: ReactNode }) {
+  const [collapse, setCollapse] = useState<CollapseState>(null);
+  const [label, setLabel] = useState("");
+  return (
+    <CollapseSetCtx.Provider value={setCollapse}>
+      <CollapseReadCtx.Provider value={collapse}>
+        <LabelSetCtx.Provider value={setLabel}>
+          <LabelReadCtx.Provider value={label}>
+            {children}
+          </LabelReadCtx.Provider>
+        </LabelSetCtx.Provider>
+      </CollapseReadCtx.Provider>
+    </CollapseSetCtx.Provider>
+  );
+}
+
+// ── Nav collapse hooks ────────────────────────────────────────────────────────
+
+export function useNavCollapseCtx() {
+  return useContext(CollapseReadCtx);
+}
+
+export function useRegisterNavCollapse(collapsed: boolean, toggle: () => void) {
+  const setState = useContext(CollapseSetCtx);
+  useEffect(() => {
+    setState?.({ collapsed, toggle });
+    return () => setState?.(null);
+  }, [collapsed, toggle, setState]);
+}
+
+// ── Page label hooks ──────────────────────────────────────────────────────────
+
+export function usePageLabel() {
+  return useContext(LabelReadCtx);
+}
+
+export function useSetPageLabel(label: string) {
+  const set = useContext(LabelSetCtx);
+  useEffect(() => {
+    set?.(label);
+    return () => set?.("");
+  }, [label, set]);
+}

package/src/interfaces/web/src/hooks/usePersonaName.ts

@@ -0,0 +1,11 @@
+// Resolve the super-agent display name (the persona shown to the user).
+// Reads identity.json via useIdentity(); falls back to "APX" while loading
+// or when identity is empty. UI strings should always interpolate this hook
+// instead of hardcoding a persona name (it would otherwise drift from what
+// the daemon-side resolveAgentName() reports across CLI / Telegram / etc.).
+import { useIdentity } from "./useIdentity";
+
+export function usePersonaName(): string {
+  const { identity } = useIdentity();
+  return (identity as { agent_name?: string })?.agent_name?.trim() || "APX";
+}

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

@@ -286,8 +286,8 @@ export const en = {
     chat: {
       title:       "Chat with agent",
       subtitle:    "Direct conversations with project agents. The super-agent does not intervene.",
-      roby_title:  "Chat with Roby",
-      roby_subtitle: "Chat with Roby — the APX super-agent. Can use tools (projects, tasks, mcps, agents).",
+      superagent_title:  "Chat with {persona}",
+      superagent_subtitle: "Chat with {persona} — the APX super-agent. Can use tools (projects, tasks, mcps, agents).",
       empty:       "Send a message to start the conversation.",
       placeholder: "Type something and press enter to send (shift+enter = new line)",
       send:        "Send",
@@ -710,13 +710,13 @@ export const en = {
     delete_btn:  "Delete",
   },
 
-  roby: {
-    title:          "Roby",
+  superagent: {
+    title:          "{persona}",
     badge:          "super-agent · APX",
     desc:           "Quick chat with your super-agent. Has access to tools (projects, tasks, mcps, agents); for a longer persistent thread, open Chats.",
-    empty:          "Send Roby a message to get started.",
-    thinking:       "Roby is thinking…",
-    talk:           "Talk to Roby",
+    empty:          "Send {persona} a message to get started.",
+    thinking:       "{persona} is thinking…",
+    talk:           "Talk to {persona}",
     new_chat:       "New chat",
     placeholder:    "Type and press enter to send (shift+enter = new line)…",
   },
@@ -726,6 +726,18 @@ export const en = {
     message: "That route does not exist.",
   },
 
+  ask_panel: {
+    answers_header: "Answers",
+    other:          "Other",
+    other_placeholder: "Write your own answer here",
+    text_placeholder:  "Type your answer…",
+    back:           "Back",
+    skip:           "Skip",
+    next:           "Next",
+    submit:         "Send",
+    status_waiting: "Waiting for your answer…",
+    status_received: "Answers received",
+  },
   code_module: {
     title:        "Code",
     badge:        "super-agent",
@@ -747,6 +759,14 @@ export const en = {
     mode_plan_hint:  "Plan — read-only, proposes changes without touching files",
     tab_context:  "Context",
     tab_changes:  "Changes",
+    tab_artifacts: "Artifacts",
+    artifacts_none: "No artifacts yet. Ask the agent to create a script under `artifacts/<name>`.",
+    artifacts_count: "{n} artifact(s)",
+    artifacts_copy_path: "Copy path",
+    artifacts_run: "Run",
+    artifacts_run_hint: "Run it from your terminal:",
+    artifacts_delete: "Delete",
+    artifacts_delete_confirm: "Delete this artifact? The file will be removed from disk.",
     ctx_model:    "Model",
     ctx_tokens:   "Tokens",
     ctx_input:    "Input",