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

codex_autorunner/integrations/telegram/handlers/commands_runtime.py

@@ -18,6 +18,7 @@ import httpx
 from ....agents.opencode.client import OpenCodeProtocolError
 from ....agents.opencode.supervisor import OpenCodeSupervisorError
 from ....core.logging_utils import log_event
+from ....core.pma_sink import PmaActiveSinkStore
 from ....core.state import now_iso
 from ....core.update import _normalize_update_target, _spawn_update_process
 from ....core.update_paths import resolve_update_paths
@@ -81,6 +82,7 @@ from ..helpers import (
     _with_conversation_id,
     derive_codex_features_command,
     format_codex_features,
+    format_public_error,
     parse_codex_features_list,
 )
 from ..state import (
@@ -158,12 +160,12 @@ def _format_opencode_exception(exc: Exception) -> Optional[str]:
     if isinstance(exc, OpenCodeSupervisorError):
         detail = str(exc).strip()
         if detail:
-            return f"OpenCode backend unavailable ({detail})."
+            return f"OpenCode backend unavailable ({format_public_error(detail)})."
         return "OpenCode backend unavailable."
     if isinstance(exc, OpenCodeProtocolError):
         detail = str(exc).strip()
         if detail:
-            return f"OpenCode protocol error: {detail}"
+            return f"OpenCode protocol error: {format_public_error(detail)}"
         return "OpenCode protocol error."
     if isinstance(exc, json.JSONDecodeError):
         return "OpenCode returned invalid JSON."
@@ -174,15 +176,15 @@ def _format_opencode_exception(exc: Exception) -> Optional[str]:
         except Exception:
             detail = None
         if detail:
-            return f"OpenCode error: {detail}"
+            return f"OpenCode error: {format_public_error(detail)}"
         response_text = exc.response.text.strip()
         if response_text:
-            return f"OpenCode error: {response_text}"
+            return f"OpenCode error: {format_public_error(response_text)}"
         return f"OpenCode request failed (HTTP {exc.response.status_code})."
     if isinstance(exc, httpx.RequestError):
         detail = str(exc).strip()
         if detail:
-            return f"OpenCode request failed: {detail}"
+            return f"OpenCode request failed: {format_public_error(detail)}"
         return "OpenCode request failed."
     return None
 
@@ -239,15 +241,15 @@ def _format_httpx_exception(exc: Exception) -> Optional[str]:
                 payload.get("detail") or payload.get("message") or payload.get("error")
             )
             if isinstance(detail, str) and detail:
-                return detail
+                return format_public_error(detail)
         response_text = exc.response.text.strip()
         if response_text:
-            return response_text
+            return format_public_error(response_text)
         return f"Request failed (HTTP {exc.response.status_code})."
     if isinstance(exc, httpx.RequestError):
         detail = str(exc).strip()
         if detail:
-            return detail
+            return format_public_error(detail)
         return "Request failed."
     return None
 
@@ -1202,6 +1204,25 @@ class TelegramCommandHandlers(
             message.thread_id,
             apply_pma,
         )
+        try:
+            sink_store = PmaActiveSinkStore(Path(self._hub_root))
+            if enabled:
+                sink_store.set_telegram(
+                    chat_id=message.chat_id,
+                    thread_id=message.thread_id,
+                    topic_key=topic_key(message.chat_id, message.thread_id),
+                )
+            else:
+                sink_store.clear()
+        except Exception:
+            log_event(
+                self._logger,
+                logging.WARNING,
+                "telegram.pma.active_sink.update_failed",
+                chat_id=message.chat_id,
+                thread_id=message.thread_id,
+                enabled=enabled,
+            )
         status = "enabled" if enabled else "disabled"
         if enabled:
             hint = "Use /pma off to exit. Previous repo binding saved."

codex_autorunner/integrations/telegram/helpers.py

