@aion0/forge 0.10.32 → 0.10.34

package/RELEASE_NOTES.md

@@ -1,11 +1,14 @@
-# Forge v0.10.32
+# Forge v0.10.34
 
-Released: 2026-06-02
+Released: 2026-06-03
 
-## Changes since v0.10.31
+## Changes since v0.10.33
 
 ### Other
-- fix(watch): builtin pollers return JSON + add get_task_status
+- fix(watch): heuristic terminal detection for all connector pollers
+- ui(activity): segmented pill — running/upcoming/failed each their own color
+- fix(watch): honor poll result's terminal: true regardless of done_match
+- fix(marketplace): scrollbar on long project list in install dropdown
 
 
-**Full Changelog**: https://github.com/aiwatching/forge/compare/v0.10.31...v0.10.32
+**Full Changelog**: https://github.com/aiwatching/forge/compare/v0.10.33...v0.10.34

package/app/api/activity/summary/route.ts

@@ -0,0 +1,135 @@
+/**
+ * GET /api/activity/summary
+ *
+ * Small snapshot for the Activity pill / dashboard. Three sections:
+ *   - running:  pipelines currently in flight (status queued|running)
+ *   - upcoming: enabled schedules sorted by next_run_at ASC
+ *   - recent:   last 8 finished pipelines (succeeded|failed|cancelled)
+ *
+ * Aim <5KB response, <30ms. No expensive joins, no per-pipeline detail.
+ * Front-end refetches every 5s when ActivityPanel is open.
+ */
+
+import { NextResponse } from 'next/server';
+import { listPipelinesSummary } from '@/lib/pipeline';
+import { listSchedules } from '@/lib/schedules/store';
+
+interface RunningRow {
+  id: string;
+  workflowName: string;
+  status: string;
+  currentNode: string | null;
+  progress: { done: number; total: number };
+  createdAt: string;
+}
+
+interface UpcomingRow {
+  id: string;
+  name: string;
+  body_kind: string;
+  body_ref: string;
+  next_run_at: string | null;
+  schedule_kind: string;
+  schedule_summary: string;
+}
+
+interface RecentRow {
+  id: string;
+  workflowName: string;
+  status: string;
+  completedAt: string | null;
+  durationMs: number | null;
+}
+
+interface Summary {
+  running: RunningRow[];
+  upcoming: UpcomingRow[];
+  recent: RecentRow[];
+  generated_at: string;
+}
+
+function scheduleSummary(s: {
+  schedule_kind: string;
+  schedule_interval_minutes: number;
+  schedule_at: string | null;
+  schedule_cron: string | null;
+}): string {
+  switch (s.schedule_kind) {
+    case 'period':
+      return s.schedule_interval_minutes >= 60
+        ? `every ${Math.round(s.schedule_interval_minutes / 60)}h`
+        : `every ${s.schedule_interval_minutes}m`;
+    case 'cron':
+      return `cron: ${s.schedule_cron || '?'}`;
+    case 'once':
+      return s.schedule_at ? `at ${s.schedule_at}` : 'one-shot';
+    case 'manual':
+      return 'manual only';
+    default:
+      return s.schedule_kind;
+  }
+}
+
+export async function GET() {
+  // Single listPipelinesSummary call — uses the parse cache, sorted desc.
+  // 200 runs cap is plenty; we'll filter into running + recent and discard
+  // the rest.
+  const all = listPipelinesSummary({ limit: 200 });
+
+  const running: RunningRow[] = [];
+  const recent: RecentRow[] = [];
+  for (const p of all) {
+    const isActive = p.status === 'running';
+    if (isActive && running.length < 30) {
+      // Compute progress + current node from the in-memory nodes map.
+      let done = 0;
+      let current: string | null = null;
+      for (const name of p.nodeOrder) {
+        const st = p.nodes[name]?.status;
+        if (st === 'done' || st === 'skipped') done++;
+        else if (!current && st === 'running') current = name;
+      }
+      running.push({
+        id: p.id,
+        workflowName: p.workflowName,
+        status: p.status,
+        currentNode: current,
+        progress: { done, total: p.nodeOrder.length },
+        createdAt: p.createdAt,
+      });
+    } else if (!isActive && recent.length < 8) {
+      const startedMs = Date.parse(p.createdAt);
+      const endedMs = p.completedAt ? Date.parse(p.completedAt) : NaN;
+      recent.push({
+        id: p.id,
+        workflowName: p.workflowName,
+        status: p.status,
+        completedAt: p.completedAt || null,
+        durationMs: isFinite(startedMs) && isFinite(endedMs) ? endedMs - startedMs : null,
+      });
+    }
+  }
+
+  // Upcoming = enabled schedules sorted by next_run_at ASC, top 10.
+  const schedules = listSchedules()
+    .filter((s) => s.enabled && s.next_run_at)
+    .sort((a, b) => String(a.next_run_at).localeCompare(String(b.next_run_at)))
+    .slice(0, 10);
+  const upcoming: UpcomingRow[] = schedules.map((s) => ({
+    id: s.id,
+    name: s.name,
+    body_kind: s.body_kind,
+    body_ref: s.body_ref,
+    next_run_at: s.next_run_at,
+    schedule_kind: s.schedule_kind,
+    schedule_summary: scheduleSummary(s),
+  }));
+
+  const summary: Summary = {
+    running,
+    upcoming,
+    recent,
+    generated_at: new Date().toISOString(),
+  };
+  return NextResponse.json(summary);
+}

