codex-autorunner 1.0.0__py3-none-any.whl → 1.2.0__py3-none-any.whl

codex_autorunner/static/ticketEditor.js

@@ -2,14 +2,16 @@
 /**
  * Ticket Editor Modal - handles creating, editing, and deleting tickets
  */
-import { api, flash, updateUrlParams, splitMarkdownFrontmatter } from "./utils.js";
+import { api, confirmModal, flash, updateUrlParams, splitMarkdownFrontmatter } from "./utils.js";
 import { publish } from "./bus.js";
 import { clearTicketChatHistory } from "./ticketChatStorage.js";
-import { setTicketIndex, sendTicketChat, cancelTicketChat, applyTicketPatch, discardTicketPatch, loadTicketPending, renderTicketChat, resetTicketChatState, ticketChatState, } from "./ticketChatActions.js";
+import { setTicketIndex, sendTicketChat, cancelTicketChat, applyTicketPatch, discardTicketPatch, loadTicketPending, renderTicketChat, resetTicketChatState, ticketChatState, resumeTicketPendingTurn, } from "./ticketChatActions.js";
 import { initAgentControls } from "./agentControls.js";
 import { initTicketVoice } from "./ticketVoice.js";
 import { initTicketChatEvents, renderTicketEvents, renderTicketMessages } from "./ticketChatEvents.js";
+import { initChatPasteUpload } from "./chatUploads.js";
 import { DocEditor } from "./docEditor.js";