@@ -9,6 +9,7 @@ from datetime import datetime, timedelta, timezone
 from pathlib import Path
 from typing import Any, Callable, Iterable, Optional, Sequence
 
+from ...core.redaction import redact_text
 from ...core.state_roots import resolve_global_state_root
 from ...core.utils import (
     RepoNotFoundError,
@@ -2009,12 +2010,17 @@ def _extract_first_bold_span(text: str) -> Optional[str]:
 
 
 def _compose_agent_response(
-    messages: list[str],
+    final_message: Optional[str] = None,
     *,
+    messages: Optional[list[str]] = None,
     errors: Optional[list[str]] = None,
     status: Optional[str] = None,
 ) -> str:
-    cleaned = [msg.strip() for msg in messages if isinstance(msg, str) and msg.strip()]
+    if isinstance(final_message, str) and final_message.strip():
+        return final_message.strip()
+    cleaned = [
+        msg.strip() for msg in (messages or []) if isinstance(msg, str) and msg.strip()
+    ]
     if not cleaned:
         cleaned_errors = [
             err.strip()
@@ -2183,3 +2189,25 @@ def _format_selection_prompt(base: str, page: int, total_pages: int) -> str:
         return base
     trimmed = base.rstrip(".")
     return f"{trimmed} (page {page + 1}/{total_pages})."
+
+
+def format_public_error(detail: str, *, limit: int = 200) -> str:
+    """Format error detail for public Telegram messages with redaction and truncation.
+
+    This helper ensures all user-visible error text sent via Telegram is:
+    - Short and readable
+    - Redacted for known secret patterns
+    - Does not include raw file contents or stack traces
+
+    Args:
+        detail: Error detail string to format.
+        limit: Maximum length of output (default 200).
+
+    Returns:
+        Formatted error string with secrets redacted and length limited.
+    """
+    normalized = " ".join(detail.split())
+    redacted = redact_text(normalized)
+    if len(redacted) > limit:
+        return f"{redacted[: limit - 3]}..."
+    return redacted

codex_autorunner/integrations/telegram/ticket_flow_bridge.py

@@ -18,6 +18,7 @@ from ...manifest import load_manifest
 from ...tickets import AgentPool
 from .adapter import chunk_message
 from .constants import TELEGRAM_MAX_MESSAGE_LENGTH
+from .helpers import format_public_error
 from .state import parse_topic_key
 
 
@@ -163,7 +164,7 @@ class TelegramTicketFlowBridge:
                 key, self._set_ticket_dispatch_marker(marker)
             )
 
-        primary_key, _primary_record = primary
+        primary_key, primary_record = primary
         try:
             chat_id, thread_id, _scope = parse_topic_key(primary_key)
         except Exception as exc:
@@ -182,6 +183,8 @@ class TelegramTicketFlowBridge:
                 seq=seq,
                 content=content,
                 archived_dir=archived_dir,
+                workspace_root=workspace_root,
+                repo_id=getattr(primary_record, "repo_id", None),
             )
             self._pause_targets[str(workspace_root)] = run_id
         except Exception as exc:
@@ -296,9 +299,14 @@ class TelegramTicketFlowBridge:
     def _format_ticket_flow_pause_reason(record: FlowRunRecord) -> str:
         state = record.state or {}
         engine = state.get("ticket_engine") or {}