package/components/ActivityPanel.tsx

@@ -0,0 +1,288 @@
+'use client';
+
+import { useCallback, useEffect, useRef, useState } from 'react';
+
+interface RunningRow {
+  id: string;
+  workflowName: string;
+  status: string;
+  currentNode: string | null;
+  progress: { done: number; total: number };
+  createdAt: string;
+}
+
+interface UpcomingRow {
+  id: string;
+  name: string;
+  body_kind: string;
+  body_ref: string;
+  next_run_at: string | null;
+  schedule_kind: string;
+  schedule_summary: string;
+}
+
+interface RecentRow {
+  id: string;
+  workflowName: string;
+  status: string;
+  completedAt: string | null;
+  durationMs: number | null;
+}
+
+interface Summary {
+  running: RunningRow[];
+  upcoming: UpcomingRow[];
+  recent: RecentRow[];
+  generated_at: string;
+}
+
+const POLL_OPEN_MS = 5000;   // active polling while open
+const POLL_BADGE_MS = 30000; // background polling while closed (just for counts)
+
+function timeAgo(iso: string | null): string {
+  if (!iso) return '';
+  const s = Math.round((Date.now() - Date.parse(iso)) / 1000);
+  if (s < 60) return `${s}s ago`;
+  if (s < 3600) return `${Math.round(s / 60)}m ago`;
+  if (s < 86400) return `${Math.round(s / 3600)}h ago`;
+  return `${Math.round(s / 86400)}d ago`;
+}
+
+function timeUntil(iso: string | null): string {
+  if (!iso) return '';
+  const s = Math.round((Date.parse(iso) - Date.now()) / 1000);
+  if (s < 0) return 'overdue';
+  if (s < 60) return `in ${s}s`;
+  if (s < 3600) return `in ${Math.round(s / 60)}m`;
+  if (s < 86400) return `in ${Math.round(s / 3600)}h`;
+  return `in ${Math.round(s / 86400)}d`;
+}
+
+function fmtDuration(ms: number | null): string {
+  if (ms == null) return '';
+  if (ms < 1000) return `${ms}ms`;
+  if (ms < 60_000) return `${(ms / 1000).toFixed(1)}s`;
+  return `${Math.round(ms / 60_000)}m`;
+}
+
+function statusGlyph(s: string): string {
+  if (s === 'done') return '✓';
+  if (s === 'failed') return '✗';
+  if (s === 'cancelled') return '⊘';
+  if (s === 'running') return '▶';
+  return s;
+}
+
+function statusColor(s: string): string {
+  if (s === 'done') return 'text-green-500';
+  if (s === 'failed') return 'text-red-400';
+  if (s === 'cancelled') return 'text-gray-400';
+  if (s === 'running') return 'text-blue-400';
+  return 'text-[var(--text-secondary)]';
+}
+
+/**
+ * Activity pill — top-right glanceable status for running pipelines +
+ * upcoming schedules. Click to expand a 3-section dropdown. Polls every
+ * 5s while open, 30s in background for badge counts.
+ */
+export default function ActivityPanel() {
+  const [summary, setSummary] = useState<Summary | null>(null);
+  const [open, setOpen] = useState(false);
+  const panelRef = useRef<HTMLDivElement | null>(null);
+
+  const refetch = useCallback(async () => {
+    try {
+      const r = await fetch('/api/activity/summary');
+      if (!r.ok) return;
+      const j: Summary = await r.json();
+      setSummary(j);
+    } catch { /* network blip — silent */ }
+  }, []);
+
+  // Initial fetch + adaptive polling cadence
+  useEffect(() => {
+    refetch();
+    const ms = open ? POLL_OPEN_MS : POLL_BADGE_MS;
+    const id = setInterval(refetch, ms);
+    return () => clearInterval(id);
+  }, [open, refetch]);
+
+  // Click-outside dismisses
+  useEffect(() => {
+    if (!open) return;
+    const onClick = (e: MouseEvent) => {
+      if (panelRef.current && !panelRef.current.contains(e.target as Node)) {
+        setOpen(false);
+      }
+    };
+    window.addEventListener('mousedown', onClick);
+    return () => window.removeEventListener('mousedown', onClick);
+  }, [open]);
+
+  const runningCount = summary?.running.length ?? 0;
+  const upcomingCount = summary?.upcoming.length ?? 0;
+  const recentFailed = (summary?.recent ?? []).filter((r) => r.status === 'failed').length;
+  const hasAny = runningCount + upcomingCount + recentFailed > 0;
+
+  // Pill border tint picks the most urgent state:
+  // failed (red) > running (blue) > else dim.
+  const borderTint = recentFailed > 0
+    ? 'border-red-500/50'
+    : runningCount > 0
+      ? 'border-blue-500/50'
+      : 'border-[var(--border)]';
+
+  return (
+    <div className="relative" ref={panelRef}>
+      <button
+        onClick={() => setOpen((o) => !o)}
+        className={`text-[10px] px-2 py-0.5 rounded border ${borderTint} flex items-center gap-2.5
+          text-[var(--text-secondary)] hover:text-[var(--text-primary)]`}
+        title="Activity — running pipelines · upcoming schedules · recent failures"
+      >
+        {!hasAny ? (
+          <span className="text-[var(--text-secondary)]">✓</span>
+        ) : (
+          <>
+            {runningCount > 0 && (
+              <span className="inline-flex items-baseline text-blue-400" title={`${runningCount} running`}>
+                <span className="text-[7px] mr-0.5">●</span>
+                <span className="font-semibold tabular-nums">{runningCount}</span>
+              </span>
+            )}
+            {upcomingCount > 0 && (
+              <span className="inline-flex items-baseline text-[var(--text-secondary)]" title={`${upcomingCount} upcoming`}>
+                <span className="text-[8px] mr-0.5">◷</span>
+                <span className="font-semibold tabular-nums">{upcomingCount}</span>
+              </span>
+            )}
+            {recentFailed > 0 && (
+              <span className="inline-flex items-baseline text-red-400" title={`${recentFailed} recently failed`}>
+                <span className="text-[8px] mr-0.5">✕</span>
+                <span className="font-semibold tabular-nums">{recentFailed}</span>
+              </span>
+            )}
+          </>
+        )}
+      </button>
+
+      {open && (
+        <div
+          className="absolute right-0 mt-1 w-[440px] max-h-[70vh] overflow-y-auto bg-[var(--bg-secondary)] border border-[var(--border)] rounded-lg shadow-xl z-50"
+          onClick={(e) => e.stopPropagation()}
+        >
+          {summary === null ? (
+            <div className="p-6 text-center text-xs text-[var(--text-secondary)]">Loading…</div>
+          ) : (
+            <div className="p-3 space-y-4">
+              {/* Running */}
+              <Section title="Running" count={runningCount}>
+                {runningCount === 0 ? (
+                  <Empty>Nothing running.</Empty>
+                ) : (
+                  summary.running.map((r) => (
+                    <div key={r.id} className="flex items-start gap-2 text-xs py-1">
+                      <span className={`${statusColor(r.status)} mt-0.5`}>{statusGlyph(r.status)}</span>
+                      <div className="flex-1 min-w-0">
+                        <div className="flex items-center gap-2">
+                          <span className="text-[var(--text-primary)] font-medium truncate">{r.workflowName}</span>
+                          <span className="text-[10px] text-[var(--text-secondary)]">
+                            {r.progress.done}/{r.progress.total}
+                          </span>
+                          <span className="text-[10px] text-gray-500">{timeAgo(r.createdAt)}</span>
+                        </div>
+                        {r.currentNode && (
+                          <div className="text-[10px] text-[var(--text-secondary)] mt-0.5">
+                            current: {r.currentNode}
+                          </div>
+                        )}
+                      </div>
+                      <button
+                        onClick={() => {
+                          setOpen(false);
+                          window.dispatchEvent(new CustomEvent('forge:navigate', { detail: { view: 'pipelines', pipelineId: r.id } }));
+                        }}
+                        className="text-[10px] px-1.5 py-0.5 rounded border border-[var(--border)] text-[var(--text-secondary)] hover:text-[var(--text-primary)]"
+                      >
+                        view
+                      </button>
+                    </div>
+                  ))
+                )}
+              </Section>
+
+              {/* Upcoming */}
+              <Section title="Next up" count={upcomingCount}>
+                {upcomingCount === 0 ? (
+                  <Empty>No enabled schedules.</Empty>
+                ) : (
+                  summary.upcoming.map((u) => (
+                    <div key={u.id} className="flex items-start gap-2 text-xs py-1">
+                      <span className="text-[var(--text-secondary)] mt-0.5">⏰</span>
+                      <div className="flex-1 min-w-0">
+                        <div className="flex items-center gap-2">
+                          <span className="text-[var(--text-primary)] font-medium truncate">{u.name}</span>
+                          <span className="text-[10px] text-blue-400">{timeUntil(u.next_run_at)}</span>
+                        </div>
+                        <div className="text-[10px] text-[var(--text-secondary)] mt-0.5 truncate">
+                          {u.body_kind}: {u.body_ref} · {u.schedule_summary}
+                        </div>
+                      </div>
+                    </div>
+                  ))
+                )}
+              </Section>
+
+              {/* Recent */}
+              <Section title="Recent" count={summary.recent.length}>
+                {summary.recent.length === 0 ? (
+                  <Empty>No recent runs.</Empty>
+                ) : (
+                  summary.recent.map((r) => (
+                    <div key={r.id} className="flex items-start gap-2 text-xs py-1">
+                      <span className={`${statusColor(r.status)} mt-0.5`}>{statusGlyph(r.status)}</span>
+                      <div className="flex-1 min-w-0">
+                        <div className="flex items-center gap-2">
+                          <span className="text-[var(--text-primary)] truncate">{r.workflowName}</span>
+                          <span className="text-[10px] text-[var(--text-secondary)]">
+                            {fmtDuration(r.durationMs)} · {timeAgo(r.completedAt)}
+                          </span>
+                        </div>
+                      </div>
+                      <button
+                        onClick={() => {
+                          setOpen(false);
+                          window.dispatchEvent(new CustomEvent('forge:navigate', { detail: { view: 'pipelines', pipelineId: r.id } }));
+                        }}
+                        className="text-[10px] px-1.5 py-0.5 rounded border border-[var(--border)] text-[var(--text-secondary)] hover:text-[var(--text-primary)]"
+                      >
+                        view
+                      </button>
+                    </div>
+                  ))
+                )}
+              </Section>
+            </div>
+          )}
+        </div>
+      )}
+    </div>
+  );
+}
+
+function Section({ title, count, children }: { title: string; count: number; children: React.ReactNode }) {
+  return (
+    <div>
+      <h3 className="text-[10px] font-semibold text-[var(--text-secondary)] uppercase mb-1 flex items-center gap-2">
+        {title}
+        <span className="text-gray-500 font-normal">({count})</span>
+      </h3>
+      <div className="space-y-0.5">{children}</div>
+    </div>
+  );
+}
+
+function Empty({ children }: { children: React.ReactNode }) {
+  return <div className="text-[10px] text-gray-500 italic py-0.5">{children}</div>;
+}

