@lazyingart/agintiflow 0.8.4 → 0.8.6

package/README.md

@@ -54,7 +54,7 @@ aginti
 aginti chat
 ```
 
-Inside chat, type normal requests such as `write a small Python CLI app with tests`. The default is now Docker workspace mode with approved package installs, so coding, plotting, and LaTeX tasks can set up project-local tools without touching the host. Use `/help` for commands, `/latex on` for PDF work, `/docker off` only when you intentionally want host mode, `/sessions` to list project runs, and `/resume latest` or `/resume <session-id>` to continue work. Ctrl+C exits cleanly, prints the active resume command when a session exists, and lists recent sessions when no new session has started yet.
+Inside chat, type normal requests such as `write a small Python CLI app with tests`. The default is Docker workspace mode with approved package installs, so coding, plotting, and LaTeX tasks can set up project-local tools without touching the host. Use `/help` for commands, `/latex on` for PDF work, `/docker off` only when you intentionally want host mode, `/sessions` to list project runs, and `/resume latest` or `/resume <session-id>` to continue work. Esc or Ctrl+C stops the active run cleanly and prints the resume command.
 
 Launch the local web UI from an installed package:
 
@@ -340,7 +340,7 @@ Package policy values:
 
 Toolchain commands such as `python3 plot.py`, `latexmk -pdf paper.tex`, and `pdflatex -interaction=nonstopmode -halt-on-error paper.tex` are allowlisted only when the shell tool is enabled. In Docker mode the project folder is mounted as `/workspace`; any file written to `/workspace/report.pdf` appears on the host as `<your-project>/report.pdf`. CLI runs print both the host workspace and the Docker mapping before execution. File and canvas tools accept both normal relative paths and Docker virtual paths like `/workspace/report.pdf`, while other absolute host paths remain blocked.
 
-The web chat mirrors the CLI session store. Enter sends, Ctrl+J inserts a newline, and Tab submits/queues the message. Queued input is written to `.sessions/<session-id>/inbox.jsonl`; the running agent drains that pipe between steps and after tool calls.
+The web chat mirrors the CLI session store. Enter sends, Ctrl+J inserts a newline, Tab submits/queues the message, and Esc stops the active run. Queued input is written to `.sessions/<session-id>/inbox.jsonl`; the running agent drains that pipe between steps and after tool calls. Generated local sites should use the built-in `preview_workspace` or `open_workspace_file` tools; AgInTiFlow avoids transient localhost servers inside Docker because those containers stop between commands and their ports are not host-published.
 
 Safe preflight endpoints:
 

package/docs/agent-runtime-pipe.md

@@ -9,6 +9,10 @@ AgInTiFlow keeps CLI and web runs equivalent by using the project folder as the
 
 When a run is active, the web chat and `aginti queue <session-id> "..."` append messages to the inbox instead of trying to mutate the running process directly. The runner drains the inbox at safe boundaries: before each model step and after tool execution. This mirrors the event-queue style used by mature agent UIs while keeping the backend decoupled from any specific frontend.
 
+Runs can be stopped without corrupting session state. The CLI listens for Esc or Ctrl+C during an active run, and the web UI exposes a Stop button plus Esc. Both paths send an abort signal, persist `session.stopped`, and leave the session resumable through `aginti resume <session-id>`.
+
 Default execution is Docker workspace mode with package installs approved inside the sandbox. The project is mounted at `/workspace`; persistent agent toolchain folders are mounted at `/aginti-home`, `/aginti-cache`, and `/aginti-env` from `~/.agintiflow/docker/`. Python, conda, and other language-level environments should be installed under `/aginti-env` so they survive across runs. Apt/apk package changes are ephemeral unless the Docker image is rebuilt.
 
+Generated local websites should use `preview_workspace` or `open_workspace_file`. The preview tool serves the host workspace on an automatically selected `127.0.0.1` port and opens it in the browser. AgInTiFlow blocks common transient Docker preview commands such as `python -m http.server` because each shell tool call runs in a short-lived container with no published host port.
+
 The failed `f(f(x)) = f'(x)` LaTeX task exposed three issues: host-mode command policy blocked setup/path commands, a 15-step budget was too small for iterative numerical work plus TeX output, and follow-up input could not be queued while the agent was running. The current runtime defaults and inbox pipe address those without hardcoding that specific math task.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lazyingart/agintiflow",
-  "version": "0.8.4",
+  "version": "0.8.6",
   "type": "module",
   "description": "AgInTiFlow is a resumable Playwright website-control agent with OpenAI-compatible tool calling.",
   "license": "Apache-2.0",

package/public/app.js

