@lazyingart/agintiflow 0.2.0 → 0.4.0

package/public/styles.css

@@ -14,6 +14,13 @@
   box-sizing: border-box;
 }
 
+html,
+body {
+  width: 100%;
+  max-width: 100%;
+  overflow-x: hidden;
+}
+
 body {
   margin: 0;
   font-family: "IBM Plex Sans", "Segoe UI", sans-serif;
@@ -25,20 +32,24 @@ body {
 }
 
 .page {
-  width: min(1240px, calc(100% - 32px));
+  width: min(1240px, 100%);
+  max-width: 100%;
   margin: 32px auto;
+  padding: 0 16px;
   display: grid;
   gap: 20px;
-  grid-template-columns: minmax(320px, 420px) minmax(0, 1fr);
+  grid-template-columns: minmax(280px, 400px) minmax(0, 1fr);
 }
 
 .stack {
   display: grid;
+  min-width: 0;
   align-content: start;
   gap: 14px;
 }
 
 .panel {
+  min-width: 0;
   background: var(--panel);
   border: 1px solid var(--line);
   border-radius: 18px;
@@ -109,6 +120,27 @@ h1 {
   line-height: 1.45;
 }
 
+.project-card,
+.setup-card {
+  display: grid;
+  min-width: 0;
+  gap: 10px;
+  margin: 14px 0;
+  padding: 13px;
+  border: 1px solid rgba(15, 118, 110, 0.18);
+  border-radius: 16px;
+  background: linear-gradient(135deg, rgba(204, 251, 241, 0.44), rgba(255, 247, 237, 0.9));
+}
+
+.project-card p,
+.setup-card p {
+  overflow-wrap: anywhere;
+}
+
+.setup-card[hidden] {
+  display: none;
+}
+
 form,
 .checks {
   display: grid;
@@ -137,6 +169,7 @@ button {
 input,
 textarea,
 select {
+  min-width: 0;
   width: 100%;
   border: 1px solid var(--line);
   background: #fffdfa;
@@ -306,6 +339,8 @@ button.danger {
 .actions,
 .header-row {
   display: flex;
+  min-width: 0;
+  flex-wrap: wrap;
   gap: 12px;
   align-items: center;
   justify-content: space-between;
@@ -417,6 +452,7 @@ button.danger {
   font-size: 0.72rem;
   line-height: 1.42;
   white-space: pre-wrap;
+  overflow-wrap: anywhere;
 }
 
 .sandbox-card h2 {
@@ -444,6 +480,7 @@ button.danger {
   font-size: 0.78rem;
   line-height: 1.45;
   white-space: pre-wrap;
+  overflow-wrap: anywhere;
 }
 
 .session-select {
@@ -452,13 +489,18 @@ button.danger {
 
 .session-tools {
   display: flex;
-  min-width: min(100%, 420px);
+  flex: 1 1 420px;
+  min-width: 0;
+  max-width: 100%;
+  flex-wrap: wrap;
   gap: 8px;
   align-items: center;
   justify-content: flex-end;
 }
 
 .session-tools .session-select {
+  flex: 1 1 220px;
+  min-width: 0;
   max-width: none;
 }
 
@@ -476,6 +518,7 @@ button.danger {
   font-size: 0.9rem;
   line-height: 1.5;
   white-space: pre-wrap;
+  overflow-wrap: anywhere;
 }
 
 .chat-panel {
@@ -514,6 +557,7 @@ button.danger {
 
 .chat-content {
   line-height: 1.5;
+  overflow-wrap: anywhere;
 }
 
 .chat-form {
@@ -522,6 +566,7 @@ button.danger {
 
 .modal {
   width: min(720px, calc(100% - 28px));
+  max-width: 100%;
   padding: 0;
   border: 0;
   border-radius: 22px;
@@ -604,6 +649,7 @@ button.danger {
 
 .artifact-modal {
   width: min(1120px, calc(100% - 28px));
+  max-width: 100%;
 }
 
 .artifact-modal-card {
@@ -613,6 +659,7 @@ button.danger {
 
 .artifact-tabs {
   display: flex;
+  max-width: 100%;
   flex-wrap: wrap;
   gap: 8px;
   padding: 5px;
@@ -623,7 +670,7 @@ button.danger {
 
 .artifact-tab {
   flex: 1;
-  min-width: 130px;
+  min-width: min(130px, 100%);
   border: 1px solid transparent;
   background: transparent;
   color: var(--muted);
@@ -639,6 +686,7 @@ button.danger {
 .artifact-layout {
   display: grid;
   min-height: 520px;
+  max-width: 100%;
   gap: 14px;
   grid-template-columns: minmax(240px, 340px) minmax(0, 1fr);
   overflow: hidden;
@@ -674,6 +722,7 @@ button.danger {
 .artifact-list {
   display: grid;
   align-content: start;
+  min-width: 0;
   gap: 8px;
   overflow: auto;
   padding: 10px;
@@ -681,7 +730,8 @@ button.danger {
 
 .artifact-row {
   display: grid;
-  gap: 5px;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 8px;
   width: 100%;
   padding: 11px 12px;
   border: 1px solid var(--line);
@@ -691,6 +741,40 @@ button.danger {
   text-align: left;
 }
 
+.artifact-row-main {
+  display: grid;
+  min-width: 0;
+  gap: 5px;
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  color: inherit;
+  box-shadow: none;
+  text-align: left;
+}
+
+.artifact-menu-button {
+  width: 34px;
+  min-width: 34px;
+  height: 34px;
+  align-self: start;
+  padding: 0;
+  border: 1px solid var(--line);
+  border-radius: 999px;
+  background: rgba(255, 253, 250, 0.9);
+  color: var(--muted);
+  font-weight: 900;
+  letter-spacing: 0.08em;
+  box-shadow: none;
+}
+
+.artifact-menu-button:hover,
+.artifact-menu-button:focus-visible {
+  border-color: rgba(15, 118, 110, 0.34);
+  color: var(--accent);
+}
+
 .artifact-row[data-selected="true"] {
   border-color: rgba(15, 118, 110, 0.62);
   box-shadow: 0 0 0 2px rgba(15, 118, 110, 0.1);
@@ -715,6 +799,7 @@ button.danger {
 .artifact-row-top,
 .artifact-viewer-header {
   display: flex;
+  min-width: 0;
   gap: 10px;
   align-items: flex-start;
   justify-content: space-between;
@@ -722,6 +807,7 @@ button.danger {
 
 .artifact-row-top strong,
 .artifact-viewer-header h3 {
+  min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
 }
@@ -752,6 +838,7 @@ button.danger {
 .artifact-row-preview {
   display: -webkit-box;
   overflow: hidden;
+  overflow-wrap: anywhere;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
 }
@@ -808,6 +895,7 @@ button.danger {
 
 .artifact-pdf-frame {
   width: 100%;
+  max-width: 100%;
   min-height: 62vh;
   border: 1px solid var(--line);
   border-radius: 14px;
@@ -828,6 +916,8 @@ button.danger {
 
 @media (max-width: 960px) {
   .page {
+    margin: 16px auto;
+    padding: 0 12px;
     grid-template-columns: 1fr;
   }
 
@@ -876,3 +966,23 @@ button.danger {
     overflow: auto;
   }
 }
+
+@media (max-width: 720px) {
+  .grid,
+  .checks,
+  .wrapper-controls {
+    grid-template-columns: 1fr;
+  }
+
+  .panel {
+    padding: 15px;
+  }
+
+  .artifact-tabs {
+    border-radius: 18px;
+  }
+
+  .artifact-tab {
+    min-width: 120px;
+  }
+}

package/scripts/smoke-coding-tools.js

@@ -17,7 +17,7 @@ function assert(condition, message) {
   if (!condition) throw new Error(message);
 }
 
-async function runMock(goal, sessionId) {
+async function runMock(goal, sessionId, { resume = false } = {}) {
   const config = resolveRuntimeConfig(
     {
       provider: "mock",
@@ -26,6 +26,7 @@ async function runMock(goal, sessionId) {
       goal,
       commandCwd: workspace,
       maxSteps: 5,
+      resume: resume ? sessionId : "",
     },
     {
       baseDir: runtimeDir,
@@ -38,7 +39,7 @@ async function runMock(goal, sessionId) {
       allowFileTools: true,
       sandboxMode: "host",
       packageInstallPolicy: "block",
-      sessionId,
+      sessionId: resume ? "" : sessionId,
     }
   );
 
@@ -78,11 +79,23 @@ try {
     "repaired DeepSeek history retained an orphan stale tool message"
   );
 
-  const writeRun = await runMock("Create file: notes/mock-output.txt with a short coding smoke message.", "coding-write");
-  const written = await fs.readFile(path.join(workspace, "notes/mock-output.txt"), "utf8");
+  const writeRun = await runMock("Create notes/hello.md with a short coding smoke message.", "coding-write");
+  const written = await fs.readFile(path.join(workspace, "notes/hello.md"), "utf8");
   assert(written.includes("Created by AgInTiFlow mock mode."), "mock write did not create expected file");
   assert(writeRun.events.some((event) => event.type === "file.changed"), "write run did not persist file.changed event");
 
+  await runMock("Create notes/resume.md with resumed session content.", "coding-write", { resume: true });
+  const resumed = await fs.readFile(path.join(workspace, "notes/resume.md"), "utf8");
+  assert(resumed.includes("Created by AgInTiFlow mock mode."), "mock resume did not create a new requested file");
+
+  let duplicateFailed = false;
+  try {
+    await runMock("Create notes/hello.md with duplicate content.", "coding-write-duplicate");
+  } catch (error) {
+    duplicateFailed = /File already exists|Mock tool failed/.test(String(error));
+  }
+  assert(duplicateFailed, "duplicate mock write did not fail safely");
+
   await runMock("Create file: /workspace/virtual-output.txt with virtual Docker path support.", "coding-write-virtual");
   const virtualWritten = await fs.readFile(path.join(workspace, "virtual-output.txt"), "utf8");
   assert(virtualWritten.includes("Created by AgInTiFlow mock mode."), "virtual /workspace path was not mapped safely");
@@ -123,6 +136,8 @@ try {
         checks: [
           "deepseek_history_repair",
           "write_file",
+          "duplicate_write_failed",
+          "resume_session_write",
           "virtual_workspace_path",
           "apply_patch",
           "block_env",

package/scripts/smoke-web-api.js

@@ -74,6 +74,23 @@ try {
   if (!config.keyStatus?.mock) throw new Error("mock provider is not advertised by /api/config");
   if (!config.workspace?.enabled) throw new Error("workspace file tools are not advertised by /api/config");
   if (config.preferences?.preferredWrapper !== "codex") throw new Error("Codex is not the default preferred wrapper");
+  if (config.project?.root !== runtimeDir) throw new Error("web project root did not default to launch directory");
+  if (config.preferences?.commandCwd !== runtimeDir) throw new Error("commandCwd did not default to project root");
+  if (!Array.isArray(config.taskProfiles) || !config.taskProfiles.some((profile) => profile.id === "latex")) {
+    throw new Error("task profiles are not advertised by /api/config");
+  }
+
+  const keyStatus = await fetchJson("/api/keys/status");
+  if (typeof keyStatus.keyStatus?.deepseek !== "boolean") throw new Error("key status endpoint is invalid");
+  if ("localEnvPath" in keyStatus.keyStatus) throw new Error("key status leaked a local env path");
+  const savedKey = await fetchJson("/api/keys/deepseek", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ apiKey: "test-deepseek-key-not-real" }),
+  });
+  if (!savedKey.ok || !savedKey.keyStatus?.deepseek || "apiKey" in savedKey || "key" in savedKey) {
+    throw new Error("local key save endpoint returned invalid or sensitive data");
+  }
 
   const status = await fetchJson("/api/sandbox/status");
   if (!status.status?.workspaceReadable) throw new Error("sandbox status did not report a readable workspace");
@@ -111,6 +128,30 @@ try {
   if (run.status !== "finished") throw new Error(`mock run failed: ${run.error || "unknown error"}`);
   if (!/Mock run complete/.test(run.result)) throw new Error("mock run did not return the expected result");
 
+  const fileRunStart = await fetchJson("/api/runs", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({
+      provider: "mock",
+      routingMode: "manual",
+      model: "mock-agent",
+      goal: "Create notes/hello.md with safe web API content.",
+      commandCwd: runtimeDir,
+      sandboxMode: "host",
+      packageInstallPolicy: "block",
+      allowShellTool: false,
+      allowFileTools: true,
+      preferredWrapper: "codex",
+      maxSteps: 4,
+      headless: true,
+      taskProfile: "code",
+    }),
+  });
+  const fileRun = await waitForRun(fileRunStart.sessionId);
+  if (fileRun.status !== "finished") throw new Error(`mock file run failed: ${fileRun.error || "unknown error"}`);
+  const hello = await fs.readFile(path.join(runtimeDir, "notes", "hello.md"), "utf8");
+  if (!hello.includes("Created by AgInTiFlow mock mode.")) throw new Error("mock file run did not create requested path");
+
   const chat = await fetchJson(`/api/sessions/${encodeURIComponent(runStart.sessionId)}/chat`);
   if (!Array.isArray(chat.chat) || chat.chat.length < 2) throw new Error("chat history was not persisted");
 
@@ -189,6 +230,8 @@ try {
         ok: true,
         endpoints: [
           "/api/config",
+          "/api/keys/status",
+          "POST /api/keys/:provider",
           "/api/sandbox/status",
           "/api/sandbox/preflight",
           "/api/runs",

package/src/agent-runner.js

@@ -13,6 +13,7 @@ import { evaluateCommandPolicy } from "./command-policy.js";
 import { redactSensitiveText, redactValue } from "./redaction.js";
 import { executeWorkspaceTool, summarizeWorkspaceTools, WORKSPACE_TOOL_NAMES } from "./workspace-tools.js";
 import { normalizeCanvasPayload } from "./artifact-tunnel.js";
+import { getTaskProfile } from "./task-profiles.js";
 
 const exec = promisify(execCallback);
 const BROWSER_TOOLS = new Set(["open_url", "click", "type", "scroll", "press", "back"]);
@@ -108,6 +109,7 @@ export function repairModelMessageHistory(state, config = {}) {
 
 function createInitialState(config, sessionId) {
   const now = new Date().toISOString();
+  const taskProfile = getTaskProfile(config.taskProfile);
   return {
     sessionId,
     createdAt: now,
@@ -151,6 +153,7 @@ function createInitialState(config, sessionId) {
           config.allowWrapperTools
             ? `External coding-agent wrappers are available as advisory tools only. Use the selected wrapper only: ${normalizeWrapperName(config.preferredWrapper)}. Wrapper status: ${wrapperStatusText()}.`
             : "External coding-agent wrappers are disabled.",
+          `Task profile: ${taskProfile.label}. ${taskProfile.prompt}`,
           "A frontend canvas/artifacts tunnel exists. Use send_to_canvas when important markdown, diffs, screenshots, images, or workspace files should be highlighted in the UI. It is optional and ordinary final text can still go directly to finish.",
           "For visual-output requests such as draw, plot, graph, chart, diagram, figure, image, or visualization, proactively publish a canvas artifact even when the user does not mention canvas. If workspace file tools are enabled, prefer creating a small SVG or markdown artifact and call send_to_canvas with selected=true.",
           "For LaTeX/PDF requests, create the needed source/assets, compile with the available allowlisted TeX toolchain, and publish the resulting PDF through send_to_canvas. For subfolder documents, keep outputs beside the source. Use pdflatex-compatible figure formats such as PDF or PNG.",
@@ -172,6 +175,7 @@ function createInitialState(config, sessionId) {
           config.allowWrapperTools
             ? `Agent wrappers: selected=${normalizeWrapperName(config.preferredWrapper)}; ${wrapperStatusText()}`
             : "",
+          `Task profile: ${taskProfile.label}. ${taskProfile.prompt}`,
           "Canvas/artifacts tunnel: available through send_to_canvas for optional frontend rendering.",
           "Visual-output requests should produce a canvas artifact without requiring the user to ask for canvas explicitly.",
           "LaTeX/PDF requests should produce source artifacts and, when possible, a compiled PDF artifact. For subfolder documents, keep outputs beside the source. For figure-in-document tasks, create PDF/PNG figures that pdflatex can include.",
@@ -248,6 +252,7 @@ function appendChatEntry(state, role, content) {
 function applyContinuationPrompt(state, config, observers) {
   if (!config.resume || !config.goal) return;
 
+  const taskProfile = getTaskProfile(config.taskProfile);
   ensureChatState(state);
   state.goal = config.goal;
   state.provider = config.provider;
@@ -271,6 +276,7 @@ function applyContinuationPrompt(state, config, observers) {
       config.allowWrapperTools
         ? `Agent wrappers: selected=${normalizeWrapperName(config.preferredWrapper)}; ${wrapperStatusText()}`
         : "",
+      `Task profile: ${taskProfile.label}. ${taskProfile.prompt}`,
     ]
       .filter(Boolean)
       .join("\n"),
@@ -754,6 +760,7 @@ export async function runAgent(config) {
       model: config.model,
       routingMode: config.routingMode,
       routeReason: config.routeReason,
+      taskProfile: config.taskProfile,
       commandCwd: config.commandCwd,
       allowShellTool: config.allowShellTool,
       allowWrapperTools: config.allowWrapperTools,
@@ -817,6 +824,7 @@ export async function runAgent(config) {
           plan: state.plan || "",
           suggestedStartUrl: config.startUrl || "",
           canvasArtifactsAvailable: true,
+          taskProfile: getTaskProfile(config.taskProfile),
         })}`,
       });
 
@@ -899,6 +907,12 @@ export async function runAgent(config) {
           });
         }
 
+        if (config.provider === "mock" && toolResult.ok === false && !toolResult.blocked) {
+          throw new Error(
+            `Mock tool failed: ${toolResult.error || toolResult.reason || `${toolResult.toolName || "tool"} returned ok=false`}`
+          );
+        }
+
         if (toolResult.done) {
           state.stepsCompleted = step;
           state.updatedAt = new Date().toISOString();