npm - @commandgarden/cli - Versions diffs - 2.2.0 → 2.4.0 - Mend

@commandgarden/cli 2.2.0 → 2.4.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 (58) hide show

package/node_modules/@commandgarden/chrome/dist/popup.html CHANGED Viewed

@@ -1,218 +1,218 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <link rel="preconnect" href="https://fonts.googleapis.com" />
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-  <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet" />
-  <style>
-    * { margin: 0; padding: 0; box-sizing: border-box; border-radius: 0 !important; }
-    body {
-      width: 320px;
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
-      font-size: 13px;
-      background: #0a0a0a;
-      color: #e5e5e5;
-    }
-    .header {
-      padding: 12px 16px;
-      border-bottom: 1px solid #262626;
-    }
-    .header-title {
-      font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
-      font-size: 14px;
-      font-weight: 700;
-      letter-spacing: -0.02em;
-      color: #e5e5e5;
-    }
-    .header-title span {
-      font-weight: 400;
-      opacity: 0.6;
-    }
-    .header-sub {
-      font-family: 'JetBrains Mono', ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace;
-      font-size: 0.6rem;
-      font-weight: 500;
-      text-transform: uppercase;
-      letter-spacing: 0.12em;
-      opacity: 0.4;
-      margin-top: 2px;
-    }
-    .status-row {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      padding: 10px 16px;
-      border-bottom: 1px solid #262626;
-    }
-    .dot {
-      width: 8px;
-      height: 8px;
-      flex-shrink: 0;
-    }
-    .dot.connected { background: #4ade80; }
-    .dot.disconnected { background: #f87171; }
-    .dot.disabled { background: #737373; }
-    .status-text { flex: 1; }
-    .toggle {
-      position: relative;
-      width: 36px;
-      height: 20px;
-      flex-shrink: 0;
-      cursor: pointer;
-    }
-    .toggle input {
-      opacity: 0;
-      width: 0;
-      height: 0;
-    }
-    .toggle-track {
-      position: absolute;
-      inset: 0;
-      background: #262626;
-      transition: background 0.15s;
-    }
-    .toggle input:checked + .toggle-track {
-      background: #4ade80;
-    }
-    .toggle-knob {
-      position: absolute;
-      top: 2px;
-      left: 2px;
-      width: 16px;
-      height: 16px;
-      background: #e5e5e5;
-      transition: transform 0.15s;
-      pointer-events: none;
-    }
-    .toggle input:checked ~ .toggle-knob {
-      transform: translateX(16px);
-    }
-    .activity-list {
-      max-height: 240px;
-      overflow-y: auto;
-    }
-    .activity-item {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      padding: 8px 16px;
-      border-bottom: 1px solid #171717;
-      transition: background 0.1s;
-    }
-    .activity-item:hover {
-      background: #171717;
-    }
-    .activity-icon { font-size: 12px; flex-shrink: 0; }
-    .activity-icon.ok { color: #4ade80; }
-    .activity-icon.fail { color: #f87171; }
-    .activity-name { flex: 1; font-family: 'JetBrains Mono', ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace; font-size: 12px; }
-    .activity-time { color: #a3a3a3; font-size: 11px; flex-shrink: 0; }
-    .empty {
-      padding: 16px;
-      text-align: center;
-      color: #737373;
-      font-style: italic;
-    }
-    /* Approval section */
-    .approval-section {
-      border-bottom: 1px solid #262626;
-      background: #171717;
-    }
-    .approval-header {
-      padding: 10px 16px 4px;
-      font-size: 12px;
-      font-weight: 600;
-      color: #e5e5e5;
-    }
-    .approval-count {
-      display: inline-block;
-      font-size: 10px;
-      min-width: 16px;
-      text-align: center;
-      padding: 0 5px;
-      line-height: 16px;
-      background: rgba(251, 191, 36, 0.15);
-      color: #fbbf24;
-      font-weight: 700;
-      margin-left: 6px;
-      vertical-align: 1px;
-    }
-    .approval-card {
-      padding: 10px 16px;
-      display: flex;
-      flex-direction: column;
-      gap: 6px;
-    }
-    .approval-card + .approval-card {
-      border-top: 1px solid #262626;
-    }
-    .approval-connector {
-      font-family: 'JetBrains Mono', ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace;
-      font-size: 12px;
-      color: #e5e5e5;
-    }
-    .approval-detail {
-      font-size: 11px;
-      color: #a3a3a3;
-    }
-    .approval-cap {
-      display: inline-block;
-      font-size: 10px;
-      padding: 1px 6px;
-      background: rgba(251, 191, 36, 0.12);
-      color: #fbbf24;
-      font-family: 'JetBrains Mono', ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace;
-    }
-    .approval-actions {
-      display: flex;
-      gap: 8px;
-      margin-top: 2px;
-    }
-    .btn-approve, .btn-reject {
-      font-size: 11px;
-      padding: 4px 14px;
-      border: none;
-      cursor: pointer;
-      font-weight: 600;
-      transition: background 0.15s, color 0.15s;
-    }
-    .btn-approve {
-      background: #4ade80;
-      color: #0a0a0a;
-    }
-    .btn-approve:hover { background: #22c55e; }
-    .btn-approve:active { background: #16a34a; }
-    .btn-reject {
-      background: transparent;
-      color: #a3a3a3;
-      border: 1px solid #262626;
-    }
-    .btn-reject:hover { background: #171717; color: #e5e5e5; }
-    .btn-reject:active { background: #262626; }
-    /* Scrollbar */
-    ::-webkit-scrollbar { width: 6px; height: 6px; }
-    ::-webkit-scrollbar-track { background: transparent; }
-    ::-webkit-scrollbar-thumb { background: rgba(229, 229, 229, 0.2); }
-    ::-webkit-scrollbar-thumb:hover { background: rgba(229, 229, 229, 0.35); }
-  </style>
-</head>
-<body>
-  <div class="header">
-    <div class="header-title"><span>command</span>Garden</div>
-    <div class="header-sub">browser automation</div>
-  </div>
-  <div class="status-row">
-    <div id="dot" class="dot disabled"></div>
-    <span id="status-text" class="status-text">Checking…</span>
-    <label class="toggle">
-      <input type="checkbox" id="toggle-input">
-      <div class="toggle-track"></div>
-      <div class="toggle-knob"></div>
-    </label>
-  </div>
-  <div id="approvals"></div>
-  <div id="activity" class="activity-list"></div>
-  <script src="popup.js"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet" />
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; border-radius: 0 !important; }
+    body {
+      width: 320px;
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
+      font-size: 13px;
+      background: #0a0a0a;
+      color: #e5e5e5;
+    }
+    .header {
+      padding: 12px 16px;
+      border-bottom: 1px solid #262626;
+    }
+    .header-title {
+      font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
+      font-size: 14px;
+      font-weight: 700;
+      letter-spacing: -0.02em;
+      color: #e5e5e5;
+    }
+    .header-title span {
+      font-weight: 400;
+      opacity: 0.6;
+    }
+    .header-sub {
+      font-family: 'JetBrains Mono', ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace;
+      font-size: 0.6rem;
+      font-weight: 500;
+      text-transform: uppercase;
+      letter-spacing: 0.12em;
+      opacity: 0.4;
+      margin-top: 2px;
+    }
+    .status-row {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 10px 16px;
+      border-bottom: 1px solid #262626;
+    }
+    .dot {
+      width: 8px;
+      height: 8px;
+      flex-shrink: 0;
+    }
+    .dot.connected { background: #4ade80; }
+    .dot.disconnected { background: #f87171; }
+    .dot.disabled { background: #737373; }
+    .status-text { flex: 1; }
+    .toggle {
+      position: relative;
+      width: 36px;
+      height: 20px;
+      flex-shrink: 0;
+      cursor: pointer;
+    }
+    .toggle input {
+      opacity: 0;
+      width: 0;
+      height: 0;
+    }
+    .toggle-track {
+      position: absolute;
+      inset: 0;
+      background: #262626;
+      transition: background 0.15s;
+    }
+    .toggle input:checked + .toggle-track {
+      background: #4ade80;
+    }
+    .toggle-knob {
+      position: absolute;
+      top: 2px;
+      left: 2px;
+      width: 16px;
+      height: 16px;
+      background: #e5e5e5;
+      transition: transform 0.15s;
+      pointer-events: none;
+    }
+    .toggle input:checked ~ .toggle-knob {
+      transform: translateX(16px);
+    }
+    .activity-list {
+      max-height: 240px;
+      overflow-y: auto;
+    }
+    .activity-item {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 8px 16px;
+      border-bottom: 1px solid #171717;
+      transition: background 0.1s;
+    }
+    .activity-item:hover {
+      background: #171717;
+    }
+    .activity-icon { font-size: 12px; flex-shrink: 0; }
+    .activity-icon.ok { color: #4ade80; }
+    .activity-icon.fail { color: #f87171; }
+    .activity-name { flex: 1; font-family: 'JetBrains Mono', ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace; font-size: 12px; }
+    .activity-time { color: #a3a3a3; font-size: 11px; flex-shrink: 0; }
+    .empty {
+      padding: 16px;
+      text-align: center;
+      color: #737373;
+      font-style: italic;
+    }
+    /* Approval section */
+    .approval-section {
+      border-bottom: 1px solid #262626;
+      background: #171717;
+    }
+    .approval-header {
+      padding: 10px 16px 4px;
+      font-size: 12px;
+      font-weight: 600;
+      color: #e5e5e5;
+    }
+    .approval-count {
+      display: inline-block;
+      font-size: 10px;
+      min-width: 16px;
+      text-align: center;
+      padding: 0 5px;
+      line-height: 16px;
+      background: rgba(251, 191, 36, 0.15);
+      color: #fbbf24;
+      font-weight: 700;
+      margin-left: 6px;
+      vertical-align: 1px;
+    }
+    .approval-card {
+      padding: 10px 16px;
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+    }
+    .approval-card + .approval-card {
+      border-top: 1px solid #262626;
+    }
+    .approval-connector {
+      font-family: 'JetBrains Mono', ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace;
+      font-size: 12px;
+      color: #e5e5e5;
+    }
+    .approval-detail {
+      font-size: 11px;
+      color: #a3a3a3;
+    }
+    .approval-cap {
+      display: inline-block;
+      font-size: 10px;
+      padding: 1px 6px;
+      background: rgba(251, 191, 36, 0.12);
+      color: #fbbf24;
+      font-family: 'JetBrains Mono', ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace;
+    }
+    .approval-actions {
+      display: flex;
+      gap: 8px;
+      margin-top: 2px;
+    }
+    .btn-approve, .btn-reject {
+      font-size: 11px;
+      padding: 4px 14px;
+      border: none;
+      cursor: pointer;
+      font-weight: 600;
+      transition: background 0.15s, color 0.15s;
+    }
+    .btn-approve {
+      background: #4ade80;
+      color: #0a0a0a;
+    }
+    .btn-approve:hover { background: #22c55e; }
+    .btn-approve:active { background: #16a34a; }
+    .btn-reject {
+      background: transparent;
+      color: #a3a3a3;
+      border: 1px solid #262626;
+    }
+    .btn-reject:hover { background: #171717; color: #e5e5e5; }
+    .btn-reject:active { background: #262626; }
+    /* Scrollbar */
+    ::-webkit-scrollbar { width: 6px; height: 6px; }
+    ::-webkit-scrollbar-track { background: transparent; }
+    ::-webkit-scrollbar-thumb { background: rgba(229, 229, 229, 0.2); }
+    ::-webkit-scrollbar-thumb:hover { background: rgba(229, 229, 229, 0.35); }
+  </style>
+</head>
+<body>
+  <div class="header">
+    <div class="header-title"><span>command</span>Garden</div>
+    <div class="header-sub">browser automation</div>
+  </div>
+  <div class="status-row">
+    <div id="dot" class="dot disabled"></div>
+    <span id="status-text" class="status-text">Checking…</span>
+    <label class="toggle">
+      <input type="checkbox" id="toggle-input">
+      <div class="toggle-track"></div>
+      <div class="toggle-knob"></div>
+    </label>
+  </div>
+  <div id="approvals"></div>
+  <div id="activity" class="activity-list"></div>
+  <script src="popup.js"></script>
+</body>
+</html>

package/node_modules/@commandgarden/chrome/dist/popup.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/popup/time-ago.ts", "../src/popup/popup.ts"],
-  "sourcesContent": ["// src/popup/time-ago.ts\r\nexport function timeAgo(timestamp: number, now: number = Date.now()): string {\r\n  const seconds = Math.floor((now - timestamp) / 1000);\r\n  if (seconds < 60) return 'just now';\r\n  const minutes = Math.floor(seconds / 60);\r\n  if (minutes < 60) return `${minutes}m ago`;\r\n  const hours = Math.floor(minutes / 60);\r\n  if (hours < 24) return `${hours}h ago`;\r\n  const days = Math.floor(hours / 24);\r\n  return `${days}d ago`;\r\n}\r\n", "// src/popup/popup.ts\r\n/// <reference lib=\"dom\" />\r\nimport type { PopupStatusResponse, ApprovalInfo } from './popup-types.js';\r\nimport { timeAgo } from './time-ago.js';\r\n\r\nconst dot = document.getElementById('dot')!;\r\nconst statusText = document.getElementById('status-text')!;\r\nconst toggleInput = document.getElementById('toggle-input') as HTMLInputElement;\r\nconst activityEl = document.getElementById('activity')!;\r\nconst approvalsEl = document.getElementById('approvals')!;\r\n\r\nlet currentEnabled = true;\r\n\r\nfunction escapeHtml(text: string): string {\r\n  const el = document.createElement('span');\r\n  el.textContent = text;\r\n  return el.innerHTML;\r\n}\r\n\r\nfunction renderApprovals(approvals: ApprovalInfo[]): void {\r\n  if (approvals.length === 0) {\r\n    approvalsEl.innerHTML = '';\r\n    return;\r\n  }\r\n\r\n  const cards = approvals.map(a =>\r\n    `<div class=\"approval-card\" data-id=\"${escapeHtml(a.approvalId)}\">\r\n      <div class=\"approval-connector\">${escapeHtml(a.connectorKey)}</div>\r\n      <div class=\"approval-detail\">Step ${a.stepIndex + 1} [${escapeHtml(a.stepType)}] <span class=\"approval-cap\">${escapeHtml(a.capability)}</span></div>\r\n      <div class=\"approval-actions\">\r\n        <button class=\"btn-approve\" data-approval-id=\"${escapeHtml(a.approvalId)}\" data-approved=\"true\">Approve</button>\r\n        <button class=\"btn-reject\" data-approval-id=\"${escapeHtml(a.approvalId)}\" data-approved=\"false\">Reject</button>\r\n      </div>\r\n    </div>`\r\n  ).join('');\r\n\r\n  approvalsEl.innerHTML =\r\n    `<div class=\"approval-section\">\r\n      <div class=\"approval-header\">Pending approvals <span class=\"approval-count\">${approvals.length}</span></div>\r\n      ${cards}\r\n    </div>`;\r\n\r\n  approvalsEl.querySelectorAll('[data-approval-id]').forEach(btn => {\r\n    btn.addEventListener('click', () => {\r\n      const approvalId = (btn as HTMLElement).dataset.approvalId!;\r\n      const approved = (btn as HTMLElement).dataset.approved === 'true';\r\n      (btn as HTMLButtonElement).disabled = true;\r\n      chrome.runtime.sendMessage(\r\n        { type: 'approvalDecision', approvalId, approved },\r\n        () => { fetchStatus(); },\r\n      );\r\n    });\r\n  });\r\n}\r\n\r\nfunction render(status: PopupStatusResponse): void {\r\n  currentEnabled = status.enabled;\r\n  toggleInput.checked = status.enabled;\r\n\r\n  if (!status.enabled) {\r\n    dot.className = 'dot disabled';\r\n    statusText.textContent = 'Disabled';\r\n  } else if (status.connected) {\r\n    dot.className = 'dot connected';\r\n    statusText.textContent = 'Connected';\r\n  } else {\r\n    dot.className = 'dot disconnected';\r\n    statusText.textContent = 'Disconnected';\r\n  }\r\n\r\n  renderApprovals(status.pendingApprovals ?? []);\r\n\r\n  if (status.recentActivity.length === 0) {\r\n    activityEl.innerHTML = '<div class=\"empty\">No recent activity</div>';\r\n    return;\r\n  }\r\n\r\n  const now = Date.now();\r\n  activityEl.innerHTML = status.recentActivity\r\n    .map(entry => {\r\n      const icon = entry.ok\r\n        ? '<span class=\"activity-icon ok\">\u2713</span>'\r\n        : '<span class=\"activity-icon fail\">\u2717</span>';\r\n      return `<div class=\"activity-item\">${icon}<span class=\"activity-name\">${escapeHtml(entry.connector)}</span><span class=\"activity-time\">${timeAgo(entry.timestamp, now)}</span></div>`;\r\n    })\r\n    .join('');\r\n}\r\n\r\nfunction fetchStatus(): void {\r\n  chrome.runtime.sendMessage({ type: 'getStatus' }, (response: PopupStatusResponse) => {\r\n    if (chrome.runtime.lastError) {\r\n      statusText.textContent = 'Error';\r\n      return;\r\n    }\r\n    render(response);\r\n  });\r\n}\r\n\r\ntoggleInput.addEventListener('change', () => {\r\n  const newEnabled = toggleInput.checked;\r\n  toggleInput.disabled = true;\r\n  chrome.runtime.sendMessage({ type: 'setEnabled', enabled: newEnabled }, (response: PopupStatusResponse) => {\r\n    toggleInput.disabled = false;\r\n    if (chrome.runtime.lastError) {\r\n      toggleInput.checked = currentEnabled;\r\n      return;\r\n    }\r\n    render(response);\r\n  });\r\n});\r\n\r\n// Listen for push updates from the service worker (approval state changes)\r\nchrome.runtime.onMessage.addListener((msg) => {\r\n  if (msg.type === 'approvalUpdate') {\r\n    renderApprovals(msg.pendingApprovals ?? []);\r\n  }\r\n});\r\n\r\nfetchStatus();\r\n"],
+  "sourcesContent": ["// src/popup/time-ago.ts\nexport function timeAgo(timestamp: number, now: number = Date.now()): string {\n  const seconds = Math.floor((now - timestamp) / 1000);\n  if (seconds < 60) return 'just now';\n  const minutes = Math.floor(seconds / 60);\n  if (minutes < 60) return `${minutes}m ago`;\n  const hours = Math.floor(minutes / 60);\n  if (hours < 24) return `${hours}h ago`;\n  const days = Math.floor(hours / 24);\n  return `${days}d ago`;\n}\n", "// src/popup/popup.ts\n/// <reference lib=\"dom\" />\nimport type { PopupStatusResponse, ApprovalInfo } from './popup-types.js';\nimport { timeAgo } from './time-ago.js';\n\nconst dot = document.getElementById('dot')!;\nconst statusText = document.getElementById('status-text')!;\nconst toggleInput = document.getElementById('toggle-input') as HTMLInputElement;\nconst activityEl = document.getElementById('activity')!;\nconst approvalsEl = document.getElementById('approvals')!;\n\nlet currentEnabled = true;\n\nfunction escapeHtml(text: string): string {\n  const el = document.createElement('span');\n  el.textContent = text;\n  return el.innerHTML;\n}\n\nfunction renderApprovals(approvals: ApprovalInfo[]): void {\n  if (approvals.length === 0) {\n    approvalsEl.innerHTML = '';\n    return;\n  }\n\n  const cards = approvals.map(a =>\n    `<div class=\"approval-card\" data-id=\"${escapeHtml(a.approvalId)}\">\n      <div class=\"approval-connector\">${escapeHtml(a.connectorKey)}</div>\n      <div class=\"approval-detail\">Step ${a.stepIndex + 1} [${escapeHtml(a.stepType)}] <span class=\"approval-cap\">${escapeHtml(a.capability)}</span></div>\n      <div class=\"approval-actions\">\n        <button class=\"btn-approve\" data-approval-id=\"${escapeHtml(a.approvalId)}\" data-approved=\"true\">Approve</button>\n        <button class=\"btn-reject\" data-approval-id=\"${escapeHtml(a.approvalId)}\" data-approved=\"false\">Reject</button>\n      </div>\n    </div>`\n  ).join('');\n\n  approvalsEl.innerHTML =\n    `<div class=\"approval-section\">\n      <div class=\"approval-header\">Pending approvals <span class=\"approval-count\">${approvals.length}</span></div>\n      ${cards}\n    </div>`;\n\n  approvalsEl.querySelectorAll('[data-approval-id]').forEach(btn => {\n    btn.addEventListener('click', () => {\n      const approvalId = (btn as HTMLElement).dataset.approvalId!;\n      const approved = (btn as HTMLElement).dataset.approved === 'true';\n      (btn as HTMLButtonElement).disabled = true;\n      chrome.runtime.sendMessage(\n        { type: 'approvalDecision', approvalId, approved },\n        () => { fetchStatus(); },\n      );\n    });\n  });\n}\n\nfunction render(status: PopupStatusResponse): void {\n  currentEnabled = status.enabled;\n  toggleInput.checked = status.enabled;\n\n  if (!status.enabled) {\n    dot.className = 'dot disabled';\n    statusText.textContent = 'Disabled';\n  } else if (status.connected) {\n    dot.className = 'dot connected';\n    statusText.textContent = 'Connected';\n  } else {\n    dot.className = 'dot disconnected';\n    statusText.textContent = 'Disconnected';\n  }\n\n  renderApprovals(status.pendingApprovals ?? []);\n\n  if (status.recentActivity.length === 0) {\n    activityEl.innerHTML = '<div class=\"empty\">No recent activity</div>';\n    return;\n  }\n\n  const now = Date.now();\n  activityEl.innerHTML = status.recentActivity\n    .map(entry => {\n      const icon = entry.ok\n        ? '<span class=\"activity-icon ok\">\u2713</span>'\n        : '<span class=\"activity-icon fail\">\u2717</span>';\n      return `<div class=\"activity-item\">${icon}<span class=\"activity-name\">${escapeHtml(entry.connector)}</span><span class=\"activity-time\">${timeAgo(entry.timestamp, now)}</span></div>`;\n    })\n    .join('');\n}\n\nfunction fetchStatus(): void {\n  chrome.runtime.sendMessage({ type: 'getStatus' }, (response: PopupStatusResponse) => {\n    if (chrome.runtime.lastError) {\n      statusText.textContent = 'Error';\n      return;\n    }\n    render(response);\n  });\n}\n\ntoggleInput.addEventListener('change', () => {\n  const newEnabled = toggleInput.checked;\n  toggleInput.disabled = true;\n  chrome.runtime.sendMessage({ type: 'setEnabled', enabled: newEnabled }, (response: PopupStatusResponse) => {\n    toggleInput.disabled = false;\n    if (chrome.runtime.lastError) {\n      toggleInput.checked = currentEnabled;\n      return;\n    }\n    render(response);\n  });\n});\n\n// Listen for push updates from the service worker (approval state changes)\nchrome.runtime.onMessage.addListener((msg) => {\n  if (msg.type === 'approvalUpdate') {\n    renderApprovals(msg.pendingApprovals ?? []);\n  }\n});\n\nfetchStatus();\n"],
   "mappings": "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",
   "names": []
 }

package/node_modules/@commandgarden/chrome/dist/service-worker.js CHANGED Viewed

@@ -4378,6 +4378,7 @@ var connectorSchema = external_exports.object({
   version: external_exports.string(),
   description: external_exports.string().optional(),
   access: external_exports.enum(["read", "write"]).default("read"),
+  cdp: external_exports.boolean().optional().default(false),
   vars: external_exports.record(external_exports.unknown()).optional(),
   domains: external_exports.array(external_exports.string()).min(1),
   capabilities: external_exports.array(capabilityEnum).min(1),
@@ -7441,7 +7442,7 @@ function createApprovalGate(requestId, connectorKey, timeoutMs) {
   };
 }
 client.onRequest(async (request) => {
-  const useCdp = request.connector.pipeline.some((s) => s.step === "intercept");
+  const useCdp = request.connector.cdp === true || request.connector.pipeline.some((s) => s.step === "intercept");
   const adapter = new RealChromeAdapter({ useCdp });
   const connectorKey = `${request.connector.site}/${request.connector.name}`;
   const approvalGate = request.approvalConfig ? createApprovalGate(request.id, connectorKey, request.approvalConfig.approvalTimeoutMs) : void 0;