@agentprojectcontext/apx 1.31.2 → 1.32.0

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

@@ -1,20 +1,22 @@
-import { Gauge, GitCompare } from "lucide-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) {
+// Right-hand panel: Context (token metrics), Changes (diffs vs the session's
+// git baseline), and Artifacts (managed files under <project>/artifacts/).
+export function CodeSidePanel({ pid, turns, changes, changesLoading, onRefreshChanges }: Props) {
   const changeCount = changes?.files.length || 0;
   return (
     <Tabs defaultValue="context" className="flex h-full flex-col gap-0" data-testid="code-side-panel">
@@ -31,6 +33,9 @@ export function CodeSidePanel({ turns, changes, changesLoading, onRefreshChanges
               </span>
             )}
           </TabsTrigger>
+          <TabsTrigger value="artifacts" className="flex-1">
+            <Package className="size-3.5" /> {t("code_module.tab_artifacts")}
+          </TabsTrigger>
         </TabsList>
       </div>
       <TabsContent value="context" className="min-h-0 flex-1 overflow-y-auto">
@@ -39,6 +44,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/i18n/en.ts

@@ -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",

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

@@ -727,6 +727,18 @@ export const es = {
     message: "Esa ruta no existe.",
   },
 
+  ask_panel: {
+    answers_header: "Respuestas",
+    other:          "Otro",
+    other_placeholder: "Escribí tu propia respuesta acá",
+    text_placeholder:  "Escribí tu respuesta…",
+    back:           "Atrás",
+    skip:           "Omitir",
+    next:           "Siguiente",
+    submit:         "Enviar",
+    status_waiting: "Esperando respuesta…",
+    status_received: "Respuestas recibidas",
+  },
   code_module: {
     title:        "Code",
     badge:        "super-agent",
@@ -748,6 +760,14 @@ export const es = {
     mode_plan_hint:  "Plan — solo lectura, propone cambios sin tocar archivos",
     tab_context:  "Contexto",
     tab_changes:  "Cambios",
+    tab_artifacts: "Artifacts",
+    artifacts_none: "Todavía no hay artifacts. Pedile al agente que cree un script en `artifacts/<nombre>`.",
+    artifacts_count: "{n} artifact(s)",
+    artifacts_copy_path: "Copiar path",
+    artifacts_run: "Run",
+    artifacts_run_hint: "Para ejecutarlo desde la terminal:",
+    artifacts_delete: "Eliminar",
+    artifacts_delete_confirm: "¿Eliminar este artifact? El archivo se borra del disco.",
     ctx_model:    "Modelo",
     ctx_tokens:   "Tokens",
     ctx_input:    "Entrada",

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

@@ -0,0 +1,47 @@
+import { http } from "../http";
+
+export interface ArtifactEntry {
+  name: string;
+  path: string;
+  size: number;
+  modified: string;
+}
+
+export interface ArtifactContent {
+  name: string;
+  path: string;
+  content: string;
+}
+
+// Shape of POST /projects/:pid/artifacts/:name/run. On success the daemon
+// returns the captured stdout/stderr and exit metadata; on 4xx an error
+// payload is thrown by the http client instead.
+export interface ArtifactRunResult {
+  ok: boolean;
+  exitCode?: number | null;
+  signal?: string | null;
+  timedOut?: boolean;
+  truncated?: boolean;
+  stdout?: string;
+  stderr?: string;
+  durationMs?: number;
+  error?: string;
+}
+
+export const Artifacts = {
+  list: (pid: string) =>
+    http.get<ArtifactEntry[]>(`/projects/${encodeURIComponent(pid)}/artifacts`),
+  read: (pid: string, name: string) =>
+    http.get<ArtifactContent>(
+      `/projects/${encodeURIComponent(pid)}/artifacts/${encodeURIComponent(name)}`,
+    ),
+  run: (pid: string, name: string, args: string[] = []) =>
+    http.post<ArtifactRunResult>(
+      `/projects/${encodeURIComponent(pid)}/artifacts/${encodeURIComponent(name)}/run`,
+      { args },
+    ),
+  remove: (pid: string, name: string) =>
+    http.del<void>(
+      `/projects/${encodeURIComponent(pid)}/artifacts/${encodeURIComponent(name)}`,
+    ),
+};

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

@@ -21,6 +21,7 @@ export * from "./api/filesystem";
 export * from "./api/voice";
 export * from "./api/deck";
 export * from "./api/code";
+export * from "./api/artifacts";
 
 // Re-export the daemon types so older imports of "../lib/api" still work.
 export type {

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

@@ -8,6 +8,7 @@ import { CodeProjectPicker } from "../../components/code/CodeProjectPicker";
 import { CodeSessionList } from "../../components/code/CodeSessionList";
 import { CodeComposer } from "../../components/code/CodeComposer";
 import { CodeSidePanel } from "../../components/code/CodeSidePanel";
+import { InlineAskPanel, pendingAskQuestions } from "../../components/chat/InlineAskPanel";
 import { useToast } from "../../components/Toast";
 import { t } from "../../i18n";
 import { applyStreamEvent, textOf, type ChatMsg } from "../../hooks/useChat";
@@ -151,8 +152,8 @@ export function CodeScreen() {
       return copy;
     });
 
-  const send = async () => {
-    const prompt = draft.trim();
+  const send = async (overridePrompt?: string) => {
+    const prompt = (overridePrompt ?? draft).trim();
     if (!prompt || busy || !pid || !sid) return;
     const now = new Date().toISOString();
     setMsgs((curr) => [
@@ -209,6 +210,16 @@ export function CodeScreen() {
   const hasProjects = !projects.isLoading && projectList.length > 0;
   const turns: CodeTurn[] = useMemo(() => msgs as unknown as CodeTurn[], [msgs]);
 
+  // Detect unanswered ask_questions in the last assistant turn. Local "dismissed"
+  // ref keys off the turn id so the panel re-appears for a fresh batch.
+  const [dismissedKey, setDismissedKey] = useState<string | null>(null);
+  const pending = !busy ? pendingAskQuestions(msgs) : null;
+  const askVisible = pending && pending.turnKey !== dismissedKey;
+
+  const submitAnswers = (compiled: string) => {
+    void send(compiled);
+  };
+
   return (
     <div className="flex h-full min-h-0 flex-col overflow-hidden p-4" data-testid="screen-code">
       <header className="mb-3 flex items-center justify-between gap-3">
@@ -263,6 +274,15 @@ export function CodeScreen() {
                 </div>
               )}
             </div>
+            {askVisible && pending && (
+              <InlineAskPanel
+                turnKey={pending.turnKey}
+                questions={pending.questions}
+                onSubmit={submitAnswers}
+                onDismiss={() => setDismissedKey(pending.turnKey)}
+                disabled={busy}
+              />
+            )}
             <div className="border-t border-border bg-card/60 p-3" data-testid="code-input">
               <CodeComposer
                 value={draft}
@@ -282,6 +302,7 @@ export function CodeScreen() {
           {/* Right: context + changes */}
           <aside className="hidden w-80 shrink-0 flex-col border-l border-border lg:flex">
             <CodeSidePanel
+              pid={pid}
               turns={turns}
               changes={changes.data}
               changesLoading={changes.isLoading}

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

@@ -8,6 +8,7 @@ import { UiSelect } from "../../components/UiSelect";
 import { Composer } from "../../components/chat/Composer";
 import { MessageList } from "../../components/chat/MessageList";
 import { ContextBar } from "../../components/chat/ContextBar";
+import { InlineAskPanel, pendingAskQuestions } from "../../components/chat/InlineAskPanel";
 import { useChat } from "../../hooks/useChat";
 import { useToast } from "../../components/Toast";
 import { t } from "../../i18n";
@@ -25,6 +26,7 @@ export function ChatTab({ pid }: { pid: string }) {
   const [activeSlug, setActiveSlug] = useState(params.get("agent") || "");
   const [creating, setCreating] = useState(false);
   const [model, setModel] = useState("");
+  const [dismissedAskKey, setDismissedAskKey] = useState<string | null>(null);
   const { msgs, send: sendChat, stop, clear, streaming } = useChat(pid, (m) => toast.error(m));
 
   const agentList = agents.data || [];
@@ -117,6 +119,19 @@ export function ChatTab({ pid }: { pid: string }) {
         )}
       </div>
       <ContextBar msgs={msgs} />
+      {(() => {
+        const pending = !streaming ? pendingAskQuestions(msgs) : null;
+        if (!pending || pending.turnKey === dismissedAskKey) return null;
+        return (
+          <InlineAskPanel
+            turnKey={pending.turnKey}
+            questions={pending.questions}
+            onSubmit={(compiled) => void send(compiled)}
+            onDismiss={() => setDismissedAskKey(pending.turnKey)}
+            disabled={streaming}
+          />
+        );
+      })()}
       <Composer
         onSend={send}
         onStop={stop}