+import { initTicketTemplates } from "./ticketTemplates.js";
 const DEFAULT_FRONTMATTER = {
     agent: "codex",
     done: false,
@@ -30,6 +32,74 @@ const state = {
 // Autosave debounce timer
 const AUTOSAVE_DELAY_MS = 1000;
 let ticketDocEditor = null;
+let ticketNavCache = [];
+function isTypingTarget(target) {
+    if (!(target instanceof HTMLElement))
+        return false;
+    const tag = target.tagName;
+    return tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT" || target.isContentEditable;
+}
+async function fetchTicketList() {
+    const data = (await api("/api/flows/ticket_flow/tickets"));
+    const list = (data?.tickets || []).filter((ticket) => typeof ticket.index === "number");
+    list.sort((a, b) => (a.index ?? 0) - (b.index ?? 0));
+    return list;
+}
+async function updateTicketNavButtons() {
+    const { prevBtn, nextBtn } = els();
+    if (!prevBtn || !nextBtn)
+        return;
+    if (state.mode !== "edit" || state.ticketIndex == null) {
+        prevBtn.disabled = true;
+        nextBtn.disabled = true;
+        return;
+    }
+    try {
+        const list = await fetchTicketList();
+        ticketNavCache = list;
+    }
+    catch {
+        // If fetch fails, fall back to the last known list.
+    }
+    const list = ticketNavCache;
+    if (!list.length) {
+        prevBtn.disabled = true;
+        nextBtn.disabled = true;
+        return;
+    }
+    const idx = list.findIndex((ticket) => ticket.index === state.ticketIndex);
+    const hasPrev = idx > 0;
+    const hasNext = idx >= 0 && idx < list.length - 1;
+    prevBtn.disabled = !hasPrev;
+    nextBtn.disabled = !hasNext;
+}
+async function navigateTicket(delta) {
+    if (state.mode !== "edit" || state.ticketIndex == null)
+        return;
+    await performAutosave();
+    let list = ticketNavCache;
+    if (!list.length) {
+        try {
+            list = await fetchTicketList();
+            ticketNavCache = list;
+        }
+        catch {
+            return;
+        }
+    }
+    const idx = list.findIndex((ticket) => ticket.index === state.ticketIndex);
+    const target = idx >= 0 ? list[idx + delta] : null;
+    if (target && target.index != null) {
+        try {
+            const data = (await api(`/api/flows/ticket_flow/tickets/${target.index}`));
+            openTicketEditor(data);
+        }
+        catch (err) {
+            flash(`Failed to navigate to ticket: ${err.message}`, "error");
+        }
+    }
+    void updateTicketNavButtons();
+}
 function els() {
     return {
         modal: document.getElementById("ticket-editor-modal"),
@@ -40,6 +110,8 @@ function els() {
         newBtn: document.getElementById("ticket-new-btn"),
         insertCheckboxBtn: document.getElementById("ticket-insert-checkbox"),
         undoBtn: document.getElementById("ticket-undo-btn"),
+        prevBtn: document.getElementById("ticket-nav-prev"),
+        nextBtn: document.getElementById("ticket-nav-next"),
         autosaveStatus: document.getElementById("ticket-autosave-status"),
         // Frontmatter form elements
         fmAgent: document.getElementById("ticket-fm-agent"),
@@ -234,20 +306,24 @@ function extractFrontmatter(ticket) {
 /**
  * Build full markdown content from frontmatter form + body textarea
  */
+function yamlQuote(value) {
+    // Use JSON.stringify for simple, safe double-quoted scalars (handles colons, quotes, newlines).
+    return JSON.stringify(value ?? "");
+}
 function buildTicketContent() {
     const { content } = els();
     const fm = getFrontmatterFromForm();
     const body = content?.value || "";
-    // Reconstruct frontmatter YAML
+    // Reconstruct frontmatter YAML with quoted scalars to tolerate special characters.
     const lines = ["---"];
-    lines.push(`agent: ${fm.agent}`);
+    lines.push(`agent: ${yamlQuote(fm.agent)}`);
     lines.push(`done: ${fm.done}`);
     if (fm.title)
-        lines.push(`title: ${fm.title}`);
+        lines.push(`title: ${yamlQuote(fm.title)}`);
     if (fm.model)
-        lines.push(`model: ${fm.model}`);
+        lines.push(`model: ${yamlQuote(fm.model)}`);
     if (fm.reasoning)
-        lines.push(`reasoning: ${fm.reasoning}`);
+        lines.push(`reasoning: ${yamlQuote(fm.reasoning)}`);
     lines.push("---");
     lines.push("");
     lines.push(body);
@@ -414,8 +490,12 @@ async function performAutosave() {
         // Notify that tickets changed
         publish("tickets:updated", {});
     }
-    catch {
+    catch (err) {
+        // Surface the failure to the user and let DocEditor keep the "dirty" state
+        // so a retry is attempted instead of falsely reporting success.
         setAutosaveStatus("error");
+        flash(err?.message || "Failed to save ticket", "error");
+        throw err;
     }
 }
 /**
@@ -526,19 +606,21 @@ export function openTicketEditor(ticket) {
     renderTicketChat();
     renderTicketEvents();
     renderTicketMessages();
+    void resumeTicketPendingTurn(ticket?.index ?? null);
     state.isOpen = true;
     modal.classList.remove("hidden");
     // Update URL with ticket index
     if (ticket?.index != null) {
         updateUrlParams({ ticket: ticket.index });
     }
-    // Focus on title field for new tickets, body for existing
+    if (ticket?.path) {
+        publish("ticket-editor:opened", { path: ticket.path, index: ticket.index ?? null });
+    }
+    void updateTicketNavButtons();
+    // Focus on title field for new tickets
     if (state.mode === "create" && fmTitle) {
         fmTitle.focus();
     }
-    else {
-        content.focus();
-    }
 }
 /**
  * Close the ticket editor modal (autosaves on close)
@@ -549,7 +631,9 @@ export function closeTicketEditor() {
         return;
     // Autosave on close if there are changes
     if (hasUnsavedChanges()) {
-        void performAutosave();
+        // Fire-and-forget: swallow rejection because the error is already flashed
+        // inside performAutosave and DocEditor keeps the buffer dirty for retry.
+        void performAutosave().catch(() => { });
     }
     // Cancel any running chat
     if (ticketChatState.status === "running") {
@@ -568,9 +652,12 @@ export function closeTicketEditor() {
     ticketDocEditor = null;
     // Clear ticket from URL
     updateUrlParams({ ticket: null });
+    void updateTicketNavButtons();
     // Reset chat state
     resetTicketChatState();
     setTicketIndex(null);
+    // Notify that editor was closed (for selection state cleanup)
+    publish("ticket-editor:closed", {});
 }
 /**
  * Save the current ticket (triggers immediate autosave)
@@ -586,7 +673,7 @@ export async function deleteTicket() {
         flash("Cannot delete: no ticket selected", "error");
         return;
     }
-    const confirmed = window.confirm(`Delete TICKET-${String(state.ticketIndex).padStart(3, "0")}.md? This cannot be undone.`);
+    const confirmed = await confirmModal(`Delete TICKET-${String(state.ticketIndex).padStart(3, "0")}.md? This cannot be undone.`);
     if (!confirmed)
         return;
     setButtonsLoading(true);
@@ -618,7 +705,7 @@ export async function deleteTicket() {
  * Initialize the ticket editor - wire up event listeners
  */
 export function initTicketEditor() {
-    const { modal, content, deleteBtn, closeBtn, newBtn, insertCheckboxBtn, undoBtn, fmAgent, fmModel, fmReasoning, fmDone, fmTitle, chatInput, chatSendBtn, chatCancelBtn, patchApplyBtn, patchDiscardBtn, agentSelect, modelSelect, reasoningSelect, } = els();
+    const { modal, content, deleteBtn, closeBtn, newBtn, insertCheckboxBtn, undoBtn, prevBtn, nextBtn, fmAgent, fmModel, fmReasoning, fmDone, fmTitle, chatInput, chatSendBtn, chatCancelBtn, patchApplyBtn, patchDiscardBtn, agentSelect, modelSelect, reasoningSelect, } = els();
     if (!modal)
         return;
     // Prevent double initialization
@@ -635,6 +722,8 @@ export function initTicketEditor() {
     void initTicketVoice();
     // Initialize rich chat experience (events toggle, etc.)
     initTicketChatEvents();
+    // Initialize ticket templates picker
+    initTicketTemplates();
     // Button handlers
     if (deleteBtn)
         deleteBtn.addEventListener("click", () => void deleteTicket());
@@ -646,6 +735,16 @@ export function initTicketEditor() {
         insertCheckboxBtn.addEventListener("click", insertCheckbox);
     if (undoBtn)
         undoBtn.addEventListener("click", undoChange);
+    if (prevBtn)
+        prevBtn.addEventListener("click", (e) => {
+            e.preventDefault();
+            void navigateTicket(-1);
+        });
+    if (nextBtn)
+        nextBtn.addEventListener("click", (e) => {
+            e.preventDefault();
+            void navigateTicket(1);
+        });
     // Autosave on content changes
     if (content) {
         content.addEventListener("input", onContentChange);
@@ -694,6 +793,13 @@ export function initTicketEditor() {
             chatInput.style.height = "auto";
             chatInput.style.height = Math.min(chatInput.scrollHeight, 100) + "px";
         });
+        initChatPasteUpload({
+            textarea: chatInput,
+            basePath: "/api/filebox",
+            box: "inbox",
+            insertStyle: "both",
+            pathPrefix: ".codex-autorunner/filebox",
+        });
     }
     // Close on backdrop click
     modal.addEventListener("click", (e) => {
@@ -718,6 +824,22 @@ export function initTicketEditor() {
             undoChange();
         }
     });
+    // Left/Right arrows navigate between tickets when editor is open and not typing
+    document.addEventListener("keydown", (e) => {
+        if (!state.isOpen)
+            return;
+        // Check for navigation keys
+        if (e.key !== "ArrowLeft" && e.key !== "ArrowRight")
+            return;
+        // Don't interfere with typing
+        if (isTypingTarget(e.target))
+            return;
+        // Require Alt modifier for navigation (no Ctrl/Meta/Shift)
+        if (!e.altKey || e.ctrlKey || e.metaKey || e.shiftKey)
+            return;
+        e.preventDefault();
+        void navigateTicket(e.key === "ArrowLeft" ? -1 : 1);
+    });
     // Enter key creates new TODO checkbox when on a checkbox line
     if (content) {
         content.addEventListener("keydown", (e) => {