npm - @monoes/monobrowse - Versions diffs - 1.0.0 - Mend

@monoes/monobrowse 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (208) hide show

package/dist/src/browser/action-builder/analyzer.d.ts +11 -0
package/dist/src/browser/action-builder/analyzer.d.ts.map +1 -0
package/dist/src/browser/action-builder/analyzer.js +93 -0
package/dist/src/browser/action-builder/analyzer.js.map +1 -0
package/dist/src/browser/action-builder/types.d.ts +46 -0
package/dist/src/browser/action-builder/types.d.ts.map +1 -0
package/dist/src/browser/action-builder/types.js +2 -0
package/dist/src/browser/action-builder/types.js.map +1 -0
package/dist/src/browser/actions.d.ts +29 -0
package/dist/src/browser/actions.d.ts.map +1 -0
package/dist/src/browser/actions.js +398 -0
package/dist/src/browser/actions.js.map +1 -0
package/dist/src/browser/adapters/gemini.d.ts +3 -0
package/dist/src/browser/adapters/gemini.d.ts.map +1 -0
package/dist/src/browser/adapters/gemini.js +13 -0
package/dist/src/browser/adapters/gemini.js.map +1 -0
package/dist/src/browser/adapters/google.d.ts +3 -0
package/dist/src/browser/adapters/google.d.ts.map +1 -0
package/dist/src/browser/adapters/google.js +17 -0
package/dist/src/browser/adapters/google.js.map +1 -0
package/dist/src/browser/adapters/index.d.ts +15 -0
package/dist/src/browser/adapters/index.d.ts.map +1 -0
package/dist/src/browser/adapters/index.js +18 -0
package/dist/src/browser/adapters/index.js.map +1 -0
package/dist/src/browser/adapters/instagram.d.ts +3 -0
package/dist/src/browser/adapters/instagram.d.ts.map +1 -0
package/dist/src/browser/adapters/instagram.js +14 -0
package/dist/src/browser/adapters/instagram.js.map +1 -0
package/dist/src/browser/adapters/linkedin.d.ts +3 -0
package/dist/src/browser/adapters/linkedin.d.ts.map +1 -0
package/dist/src/browser/adapters/linkedin.js +13 -0
package/dist/src/browser/adapters/linkedin.js.map +1 -0
package/dist/src/browser/adapters/microsoft.d.ts +3 -0
package/dist/src/browser/adapters/microsoft.d.ts.map +1 -0
package/dist/src/browser/adapters/microsoft.js +16 -0
package/dist/src/browser/adapters/microsoft.js.map +1 -0
package/dist/src/browser/adapters/x.d.ts +3 -0
package/dist/src/browser/adapters/x.d.ts.map +1 -0
package/dist/src/browser/adapters/x.js +13 -0
package/dist/src/browser/adapters/x.js.map +1 -0
package/dist/src/browser/batch.d.ts +5 -0
package/dist/src/browser/batch.d.ts.map +1 -0
package/dist/src/browser/batch.js +2 -0
package/dist/src/browser/batch.js.map +1 -0
package/dist/src/browser/browser.d.ts +15 -0
package/dist/src/browser/browser.d.ts.map +1 -0
package/dist/src/browser/browser.js +256 -0
package/dist/src/browser/browser.js.map +1 -0
package/dist/src/browser/cdp.d.ts +18 -0
package/dist/src/browser/cdp.d.ts.map +1 -0
package/dist/src/browser/cdp.js +153 -0
package/dist/src/browser/cdp.js.map +1 -0
package/dist/src/browser/console-log.d.ts +23 -0
package/dist/src/browser/console-log.d.ts.map +1 -0
package/dist/src/browser/console-log.js +104 -0
package/dist/src/browser/console-log.js.map +1 -0
package/dist/src/browser/dashboard/api-types.d.ts +50 -0
package/dist/src/browser/dashboard/api-types.d.ts.map +1 -0
package/dist/src/browser/dashboard/api-types.js +14 -0
package/dist/src/browser/dashboard/api-types.js.map +1 -0
package/dist/src/browser/dashboard/server.d.ts +11 -0
package/dist/src/browser/dashboard/server.d.ts.map +1 -0
package/dist/src/browser/dashboard/server.js +191 -0
package/dist/src/browser/dashboard/server.js.map +1 -0
package/dist/src/browser/dialog.d.ts +12 -0
package/dist/src/browser/dialog.d.ts.map +1 -0
package/dist/src/browser/dialog.js +53 -0
package/dist/src/browser/dialog.js.map +1 -0
package/dist/src/browser/emulation.d.ts +15 -0
package/dist/src/browser/emulation.d.ts.map +1 -0
package/dist/src/browser/emulation.js +62 -0
package/dist/src/browser/emulation.js.map +1 -0
package/dist/src/browser/find.d.ts +22 -0
package/dist/src/browser/find.d.ts.map +1 -0
package/dist/src/browser/find.js +169 -0
package/dist/src/browser/find.js.map +1 -0
package/dist/src/browser/har.d.ts +27 -0
package/dist/src/browser/har.d.ts.map +1 -0
package/dist/src/browser/har.js +161 -0
package/dist/src/browser/har.js.map +1 -0
package/dist/src/browser/index.d.ts +23 -0
package/dist/src/browser/index.d.ts.map +1 -0
package/dist/src/browser/index.js +23 -0
package/dist/src/browser/index.js.map +1 -0
package/dist/src/browser/network.d.ts +32 -0
package/dist/src/browser/network.d.ts.map +1 -0
package/dist/src/browser/network.js +214 -0
package/dist/src/browser/network.js.map +1 -0
package/dist/src/browser/pdf.d.ts +15 -0
package/dist/src/browser/pdf.d.ts.map +1 -0
package/dist/src/browser/pdf.js +27 -0
package/dist/src/browser/pdf.js.map +1 -0
package/dist/src/browser/profiler.d.ts +10 -0
package/dist/src/browser/profiler.d.ts.map +1 -0
package/dist/src/browser/profiler.js +77 -0
package/dist/src/browser/profiler.js.map +1 -0
package/dist/src/browser/record.d.ts +21 -0
package/dist/src/browser/record.d.ts.map +1 -0
package/dist/src/browser/record.js +59 -0
package/dist/src/browser/record.js.map +1 -0
package/dist/src/browser/screenshot.d.ts +15 -0
package/dist/src/browser/screenshot.d.ts.map +1 -0
package/dist/src/browser/screenshot.js +38 -0
package/dist/src/browser/screenshot.js.map +1 -0
package/dist/src/browser/session.d.ts +8 -0
package/dist/src/browser/session.d.ts.map +1 -0
package/dist/src/browser/session.js +91 -0
package/dist/src/browser/session.js.map +1 -0
package/dist/src/browser/snapshot.d.ts +12 -0
package/dist/src/browser/snapshot.d.ts.map +1 -0
package/dist/src/browser/snapshot.js +179 -0
package/dist/src/browser/snapshot.js.map +1 -0
package/dist/src/browser/storage.d.ts +12 -0
package/dist/src/browser/storage.d.ts.map +1 -0
package/dist/src/browser/storage.js +46 -0
package/dist/src/browser/storage.js.map +1 -0
package/dist/src/browser/tabs.d.ts +8 -0
package/dist/src/browser/tabs.d.ts.map +1 -0
package/dist/src/browser/tabs.js +25 -0
package/dist/src/browser/tabs.js.map +1 -0
package/dist/src/browser/trace.d.ts +10 -0
package/dist/src/browser/trace.d.ts.map +1 -0
package/dist/src/browser/trace.js +87 -0
package/dist/src/browser/trace.js.map +1 -0
package/dist/src/browser/types.d.ts +111 -0
package/dist/src/browser/types.d.ts.map +1 -0
package/dist/src/browser/types.js +16 -0
package/dist/src/browser/types.js.map +1 -0
package/dist/src/browser/vitals.d.ts +15 -0
package/dist/src/browser/vitals.d.ts.map +1 -0
package/dist/src/browser/vitals.js +116 -0
package/dist/src/browser/vitals.js.map +1 -0
package/dist/src/browser/wait.d.ts +4 -0
package/dist/src/browser/wait.d.ts.map +1 -0
package/dist/src/browser/wait.js +146 -0
package/dist/src/browser/wait.js.map +1 -0
package/dist/src/browser/workflow/builtin-handlers.d.ts +3 -0
package/dist/src/browser/workflow/builtin-handlers.d.ts.map +1 -0
package/dist/src/browser/workflow/builtin-handlers.js +343 -0
package/dist/src/browser/workflow/builtin-handlers.js.map +1 -0
package/dist/src/browser/workflow/engine.d.ts +10 -0
package/dist/src/browser/workflow/engine.d.ts.map +1 -0
package/dist/src/browser/workflow/engine.js +174 -0
package/dist/src/browser/workflow/engine.js.map +1 -0
package/dist/src/browser/workflow/expression.d.ts +4 -0
package/dist/src/browser/workflow/expression.d.ts.map +1 -0
package/dist/src/browser/workflow/expression.js +89 -0
package/dist/src/browser/workflow/expression.js.map +1 -0
package/dist/src/browser/workflow/index.d.ts +6 -0
package/dist/src/browser/workflow/index.d.ts.map +1 -0
package/dist/src/browser/workflow/index.js +6 -0
package/dist/src/browser/workflow/index.js.map +1 -0
package/dist/src/browser/workflow/store.d.ts +8 -0
package/dist/src/browser/workflow/store.d.ts.map +1 -0
package/dist/src/browser/workflow/store.js +87 -0
package/dist/src/browser/workflow/store.js.map +1 -0
package/dist/src/browser/workflow/types.d.ts +62 -0
package/dist/src/browser/workflow/types.d.ts.map +1 -0
package/dist/src/browser/workflow/types.js +2 -0
package/dist/src/browser/workflow/types.js.map +1 -0
package/dist/src/index.d.ts +7 -0
package/dist/src/index.d.ts.map +1 -0
package/dist/src/index.js +7 -0
package/dist/src/index.js.map +1 -0
package/dist/tsconfig.tsbuildinfo +1 -0
package/package.json +56 -0
package/src/browser/action-builder/analyzer.ts +127 -0
package/src/browser/action-builder/types.ts +17 -0
package/src/browser/actions.ts +518 -0
package/src/browser/adapters/gemini.ts +15 -0
package/src/browser/adapters/google.ts +20 -0
package/src/browser/adapters/index.ts +33 -0
package/src/browser/adapters/instagram.ts +16 -0
package/src/browser/adapters/linkedin.ts +15 -0
package/src/browser/adapters/microsoft.ts +19 -0
package/src/browser/adapters/x.ts +15 -0
package/src/browser/batch.ts +4 -0
package/src/browser/browser.ts +265 -0
package/src/browser/cdp.ts +156 -0
package/src/browser/console-log.ts +120 -0
package/src/browser/dashboard/api-types.ts +71 -0
package/src/browser/dashboard/server.ts +206 -0
package/src/browser/dashboard/ui.html +444 -0
package/src/browser/dialog.ts +63 -0
package/src/browser/emulation.ts +94 -0
package/src/browser/find.ts +225 -0
package/src/browser/har.ts +202 -0
package/src/browser/index.ts +22 -0
package/src/browser/network.ts +244 -0
package/src/browser/pdf.ts +41 -0
package/src/browser/profiler.ts +96 -0
package/src/browser/record.ts +92 -0
package/src/browser/screenshot.ts +67 -0
package/src/browser/session.ts +118 -0
package/src/browser/snapshot.ts +248 -0
package/src/browser/storage.ts +54 -0
package/src/browser/tabs.ts +37 -0
package/src/browser/trace.ts +106 -0
package/src/browser/types.ts +135 -0
package/src/browser/vitals.ts +122 -0
package/src/browser/wait.ts +178 -0
package/src/browser/workflow/builtin-handlers.ts +379 -0
package/src/browser/workflow/engine.ts +202 -0
package/src/browser/workflow/expression.ts +107 -0
package/src/browser/workflow/index.ts +5 -0
package/src/browser/workflow/store.ts +87 -0
package/src/browser/workflow/types.ts +62 -0
package/src/index.ts +6 -0

