codex-autorunner 1.2.1__py3-none-any.whl → 1.3.0__py3-none-any.whl

codex_autorunner/static/pma.js

@@ -2,12 +2,13 @@
 /**
  * PMA (Project Management Agent) - Hub-level chat interface
  */
-import { api, confirmModal, resolvePath, getAuthToken, flash } from "./utils.js";
+import { api, resolvePath, getAuthToken, flash } from "./utils.js";
 import { createDocChat, } from "./docChatCore.js";
 import { initChatPasteUpload } from "./chatUploads.js";
 import { clearAgentSelectionStorage, getSelectedAgent, getSelectedModel, getSelectedReasoning, initAgentControls, refreshAgentControls, } from "./agentControls.js";
 import { createFileBoxWidget } from "./fileboxUi.js";
 import { extractContextRemainingPercent } from "./streamUtils.js";
+import { initNotificationBell } from "./notificationBell.js";
 const pmaStyling = {
     eventClass: "chat-event",
     eventTitleClass: "chat-event-title",
@@ -44,6 +45,7 @@ let isUnloading = false;
 let unloadHandlerInstalled = false;
 let currentEventsController = null;
 const PMA_PENDING_TURN_KEY = "car.pma.pendingTurn";
+const PMA_VIEW_KEY = "car.pma.view";
 const DEFAULT_PMA_LANE_ID = "pma:default";
 let fileBoxCtrl = null;
 let pendingUploadNames = [];
@@ -94,6 +96,29 @@ function clearPendingTurn() {
         // ignore
     }
 }
+function loadPMAView() {
+    const raw = localStorage.getItem(PMA_VIEW_KEY);
+    if (raw === "memory")
+        return "memory";
+    return "chat";
+}
+function setPMAView(view, options = {}) {
+    const elements = getElements();
+    const { persist = true } = options;
+    if (persist) {
+        localStorage.setItem(PMA_VIEW_KEY, view);
+    }
+    if (elements.shell) {
+        elements.shell.setAttribute("data-pma-view", view);
+    }
+    document.querySelectorAll(".pma-view-btn").forEach((btn) => {
+        const isActive = btn.dataset.view === view;
+        btn.classList.toggle("active", isActive);
+        btn.setAttribute("aria-selected", isActive ? "true" : "false");
+    });
+    elements.chatSection?.classList.toggle("hidden", view !== "chat");
+    elements.docsSection?.classList.toggle("hidden", view !== "memory");
+}
 async function initFileBoxUI() {
     const elements = getElements();
     if (!elements.inboxFiles || !elements.outboxFiles)
@@ -124,6 +149,7 @@ async function initFileBoxUI() {
                 }
                 pendingUploadNames = [];
             }
+            updateClearButtons(listing);
         },
         onUpload: (names) => {
             pendingUploadNames = names;
@@ -172,11 +198,15 @@ async function loadPMADocContent(name) {
         return payload?.content || "";
     }
     catch (err) {
+        const content = await bootstrapPMADoc(name);
+        if (content) {
+            return content;
+        }
         flash(`Failed to load ${name}`, "error");
         return "";
     }
 }
