bosun 0.40.21 → 0.41.1

package/ui/styles.css

@@ -199,6 +199,207 @@
   padding: 0 12px;
 }
 
+.wf-palette-backdrop {
+  position: absolute;
+  inset: 0;
+  z-index: 32;
+  background: rgba(3, 7, 18, 0.55);
+  backdrop-filter: blur(3px);
+}
+
+.wf-palette {
+  position: absolute;
+  top: 72px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: min(760px, calc(100% - 32px));
+  max-height: min(70vh, 720px);
+  overflow: hidden;
+  background: var(--color-bg, #0d1117);
+  border: 1px solid var(--color-border, #2a3040);
+  border-radius: 16px;
+  padding: 14px;
+  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.wf-palette-header {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.wf-palette-title-group {
+  flex: 1;
+  min-width: 0;
+}
+
+.wf-palette-title {
+  font-size: 14px;
+  font-weight: 700;
+  color: var(--color-text, #fff);
+}
+
+.wf-palette-subtitle {
+  font-size: 11px;
+  color: var(--color-text-secondary, #9ca3af);
+  opacity: 0.85;
+  margin-top: 3px;
+}
+
+.wf-palette-hints {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 11px;
+  opacity: 0.7;
+}
+
+.wf-palette-results {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  overflow-y: auto;
+  padding-right: 2px;
+}
+
+.wf-node-search-item {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+  text-align: left;
+  border: 1px solid var(--color-border, #2a3040);
+  border-radius: 12px;
+  padding: 12px 14px;
+  color: var(--color-text, #fff);
+  cursor: pointer;
+  background: var(--color-bg-secondary, #131722);
+  transition: border 0.15s, background 0.15s;
+}
+
+.wf-node-search-item.active {
+  background: rgba(59, 130, 246, 0.12);
+  border-color: rgba(59, 130, 246, 0.66);
+}
+
+.wf-node-search-item-top {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.wf-node-search-label {
+  font-weight: 700;
+  font-size: 13px;
+}
+
+.wf-node-category-badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 8px;
+  border-radius: 999px;
+  font-size: 10px;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  border: 1px solid rgba(148, 163, 184, 0.2);
+}
+
+.wf-node-search-type {
+  font-size: 11px;
+  opacity: 0.55;
+}
+
+.wf-node-search-description {
+  font-size: 12px;
+  opacity: 0.78;
+  line-height: 1.4;
+}
+
+.wf-node-chip-row {
+  display: flex;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+
+.wf-node-chip-group {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  min-width: 0;
+}
+
+.wf-node-chip-label {
+  font-size: 11px;
+  color: var(--color-text-secondary, #9ca3af);
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+}
+
+.wf-node-chip-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+}
+
+.wf-node-chip {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 8px;
+  border-radius: 999px;
+  border: 1px solid rgba(148, 163, 184, 0.4);
+  font-size: 11px;
+  background: var(--color-bg-secondary, #1e293b);
+  color: var(--color-text-secondary, #94a3b8);
+  letter-spacing: 0.04em;
+}
+
+.wf-node-chip-more {
+  background: rgba(59, 130, 246, 0.15);
+  border-color: rgba(59, 130, 246, 0.3);
+  color: #93c5fd;
+}
+
+.wf-node-chip-fallback {
+  opacity: 0.6;
+}
+
+.wf-node-search-empty {
+  text-align: center;
+  padding: 20px;
+  opacity: 0.6;
+}
+
+.wf-shortcuts-grid {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.wf-shortcut-row {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 16px;
+}
+
+.wf-shortcut-key {
+  font-size: 12px;
+  padding: 4px 10px;
+  border-radius: 8px;
+  background: rgba(148, 163, 184, 0.14);
+}
+
+.wf-shortcut-desc {
+  font-size: 13px;
+  opacity: 0.82;
+  text-align: right;
+  flex: 1;
+}
+
 .stream-item-details.expanded .stream-item-details-inner {
   padding: 10px 12px 12px;
 }
@@ -649,4 +850,3 @@
   color: var(--text-primary);
   font-size: 12px;
 }
-

package/ui/tabs/dashboard.js

@@ -22,6 +22,7 @@ import {
   projectSummary,
   loadStatus,
   loadProjectSummary,
+  loadRetryQueue,
   showToast,
   refreshTab,
   runOptimistic,
@@ -30,6 +31,7 @@ import {
   getDashboardHistory,
   setPendingChange,
   clearPendingChange,
+  retryQueueData,
 } from "../modules/state.js";
 import { navigateTo } from "../modules/router.js";
 import { ICONS } from "../modules/icons.js";
@@ -322,6 +324,7 @@ export function DashboardTab() {
   const prevCounts = useRef(null);
   const status = statusData.value;
   const executor = executorData.value;
+  const retryQueue = retryQueueData.value || { count: 0, items: [], stats: {} };
   const project = projectSummary.value;
   const counts = status?.counts || {};
   const summary = status?.success_metrics || {};
@@ -448,6 +451,10 @@ export function DashboardTab() {
       .catch(() => {});
   }, []);
 
+  useEffect(() => {
+    loadRetryQueue().catch(() => {});
+  }, []);
+
   // ── Flash metrics on counts change ──
   useEffect(() => {
     const current = JSON.stringify(counts);
@@ -657,6 +664,34 @@ export function DashboardTab() {
 
   /* ── Recent activity (last 5 tasks from global tasks signal) ── */
   const recentTasks = (tasksData.value || []).slice(0, 5);
+  const retryItems = Array.isArray(retryQueue.items) ? retryQueue.items : [];
+
+  const formatRetryCountdown = useCallback((nextAttemptAt) => {
+    const target = Number(nextAttemptAt || 0);
+    if (!Number.isFinite(target) || target <= 0) return "Now";
+    const remainingMs = target - now.getTime();
+    if (remainingMs <= 0) return "Now";
+    const totalSec = Math.ceil(remainingMs / 1000);
+    const min = Math.floor(totalSec / 60);
+    const sec = totalSec % 60;
+    if (min > 0) return `${min}m ${String(sec).padStart(2, "0")}s`;
+    return `${sec}s`;
+  }, [now]);
+
+  const handleRetryNow = useCallback(async (taskId) => {
+    const id = String(taskId || "").trim();
+    if (!id) return;
+    try {
+      await apiFetch("/api/tasks/retry", {
+        method: "POST",
+        body: JSON.stringify({ taskId: id }),
+      });
+      showToast(`Retry requested for ${id}`, "success");
+      scheduleRefresh(100);
+    } catch {
+      /* toast shown by apiFetch */
+    }
+  }, []);
 
   /* ── Loading skeleton ── */
   if (!status && !executor)
@@ -981,6 +1016,45 @@ export function DashboardTab() {
           </div>
         <//>
 
+        <${Card}
+          title=${html`<span class="dashboard-card-title"
+            ><span class="dashboard-title-icon">${ICONS.refresh || resolveIcon("refresh")}</span>Retry Queue</span
+          >`}
+          className="dashboard-card dashboard-retry-queue"
+        >
+          ${retryItems.length
+            ? html`
+              <div class="dashboard-retry-list">
+                ${retryItems.map((item) => html`
+                  <div key=${item.taskId} class="dashboard-retry-item">
+                    <div class="dashboard-retry-main">
+                      <div class="dashboard-retry-task">${item.taskId}</div>
+                      ${item.taskTitle
+                        ? html`<div class="dashboard-retry-task-title">${truncate(item.taskTitle, 72)}</div>`
+                        : null}
+                      <div class="dashboard-retry-error">${truncate(item.lastError || item.reason || "Unknown retry reason", 120)}</div>
+                    </div>
+                    <div class="dashboard-retry-meta">
+                      <span class="dashboard-retry-pill">Attempt ${item.retryCount || 0}</span>
+                      <span class="dashboard-retry-pill">Next ${formatRetryCountdown(item.nextAttemptAt)}</span>
+                      <${Button}
+                        variant="outlined"
+                        size="small"
+                        onClick=${() => {
+                          haptic("medium");
+                          void handleRetryNow(item.taskId);
+                        }}
+                      >
+                        Retry Now
+                      <//>
+                    </div>
+                  </div>
+                `)}
+              </div>
+            `
+            : html`<${EmptyState} title="No queued retries" description="Failed tasks waiting to retry appear here automatically." />`}
+        <//>
+
         <${Card}
           title=${html`<span class="dashboard-card-title"
             ><span class="dashboard-title-icon">${ICONS.clock}</span>Recent