package/src/browser/dashboard/ui.html ADDED Viewed

@@ -0,0 +1,444 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>monomind dashboard</title>
+<style>
+* { margin: 0; padding: 0; box-sizing: border-box; }
+body { background: #0b0b14; color: #ccc; font-family: system-ui,-apple-system,sans-serif; font-size: 13px; height: 100vh; display: flex; flex-direction: column; overflow: hidden; }
+/* ── top bar ─────────────────────────────────────────────── */
+#topbar {
+  background: #12122080;
+  border-bottom: 1px solid #1e1e30;
+  padding: 0 16px;
+  height: 42px;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-shrink: 0;
+  backdrop-filter: blur(8px);
+}
+#topbar .logo { font-size: 14px; font-weight: 700; color: #a78bfa; letter-spacing: .5px; margin-right: 6px; }
+#topbar .logo span { color: #555; font-weight: 400; }
+.pill { border-radius: 10px; padding: 1px 8px; font-size: 10px; border: 1px solid; }
+.pill-run  { background: #7c3aed22; border-color: #7c3aed55; color: #a78bfa; }
+.pill-done { background: #22c55e15; border-color: #22c55e44; color: #22c55e; }
+.pill-fail { background: #ef444415; border-color: #ef444444; color: #ef4444; }
+#conn { margin-left: auto; font-size: 10px; color: #555; display: flex; align-items: center; gap: 4px; }
+#conn-dot { width: 6px; height: 6px; border-radius: 50%; background: #555; }
+/* ── layout ──────────────────────────────────────────────── */
+#layout { display: flex; flex: 1; overflow: hidden; }
+/* ── sidebar ─────────────────────────────────────────────── */
+#sidebar {
+  width: 180px;
+  background: #0f0f1e;
+  border-right: 1px solid #1a1a2a;
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  padding: 12px 0;
+}
+.nav-section-label {
+  font-size: 9px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+  color: #3a3a5a;
+  padding: 12px 14px 4px;
+}
+.nav-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 14px;
+  cursor: pointer;
+  color: #666;
+  font-size: 12px;
+  border-left: 2px solid transparent;
+  transition: all .12s;
+  user-select: none;
+}
+.nav-item:hover { color: #aaa; background: #ffffff08; }
+.nav-item.active { color: #c4b5fd; border-left-color: #7c3aed; background: #7c3aed12; }
+.nav-item .nav-icon { font-size: 14px; width: 16px; text-align: center; }
+.nav-badge { margin-left: auto; background: #7c3aed33; border-radius: 8px; padding: 0 5px; font-size: 9px; color: #a78bfa; min-width: 16px; text-align: center; }
+.nav-badge.green { background: #22c55e22; color: #22c55e; }
+/* ── main panel ──────────────────────────────────────────── */
+#main { flex: 1; overflow-y: auto; display: flex; flex-direction: column; }
+.panel { display: none; flex: 1; flex-direction: column; }
+.panel.active { display: flex; }
+.panel-header {
+  padding: 14px 18px 10px;
+  border-bottom: 1px solid #1a1a2a;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  flex-shrink: 0;
+}
+.panel-title { font-size: 14px; font-weight: 600; color: #ddd; }
+.panel-subtitle { color: #555; font-size: 11px; margin-left: auto; }
+/* ── workflow cards ──────────────────────────────────────── */
+#wf-cards { padding: 12px; display: grid; gap: 10px; }
+.card {
+  background: #131320;
+  border: 1px solid #7c3aed30;
+  border-radius: 8px;
+  padding: 12px 14px;
+  transition: border-color .2s;
+}
+.card:hover { border-color: #7c3aed66; }
+.card.done { background: #0e0e1c; border-color: #1e1e30; opacity: .7; }
+.card.done:hover { opacity: .9; border-color: #2a2a40; }
+.card-header { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
+.card-title { color: #e2e2f0; font-weight: 600; font-size: 13px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.status-badge { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; border-radius: 4px; padding: 2px 6px; border: 1px solid; flex-shrink: 0; }
+.s-running { background: #7c3aed18; border-color: #7c3aed55; color: #a78bfa; }
+.s-completed { background: #22c55e15; border-color: #22c55e44; color: #22c55e; }
+.s-failed { background: #ef444415; border-color: #ef444444; color: #ef4444; }
+.s-stopped { background: #f59e0b15; border-color: #f59e0b44; color: #f59e0b; }
+.card-meta { display: flex; gap: 14px; font-size: 10px; color: #444; margin-bottom: 6px; align-items: center; }
+.card-meta .mitem { display: flex; align-items: center; gap: 3px; }
+.stop-btn { margin-left: auto; background: #ef444415; border: 1px solid #ef444433; color: #ef4444; border-radius: 4px; padding: 2px 8px; font-size: 10px; cursor: pointer; transition: background .15s; }
+.stop-btn:hover { background: #ef444430; }
+.progress-track { height: 2px; background: #1a1a2a; border-radius: 2px; overflow: hidden; margin-bottom: 6px; }
+.progress-fill { height: 100%; background: linear-gradient(90deg, #7c3aed, #a78bfa); border-radius: 2px; transition: width .4s; }
+.log-area { background: #09090f; border-radius: 4px; padding: 5px 8px; font-family: monospace; font-size: 10px; color: #555; line-height: 1.6; max-height: 72px; overflow: hidden; }
+.log-ts { color: #2a2a40; }
+.log-ok  { color: #22c55e88; }
+.log-err { color: #ef444488; }
+.log-info { color: #3b82f688; }
+/* ── empty state ─────────────────────────────────────────── */
+.empty {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: #333;
+  gap: 8px;
+  padding: 40px;
+}
+.empty-icon { font-size: 32px; }
+.empty-title { color: #555; font-size: 14px; font-weight: 600; }
+.empty-sub { font-size: 11px; text-align: center; line-height: 1.6; }
+/* ── agents panel ────────────────────────────────────────── */
+#agents-panel .placeholder,
+#memory-panel .placeholder,
+#sessions-panel .placeholder {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: #2a2a3a;
+  gap: 8px;
+  font-size: 12px;
+}
+#agents-panel .placeholder .big { font-size: 28px; }
+</style>
+</head>
+<body>
+<!-- ── top bar ─────────────────────────────────────── -->
+<div id="topbar">
+  <span class="logo">monomind <span>dashboard</span></span>
+  <span class="pill pill-run" id="p-run">● 0</span>
+  <span class="pill pill-done" id="p-done">✓ 0</span>
+  <span class="pill pill-fail" id="p-fail">✗ 0</span>
+  <span id="conn">
+    <span id="conn-dot"></span>
+    <span id="conn-label">connecting…</span>
+  </span>
+</div>
+<!-- ── layout ──────────────────────────────────────── -->
+<div id="layout">
+  <!-- sidebar -->
+  <nav id="sidebar">
+    <div class="nav-section-label">Project</div>
+    <div class="nav-item active" data-panel="workflows">
+      <span class="nav-icon">⚡</span> Workflows
+      <span class="nav-badge" id="nb-run">0</span>
+    </div>
+    <div class="nav-section-label" style="margin-top:8px">System</div>
+    <div class="nav-item" data-panel="agents">
+      <span class="nav-icon">🤖</span> Agents
+    </div>
+    <div class="nav-item" data-panel="memory">
+      <span class="nav-icon">🧠</span> Memory
+    </div>
+    <div class="nav-item" data-panel="sessions">
+      <span class="nav-icon">🔗</span> Sessions
+    </div>
+  </nav>
+  <!-- main -->
+  <div id="main">
+    <!-- Workflows panel -->
+    <div class="panel active" id="wf-panel">
+      <div class="panel-header">
+        <span class="panel-title">Workflow Runs</span>
+        <span class="panel-subtitle" id="wf-subtitle">0 runs</span>
+      </div>
+      <div id="wf-cards"></div>
+      <div class="empty" id="wf-empty">
+        <span class="empty-icon">⚡</span>
+        <span class="empty-title">No workflow runs yet</span>
+        <span class="empty-sub">Run a workflow with<br><code style="color:#7c3aed">npx monomind browse workflow run &lt;name&gt;</code></span>
+      </div>
+    </div>
+    <!-- Agents panel -->
+    <div class="panel" id="agents-panel">
+      <div class="panel-header"><span class="panel-title">Agents</span></div>
+      <div class="placeholder">
+        <span class="big">🤖</span>
+        <span>Agent monitoring coming soon</span>
+      </div>
+    </div>
+    <!-- Memory panel -->
+    <div class="panel" id="memory-panel">
+      <div class="panel-header"><span class="panel-title">Memory</span></div>
+      <div class="placeholder">
+        <span class="big">🧠</span>
+        <span>Memory browser coming soon</span>
+      </div>
+    </div>
+    <!-- Sessions panel -->
+    <div class="panel" id="sessions-panel">
+      <div class="panel-header"><span class="panel-title">Sessions</span></div>
+      <div class="placeholder">
+        <span class="big">🔗</span>
+        <span>Session viewer coming soon</span>
+      </div>
+    </div>
+  </div>
+</div>
+<script>
+// ── nav ────────────────────────────────────────────────────
+document.querySelectorAll('.nav-item').forEach(function(item) {
+  item.addEventListener('click', function() {
+    var target = item.getAttribute('data-panel');
+    document.querySelectorAll('.nav-item').forEach(function(n) { n.classList.remove('active'); });
+    item.classList.add('active');
+    document.querySelectorAll('.panel').forEach(function(p) { p.classList.remove('active'); });
+    var panel = document.getElementById(target === 'workflows' ? 'wf-panel' : target + '-panel');
+    if (panel) panel.classList.add('active');
+  });
+});
+// ── state ──────────────────────────────────────────────────
+var runs = {};
+var runLogs = {};
+function ts(ms) {
+  return new Date(ms).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' });
+}
+function esc(s) {
+  return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
+}
+function updateHeader() {
+  var running = 0, done = 0, fail = 0;
+  for (var id in runs) {
+    var s = runs[id].status;
+    if (s === 'running') running++;
+    else if (s === 'completed') done++;
+    else if (s === 'failed') fail++;
+  }
+  document.getElementById('p-run').textContent = '● ' + running;
+  document.getElementById('p-done').textContent = '✓ ' + done;
+  document.getElementById('p-fail').textContent = '✗ ' + fail;
+  document.getElementById('nb-run').textContent = String(running || Object.keys(runs).length);
+  document.getElementById('nb-run').className = 'nav-badge' + (running ? '' : ' green');
+  var total = Object.keys(runs).length;
+  document.getElementById('wf-subtitle').textContent = total + (total === 1 ? ' run' : ' runs');
+}
+function progressPct(r) {
+  if (!r.itemsTotal || r.itemsTotal <= 0) return r.status === 'completed' ? 100 : 0;
+  return Math.min(100, Math.round((r.itemsProcessed / r.itemsTotal) * 100));
+}
+function statusLabel(r) {
+  if (r.status === 'running') return ['s-running', '● running'];
+  if (r.status === 'completed') return ['s-completed', '✓ done'];
+  if (r.status === 'failed') return ['s-failed', '✗ failed'];
+  return ['s-stopped', '⏹ stopped'];
+}
+function elapsed(r) {
+  var ms = (r.endedAt || r.completedAt || Date.now()) - r.startedAt;
+  if (ms < 1000) return ms + 'ms';
+  if (ms < 60000) return (ms / 1000).toFixed(1) + 's';
+  return Math.floor(ms / 60000) + 'm ' + Math.floor((ms % 60000) / 1000) + 's';
+}
+function renderCards() {
+  var cards = document.getElementById('wf-cards');
+  var empty = document.getElementById('wf-empty');
+  var sorted = Object.values(runs).sort(function(a, b) { return b.startedAt - a.startedAt; });
+  if (!sorted.length) {
+    cards.innerHTML = '';
+    empty.style.display = 'flex';
+    return;
+  }
+  empty.style.display = 'none';
+  var pct = 0;
+  cards.innerHTML = sorted.map(function(r) {
+    var sl = statusLabel(r);
+    var isRunning = r.status === 'running';
+    pct = progressPct(r);
+    var logLines = (runLogs[r.id] || []).slice(-4);
+    var logHtml = logLines.length
+      ? logLines.map(function(l) {
+          var cls = l.type === 'ok' ? 'log-ok' : l.type === 'err' ? 'log-err' : 'log-info';
+          return '<div><span class="log-ts">' + esc(l.ts) + '</span> <span class="' + cls + '">' + esc(l.text) + '</span></div>';
+        }).join('')
+      : '<div style="color:#2a2a3a">no events yet</div>';
+    return '<div class="card' + (!isRunning ? ' done' : '') + '">' +
+      '<div class="card-header">' +
+        '<span class="card-title">' + esc(r.workflowName) + '</span>' +
+        '<span class="status-badge ' + sl[0] + '">' + sl[1] + '</span>' +
+      '</div>' +
+      '<div class="card-meta">' +
+        '<span class="mitem">⏱ ' + esc(elapsed(r)) + '</span>' +
+        '<span class="mitem">📦 ' + esc(r.itemsProcessed) + '/' + esc(r.itemsTotal || '?') + '</span>' +
+        '<span class="mitem" style="color:#3a3a5a">id: ' + esc(r.id.slice(0,8)) + '</span>' +
+        (isRunning ? '<button class="stop-btn" onclick="stopRun(\'' + esc(r.id) + '\')">■ stop</button>' : '') +
+      '</div>' +
+      '<div class="progress-track"><div class="progress-fill" style="width:' + pct + '%"></div></div>' +
+      '<div class="log-area">' + logHtml + '</div>' +
+    '</div>';
+  }).join('');
+}
+function stopRun(id) {
+  fetch('/stop/' + id, { method: 'POST' }).catch(function() {});
+}
+// ── event handler ──────────────────────────────────────────
+function handleEvent(evt) {
+  var id = evt.runId;
+  if (!id) return;
+  if (!runs[id]) {
+    runs[id] = { id: id, workflowId: evt.workflowId, workflowName: evt.workflowName || id,
+                 status: 'running', startedAt: evt.timestamp || Date.now(),
+                 itemsProcessed: 0, itemsTotal: 0 };
+  }
+  if (!runLogs[id]) runLogs[id] = [];
+  var r = runs[id];
+  var t = ts(evt.timestamp || Date.now());
+  if (evt.eventType === 'run_started') {
+    r.status = 'running';
+    r.startedAt = evt.timestamp || Date.now();
+  } else if (evt.eventType === 'step_started') {
+    runLogs[id].push({ ts: t, type: 'info', text: (evt.nodeName || '?') + ' — started' });
+  } else if (evt.eventType === 'step_completed') {
+    r.itemsProcessed = (r.itemsProcessed || 0) + (evt.itemTotal || 1);
+    runLogs[id].push({ ts: t, type: 'ok', text: (evt.nodeName || '?') + ' ✓ ' + (evt.durationMs ? evt.durationMs + 'ms' : '') });
+  } else if (evt.eventType === 'step_failed') {
+    runLogs[id].push({ ts: t, type: 'err', text: (evt.nodeName || '?') + ' ✗ ' + (evt.error || '') });
+  } else if (evt.eventType === 'run_completed') {
+    r.status = 'completed';
+    r.endedAt = evt.timestamp || Date.now();
+  } else if (evt.eventType === 'run_stopped') {
+    r.status = evt.error ? 'failed' : 'stopped';
+    r.endedAt = evt.timestamp || Date.now();
+  }
+  // Trim log
+  if (runLogs[id].length > 80) runLogs[id] = runLogs[id].slice(-80);
+  updateHeader();
+  renderCards();
+}
+// ── connection ─────────────────────────────────────────────
+var connDot = document.getElementById('conn-dot');
+var connLabel = document.getElementById('conn-label');
+function setConnStatus(state) {
+  if (state === 'live') {
+    connDot.style.background = '#22c55e';
+    connLabel.style.color = '#22c55e';
+    connLabel.textContent = 'live';
+  } else if (state === 'error') {
+    connDot.style.background = '#f59e0b';
+    connLabel.style.color = '#f59e0b';
+    connLabel.textContent = 'reconnecting…';
+  } else {
+    connDot.style.background = '#555';
+    connLabel.style.color = '#555';
+    connLabel.textContent = 'connecting…';
+  }
+}
+var _sseRetryDelay = 1000;
+function connectSSE() {
+  setConnStatus('connecting');
+  var es = new EventSource('/events');
+  es.onopen = function() { setConnStatus('live'); _sseRetryDelay = 1000; };
+  es.onmessage = function(e) { handleEvent(JSON.parse(e.data)); };
+  es.onerror = function() {
+    setConnStatus('error');
+    es.close();
+    setTimeout(connectSSE, Math.min(_sseRetryDelay *= 2, 30000));
+  };
+}
+function connect() {
+  setConnStatus('connecting');
+  var sock = new WebSocket('ws://' + location.host + '/ws');
+  sock.onopen = function() { setConnStatus('live'); };
+  sock.onmessage = function(e) {
+    var msg = JSON.parse(e.data);
+    if (msg.type === 'history') {
+      msg.runs.forEach(function(r) {
+        runs[r.id] = r;
+        // Rebuild minimal log from existing run
+        if (!runLogs[r.id]) runLogs[r.id] = [];
+      });
+      updateHeader();
+      renderCards();
+    } else {
+      handleEvent(msg);
+    }
+  };
+  var wsFailedOnce = false;
+  sock.onclose = function() {
+    setConnStatus('error');
+    if (!wsFailedOnce) {
+      wsFailedOnce = true;
+      fetch('/events', { method: 'HEAD' }).then(function(r) {
+        if (r.ok) { connectSSE(); } else { setTimeout(connect, 2500); }
+      }).catch(function() { setTimeout(connect, 2500); });
+    } else {
+      setTimeout(connect, 2500);
+    }
+  };
+}
+// ── init ───────────────────────────────────────────────────
+connect();
+// Refresh elapsed times every 5s for running jobs
+setInterval(function() { if (Object.values(runs).some(function(r){return r.status==='running';})) renderCards(); }, 5000);
+</script>
+</body>
+</html>

package/src/browser/dialog.ts ADDED Viewed

@@ -0,0 +1,63 @@
+import type { CdpClient } from './cdp.js';
+export interface DialogInfo {
+  type: 'alert' | 'confirm' | 'prompt' | 'beforeunload';
+  message: string;
+  defaultPrompt?: string;
+}
+const _pendingDialogs = new Map<string, DialogInfo | null>();
+const _dialogListeners = new Map<string, Array<() => void>>();
+export function setupDialogAutoHandling(client: CdpClient, sessionId: string, autoAccept = true): void {
+  if (_pendingDialogs.has(sessionId)) return;
+  _pendingDialogs.set(sessionId, null);
+  const off1 = client.on('Page.javascriptDialogOpening', async (params, sid) => {
+    if (sid !== sessionId) return;
+    const info: DialogInfo = {
+      type: params.type as DialogInfo['type'],
+      message: params.message as string,
+      defaultPrompt: params.defaultPrompt as string | undefined,
+    };
+    _pendingDialogs.set(sessionId, info);
+    if (autoAccept) {
+      try {
+        await client.send('Page.handleJavaScriptDialog', { accept: true }, sessionId);
+      } catch { /* dialog may have already been dismissed */ }
+      _pendingDialogs.set(sessionId, null);
+    }
+  });
+  const off2 = client.on('Page.javascriptDialogClosed', (_, sid) => {
+    if (sid === sessionId) _pendingDialogs.set(sessionId, null);
+  });
+  _dialogListeners.set(sessionId, [off1, off2]);
+}
+export function teardownDialogHandling(sessionId: string): void {
+  const offs = _dialogListeners.get(sessionId);
+  if (offs) { for (const off of offs) off(); _dialogListeners.delete(sessionId); }
+  _pendingDialogs.delete(sessionId);
+}
+export async function acceptDialog(client: CdpClient, sessionId: string, text?: string): Promise<void> {
+  await client.send('Page.handleJavaScriptDialog', {
+    accept: true,
+    promptText: text,
+  }, sessionId);
+  _pendingDialogs.set(sessionId, null);
+}
+export async function dismissDialog(client: CdpClient, sessionId: string): Promise<void> {
+  await client.send('Page.handleJavaScriptDialog', { accept: false }, sessionId);
+  _pendingDialogs.set(sessionId, null);
+}
+export function getDialogStatus(sessionId: string): DialogInfo | null {
+  return _pendingDialogs.get(sessionId) ?? null;
+}

package/src/browser/emulation.ts ADDED Viewed

@@ -0,0 +1,94 @@
+import type { CdpClient } from './cdp.js';
+export interface DeviceProfile {
+  width: number;
+  height: number;
+  deviceScaleFactor: number;
+  mobile: boolean;
+  userAgent: string;
+}
+const DEVICES: Record<string, DeviceProfile> = {
+  'iPhone 14': {
+    width: 390, height: 844, deviceScaleFactor: 3, mobile: true,
+    userAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 16_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.0 Mobile/15E148 Safari/604.1',
+  },
+  'iPhone SE': {
+    width: 375, height: 667, deviceScaleFactor: 2, mobile: true,
+    userAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.0 Mobile/15E148 Safari/604.1',
+  },
+  'iPad': {
+    width: 768, height: 1024, deviceScaleFactor: 2, mobile: true,
+    userAgent: 'Mozilla/5.0 (iPad; CPU OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.0 Mobile/15E148 Safari/604.1',
+  },
+  'Galaxy S21': {
+    width: 360, height: 800, deviceScaleFactor: 3, mobile: true,
+    userAgent: 'Mozilla/5.0 (Linux; Android 11; SM-G991B) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.101 Mobile Safari/537.36',
+  },
+  'Pixel 5': {
+    width: 393, height: 851, deviceScaleFactor: 2.75, mobile: true,
+    userAgent: 'Mozilla/5.0 (Linux; Android 11; Pixel 5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.101 Mobile Safari/537.36',
+  },
+};
+export async function emulateDevice(client: CdpClient, sessionId: string, deviceName: string): Promise<void> {
+  const device = DEVICES[deviceName];
+  if (!device) {
+    throw new Error(`Unknown device: "${deviceName}". Available: ${Object.keys(DEVICES).join(', ')}`);
+  }
+  await client.send('Emulation.setDeviceMetricsOverride', {
+    width: device.width,
+    height: device.height,
+    deviceScaleFactor: device.deviceScaleFactor,
+    mobile: device.mobile,
+  }, sessionId);
+  await client.send('Emulation.setUserAgentOverride', { userAgent: device.userAgent }, sessionId);
+  await client.send('Emulation.setTouchEmulationEnabled', { enabled: device.mobile }, sessionId);
+}
+export async function setGeolocation(
+  client: CdpClient,
+  sessionId: string,
+  latitude: number,
+  longitude: number,
+  accuracy = 100
+): Promise<void> {
+  await client.send('Emulation.setGeolocationOverride', { latitude, longitude, accuracy }, sessionId);
+}
+export async function setOfflineMode(client: CdpClient, sessionId: string, offline: boolean): Promise<void> {
+  await client.send('Network.emulateNetworkConditions', {
+    offline,
+    latency: 0,
+    downloadThroughput: -1,
+    uploadThroughput: -1,
+  }, sessionId);
+}
+export async function setColorScheme(
+  client: CdpClient,
+  sessionId: string,
+  scheme: 'dark' | 'light' | 'no-preference'
+): Promise<void> {
+  await client.send('Emulation.setEmulatedMedia', {
+    features: [{ name: 'prefers-color-scheme', value: scheme }],
+  }, sessionId);
+}
+export async function setBasicAuth(
+  client: CdpClient,
+  sessionId: string,
+  username: string,
+  password: string
+): Promise<void> {
+  const encoded = Buffer.from(`${username}:${password}`).toString('base64');
+  await client.send('Network.setExtraHTTPHeaders', {
+    headers: { Authorization: `Basic ${encoded}` },
+  }, sessionId);
+}
+export function listDevices(): string[] {
+  return Object.keys(DEVICES);
+}