@@ -76,6 +76,9 @@ const translations = {
     dockerImageLabel: "Docker image",
     dockerImagePlaceholder: "agintiflow-sandbox:latest",
     startRunButton: "Start run",
+    stopRunButton: "Stop",
+    stoppingRun: "Stopping...",
+    stopRunFailed: "Failed to stop run.",
     runOutputTitle: "Run output",
     noRunStarted: "No run started.",
     conversationTitle: "Conversation",
@@ -643,6 +646,7 @@ const packageInstallPolicyField = document.querySelector("#packageInstallPolicy"
 const packageWarningEl = document.querySelector("#package-warning");
 const logsEl = document.querySelector("#logs");
 const runMetaEl = document.querySelector("#run-meta");
+const stopRunButton = document.querySelector("#stop-run");
 const keyStatusEl = document.querySelector("#key-status");
 const allowWrapperToolsField = document.querySelector("#allowWrapperTools");
 const preferredWrapperField = document.querySelector("#preferredWrapper");
@@ -697,6 +701,7 @@ let routingPresets = {};
 let taskProfiles = [];
 let projectInfo = null;
 let currentSessionId = "";
+let currentRunStatus = "";
 let pollTimer = null;
 let saveTimer = null;
 let lastChatEntries = [];
@@ -728,6 +733,12 @@ function setLogs(text, mode = "active") {
   logsEl.textContent = text;
 }
 
+function updateStopRunButton() {
+  if (!stopRunButton) return;
+  stopRunButton.hidden = currentRunStatus !== "running";
+  stopRunButton.disabled = currentRunStatus !== "running";
+}
+
 function renderKeyStatus(status = lastKeyStatus) {
   lastKeyStatus = status;
   if (!status) return;
@@ -949,6 +960,7 @@ function applyLanguage(language, { persist = true } = {}) {
   renderSessionManager();
   renderChat(lastChatEntries);
   renderArtifactShell();
+  updateStopRunButton();
   if (persist) schedulePreferenceSave();
 }
 
@@ -1429,11 +1441,13 @@ async function refreshRun() {
   const response = await fetch(`/api/runs/${encodeURIComponent(currentSessionId)}`);
   if (!response.ok) return;
   const run = await response.json();
+  currentRunStatus = run.status || "";
+  updateStopRunButton();
   runMetaEl.textContent = `${run.status} · ${run.sessionId}`;
   renderLogs(run);
   await refreshArtifacts({ loadSelected: artifactTunnelDialog?.open });
 
-  if (run.status === "finished" || run.status === "failed") {
+  if (run.status === "finished" || run.status === "failed" || run.status === "stopped") {
     clearInterval(pollTimer);
     pollTimer = null;
     await refreshChat();
@@ -1443,6 +1457,22 @@ async function refreshRun() {
   }
 }
 
+async function stopCurrentRun() {
+  if (!currentSessionId || currentRunStatus !== "running") return;
+  stopRunButton.disabled = true;
+  chatStatusEl.textContent = t("stoppingRun");
+  const response = await fetch(`/api/runs/${encodeURIComponent(currentSessionId)}/stop`, {
+    method: "POST",
+  });
+  if (!response.ok) {
+    const data = await response.json().catch(() => ({}));
+    chatStatusEl.textContent = data.error || t("stopRunFailed");
+    updateStopRunButton();
+    return;
+  }
+  await refreshRun();
+}
+
 async function refreshChat() {
   if (!currentSessionId) {
     renderChat([]);
@@ -1771,6 +1801,24 @@ chatInputEl.addEventListener("keydown", (event) => {
   }
 });
 
+stopRunButton?.addEventListener("click", () => {
+  stopCurrentRun().catch((error) => {
+    chatStatusEl.textContent = String(error);
+    updateStopRunButton();
+  });
+});
+
+window.addEventListener("keydown", (event) => {
+  if (event.key !== "Escape" || currentRunStatus !== "running") return;
+  const tag = event.target?.tagName?.toLowerCase();
+  if (tag === "select" || tag === "button") return;
+  event.preventDefault();
+  stopCurrentRun().catch((error) => {
+    chatStatusEl.textContent = String(error);
+    updateStopRunButton();
+  });
+});
+
 form.addEventListener("submit", async (event) => {
   event.preventDefault();
 
@@ -1802,6 +1850,8 @@ form.addEventListener("submit", async (event) => {
   }
 
   currentSessionId = data.sessionId;
+  currentRunStatus = "running";
+  updateStopRunButton();
   sessionSelectEl.value = currentSessionId;
   runMetaEl.textContent = `${t("runningStatus").replace("...", "")} · ${currentSessionId}`;
   await refreshSessions();
@@ -1817,6 +1867,8 @@ form.addEventListener("submit", async (event) => {
 sessionSelectEl.addEventListener("change", async () => {
   currentSessionId = sessionSelectEl.value;
   if (!currentSessionId) {
+    currentRunStatus = "";
+    updateStopRunButton();
     runMetaEl.textContent = "";
     setLogs(t("noRunSelected"), "empty");
     renderChat([]);
@@ -1862,6 +1914,8 @@ chatFormEl.addEventListener("submit", async (event) => {
   }
 
   currentSessionId = data.sessionId;
+  currentRunStatus = data.queued ? currentRunStatus : "running";
+  updateStopRunButton();
   chatInputEl.value = "";
   chatStatusEl.textContent = data.queued ? t("queuedStatus") : t("runningStatus");
   if (data.queued) {

package/public/index.html

@@ -307,7 +307,10 @@
         <section class="panel output-panel">
           <div class="header-row">
             <h2 data-i18n="runOutputTitle">Run output</h2>
-            <div id="run-meta" class="subtle"></div>
+            <div class="run-header-actions">
+              <button id="stop-run" type="button" class="secondary danger" data-i18n="stopRunButton" hidden>Stop</button>
+              <div id="run-meta" class="subtle"></div>
+            </div>
           </div>
           <pre id="logs" class="logs" data-i18n="noRunStarted">No run started.</pre>
         </section>

package/public/styles.css

@@ -346,6 +346,15 @@ button.danger {
   justify-content: space-between;
 }
 
+.run-header-actions {
+  display: flex;
+  min-width: 0;
+  flex-wrap: wrap;
+  gap: 10px;
+  align-items: center;
+  justify-content: flex-end;
+}
+
 .sandbox-card {
   display: grid;
   gap: 12px;