-        reason = (
+        reason_raw = (
             engine.get("reason") or record.error_message or "Paused without details."
         )
+        reason = (
+            format_public_error(str(reason_raw))
+            if reason_raw
+            else "Paused without details."
+        )
         return f"Reason: {reason}"
 
     def get_paused_ticket_flow(
@@ -373,6 +381,7 @@ class TelegramTicketFlowBridge:
                 seq=seq,
                 content=content,
                 archived_dir=archived_dir,
+                workspace_root=workspace_root,
             )
             self._last_default_notification[workspace_root] = marker
             self._pause_targets[str(workspace_root)] = run_id
@@ -396,6 +405,8 @@ class TelegramTicketFlowBridge:
         seq: str,
         content: str,
         archived_dir: Optional[Path],
+        workspace_root: Optional[Path],
+        repo_id: Optional[str] = None,
     ) -> None:
         await self._send_dispatch_text(
             chat_id,
@@ -403,6 +414,8 @@ class TelegramTicketFlowBridge:
             run_id=run_id,
             seq=seq,
             content=content,
+            workspace_root=workspace_root,
+            repo_id=repo_id,
         )
         if self._pause_config.send_attachments and archived_dir:
             await self._send_dispatch_attachments(
@@ -421,9 +434,15 @@ class TelegramTicketFlowBridge:
         run_id: str,
         seq: str,
         content: str,
+        workspace_root: Optional[Path],
+        repo_id: Optional[str] = None,
     ) -> None:
         body = content.strip() or "(no dispatch message)"
-        header = f"Ticket flow paused (run {run_id}). Latest dispatch #{seq}:\n\n"
+        source = self._format_dispatch_source(workspace_root, repo_id)
+        header = (
+            f"Ticket flow paused (run {run_id}). Latest dispatch #{seq}:\n"
+            f"Source: {source}\n\n"
+        )
         footer = "\n\nUse /flow resume to continue."
         full_text = f"{header}{body}{footer}"
 
@@ -446,6 +465,38 @@ class TelegramTicketFlowBridge:
             if idx == 0:
                 await asyncio.sleep(0)
 