-async function loadPMADocDefaultContent(name) {
+async function loadPMADocDefaultContent(name, options = {}) {
     try {
         const payload = (await api(`/hub/pma/docs/default/${encodeURIComponent(name)}`, {
             method: "GET",
@@ -184,10 +214,28 @@ async function loadPMADocDefaultContent(name) {
         return payload?.content || "";
     }
     catch (err) {
-        flash(`Failed to load default ${name}`, "error");
+        if (!options.silent) {
+            flash(`Failed to load default ${name}`, "error");
+        }
         return "";
     }
 }
+async function bootstrapPMADoc(name) {
+    const content = await loadPMADocDefaultContent(name, { silent: true });
+    if (!content)
+        return "";
+    try {
+        await api(`/hub/pma/docs/${encodeURIComponent(name)}`, {
+            method: "PUT",
+            body: { content },
+        });
+        await loadPMADocs();
+        return content;
+    }
+    catch {
+        return content;
+    }
+}
 async function savePMADoc(name, content) {
     if (isSavingDoc)
         return;
@@ -282,9 +330,8 @@ async function snapshotActiveContext() {
         flash("Failed to snapshot active context", "error");
     }
 }
-async function resetActiveContext() {
-    const confirmed = await confirmModal("Reset active context to default?");
-    if (!confirmed)
+function resetActiveContext() {
+    if (!confirm("Reset active context to default?"))
         return;
     const editor = document.getElementById("pma-docs-editor");
     if (!editor)
@@ -356,6 +403,7 @@ async function pollForTurnMeta(clientTurnId, options = {}) {
 function getElements() {
     return {
         shell: document.getElementById("pma-shell"),
+        chatSection: document.getElementById("pma-chat-section"),
         input: document.getElementById("pma-chat-input"),
         sendBtn: document.getElementById("pma-chat-send"),
         cancelBtn: document.getElementById("pma-chat-cancel"),
@@ -376,6 +424,8 @@ function getElements() {
         inboxFiles: document.getElementById("pma-inbox-files"),
         outboxFiles: document.getElementById("pma-outbox-files"),
         outboxRefresh: document.getElementById("pma-outbox-refresh"),
+        inboxClear: document.getElementById("pma-inbox-clear"),
+        outboxClear: document.getElementById("pma-outbox-clear"),
         threadInfo: document.getElementById("pma-thread-info"),
         threadInfoAgent: document.getElementById("pma-thread-info-agent"),
         threadInfoThreadId: document.getElementById("pma-thread-info-thread-id"),
@@ -471,6 +521,8 @@ async function initPMA() {
     await initFileBoxUI();
     await loadPMADocs();
     attachHandlers();
+    setPMAView(loadPMAView(), { persist: false });
+    initNotificationBell();
     // If we refreshed mid-turn, recover the final output from the server.
     await resumePendingTurn();
     // If the page refreshes/navigates while a turn is running, avoid showing a noisy
@@ -543,6 +595,23 @@ async function loadPMAThreadInfo() {
         elements.threadInfo?.classList.add("hidden");
     }
 }
+function updateClearButtons(listing) {
+    const elements = getElements();
+    if (!elements.inboxClear || !elements.outboxClear)
+        return;
+    const inboxCount = listing?.inbox?.length ?? 0;
+    const outboxCount = listing?.outbox?.length ?? 0;
+    elements.inboxClear.classList.toggle("hidden", inboxCount <= 1);
+    elements.outboxClear.classList.toggle("hidden", outboxCount <= 1);
+}
+async function clearPMABox(box) {
+    const confirmed = window.confirm(`Clear ${box}? This will delete all files.`);
+    if (!confirmed)
+        return;
+    await api(`/hub/pma/files/${box}`, { method: "DELETE" });
+    flash(`Cleared ${box}`, "info");
+    await fileBoxCtrl?.refresh();
+}
 async function sendMessage() {
     const elements = getElements();
     if (!elements.input || !pmaChat)
@@ -1006,6 +1075,14 @@ async function startNewThreadOnServer() {
 }
 function attachHandlers() {
     const elements = getElements();
+    document.addEventListener("click", (event) => {
+        const target = event.target;
+        const btn = target?.closest?.(".pma-view-btn");
+        if (!btn)
+            return;
+        const value = (btn.dataset.view || "chat");
+        setPMAView(value);
+    });
     if (elements.sendBtn) {
         elements.sendBtn.addEventListener("click", () => {
             void sendMessage();
@@ -1066,12 +1143,22 @@ function attachHandlers() {
             void fileBoxCtrl?.refresh();
         });
     }
+    if (elements.inboxClear) {
+        elements.inboxClear.addEventListener("click", () => {
+            void clearPMABox("inbox");
+        });
+    }
+    if (elements.outboxClear) {
+        elements.outboxClear.addEventListener("click", () => {
+            void clearPMABox("outbox");
+        });
+    }
     if (elements.scanReposBtn) {
         elements.scanReposBtn.addEventListener("click", async () => {
+            const btn = elements.scanReposBtn;
+            const originalText = btn.textContent || "";
             try {
-                const btn = elements.scanReposBtn;
                 btn.disabled = true;
-                btn.textContent = "Scanning…";
                 await api("/hub/repos/scan", { method: "POST" });
                 flash("Repositories scanned", "info");
             }
@@ -1079,9 +1166,8 @@ function attachHandlers() {
                 flash("Failed to scan repos", "error");
             }
             finally {
-                const btn = elements.scanReposBtn;
                 btn.disabled = false;
-                btn.textContent = "Scan repos";
+                btn.textContent = btn.textContent || originalText;
             }
         });
     }
@@ -1132,31 +1218,6 @@ function attachHandlers() {
             void snapshotActiveContext();
         });
     }
-    const pmaModeManual = document.getElementById("pma-mode-manual");
-    const pmaModePma = document.getElementById("pma-mode-pma");
-    const docsSection = document.getElementById("pma-docs-section");
-    if (pmaModeManual && pmaModePma) {
-        const handleModeChange = (mode) => {
-            if (!docsSection)
-                return;
-            if (mode === "manual") {
-                docsSection.classList.remove("hidden");
-            }
-            else {
-                docsSection.classList.add("hidden");
-            }
-        };
-        pmaModeManual.addEventListener("click", () => {
-            if (pmaModeManual.dataset.hubMode === "manual") {
-                handleModeChange("manual");
-            }
-        });
-        pmaModePma.addEventListener("click", () => {
-            if (pmaModePma.dataset.hubMode === "pma") {
-                handleModeChange("pma");
-            }
-        });
-    }
     if (elements.docsEditor) {
         elements.docsEditor.addEventListener("input", () => {
             elements.docsEditor.style.height = "auto";

codex_autorunner/static/styles.css

@@ -1080,6 +1080,19 @@ main {
   gap: 8px;
 }
 
+.notifications-modal-links {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin-top: 8px;
+}
+
+.notifications-modal-links a {
+  color: var(--accent);
+  text-decoration: none;
+  font-size: 12px;
+}
+
 .notifications-open-run {
   display: inline-flex;
   align-items: center;
@@ -12536,6 +12549,143 @@ button.filebox-delete:hover {
   overflow: hidden;
 }
 
+/* PMA Dispatches */
+.pma-dispatches-section {
+  padding: 10px 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.pma-dispatches-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.pma-dispatches-header h2 {
+  margin: 0;
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--text);
+}
+
+.pma-dispatches-content {
+  display: grid;
+  grid-template-columns: minmax(200px, 1fr) minmax(280px, 1.4fr);
+  gap: 12px;
+  min-height: 180px;
+}
+
+.pma-dispatches-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  max-height: 320px;
+  overflow-y: auto;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: rgba(8, 10, 16, 0.4);
+  padding: 8px;
+}
+
+.pma-dispatch-item {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 8px;
+  border: 1px solid transparent;
+  border-radius: var(--radius);
+  background: rgba(15, 18, 28, 0.7);
+  cursor: pointer;
+  transition: border-color 0.15s ease, background 0.15s ease;
+}
+
+.pma-dispatch-item:hover {
+  border-color: rgba(108, 245, 216, 0.4);
+}
+
+.pma-dispatch-item.active {
+  border-color: var(--accent);
+  box-shadow: 0 0 0 1px rgba(108, 245, 216, 0.2);
+}
+
+.pma-dispatch-item.resolved {
+  opacity: 0.6;
+}
+
+.pma-dispatch-item-title {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--text);
+}
+
+.pma-dispatch-item-meta {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 11px;
+  color: var(--muted);
+}
+
+.pma-dispatches-detail {
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: rgba(8, 10, 16, 0.4);
+  padding: 12px;
+  min-height: 180px;
+}
+
+.pma-dispatch-detail-title {
+  margin: 0 0 6px;
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--text);
+}
+
+.pma-dispatch-detail-meta {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 11px;
+  color: var(--muted);
+  margin-bottom: 10px;
+}
+
+.pma-dispatch-detail-body {
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--text);
+  margin-bottom: 12px;
+}
+
+.pma-dispatch-detail-links {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin-bottom: 12px;
+}
+
+.pma-dispatch-detail-links a {
+  color: var(--accent);
+  text-decoration: none;
+  font-size: 12px;
+}
+
+.pma-dispatch-detail-actions {
+  display: flex;
+  gap: 8px;
+}
+
+@media (max-width: 900px) {
+  .pma-dispatches-content {
+    grid-template-columns: 1fr;
+  }
+  .pma-dispatches-list {
+    max-height: 220px;
+  }
+}
+
 .pma-chat-main {
   flex: 1 1 0;
   display: flex;
@@ -13494,21 +13644,28 @@ button.filebox-delete:hover {
 /* PMA Top Bar */
 .pma-top-bar {
   display: flex;
-  flex-direction: column;
-  gap: 6px;
-  padding: 6px 8px;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  padding: 6px 10px;
   background: var(--bg-surface);
   border-bottom: 1px solid var(--border);
   flex-shrink: 0;
 }
 
+.pma-dispatches-section {
+  padding: 10px 12px;
+  border-bottom: 1px solid var(--border);
+  background: var(--bg-surface);
+}
+
 .pma-paused-runs-bar {
   display: flex;
   flex-direction: row;
   align-items: stretch;
   gap: 8px;
   padding: 6px 8px;
-  border-bottom: 1px solid var(--border);
   background: var(--panel);
   max-height: none;
 }
@@ -13573,6 +13730,37 @@ button.filebox-delete:hover {
   background: var(--panel);
 }
 
+.pma-view-tabs {
+  display: flex;
+  gap: 6px;
+  padding: 8px 10px;
+  border-bottom: 1px solid var(--border);
+  background: var(--panel);
+}
+
+.pma-view-tab {
+  padding: 6px 12px;
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--muted);
+  background: transparent;
+  border: 1px solid transparent;
+  border-radius: 999px;
+  cursor: pointer;
+  transition: color 0.15s, background 0.15s, border-color 0.15s;
+}
+
+.pma-view-tab:hover {
+  color: var(--text);
+  background: var(--hover-bg);
+}
+
+.pma-view-tab.active {
+  color: var(--text);
+  background: var(--primary-bg);
+  border-color: var(--border);
+}
+
 .pma-inbox-list {
   flex: 1;
   display: flex;
@@ -13583,6 +13771,219 @@ button.filebox-delete:hover {
   max-height: none;
 }
 
+.pma-dispatches-section .pma-paused-runs-bar {
+  flex-direction: column;
+  align-items: stretch;
+  padding: 10px 12px;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+}
+
+.pma-dispatches-section .pma-inbox-list {
+  flex-direction: column;
+  align-items: stretch;
+  gap: 10px;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+.pma-dispatches-section .pma-inbox-item {
+  max-width: none;
+  width: 100%;
+  padding: 10px 12px;
+  border-radius: var(--radius);
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 6px;
+}
+
+.pma-dispatches-section .pma-inbox-item-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  justify-content: space-between;
+}
+
+.pma-dispatches-section .pma-inbox-title {
+  display: block;
+}
+
+.pma-dispatches-section .pma-inbox-excerpt {
+  display: block;
+}
+
+.pma-dispatches-section .pma-inbox-actions {
+  display: flex;
+  gap: 6px;
+  flex-wrap: wrap;
+}
+
+.pma-dispatches-section .pma-inbox-item-header .pill {
+  display: inline-flex;
+}
+
+.pma-view-toggle {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  padding: 2px;
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  background: var(--panel);
+}
+
+.pma-view-btn {
+  height: 22px;
+  padding: 0 10px;
+  font-size: 10px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.4px;
+  border: none;
+  border-radius: 999px;
+  background: transparent;
+  color: var(--muted);
+  cursor: pointer;
+  transition: color 0.15s ease, background 0.15s ease;
+}
+
+.pma-view-btn:hover {
+  color: var(--text);
+}
+
+.pma-view-btn.active,
+.pma-view-btn[aria-selected="true"] {
+  background: rgba(108, 245, 216, 0.16);
+  color: var(--accent);
+}
+
+.hub-shell[data-pma-view="chat"] #pma-docs-section {
+  display: none !important;
+}
+
+.hub-shell[data-pma-view="memory"] #pma-chat-section {
+  display: none !important;
+}
+
+.notification-bell {
+  position: relative;
+  overflow: visible;
+}
+
+.notification-bell-icon {
+  width: 18px;
+  height: 18px;
+  stroke: currentColor;
+  stroke-width: 1.6;
+  fill: none;
+}
+
+.notification-bell:hover .notification-bell-icon {
+  stroke: var(--accent);
+}
+
+.notification-badge {
+  position: absolute;
+  top: 3px;
+  right: 3px;
+  min-width: 16px;
+  height: 16px;
+  padding: 0 4px;
+  border-radius: 999px;
+  background: var(--accent);
+  color: #031311;
+  font-size: 9px;
+  font-weight: 700;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 0 0 2px var(--bg);
+}
+
+.notification-dialog {
+  max-width: 640px;
+}
+
+.notification-modal-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.notification-modal-actions {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.notification-list {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.notification-item {
+  padding: 12px;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: var(--panel);
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.notification-item-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.notification-repo {
+  font-weight: 600;
+  color: var(--accent);
+}
+
+.notification-title {
+  font-weight: 600;
+  font-size: 13px;
+}
+
+.notification-excerpt {
+  font-size: 12px;
+  color: var(--muted);
+}
+
+.notification-actions {
+  display: flex;
+  gap: 6px;
+  flex-wrap: wrap;
+}
+
+.notification-actions .notification-action {
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 4px 8px;
+  font-size: 10px;
+  text-transform: uppercase;
+  letter-spacing: 0.3px;
+  color: var(--muted);
+  background: transparent;
+  cursor: pointer;
+  text-decoration: none;
+}
+
+.notification-actions .notification-action:hover {
+  color: var(--text);
+  border-color: rgba(108, 245, 216, 0.4);
+}
+
+.pma-clear-btn {
+  margin-left: 2px;
+}
+
 .pma-inbox-item {
   display: inline-flex;
   flex-direction: row;
@@ -13790,6 +14191,16 @@ button.filebox-delete:hover {
   align-items: center;
   gap: 8px;
   padding: 8px 0;
+  flex-wrap: wrap;
+}
+
+.pma-docs-history {
+  font-size: 11px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  border: 1px solid var(--border);
+  background: var(--panel);
+  color: var(--text);
 }
 
 .pma-docs-actions button:disabled {