@jay-framework/aiditor 0.16.4 → 0.16.5

package/dist/actions/submit-task.jay-action

@@ -8,7 +8,6 @@ inputSchema:
   renderedUrl?: string
   visualTask?: string
   videoFramesOnly?: string
-  screenshot_full?: file
   screenshot_markers_only?: file
   screenshot_clean?: file
   video?: file

package/dist/actions/submit-task.jay-action.d.ts

@@ -6,7 +6,6 @@ export interface SubmitTaskActionInput {
   renderedUrl?: string;
   visualTask?: string;
   videoFramesOnly?: string;
-  screenshot_full?: JayFile;
   screenshot_markers_only?: JayFile;
   screenshot_clean?: JayFile;
   video?: JayFile;

package/dist/index.client.js

@@ -19,10 +19,10 @@ function countAttachmentFiles(m) {
 function validateMultipartPartBudget(options) {
   const { video, distinctMoments, attachmentFileCount } = options;
   const n = distinctMoments;
-  const p = (video ? 1 : 0) + 3 * n + attachmentFileCount;
+  const p = (video ? 1 : 0) + 2 * n + attachmentFileCount;
   if (p > CHANNEL_MAX_FILE_PARTS) {
     const videoPhrase = video ? "1 video + " : "";
-    return `Too many files for one task (${p} parts). Max is ${CHANNEL_MAX_FILE_PARTS} (${videoPhrase}3 × ${n} moment(s) + ${attachmentFileCount} attachment(s)). Reduce distinct moments or attachments.`;
+    return `Too many files for one task (${p} parts). Max is ${CHANNEL_MAX_FILE_PARTS} (${videoPhrase}2 × ${n} moment(s) + ${attachmentFileCount} attachment(s)). Reduce distinct moments or attachments.`;
   }
   return null;
 }
@@ -38,7 +38,7 @@ function submitAndStreamTask(notes, visual, callbacks) {
     const includeVideo = Boolean(v.video);
     const err = validateMultipartPartBudget({
       video: includeVideo,
-      distinctMoments: v.frameTriples.length,
+      distinctMoments: v.frameDuals.length,
       attachmentFileCount: attCount
     });
     if (err) {
@@ -55,13 +55,8 @@ function submitAndStreamTask(notes, visual, callbacks) {
     }
     if (!includeVideo) input.videoFramesOnly = "1";
     const extraFiles = {};
-    for (let i = 0; i < v.frameTriples.length; i++) {
-      const t = v.frameTriples[i];
-      extraFiles[`frame_${i}_full`] = new File(
-        [t.full],
-        `frame-${i}-full.png`,
-        { type: "image/png" }
-      );
+    for (let i = 0; i < v.frameDuals.length; i++) {
+      const t = v.frameDuals[i];
       extraFiles[`frame_${i}_markers_only`] = new File(
         [t.markersOnly],
         `frame-${i}-markers.png`,
@@ -81,20 +76,17 @@ function submitAndStreamTask(notes, visual, callbacks) {
       }
     }
     input.extraFiles = extraFiles;
-  } else if (visual?.triple) {
+  } else if (visual?.dual) {
     const v = visual;
     input.visualTask = visualModeToForm[v.mode];
     input.pageRoute = v.pageRoute;
     input.renderedUrl = v.renderedUrl;
-    input.screenshot_full = new File([v.triple.full], "full.png", {
-      type: "image/png"
-    });
     input.screenshot_markers_only = new File(
-      [v.triple.markersOnly],
+      [v.dual.markersOnly],
       "markers-only.png",
       { type: "image/png" }
     );
-    input.screenshot_clean = new File([v.triple.clean], "clean.png", {
+    input.screenshot_clean = new File([v.dual.clean], "clean.png", {
       type: "image/png"
     });
     const extraFiles = {};
@@ -8178,11 +8170,10 @@ function canvasToPng(canvas) {
     );
   });
 }
-async function capturePreviewTriple(rootEl) {
-  const full = await capturePreviewForTask(rootEl, "full");
-  const markersOnly = await capturePreviewForTask(rootEl, "markersOnly");
+async function capturePreviewDual(rootEl) {
   const clean = await capturePreviewForTask(rootEl, "clean");
-  return { full, markersOnly, clean };
+  const markersOnly = await capturePreviewForTask(rootEl, "markersOnly");
+  return { clean, markersOnly };
 }
 const DEFAULT_SEEK_TIMEOUT_MS = 15e3;
 async function seekVideoToTime(video, timeSec, options) {
@@ -8292,15 +8283,14 @@ async function capturePreviewForVideoFrame(rootEl, videoEl, mode = "full") {
   if (mode === "full" && popoversEl) await drawLayer(popoversEl);
   return canvasToPng(canvas);
 }
-async function captureVideoInstantTriple(rootEl, videoEl) {
-  const full = await capturePreviewForVideoFrame(rootEl, videoEl, "full");
+async function captureVideoInstantDual(rootEl, videoEl) {
+  const clean = await capturePreviewForVideoFrame(rootEl, videoEl, "clean");
   const markersOnly = await capturePreviewForVideoFrame(
     rootEl,
     videoEl,
     "markersOnly"
   );
-  const clean = await capturePreviewForVideoFrame(rootEl, videoEl, "clean");
-  return { full, markersOnly, clean };
+  return { clean, markersOnly };
 }
 function getRestrictionTargetCtor() {
   const g = globalThis;
@@ -9919,7 +9909,7 @@ function aiditorConstructor(_props, refs) {
       if (!gotRoot || !rootEl) {
         throw new Error("Preview container not ready.");
       }
-      const triple = await capturePreviewTriple(rootEl);
+      const dual = await capturePreviewDual(rootEl);
       const attachmentsByAnnotationId = /* @__PURE__ */ new Map();
       for (const a2 of list) {
         if (a2.attachments.length > 0) {
@@ -9931,11 +9921,7 @@ function aiditorConstructor(_props, refs) {
         mode: "multi",
         pageRoute: route,
         renderedUrl: rendered,
-        triple: {
-          full: triple.full,
-          markersOnly: triple.markersOnly,
-          clean: triple.clean
-        },
+        dual,
         attachmentsByAnnotationId: attachmentsByAnnotationId.size > 0 ? attachmentsByAnnotationId : void 0
       });
     } catch (err) {
@@ -10388,15 +10374,15 @@ function aiditorConstructor(_props, refs) {
       setIsRunning(true);
       setVideoSubmitError("");
       setVideoSubmitProgress("");
-      const frameTriples = [];
+      const frameDuals = [];
       const nFrames = distinctTimes.length;
       let frameIdx = 0;
       for (const t of distinctTimes) {
         frameIdx += 1;
         setVideoSubmitProgress(`Capturing annotated frames (${frameIdx}/${nFrames})…`);
         await seekVideoToTime(videoEl, t);
-        const triple = await captureVideoInstantTriple(captureRoot, videoEl);
-        frameTriples.push({ timeSec: t, ...triple });
+        const dual = await captureVideoInstantDual(captureRoot, videoEl);
+        frameDuals.push({ timeSec: t, ...dual });
       }
       const attachmentsByPin = /* @__PURE__ */ new Map();
       for (const a2 of list) {
@@ -10417,7 +10403,7 @@ function aiditorConstructor(_props, refs) {
         pageRoute: route,
         renderedUrl: rendered,
         ...uploadFullRecording ? { video: blob, videoFileName: "recording.webm" } : {},
-        frameTriples,
+        frameDuals,
         attachmentsByPin: attachmentsByPin.size > 0 ? attachmentsByPin : void 0
       });
     } catch (err) {

package/dist/index.d.ts

@@ -412,7 +412,6 @@ interface SubmitTaskActionInput {
   renderedUrl?: string;
   visualTask?: string;
   videoFramesOnly?: string;
-  screenshot_full?: JayFile;
   screenshot_markers_only?: JayFile;
   screenshot_clean?: JayFile;
   video?: JayFile;
@@ -429,7 +428,7 @@ interface SubmitTaskActionOutput {
   duration?: number;
 }
 
-declare const submitTaskAction: _jay_framework_fullstack_component.JayStreamAction<SubmitTaskActionInput, SubmitTaskActionOutput> & _jay_framework_fullstack_component.JayStreamActionDefinition<SubmitTaskActionInput, SubmitTaskActionOutput, [_jay_framework_dev_server.DevServerService]>;
+declare const submitTaskAction: _jay_framework_fullstack_component.JayStreamAction<SubmitTaskActionInput, SubmitTaskActionOutput> & _jay_framework_fullstack_component.JayStreamActionDefinition<SubmitTaskActionInput, SubmitTaskActionOutput, []>;
 
 interface AiditorShellCarry {
     headline: string;

package/dist/index.js

@@ -1,9 +1,10 @@
 import { makeJayQuery, makeJayStream, makeJayStackComponent, phaseOutput, RenderPipeline } from "@jay-framework/fullstack-component";
 import { DEV_SERVER_SERVICE } from "@jay-framework/dev-server";
-import { readFile } from "fs/promises";
+import fs, { readFile } from "fs/promises";
 import path, { extname } from "path";
 import { query } from "@anthropic-ai/claude-agent-sdk";
-import fs from "fs";
+import fs$1 from "fs";
+import crypto from "crypto";
 import { setActionCallerOptions } from "@jay-framework/stack-client-runtime";
 const getAiditorBootstrap = makeJayQuery(
   "aiditor.getAiditorBootstrap"
@@ -118,6 +119,112 @@ function* transformSDKMessage(message) {
     };
   }
 }
+const inFlightRoutes = /* @__PURE__ */ new Set();
+function tryBeginRouteQuery(routeKey) {
+  if (inFlightRoutes.has(routeKey)) {
+    return false;
+  }
+  inFlightRoutes.add(routeKey);
+  return true;
+}
+function endRouteQuery(routeKey) {
+  inFlightRoutes.delete(routeKey);
+}
+const ROUTE_SESSION_MAP_VERSION = 1;
+function normalizePageRoute(raw) {
+  let s = (raw ?? "/").trim();
+  if (s === "") {
+    return "/";
+  }
+  if (!s.startsWith("/")) {
+    s = `/${s}`;
+  }
+  const q = s.indexOf("?");
+  if (q !== -1) {
+    s = s.slice(0, q);
+  }
+  while (s.length > 1 && s.endsWith("/")) {
+    s = s.slice(0, -1);
+  }
+  return s || "/";
+}
+function getRouteSessionsFilePath(projectDir) {
+  return path.join(projectDir, "build", "aditor", "route-sessions.json");
+}
+function emptyMap() {
+  return { version: ROUTE_SESSION_MAP_VERSION, routes: {} };
+}
+let mapMutexChain = Promise.resolve();
+async function withRouteSessionMapLock(fn) {
+  const previous = mapMutexChain;
+  let release;
+  mapMutexChain = new Promise((resolve) => {
+    release = resolve;
+  });
+  await previous;
+  try {
+    return await fn();
+  } finally {
+    release();
+  }
+}
+async function readMap(projectDir) {
+  const filePath = getRouteSessionsFilePath(projectDir);
+  try {
+    const raw = await fs.readFile(filePath, "utf-8");
+    const parsed = JSON.parse(raw);
+    if (parsed.version !== ROUTE_SESSION_MAP_VERSION || typeof parsed.routes !== "object" || parsed.routes === null) {
+      return emptyMap();
+    }
+    const routes = {};
+    for (const [k, v] of Object.entries(parsed.routes)) {
+      if (typeof v === "string") {
+        routes[k] = v.toLowerCase();
+      }
+    }
+    return {
+      version: ROUTE_SESSION_MAP_VERSION,
+      routes
+    };
+  } catch (e) {
+    const code = e && typeof e === "object" && "code" in e ? e.code : void 0;
+    if (code === "ENOENT") {
+      return emptyMap();
+    }
+    throw e;
+  }
+}
+async function writeRouteSessionMapAtomic(projectDir, map) {
+  const filePath = getRouteSessionsFilePath(projectDir);
+  await fs.mkdir(path.dirname(filePath), { recursive: true });
+  const tmp = `${filePath}.${process.pid}.${Date.now()}.tmp`;
+  const body = `${JSON.stringify(map, null, 2)}
+`;
+  await fs.writeFile(tmp, body, "utf-8");
+  await fs.rename(tmp, filePath);
+}
+async function getOrCreateSessionIdForRoute(projectDir, routeKey) {
+  return withRouteSessionMapLock(async () => {
+    const map = await readMap(projectDir);
+    const existing = map.routes[routeKey];
+    if (existing) {
+      return { sessionId: existing, useResume: true };
+    }
+    const sessionId = crypto.randomUUID();
+    map.routes[routeKey] = sessionId;
+    await writeRouteSessionMapAtomic(projectDir, map);
+    return { sessionId, useResume: false };
+  });
+}
+async function replaceRouteSessionAfterStaleResume(projectDir, routeKey) {
+  return withRouteSessionMapLock(async () => {
+    const map = await readMap(projectDir);
+    const sessionId = crypto.randomUUID();
+    map.routes[routeKey] = sessionId;
+    await writeRouteSessionMapAtomic(projectDir, map);
+    return { sessionId };
+  });
+}
 function buildNonVisualPrompt(config, notes, imagePath) {
   const lines = [
     `Project directory: ${config.projectDir}`,
@@ -185,21 +292,20 @@ function parseNotesField(notes) {
   }
   return empty();
 }
-function buildVisualPromptTriple(config, pageRoute, renderedUrl, triple, parsed, attachmentPathsByAnnotationId) {
+function buildVisualPromptDual(config, pageRoute, renderedUrl, dual, parsed, attachmentPathsByAnnotationId) {
   const preamble = [
     `Project directory: ${config.projectDir}`,
     "",
     `Implement the requested changes on page route ${pageRoute}. The captures correspond to this rendered URL: ${renderedUrl}.`,
     "",
-    "Multimodal reference images (use together):",
-    `- Screenshot 1 — Full annotations (markers and on-image messages): ${triple.full}`,
-    `- Screenshot 2 — Numbered markers only (use with Pin list; ignore overlay text from Screenshot 1 for saliency): ${triple.markersOnly}`,
-    `- Screenshot 3 — Clean page (no markers; use to see underlying layout and align pin positions from Screenshot 2): ${triple.clean}`,
+    "Reference images (use together):",
+    `- Screenshot 1 — Clean page (no markers; shows the current page layout and content): ${dual.clean}`,
+    `- Screenshot 2 — Markers only (numbered annotation markers on the page; use to locate which UI element each annotation refers to): ${dual.markersOnly}`,
     "",
     "How to use these screenshots:",
-    "- Use Screenshot 1 for what the user wrote on the page.",
-    "- Use Screenshot 2 to decide which UI region each Pin N refers to.",
-    "- Use Screenshot 3 to understand unmarked typography and structure when overlays obscure content.",
+    "- Use Screenshot 1 to understand the current page structure, typography, and layout.",
+    "- Use Screenshot 2 to identify which UI element each numbered annotation targets.",
+    "- The annotation instructions and attachments are listed below in text — do NOT rely on screenshot text.",
     "",
     ANNOTATION_TARGETING_RULES,
     ""
@@ -217,7 +323,7 @@ function buildVisualPromptTriple(config, pageRoute, renderedUrl, triple, parsed,
       body.push(`Instruction: ${ann.instruction.trim()}`);
       if (paths.length > 0) {
         body.push(
-          "Attachments (read these files; they belong to this pin only):"
+          "Attachments (read these files; they belong to this annotation only):"
         );
         for (const p of paths) {
           body.push(`- ${p}`);
@@ -272,13 +378,12 @@ function buildVisualPromptVideo(config, pageRoute, renderedUrl, videoPath, frame
   for (const [i, a] of pinOrder(sv.annotations).entries()) {
     pinById.set(a.id, String(i + 1));
   }
-  const body = ["Per-moment captures (triple screenshots):", ""];
+  const body = ["Per-moment captures:", ""];
   for (const fr of frames) {
     body.push(
       `Moment ${fr.frameIndex + 1} — t=${fr.timeSec.toFixed(2)}s`,
-      `- Full (markers + on-image messages): ${fr.full}`,
+      `- Clean page (no markers): ${fr.clean}`,
       `- Markers only (numbered pins): ${fr.markersOnly}`,
-      `- Clean (no markers): ${fr.clean}`,
       ""
     );
     const atT = sv.annotations.filter((a) => a.timeSec === fr.timeSec);
@@ -310,17 +415,17 @@ function buildVisualPromptVideo(config, pageRoute, renderedUrl, videoPath, frame
   return [...preamble, ...body].join("\n");
 }
 function persistFile(file, destDir, fileName) {
-  fs.mkdirSync(destDir, { recursive: true });
+  fs$1.mkdirSync(destDir, { recursive: true });
   const dest = path.join(destDir, fileName ?? file.name);
-  fs.copyFileSync(file.path, dest);
+  fs$1.copyFileSync(file.path, dest);
   return dest;
 }
-const submitTaskAction = makeJayStream("aiditor.submitTask").withServices(DEV_SERVER_SERVICE).withFiles({ maxFileSize: 2e7, maxFiles: 300 }).withHandler(async function* (input, devServer) {
+const submitTaskAction = makeJayStream("aiditor.submitTask").withFiles({ maxFileSize: 2e7, maxFiles: 300 }).withHandler(async function* (input) {
   const projectDir = process.cwd();
-  const buildFolder = devServer.buildFolder ?? path.join(projectDir, "build");
+  const buildFolder = path.join(projectDir, "build");
   const taskId = Math.random().toString(36).slice(2, 10);
   const taskDir = path.join(buildFolder, "aditor", taskId);
-  fs.mkdirSync(taskDir, { recursive: true });
+  fs$1.mkdirSync(taskDir, { recursive: true });
   yield { type: "status", message: "Preparing task..." };
   const config = { projectDir };
   const parsed = parseNotesField(input.notes);
@@ -336,10 +441,9 @@ const submitTaskAction = makeJayStream("aiditor.submitTask").withServices(DEV_SE
     const extra = input.extraFiles ?? {};
     const frames = [];
     for (let i = 0; ; i++) {
-      const full = extra[`frame_${i}_full`];
       const markers = extra[`frame_${i}_markers_only`];
       const clean = extra[`frame_${i}_clean`];
-      if (!full) break;
+      if (!markers && !clean) break;
       const frameDir = path.join(taskDir, "frames", String(i));
       const timeSec = parsed.structuredVideo?.annotations.find(
         (a, idx) => idx === i || a.timeSec !== void 0
@@ -347,9 +451,8 @@ const submitTaskAction = makeJayStream("aiditor.submitTask").withServices(DEV_SE
       frames.push({
         timeSec,
         frameIndex: i,
-        full: persistFile(full, frameDir, "full.png"),
-        markersOnly: markers ? persistFile(markers, frameDir, "markers-only.png") : "",
-        clean: clean ? persistFile(clean, frameDir, "clean.png") : ""
+        clean: clean ? persistFile(clean, frameDir, "clean.png") : "",
+        markersOnly: markers ? persistFile(markers, frameDir, "markers-only.png") : ""
       });
     }
     const attachmentPathsByPin = /* @__PURE__ */ new Map();
@@ -371,20 +474,19 @@ const submitTaskAction = makeJayStream("aiditor.submitTask").withServices(DEV_SE
       parsed,
       attachmentPathsByPin
     );
-  } else if (isVisual && input.screenshot_full) {
+  } else if (isVisual && input.screenshot_markers_only) {
     const ssDir = path.join(taskDir, "screenshots");
-    const triple = {
-      full: persistFile(input.screenshot_full, ssDir, "full.png"),
-      markersOnly: input.screenshot_markers_only ? persistFile(
+    const dual = {
+      clean: input.screenshot_clean ? persistFile(input.screenshot_clean, ssDir, "clean.png") : "",
+      markersOnly: persistFile(
         input.screenshot_markers_only,
         ssDir,
         "markers-only.png"
-      ) : "",
-      clean: input.screenshot_clean ? persistFile(input.screenshot_clean, ssDir, "clean.png") : ""
+      )
     };
-    const extraTriple = input.extraFiles ?? {};
+    const extraFiles = input.extraFiles ?? {};
     const attachmentPathsByAnnotationId = /* @__PURE__ */ new Map();
-    for (const [key, file] of Object.entries(extraTriple)) {
+    for (const [key, file] of Object.entries(extraFiles)) {
       if (!key.startsWith("attachment_")) continue;
       const pinId = key.split("_")[1];
       const attDir = path.join(taskDir, `annotation-${pinId}`);
@@ -393,11 +495,11 @@ const submitTaskAction = makeJayStream("aiditor.submitTask").withServices(DEV_SE
       existing.push(filePath);
       attachmentPathsByAnnotationId.set(pinId, existing);
     }
-    promptContent = buildVisualPromptTriple(
+    promptContent = buildVisualPromptDual(
       config,
       input.pageRoute ?? "/",
       input.renderedUrl ?? "",
-      triple,
+      dual,
       parsed,
       attachmentPathsByAnnotationId
     );
@@ -412,30 +514,81 @@ const submitTaskAction = makeJayStream("aiditor.submitTask").withServices(DEV_SE
     "designer",
     "INSTRUCTIONS.md"
   );
-  if (fs.existsSync(agentKitPath)) {
-    systemPrompt = fs.readFileSync(agentKitPath, "utf-8");
+  if (fs$1.existsSync(agentKitPath)) {
+    systemPrompt = fs$1.readFileSync(agentKitPath, "utf-8");
+  }
+  const routeKey = normalizePageRoute(input.pageRoute);
+  const sessionPlan = await getOrCreateSessionIdForRoute(
+    projectDir,
+    routeKey
+  );
+  if (!tryBeginRouteQuery(routeKey)) {
+    yield {
+      type: "error",
+      message: "Another agent task is already running for this page. Wait for it to finish, then try again."
+    };
+    yield { type: "done" };
+    return;
   }
+  const sharedOptions = {
+    cwd: projectDir,
+    tools: ["Read", "Edit", "Write", "Bash", "Glob", "Grep"],
+    allowedTools: ["Read", "Edit", "Write", "Bash", "Glob", "Grep"],
+    maxTurns: 30,
+    persistSession: true,
+    systemPrompt
+  };
   try {
-    for await (const message of query({
-      prompt: promptContent,
-      options: {
-        cwd: projectDir,
-        tools: ["Read", "Edit", "Write", "Bash", "Glob", "Grep"],
-        allowedTools: ["Read", "Edit", "Write", "Bash", "Glob", "Grep"],
-        maxTurns: 30,
-        persistSession: false,
-        systemPrompt
+    async function* streamAgentQuery(opts) {
+      for await (const message of query({
+        prompt: promptContent,
+        options: {
+          ...sharedOptions,
+          ...opts
+        }
+      })) {
+        for (const chunk of transformSDKMessage(message)) {
+          yield chunk;
+        }
       }
-    })) {
-      for (const chunk of transformSDKMessage(message)) {
-        yield chunk;
+    }
+    let didStaleResumeRetry = false;
+    try {
+      if (sessionPlan.useResume) {
+        yield* streamAgentQuery({ resume: sessionPlan.sessionId });
+      } else {
+        yield* streamAgentQuery({
+          sessionId: sessionPlan.sessionId,
+          title: routeKey
+        });
+      }
+    } catch (err) {
+      if (sessionPlan.useResume && !didStaleResumeRetry) {
+        didStaleResumeRetry = true;
+        const fresh = await replaceRouteSessionAfterStaleResume(
+          projectDir,
+          routeKey
+        );
+        try {
+          yield* streamAgentQuery({
+            sessionId: fresh.sessionId,
+            title: routeKey
+          });
+        } catch (err2) {
+          yield {
+            type: "error",
+            message: err2 instanceof Error ? err2.message : String(err2)
+          };
+        }
+      } else {
+        yield {
+          type: "error",
+          message: err instanceof Error ? err.message : String(err)
+        };
       }
     }
-  } catch (err) {
-    yield {
-      type: "error",
-      message: err instanceof Error ? err.message : String(err)
-    };
+  } finally {
+    endRouteQuery(routeKey);
   }
   yield { type: "done" };
 });

package/dist/pages/aiditor/page.jay-html

@@ -85,7 +85,7 @@
     .visual-error { font-size: 12px; color: #f48771; }
     .visual-submit-error { font-size: 12px; color: #f48771; margin: 0; padding: 0 2px; }
     .visual-submit-progress { font-size: 12px; color: #9cdcfe; margin: 0; padding: 0 2px; }
-    .bottom-panel { flex-shrink: 0; display: flex; flex-direction: column; background: #1e1e1e; border-top: 1px solid #3e3e3e; min-height: 32px; max-height: 80vh; }
+    .bottom-panel { flex-shrink: 0; display: flex; flex-direction: column; background: #1e1e1e; border-top: 1px solid #3e3e3e; min-height: 32px; max-height: 80vh; height: 200px; }
     .bottom-panel-collapsed { max-height: 32px; overflow: hidden; }
     .bottom-panel-resize { height: 4px; cursor: ns-resize; background: transparent; flex-shrink: 0; }
     .bottom-panel-resize:hover, .bottom-panel-resize:active { background: #007acc; }
@@ -98,7 +98,7 @@
     .bottom-panel-spacer { flex: 1; }
     .bottom-panel-clear { background: none; border: none; color: #666; font-size: 11px; cursor: pointer; padding: 2px 6px; }
     .bottom-panel-clear:hover { color: #ccc; }
-    .output-panel { overflow-y: auto; padding: 8px 12px; font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace; font-size: 12px; line-height: 1.5; white-space: pre-wrap; word-break: break-word; max-height: calc(5 * 1.5em + 16px); }
+    .output-panel { overflow-y: auto; padding: 8px 12px; font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace; font-size: 12px; line-height: 1.5; white-space: pre-wrap; word-break: break-word; flex: 1; min-height: 0; }
     .chunk { color: #d4d4d4; }
     .chunk-status { color: #888; font-style: italic; }
     .chunk-tool { color: #569cd6; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jay-framework/aiditor",
-  "version": "0.16.4",
+  "version": "0.16.5",
   "type": "module",
   "description": "AIditor — visual AI-driven code editor plugin for Jay Framework",
   "main": "dist/index.js",
@@ -38,24 +38,25 @@
     "build:types": "tsup lib/index.ts lib/index.client.ts --dts-only --format esm",
     "build:check-types": "tsc",
     "clean": "rimraf dist",
-    "test": ":"
+    "test": "vitest run"
   },
   "dependencies": {
     "@anthropic-ai/claude-agent-sdk": "0.2.119",
-    "@jay-framework/fullstack-component": "^0.16.4",
-    "@jay-framework/stack-client-runtime": "^0.16.4",
-    "@jay-framework/stack-server-runtime": "^0.16.4",
+    "@jay-framework/fullstack-component": "^0.16.5",
+    "@jay-framework/stack-client-runtime": "^0.16.5",
+    "@jay-framework/stack-server-runtime": "^0.16.5",
     "busboy": "^1.6.0",
     "html2canvas": "^1.4.1",
     "zod": "^4.3.6"
   },
   "devDependencies": {
-    "@jay-framework/compiler-jay-stack": "^0.16.4",
-    "@jay-framework/jay-cli": "^0.16.4",
+    "@jay-framework/compiler-jay-stack": "^0.16.5",
+    "@jay-framework/jay-cli": "^0.16.5",
     "@types/busboy": "^1",
     "rimraf": "^5.0.5",
     "tsup": "^8.5.1",
     "typescript": "^5.3.3",
-    "vite": "^5.0.11"
+    "vite": "^5.0.11",
+    "vitest": "^3.2.4"
   }
 }

package/dist/pages/aiditor/page.jay-html.d.ts

@@ -1,331 +0,0 @@
-import {JayElement, RenderElement, HTMLElementCollectionProxy, HTMLElementProxy, RenderElementOptions, JayContract} from "@jay-framework/runtime";
-
-import './page.css';
-
-export interface ChunkOfPageViewState {
-  text: string,
-  cssClass: string,
-  filePath: string,
-  toolName: string
-}
-
-export interface PageSelectOptionOfPageViewState {
-  url: string,
-  label: string
-}
-
-export interface PreviewPathOptionOfPageViewState {
-  path: string
-}
-
-export interface VisualPointDisplayItemOfPageViewState {
-  id: string,
-  leftPct: number,
-  topPct: number,
-  indexLabel: string
-}
-
-export interface VisualAreaDisplayItemOfPageViewState {
-  id: string,
-  leftPct: number,
-  topPct: number,
-  widthPct: number,
-  heightPct: number,
-  indexLabel: string
-}
-
-export interface VisualArrowDisplayItemOfPageViewState {
-  id: string,
-  x1Pct: number,
-  y1Pct: number,
-  x2Pct: number,
-  y2Pct: number
-}
-
-export interface VisualArrowPinItemOfPageViewState {
-  id: string,
-  leftPct: number,
-  topPct: number,
-  indexLabel: string
-}
-
-export interface AttachmentChipOfVisualAnnotationRowOfPageViewState {
-  key: string,
-  name: string,
-  thumbUrl: string,
-  annotationId: string
-}
-
-export interface VisualAnnotationRowOfPageViewState {
-  id: string,
-  kindLabel: string,
-  instruction: string,
-  runDisabled: boolean,
-  leftPct: number,
-  topPct: number,
-  popoverFlipX: boolean,
-  popoverFlipY: boolean,
-  attachmentChips: Array<AttachmentChipOfVisualAnnotationRowOfPageViewState>
-}
-
-export interface AttachmentChipOfRecordingDraftUiOfPageViewState {
-  key: string,
-  name: string,
-  thumbUrl: string,
-  annotationId: string
-}
-
-export interface RecordingDraftUiOfPageViewState {
-  id: string,
-  kindLabel: string,
-  instruction: string,
-  leftPct: number,
-  topPct: number,
-  popoverFlipX: boolean,
-  popoverFlipY: boolean,
-  attachmentChips: Array<AttachmentChipOfRecordingDraftUiOfPageViewState>
-}
-
-export interface RecordingDraftAttachmentChipOfPageViewState {
-  key: string,
-  name: string,
-  thumbUrl: string,
-  annotationId: string
-}
-
-export interface VideoPointDisplayItemOfPageViewState {
-  id: string,
-  leftPct: number,
-  topPct: number,
-  indexLabel: string
-}
-
-export interface VideoAreaDisplayItemOfPageViewState {
-  id: string,
-  leftPct: number,
-  topPct: number,
-  widthPct: number,
-  heightPct: number,
-  indexLabel: string
-}
-
-export interface VideoArrowDisplayItemOfPageViewState {
-  id: string,
-  x1Pct: number,
-  y1Pct: number,
-  x2Pct: number,
-  y2Pct: number
-}
-
-export interface VideoArrowPinItemOfPageViewState {
-  id: string,
-  leftPct: number,
-  topPct: number,
-  indexLabel: string
-}
-
-export interface AttachmentChipOfVideoAnnotationRowOfPageViewState {
-  key: string,
-  name: string,
-  thumbUrl: string,
-  annotationId: string
-}
-
-export interface VideoAnnotationRowOfPageViewState {
-  id: string,
-  kindLabel: string,
-  instruction: string,
-  runDisabled: boolean,
-  leftPct: number,
-  topPct: number,
-  popoverFlipX: boolean,
-  popoverFlipY: boolean,
-  attachmentChips: Array<AttachmentChipOfVideoAnnotationRowOfPageViewState>
-}
-
-export interface VideoTimelineMarkerOfPageViewState {
-  key: string,
-  timeSec: number,
-  leftPct: number,
-  label: string
-}
-
-export interface PageViewState {
-  isBootstrapping: boolean,
-  showBootstrapError: boolean,
-  bootstrapErrorText: string,
-  canRetryBootstrap: boolean,
-  isMainVisible: boolean,
-  projectName: string,
-  notes: string,
-  hasImage: boolean,
-  isRunning: boolean,
-  chunks: Array<ChunkOfPageViewState>,
-  hasChunks: boolean,
-  outputEmpty: boolean,
-  pageSelectOptions: Array<PageSelectOptionOfPageViewState>,
-  selectedRouteSelectValue: string,
-  hasPages: boolean,
-  isPreviewMode: boolean,
-  previewUrlBar: string,
-  previewLoading: boolean,
-  paramsLoadingHint: string,
-  previewError: string,
-  showPathSelect: boolean,
-  previewPathOptions: Array<PreviewPathOptionOfPageViewState>,
-  selectedPreviewPath: string,
-  showPreviewIframe: boolean,
-  previewSrc: string,
-  showOutputChunks: boolean,
-  showOutputEmpty: boolean,
-  outputEmptyHint: string,
-  bottomPanelClass: string,
-  bottomPanelToggleGlyph: string,
-  showBottomPanelRunning: boolean,
-  showFilePreview: boolean,
-  filePreviewPath: string,
-  filePreviewContent: string,
-  filePreviewIsImage: boolean,
-  filePreviewImageSrc: string,
-  filePreviewLoading: boolean,
-  showVisualToolbar: boolean,
-  visualToolNoneOn: boolean,
-  visualToolPointOn: boolean,
-  visualToolAreaOn: boolean,
-  visualToolArrowOn: boolean,
-  visualPointDisplayItems: Array<VisualPointDisplayItemOfPageViewState>,
-  showVisualPointMarkers: boolean,
-  visualAreaDisplayItems: Array<VisualAreaDisplayItemOfPageViewState>,
-  showVisualAreaItems: boolean,
-  areaDraftLeftPct: number,
-  areaDraftTopPct: number,
-  areaDraftWidthPct: number,
-  areaDraftHeightPct: number,
-  showAreaDraftRect: boolean,
-  visualArrowDisplayItems: Array<VisualArrowDisplayItemOfPageViewState>,
-  visualArrowPinItems: Array<VisualArrowPinItemOfPageViewState>,
-  hasVisualArrowLines: boolean,
-  showArrowPending: boolean,
-  arrowPendingLeftPct: number,
-  arrowPendingTopPct: number,
-  visualAnnotationRows: Array<VisualAnnotationRowOfPageViewState>,
-  recordingDraftUi: RecordingDraftUiOfPageViewState,
-  recordingDraftAttachmentChips: Array<RecordingDraftAttachmentChipOfPageViewState>,
-  showRecordingDraftPopover: boolean,
-  showVisualAnnotationsPanel: boolean,
-  showVisualSubmitError: boolean,
-  visualSubmitError: string,
-  visualOverlayPointerNone: boolean,
-  showVideoRecordUi: boolean,
-  isVideoRecording: boolean,
-  videoRecordLabel: string,
-  videoRecordDisabled: boolean,
-  freezeDisabled: boolean,
-  showVideoReviewModal: boolean,
-  videoReviewPreparing: boolean,
-  videoReviewReady: boolean,
-  videoReviewError: boolean,
-  videoReviewErrorText: string,
-  videoReviewObjectUrl: string,
-  videoModalToolNoneOn: boolean,
-  videoModalToolPointOn: boolean,
-  videoModalToolAreaOn: boolean,
-  videoModalToolArrowOn: boolean,
-  videoPointDisplayItems: Array<VideoPointDisplayItemOfPageViewState>,
-  showVideoPointMarkers: boolean,
-  videoAreaDisplayItems: Array<VideoAreaDisplayItemOfPageViewState>,
-  showVideoAreaItems: boolean,
-  videoAreaDraftLeftPct: number,
-  videoAreaDraftTopPct: number,
-  videoAreaDraftWidthPct: number,
-  videoAreaDraftHeightPct: number,
-  showVideoAreaDraftRect: boolean,
-  videoArrowDisplayItems: Array<VideoArrowDisplayItemOfPageViewState>,
-  videoArrowPinItems: Array<VideoArrowPinItemOfPageViewState>,
-  hasVideoArrowLines: boolean,
-  showVideoArrowPending: boolean,
-  videoArrowPendingLeftPct: number,
-  videoArrowPendingTopPct: number,
-  videoAnnotationRows: Array<VideoAnnotationRowOfPageViewState>,
-  showVideoAnnotationsPanel: boolean,
-  videoModalOverlayPointerNone: boolean,
-  videoSubmitError: string,
-  showVideoSubmitError: boolean,
-  videoSubmitProgress: string,
-  showVideoSubmitProgress: boolean,
-  videoTimelineMarkers: Array<VideoTimelineMarkerOfPageViewState>,
-  showVideoAnnotationPopoversAtPlayhead: boolean,
-  videoTimeLabel: string,
-  videoSendDisabled: boolean,
-  videoPlayPauseGlyph: string,
-  breakpointDesktopOn: boolean,
-  breakpointTabletOn: boolean,
-  breakpointMobileOn: boolean
-}
-
-
-export interface PageElementRefs {
-  retryBootstrapBtn: HTMLElementProxy<PageViewState, HTMLButtonElement>,
-  pageRouteSelect: HTMLElementProxy<PageViewState, HTMLSelectElement>,
-  previewPathSelect: HTMLElementProxy<PageViewState, HTMLSelectElement>,
-  breakpointDesktopBtn: HTMLElementProxy<PageViewState, HTMLButtonElement>,
-  breakpointTabletBtn: HTMLElementProxy<PageViewState, HTMLButtonElement>,
-  breakpointMobileBtn: HTMLElementProxy<PageViewState, HTMLButtonElement>,
-  visualToolNoneBtn: HTMLElementProxy<PageViewState, HTMLButtonElement>,
-  visualToolPointBtn: HTMLElementProxy<PageViewState, HTMLButtonElement>,
-  visualToolAreaBtn: HTMLElementProxy<PageViewState, HTMLButtonElement>,
-  visualToolArrowBtn: HTMLElementProxy<PageViewState, HTMLButtonElement>,
-  videoRecordBtn: HTMLElementProxy<PageViewState, HTMLButtonElement>,
-  freezeBtn: HTMLElementProxy<PageViewState, HTMLButtonElement>,
-  visualAttachFileInput: HTMLElementProxy<PageViewState, HTMLInputElement>,
-  previewIframe: HTMLElementProxy<PageViewState, HTMLIFrameElement>,
-  visualOverlay: HTMLElementProxy<PageViewState, HTMLDivElement>,
-  recordingDraftPopover: HTMLElementProxy<PageViewState, HTMLDivElement>,
-  previewCaptureRoot: HTMLElementProxy<PageViewState, HTMLDivElement>,
-  bottomPanelResize: HTMLElementProxy<PageViewState, HTMLDivElement>,
-  bottomPanelClearBtn: HTMLElementProxy<PageViewState, HTMLButtonElement>,
-  bottomPanelToggleBtn: HTMLElementProxy<PageViewState, HTMLButtonElement>,
-  bottomPanelHeader: HTMLElementProxy<PageViewState, HTMLDivElement>,
-  outputScroll: HTMLElementProxy<PageViewState, HTMLDivElement>,
-  filePreviewCloseBtn: HTMLElementProxy<PageViewState, HTMLButtonElement>,
-  filePreviewBackdrop: HTMLElementProxy<PageViewState, HTMLDivElement>,
-  videoReviewCloseBtn: HTMLElementProxy<PageViewState, HTMLButtonElement>,
-  videoModalToolNoneBtn: HTMLElementProxy<PageViewState, HTMLButtonElement>,
-  videoModalToolPointBtn: HTMLElementProxy<PageViewState, HTMLButtonElement>,
-  videoModalToolAreaBtn: HTMLElementProxy<PageViewState, HTMLButtonElement>,
-  videoModalToolArrowBtn: HTMLElementProxy<PageViewState, HTMLButtonElement>,
-  videoReviewAttachFileInput: HTMLElementProxy<PageViewState, HTMLInputElement>,
-  videoReviewPlayer: HTMLElementProxy<PageViewState, HTMLVideoElement>,
-  videoReviewOverlay: HTMLElementProxy<PageViewState, HTMLDivElement>,
-  videoReviewCaptureRoot: HTMLElementProxy<PageViewState, HTMLDivElement>,
-  videoPlayPauseBtn: HTMLElementProxy<PageViewState, HTMLButtonElement>,
-  videoTimeline: HTMLElementProxy<PageViewState, HTMLInputElement>,
-  videoReviewTimelineWrap: HTMLElementProxy<PageViewState, HTMLDivElement>,
-  videoReviewDiscardBtn: HTMLElementProxy<PageViewState, HTMLButtonElement>,
-  videoReviewSendBtn: HTMLElementProxy<PageViewState, HTMLButtonElement>,
-  videoReviewBackdrop: HTMLElementProxy<PageViewState, HTMLDivElement>,
-  visualAnnotationRows: {
-    annotationRow: HTMLElementCollectionProxy<VisualAnnotationRowOfPageViewState, HTMLDivElement>
-  },
-  videoAnnotationRows: {
-    videoAnnotationRow: HTMLElementCollectionProxy<VideoAnnotationRowOfPageViewState, HTMLDivElement>
-  }
-}
-
-export type PageSlowViewState = {};
-export type PageFastViewState = PageViewState;
-export type PageInteractiveViewState = PageViewState;
-
-export type PageElement = JayElement<PageViewState, PageElementRefs>
-export type PageElementRender = RenderElement<PageViewState, PageElementRefs, PageElement>
-export type PageElementPreRender = [PageElementRefs, PageElementRender]
-export type PageContract = JayContract<
-    PageViewState,
-    PageElementRefs,
-    PageSlowViewState,
-    PageFastViewState,
-    PageInteractiveViewState
->;
-
-
-export declare function render(options?: RenderElementOptions): PageElementPreRender