+    def _format_dispatch_source(
+        self, workspace_root: Optional[Path], repo_id: Optional[str]
+    ) -> str:
+        workspace_label = None
+        if isinstance(workspace_root, Path):
+            workspace_label = str(workspace_root)
+        repo_label = repo_id.strip() if isinstance(repo_id, str) else ""
+        if self._hub_root and self._manifest_path and self._manifest_path.exists():
+            try:
+                manifest = load_manifest(self._manifest_path, self._hub_root)
+                if workspace_root:
+                    entry = manifest.get_by_path(self._hub_root, workspace_root)
+                else:
+                    entry = None
+                if entry:
+                    repo_label = entry.id or repo_label
+                    if entry.display_name and entry.display_name != repo_label:
+                        repo_label = f"{repo_label} ({entry.display_name})"
+                    if entry.kind == "worktree" and entry.worktree_of:
+                        repo_label = f"{repo_label} [worktree of {entry.worktree_of}]"
+            except Exception as exc:
+                self._logger.debug(
+                    "telegram.ticket_flow.manifest_label_failed", exc_info=exc
+                )
+        if repo_label and workspace_label:
+            return f"{repo_label} @ {workspace_label}"
+        if repo_label:
+            return repo_label
+        if workspace_label:
+            return workspace_label
+        return "unknown workspace"
+
     async def _send_dispatch_attachments(
         self,
         chat_id: int,

codex_autorunner/static/docChatCore.js

@@ -309,6 +309,8 @@ export function createDocChat(config) {
                     parts.push(`${msg.meta.steps} steps`);
                 if (msg.meta.duration)
                     parts.push(`${msg.meta.duration.toFixed(1)}s`);
+                if (msg.meta.tag)
+                    parts.push(String(msg.meta.tag));
                 if (state.contextUsagePercent !== null && msg.isFinal) {
                     parts.push(`ctx left ${state.contextUsagePercent}%`);
                 }

codex_autorunner/static/hub.js

@@ -3,8 +3,10 @@ import { api, flash, statusPill, resolvePath, escapeHtml, confirmModal, inputMod
 import { registerAutoRefresh } from "./autoRefresh.js";
 import { HUB_BASE } from "./env.js";
 import { preserveScroll } from "./preserve.js";
+import { initNotificationBell } from "./notificationBell.js";
 let hubData = { repos: [], last_scan_at: null };
 const prefetchedUrls = new Set();
+let hubInboxHydrated = false;
 const HUB_CACHE_TTL_MS = 30000;
 const HUB_CACHE_KEY = `car:hub:${HUB_BASE || "/"}`;
 const HUB_USAGE_CACHE_KEY = `car:hub-usage:${HUB_BASE || "/"}`;
@@ -24,6 +26,8 @@ const hubUsageChartRange = document.getElementById("hub-usage-chart-range");
 const hubUsageChartSegment = document.getElementById("hub-usage-chart-segment");
 const hubVersionEl = document.getElementById("hub-version");
 const pmaVersionEl = document.getElementById("pma-version");
+const hubInboxList = document.getElementById("hub-inbox-list");
+const hubInboxRefresh = document.getElementById("hub-inbox-refresh");
 const UPDATE_STATUS_SEEN_KEY = "car_update_status_seen";
 const HUB_JOB_POLL_INTERVAL_MS = 1200;
 const HUB_JOB_TIMEOUT_MS = 180000;
@@ -83,7 +87,9 @@ function formatLastActivity(repo) {
 }
 function setButtonLoading(scanning) {
     const buttons = [
+        document.getElementById("hub-scan"),
         document.getElementById("hub-quick-scan"),
+        document.getElementById("hub-refresh"),
     ];
     buttons.forEach((btn) => {
         if (!btn)
@@ -915,6 +921,7 @@ async function refreshHub() {
         saveSessionCache(HUB_CACHE_KEY, hubData);
         renderSummary(data.repos || []);
         renderReposWithScroll(data.repos || []);
+        await loadHubInbox().catch(() => { });
         loadHubUsage({ silent: true }).catch(() => { });
     }
     catch (err) {
@@ -924,6 +931,46 @@ async function refreshHub() {
         setButtonLoading(false);
     }
 }
+async function loadHubInbox(ctx) {
+    if (!hubInboxList)
+        return;
+    if (!hubInboxHydrated || ctx?.reason === "manual") {
+        hubInboxList.textContent = "Loading…";
+    }
+    try {
+        const payload = (await api("/hub/messages", { method: "GET" }));
+        const items = payload?.items || [];
+        const html = !items.length
+            ? '<div class="muted">No paused runs</div>'
+            : items
+                .map((item) => {
+                const title = item.message?.title || item.message?.mode || "Message";
+                const excerpt = item.message?.body ? item.message.body.slice(0, 160) : "";
+                const repoLabel = item.repo_display_name || item.repo_id;
+                const href = item.open_url || `/repos/${item.repo_id}/?tab=messages&run_id=${item.run_id}`;
+                return `
+            <a class="hub-inbox-item" href="${escapeHtml(resolvePath(href))}">
+              <div class="hub-inbox-item-header">
+                <span class="hub-inbox-repo">${escapeHtml(repoLabel)}</span>
+                <span class="pill pill-small pill-warn">paused</span>
+              </div>
+              <div class="hub-inbox-title">${escapeHtml(title)}</div>
+              <div class="hub-inbox-excerpt muted small">${escapeHtml(excerpt)}</div>
+            </a>
+          `;
+            })
+                .join("");
+        preserveScroll(hubInboxList, () => {
+            hubInboxList.innerHTML = html;
+        }, { restoreOnNextFrame: true });
+        hubInboxHydrated = true;
+    }
+    catch (_err) {
+        preserveScroll(hubInboxList, () => {
+            hubInboxList.innerHTML = "";
+        }, { restoreOnNextFrame: true });
+    }
+}
 async function triggerHubScan() {
     setButtonLoading(true);
     try {
@@ -1138,14 +1185,22 @@ async function handleRepoAction(repoId, action) {
 }
 function attachHubHandlers() {
     initHubSettings();
+    const scanBtn = document.getElementById("hub-scan");
+    const refreshBtn = document.getElementById("hub-refresh");
     const quickScanBtn = document.getElementById("hub-quick-scan");
     const newRepoBtn = document.getElementById("hub-new-repo");
     const createCancelBtn = document.getElementById("create-repo-cancel");
     const createSubmitBtn = document.getElementById("create-repo-submit");
     const createRepoId = document.getElementById("create-repo-id");
+    if (scanBtn) {
+        scanBtn.addEventListener("click", () => triggerHubScan());
+    }
     if (quickScanBtn) {
         quickScanBtn.addEventListener("click", () => triggerHubScan());
     }
+    if (refreshBtn) {
+        refreshBtn.addEventListener("click", () => refreshHub());
+    }
     if (hubUsageRefresh) {
         hubUsageRefresh.addEventListener("click", () => loadHubUsage());
     }
@@ -1290,6 +1345,10 @@ export function initHub() {
         return;
     attachHubHandlers();
     initHubUsageChartControls();
+    initNotificationBell();
+    hubInboxRefresh?.addEventListener("click", () => {
+        void loadHubInbox({ reason: "manual" });
+    });
     const cachedHub = loadSessionCache(HUB_CACHE_KEY, HUB_CACHE_TTL_MS);
     if (cachedHub) {
         hubData = cachedHub;

codex_autorunner/static/index.html

@@ -23,15 +23,15 @@
       </div>
       <div class="hub-hero-actions">
         <button class="primary sm" id="hub-new-repo">+ New</button>
-        <div class="notifications-bell" data-notifications-root="hub">
-          <button class="ghost sm icon-btn notifications-bell-btn" data-notifications-trigger title="Notifications"
-            aria-label="Notifications">
-            <span aria-hidden="true">🔔</span>
-            <span class="notifications-bell-badge hidden" data-notifications-badge></span>
-          </button>
-          <div class="notifications-dropdown hidden" data-notifications-dropdown role="menu"
-            aria-label="Pending dispatches"></div>
-        </div>
+        <button class="sm" id="hub-scan">Scan</button>
+        <button class="ghost sm" id="hub-refresh">Refresh</button>
+        <button class="ghost sm icon-btn notification-bell" id="hub-notification-bell" title="Dispatches">
+          <svg class="notification-bell-icon" viewBox="0 0 24 24" aria-hidden="true">
+            <path d="M6 9.5a6 6 0 0 1 12 0v3.5l1.6 2.2H4.4L6 13z" />
+            <path d="M9.8 18.2a2.2 2.2 0 0 0 4.4 0" />
+          </svg>
+          <span class="notification-badge hidden"></span>
+        </button>
         <button class="ghost sm icon-btn" id="hub-settings" title="Settings">⚙</button>
       </div>
       <div class="hub-mode-toggle" role="tablist" aria-label="Hub mode">
@@ -57,6 +57,15 @@
         <p class="muted small">missing</p>
       </div>
     </section>
+    <section class="hub-inbox">
+      <div class="hub-panel-header">
+        <span class="label">Inbox</span>
+        <div class="hub-panel-actions">
+          <button class="ghost sm" id="hub-inbox-refresh">Refresh</button>
+        </div>
+      </div>
+      <div class="hub-inbox-list" id="hub-inbox-list">Loading…</div>
+    </section>
     <section class="hub-usage-chart">
       <div class="hub-usage-chart-header">
         <span class="label">Usage Trend</span>
@@ -89,7 +98,7 @@
       </div>
     </section>
   </div>
-  <div class="hub-shell hidden" id="pma-shell">
+  <div class="hub-shell hidden" id="pma-shell" data-pma-view="chat">
     <header class="hub-hero pma-hero">
       <div class="hub-hero-text pma-hero-text">
         <h1>Project Manager</h1>
@@ -97,15 +106,13 @@
         <span class="hub-version" id="pma-version">v–</span>
       </div>
       <div class="hub-hero-actions pma-hero-actions">
-        <div class="notifications-bell" data-notifications-root="pma">
-          <button class="ghost sm icon-btn notifications-bell-btn" data-notifications-trigger title="Notifications"
-            aria-label="Notifications">
-            <span aria-hidden="true">🔔</span>
-            <span class="notifications-bell-badge hidden" data-notifications-badge></span>
-          </button>
-          <div class="notifications-dropdown hidden" data-notifications-dropdown role="menu"
-            aria-label="Pending dispatches"></div>
-        </div>
+        <button class="ghost sm icon-btn notification-bell" id="pma-notification-bell" title="Dispatches">
+          <svg class="notification-bell-icon" viewBox="0 0 24 24" aria-hidden="true">
+            <path d="M6 9.5a6 6 0 0 1 12 0v3.5l1.6 2.2H4.4L6 13z" />
+            <path d="M9.8 18.2a2.2 2.2 0 0 0 4.4 0" />
+          </svg>
+          <span class="notification-badge hidden"></span>
+        </button>
         <button class="ghost sm icon-btn" id="pma-settings" title="Settings">⚙</button>
       </div>
       <div class="hub-mode-toggle" role="tablist" aria-label="Hub mode">
@@ -123,42 +130,44 @@
           <select id="pma-chat-agent-select" title="Agent"></select>
           <select id="pma-chat-model-select" title="Model"></select>
           <select id="pma-chat-reasoning-select" title="Reasoning"></select>
+          <div class="pma-view-toggle" role="tablist" aria-label="PMA view">
+            <button class="pma-view-btn active" data-view="chat" role="tab" aria-selected="true" type="button">Chat</button>
+            <button class="pma-view-btn" data-view="memory" role="tab" aria-selected="false" type="button">Memory</button>
+          </div>
         </div>
         <div class="pma-chat-actions">
+          <button class="ghost sm icon-btn" id="pma-scan-repos-btn" title="Rescan hub repositories">↻</button>
           <button class="ghost sm hidden" id="pma-chat-cancel" title="Cancel">✕</button>
           <button class="pma-new-thread-btn" id="pma-chat-new-thread" title="Start a new chat thread">New
             thread</button>
           <span class="pma-status-pill" id="pma-chat-status">idle</span>
         </div>
       </div>
-      <div class="pma-thread-info hidden" id="pma-thread-info">
-        <div class="pma-thread-info-header">
-          <span class="pma-thread-info-label">Thread</span>
-          <span class="pill pill-small pill-idle" id="pma-thread-info-status">idle</span>
-        </div>
-        <div class="pma-thread-info-details">
-          <div class="pma-thread-info-row">
-            <span class="pma-thread-info-key muted">Agent</span>
-            <span class="pma-thread-info-value" id="pma-thread-info-agent">–</span>
-          </div>
-          <div class="pma-thread-info-row">
-            <span class="pma-thread-info-key muted">Thread ID</span>
-            <span class="pma-thread-info-value" id="pma-thread-info-thread-id" title="Click to copy">–</span>
-          </div>
-          <div class="pma-thread-info-row">
-            <span class="pma-thread-info-key muted">Turn ID</span>
-            <span class="pma-thread-info-value" id="pma-thread-info-turn-id" title="Click to copy">–</span>
-          </div>
-        </div>
-      </div>
-      <div class="pma-repo-actions" id="pma-repo-actions">
-        <button class="ghost sm" id="pma-scan-repos-btn">Scan repos</button>
-      </div>
     </section>
-    <section class="pma-chat-section">
+    <section class="pma-chat-section" id="pma-chat-section">
       <div class="pma-chat-main">
         <div class="pma-chat-stream" id="pma-chat-stream">
           <div class="pma-chat-error hidden" id="pma-chat-error"></div>
+          <div class="pma-thread-info hidden" id="pma-thread-info">
+            <div class="pma-thread-info-header">
+              <span class="pma-thread-info-label">Thread</span>
+              <span class="pill pill-small pill-idle" id="pma-thread-info-status">idle</span>
+            </div>
+            <div class="pma-thread-info-details">
+              <div class="pma-thread-info-row">
+                <span class="pma-thread-info-key muted">Agent</span>
+                <span class="pma-thread-info-value" id="pma-thread-info-agent">–</span>
+              </div>
+              <div class="pma-thread-info-row">
+                <span class="pma-thread-info-key muted">Thread ID</span>
+                <span class="pma-thread-info-value" id="pma-thread-info-thread-id" title="Click to copy">–</span>
+              </div>
+              <div class="pma-thread-info-row">
+                <span class="pma-thread-info-key muted">Turn ID</span>
+                <span class="pma-thread-info-value" id="pma-thread-info-turn-id" title="Click to copy">–</span>
+              </div>
+            </div>
+          </div>
           <div class="pma-history-header" id="pma-chat-history-header">
             <span class="pma-history-label">History</span>
           </div>
@@ -176,10 +185,12 @@
           <div class="pma-attachments-area" id="pma-attachments-area">
             <div class="pma-files-row">
               <span class="pma-files-label">In</span>
+              <button class="pma-icon-btn-small hidden pma-clear-btn" id="pma-inbox-clear" title="Clear inbox">🗑</button>
               <div class="pma-file-list filebox-list" id="pma-inbox-files"></div>
             </div>
             <div class="pma-files-row">
               <span class="pma-files-label">Out</span>
+              <button class="pma-icon-btn-small hidden pma-clear-btn" id="pma-outbox-clear" title="Clear outbox">🗑</button>
               <div class="pma-file-list filebox-list" id="pma-outbox-files"></div>
               <button class="pma-icon-btn-small" id="pma-outbox-refresh" title="Refresh files">↻</button>
             </div>
@@ -1042,6 +1053,22 @@
       </div>
     </div>
   </div>
+  <!-- Dispatch Notifications Modal -->
+  <div class="modal-overlay" hidden="" id="notification-modal">
+    <div aria-describedby="notification-modal-body" aria-labelledby="notification-modal-title" aria-modal="true"
+      class="modal-dialog notification-dialog" role="dialog" tabindex="-1">
+      <div class="modal-header notification-modal-header">
+        <span class="label" id="notification-modal-title">Dispatches</span>
+        <div class="notification-modal-actions">
+          <button class="ghost sm" id="notification-refresh">Refresh</button>
+          <button class="ghost sm icon-btn" id="notification-close" title="Close">✕</button>
+        </div>
+      </div>
+      <div class="modal-body" id="notification-modal-body">
+        <div class="notification-list" id="notification-list">Loading…</div>
+      </div>
+    </div>
+  </div>
   <!-- Repo Settings Modal -->
   <div class="modal-overlay" hidden="" id="repo-settings-modal">
     <div aria-describedby="repo-settings-modal-body" aria-labelledby="repo-settings-modal-title" aria-modal="true"
@@ -1153,17 +1180,6 @@
       </div>
     </div>
   </div>
-  <!-- Notifications Modal -->
-  <div class="modal-overlay hidden" id="notifications-modal">
-    <div aria-labelledby="notifications-modal-title" aria-modal="true" class="modal-dialog notifications-modal-dialog"
-      role="dialog" tabindex="-1">
-      <div class="notifications-modal-header">
-        <span class="label" id="notifications-modal-title">Pending dispatch</span>
-        <button class="ghost sm icon-btn" id="notifications-modal-close" title="Close">×</button>
-      </div>
-      <div class="notifications-modal-body-wrapper" id="notifications-modal-body"></div>
-    </div>
-  </div>
   <!-- Reason Details Modal -->
   <div class="modal-overlay" hidden="" id="reason-modal">
     <div aria-describedby="reason-modal-content" aria-labelledby="reason-modal-title" aria-modal="true"