package/components/Dashboard.tsx

@@ -25,6 +25,7 @@ const NewTaskModal = lazy(() => import('./NewTaskModal'));
 const SettingsModal = lazy(() => import('./SettingsModal'));
 const MonitorPanel = lazy(() => import('./MonitorPanel'));
 const LoginStatusPanel = lazy(() => import('./LoginStatusPanel'));
+const ActivityPanel = lazy(() => import('./ActivityPanel'));
 const WorkspaceView = lazy(() => import('./WorkspaceView'));
 // WorkspaceTree moved into ProjectDetail — no longer needed at Dashboard level
 
@@ -398,6 +399,11 @@ export default function Dashboard({ user }: { user: any }) {
             >
               Automation
             </button>
+            {/* Activity sub-pill — sits next to Automation since its content
+                (running pipelines + upcoming schedules + recent runs) is the
+                live read-side of Automation. Click anywhere → dropdown with
+                3 sections + a "view" jump to the run. */}
+            <Suspense fallback={null}><ActivityPanel /></Suspense>
             <span className="w-[2px] h-4 bg-[var(--text-secondary)]/30 mx-1.5" />
             {/* Marketplace */}
             <button
@@ -465,14 +471,6 @@ export default function Dashboard({ user }: { user: any }) {
               </>
             )}
           </div>
-          <button
-            onClick={() => setViewMode('usage')}
-            className={`text-[10px] px-2 py-0.5 border rounded transition-colors ${
-              viewMode === 'usage'
-                ? 'border-[var(--accent)] text-[var(--accent)]'
-                : 'border-[var(--border)] text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:border-[var(--text-secondary)]'
-            }`}
-          >Usage</button>
           <Suspense fallback={null}><TunnelToggle /></Suspense>
           {onlineCount.total > 0 && (
             <span className="text-[10px] text-[var(--text-secondary)] flex items-center gap-1" title={`${onlineCount.total} online${onlineCount.remote > 0 ? `, ${onlineCount.remote} remote` : ''}`}>
@@ -618,52 +616,73 @@ export default function Dashboard({ user }: { user: any }) {
             {showUserMenu && (
               <>
                 <div className="fixed inset-0 z-40" onClick={() => setShowUserMenu(false)} />
-                <div className="absolute right-0 top-8 w-[140px] bg-[var(--bg-secondary)] border border-[var(--border)] rounded-lg shadow-xl z-50 py-1">
+                <div className="absolute right-0 top-8 w-[170px] bg-[var(--bg-secondary)] border border-[var(--border)] rounded-lg shadow-xl z-50 py-1">
+                  {/* Settings promoted to the top — most-reached item in this
+                      menu. Each row leads with a glyph so it's scannable. */}
+                  <button
+                    onClick={() => { setShowSettings(true); setShowUserMenu(false); }}
+                    className="w-full text-left text-[11px] px-3 py-1.5 text-[var(--text-primary)] hover:bg-[var(--bg-tertiary)] flex items-center gap-2"
+                  >
+                    <span className="w-3 text-center">⚙</span><span>Settings</span>
+                  </button>
+                  {/* Chat (web) is a separate route — open in a new tab so
+                      the dashboard isn't replaced. Promoted up here so it's
+                      one of the prominent items, not buried below Logs. */}
+                  <a
+                    href="/chat"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="block w-full text-left text-[11px] px-3 py-1.5 text-[var(--text-primary)] hover:bg-[var(--bg-tertiary)] flex items-center gap-2"
+                  >
+                    <span className="w-3 text-center">💬</span>
+                    <span className="flex-1">Chat (web)</span>
+                    <span className="text-[9px] text-[var(--text-secondary)]">↗</span>
+                  </a>
+                  <div className="border-t border-[var(--border)] my-1" />
                   <button
                     onClick={() => { setShowMonitor(true); setShowUserMenu(false); }}
-                    className="w-full text-left text-[11px] px-3 py-1.5 text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-tertiary)]"
+                    className="w-full text-left text-[11px] px-3 py-1.5 text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-tertiary)] flex items-center gap-2"
                   >
-                    Monitor
+                    <span className="w-3 text-center">📊</span><span>Monitor</span>
                   </button>
                   <button
                     onClick={() => { setShowLoginStatus(true); setShowUserMenu(false); }}
-                    className="w-full text-left text-[11px] px-3 py-1.5 text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-tertiary)] flex items-center justify-between"
+                    className="w-full text-left text-[11px] px-3 py-1.5 text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-tertiary)] flex items-center gap-2"
                   >
-                    <span>Login Status</span>
+                    <span className="w-3 text-center">🔐</span>
+                    <span className="flex-1">Login Status</span>
                     {loginBadge && loginBadge.broken > 0 && (
-                      <span className="text-[9px] text-red-400">🔴 {loginBadge.broken}/{loginBadge.total}</span>
+                      <span className="text-[9px] text-red-400">{loginBadge.broken}/{loginBadge.total}</span>
                     )}
                   </button>
                   <button
-                    onClick={() => { setShowSettings(true); setShowUserMenu(false); }}
-                    className="w-full text-left text-[11px] px-3 py-1.5 text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-tertiary)]"
+                    onClick={() => { setViewMode('usage'); setShowUserMenu(false); }}
+                    className="w-full text-left text-[11px] px-3 py-1.5 text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-tertiary)] flex items-center gap-2"
                   >
-                    Settings
+                    <span className="w-3 text-center">💰</span><span>Usage</span>
                   </button>
                   <button
                     onClick={() => { setViewMode('logs'); setShowUserMenu(false); }}
-                    className="w-full text-left text-[11px] px-3 py-1.5 text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-tertiary)]"
+                    className="w-full text-left text-[11px] px-3 py-1.5 text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-tertiary)] flex items-center gap-2"
                   >
-                    Logs
+                    <span className="w-3 text-center">📜</span><span>Logs</span>
                   </button>
-                  <a
-                    href="/chat"
-                    className="block w-full text-left text-[11px] px-3 py-1.5 text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-tertiary)]"
-                  >
-                    Chat (web)
-                  </a>
                   <a
                     href="/mobile"
-                    className="block w-full text-left text-[11px] px-3 py-1.5 text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-tertiary)]"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="block w-full text-left text-[11px] px-3 py-1.5 text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-tertiary)] flex items-center gap-2"
                   >
-                    Mobile View
+                    <span className="w-3 text-center">📱</span>
+                    <span className="flex-1">Mobile View</span>
+                    <span className="text-[9px] text-[var(--text-secondary)]">↗</span>
                   </a>
                   <div className="border-t border-[var(--border)] my-1" />
                   <button
                     onClick={() => signOut({ callbackUrl: '/login' })}
-                    className="w-full text-left text-[11px] px-3 py-1.5 text-[var(--text-secondary)] hover:text-[var(--red)] hover:bg-[var(--bg-tertiary)]"
+                    className="w-full text-left text-[11px] px-3 py-1.5 text-[var(--text-secondary)] hover:text-[var(--red)] hover:bg-[var(--bg-tertiary)] flex items-center gap-2"
                   >
-                    Logout
+                    <span className="w-3 text-center">⏻</span><span>Logout</span>
                   </button>
                 </div>
               </>