@comty.io/core 0.1.2 → 0.1.3

package/src/browser.js

@@ -9,17 +9,7 @@ const instanceKey = Symbol.for("comty.sdk.instance");
 /** Initialize once per document; safe to import and call during server rendering. */
 export function initComty(options = {}) {
   if (typeof window === "undefined" || typeof document === "undefined") return Promise.resolve();
-  const isLocalSite = ["localhost", "127.0.0.1", "[::1]"].includes(window.location.hostname);
-  const agent = options.agent;
-  if (agent && (!isLocalSite || typeof agent.token !== "string" || !/^[a-f0-9]{64}$/.test(agent.token))) {
-    return Promise.reject(new TypeError("Comty: invalid local companion configuration"));
-  }
-  if (agent) {
-    try {
-      if (new URL(agent.url).origin !== window.location.origin) throw new Error();
-    } catch { return Promise.reject(new TypeError("Comty: companion must share the page origin")); }
-  }
-  const projectKey = options.projectKey || (agent ? "local" : undefined);
+  const projectKey = options.projectKey;
   const apiUrl = options.apiUrl || "http://localhost:4000";
   if (typeof projectKey !== "string" || !projectKey.trim()) {
     return Promise.reject(new TypeError("Comty: projectKey is required"));
@@ -31,14 +21,12 @@ export function initComty(options = {}) {
   if (!["http:", "https:"].includes(parsedApi.protocol)) {
     return Promise.reject(new TypeError("Comty: apiUrl must be an absolute HTTP(S) URL"));
   }
-  const configuration = JSON.stringify([projectKey, apiUrl, agent || null]);
+  const configuration = JSON.stringify([projectKey, apiUrl]);
   const existing = window[instanceKey];
   if (existing) {
     return existing.configuration === configuration ? existing.ready
       : Promise.reject(new Error("Comty: already initialized with different options"));
   }
-  const agentBridgeUrl = agent?.url;
-  const localOnly = Boolean(agent && !options.projectKey);
   const ready = new Promise((resolve, reject) => {
     const mount = () => {
       try { resolve(mountComty()); } catch (error) { reject(error); }
@@ -52,19 +40,10 @@ export function initComty(options = {}) {
 
   function mountComty() {
     let projectId = null;
-    let localTasks = [];
-    let localApprovals = [];
-    let agentPanelOpen = false;
-    let agentPanelSignature = "";
-    let agentPanelTransition = 0;
-    let agentConnectionError = "";
-    let agentActionError = "";
-    const agentPendingActions = new Set();
     const session = {
       mode: "off",
-      get comments() { return this.mode === "browse" || this.mode === "edit" || this.mode === "agent"; },
-      get edit() { return this.mode === "edit" || this.mode === "agent"; },
-      get agent() { return this.mode === "agent"; },
+      get comments() { return this.mode === "browse" || this.mode === "edit"; },
+      get edit() { return this.mode === "edit"; },
       get inspect() { return this.mode === "inspect"; },
     };
     const selectedStatusFilters = new Set();
@@ -85,10 +64,9 @@ export function initComty(options = {}) {
     const tokenStorageKey = `comty:${projectKey}:token`;
     let sdkToken = "";
     const activeHoverCommentIds = new Set();
-    /** @type {null | 'edit' | 'browse' | 'agent'} */
+    /** @type {null | 'edit' | 'browse'} */
     let sessionEntry = null;
     const placedPins = new Map();
-    const workingOutlines = new Map();
     const placementDiagnostics = new Map();
     let inspectedElement = null;
     let selectedElement = null;
@@ -135,7 +113,6 @@ export function initComty(options = {}) {
     const root = document.createElement("div");
     root.id = "comty-root";
     document.body.appendChild(root);
-    if (agent) document.documentElement.classList.add("comty-agent-enabled");
 
     const style = document.createElement("style");
     style.innerHTML = getComtyStyle();
@@ -183,40 +160,20 @@ export function initComty(options = {}) {
     const inspectorBtn = toolButton("Inspect · Shift I", '<path d="M8 3H5a2 2 0 0 0-2 2v3m13-5h3a2 2 0 0 1 2 2v3M3 16v3a2 2 0 0 0 2 2h3m13-5v3a2 2 0 0 1-2 2h-3"/><path d="m9 9 8 4-4 1-1 4Z"/>', () => setSession("inspect"));
     const btn = toolButton("Comment · Shift C", '<path d="M21 11.5a8.4 8.4 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.4 8.4 0 0 1-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6A8.4 8.4 0 0 1 12.5 3h.5a8.5 8.5 0 0 1 8 8v.5Z"/>', () => {
       if (!canWrite) showAuthPrompt();
-      else if (session.agent || session.inspect || !isSessionActive()) startEditSession();
+      else if (session.inspect || !isSessionActive()) startEditSession();
       else if (!session.edit) setSession("edit", { entry: sessionEntry });
     });
     btn.id = "comty-toggle";
-    const agentBtn = isLocalSite
-      ? toolButton("Agent task · localhost only", '<path d="M8 7 3 12l5 5m8-10 5 5-5 5M14 4l-4 16"/>', () => {
-          startAgentSession();
-        })
-      : null;
     const divider = document.createElement("span");
     divider.className = "comty-tool-divider";
     toolbar.appendChild(divider);
     const commentTools = document.createElement("div");
     commentTools.className = "comty-tool-context";
     toolbar.appendChild(commentTools);
-    const agentTools = agentBtn ? document.createElement("div") : null;
-    if (agentTools) {
-      agentTools.className = "comty-tool-context";
-      agentTools.hidden = true;
-      toolbar.appendChild(agentTools);
-    }
-    const agentHistoryBtn = agentTools ? toolButton("Local agent history", '<path d="M3 12a9 9 0 1 0 3-6.7M3 4v4h4"/><path d="M12 7v5l3 2"/>', () => {
-      if (!agent) { showAgentBridgeError(); return; }
-      agentPanelOpen = !agentPanelOpen;
-      renderAgentPanel();
-    }) : null;
-    if (agentHistoryBtn) {
-      agentHistoryBtn.setAttribute("aria-expanded", "false");
-      agentTools.appendChild(agentHistoryBtn);
-    }
     const primaryTools = document.createElement("div");
     primaryTools.className = "comty-tool-primary";
     toolbar.insertBefore(primaryTools, browseBtn);
-    for (const button of [browseBtn, inspectorBtn, btn, agentBtn].filter(Boolean)) primaryTools.appendChild(button);
+    for (const button of [browseBtn, inspectorBtn, btn]) primaryTools.appendChild(button);
     const inspectorTools = document.createElement("div");
     inspectorTools.className = "comty-tool-context";
     inspectorTools.hidden = true;
@@ -1065,50 +1022,6 @@ export function initComty(options = {}) {
     let toolbarMotionFrame = 0;
     let toolbarAnimations = [];
     const reducedMotion = matchMedia("(prefers-reduced-motion: reduce)");
-    let workingIndicatorTimer = 0;
-    function scheduleWorkingIndicators() {
-      if (workingIndicatorTimer || reducedMotion.matches || document.hidden) return;
-      workingIndicatorTimer = setTimeout(() => {
-        workingIndicatorTimer = 0;
-        if (!root.isConnected) return;
-        const indicators = root.querySelectorAll('.comty-working-indicator');
-        if (!indicators.length) return;
-        for (const indicator of indicators) {
-          const previous = Number(indicator.dataset.activeDots.split(',')[0]);
-          const first = (previous + 1 + Math.floor(Math.random() * 8)) % 9;
-          const second = (first + 1 + Math.floor(Math.random() * 8)) % 9;
-          indicator.dataset.activeDots = `${first},${second}`;
-          [...indicator.children].forEach((dot, index) => dot.toggleAttribute('data-active', index === first || index === second));
-        }
-        scheduleWorkingIndicators();
-      }, 600);
-    }
-    function createWorkingIndicator() {
-      const indicator = document.createElement('span');
-      indicator.className = 'comty-working-indicator';
-      indicator.setAttribute('aria-hidden', 'true');
-      indicator.dataset.activeDots = '3,5';
-      for (let index = 0; index < 9; index++) {
-        const dot = document.createElement('i');
-        dot.toggleAttribute('data-active', index === 3 || index === 5);
-        indicator.appendChild(dot);
-      }
-      scheduleWorkingIndicators();
-      return indicator;
-    }
-    function resetWorkingIndicators() {
-      clearTimeout(workingIndicatorTimer);
-      workingIndicatorTimer = 0;
-      if (reducedMotion.matches) {
-        for (const indicator of root.querySelectorAll('.comty-working-indicator')) {
-          indicator.dataset.activeDots = '3,5';
-          [...indicator.children].forEach((dot, index) => dot.toggleAttribute('data-active', index === 3 || index === 5));
-        }
-      }
-      if (root.querySelector('.comty-working-indicator')) scheduleWorkingIndicators();
-    }
-    reducedMotion.addEventListener('change', resetWorkingIndicators);
-    document.addEventListener('visibilitychange', resetWorkingIndicators);
     const clampToolbar = (value, size, viewport) => Math.max(8, Math.min(value, viewport - size - 8));
     function rememberToolbarPosition(left, top) {
       const width = toolbar.offsetWidth, height = toolbar.offsetHeight;
@@ -1221,7 +1134,7 @@ export function initComty(options = {}) {
 
     function prepareToolbarMotion() {
       if (toolbarMotionFrame) return;
-      const nodes = [toolbarSurface, dragHandle, primaryTools, commentTools, agentTools, inspectorTools].filter(Boolean);
+      const nodes = [toolbarSurface, dragHandle, primaryTools, commentTools, inspectorTools].filter(Boolean);
       // Move each group's background with its icons, including when interrupted.
       const before = new Map(nodes.filter(node => !node.hidden).map(node => [node, {
         rect: node.getBoundingClientRect(), opacity: getComputedStyle(node).opacity,
@@ -1464,7 +1377,7 @@ export function initComty(options = {}) {
         return;
       }
 
-      if ((session.edit && mode === "browse") || (session.agent && mode === "edit")) {
+      if (session.edit && mode === "browse") {
         closeBubbles();
       }
       const hadComments = session.comments;
@@ -1478,7 +1391,6 @@ export function initComty(options = {}) {
       } else {
         hideInspector();
       }
-      if (session.agent && sidepanelOpen) setSidepanelOpen(false);
       syncToolbar();
       ensureLiveTracking();
       if (renderComments || !hadComments) renderCachedComments();
@@ -1491,10 +1403,6 @@ export function initComty(options = {}) {
     }
 
     function showAuthPrompt(forbidden = false) {
-      if (localOnly) {
-        showAgentBridgeError("Shared comments need a Comty project key. Use the Agent tool for local tasks without signing in.");
-        return;
-      }
       document.querySelector(".comty-auth-backdrop")?.remove();
       const opener = document.activeElement;
       const backdrop = document.createElement("div");
@@ -1556,17 +1464,14 @@ export function initComty(options = {}) {
     }
 
     function syncToolbar() {
-      if (commentTools.hidden !== (session.inspect || session.agent) || inspectorTools.hidden !== !session.inspect || (agentTools && agentTools.hidden !== !session.agent)) prepareToolbarMotion();
+      if (commentTools.hidden !== session.inspect || inspectorTools.hidden !== !session.inspect) prepareToolbarMotion();
       root.classList.toggle("comty-active", session.comments || session.edit || sidepanelOpen || session.inspect);
       browseBtn.setAttribute("aria-pressed", String(!session.edit && !session.inspect));
       inspectorBtn.setAttribute("aria-pressed", String(session.inspect));
-      btn.setAttribute("aria-pressed", String(session.edit && !session.agent));
-      agentBtn?.setAttribute("aria-pressed", String(session.edit && session.agent));
-      commentTools.hidden = session.inspect || session.agent;
-      if (agentTools) agentTools.hidden = !session.agent;
+      btn.setAttribute("aria-pressed", String(session.edit));
+      commentTools.hidden = session.inspect;
       inspectorTools.hidden = !session.inspect;
       syncInspectorTools();
-      renderAgentPanel();
     }
 
     const inspectionLayer = document.createElement("div");
@@ -2014,13 +1919,6 @@ export function initComty(options = {}) {
       setSession("edit", { renderComments: true });
     }
 
-    function startAgentSession() {
-      if (!isLocalSite) return;
-      if (session.agent) return;
-      closeBubbles();
-      setSession("agent", { renderComments: true });
-    }
-
     function toggleSidepanel() {
       if (sidepanelOpen) {
         setSidepanelOpen(false);
@@ -2044,7 +1942,7 @@ export function initComty(options = {}) {
         showAuthPrompt();
         return;
       }
-      if (session.agent || session.inspect || !isSessionActive()) {
+      if (session.inspect || !isSessionActive()) {
         startEditSession();
         return;
       }
@@ -2819,7 +2717,7 @@ export function initComty(options = {}) {
 
       const textarea = document.createElement("textarea");
       textarea.className = "comty-create-textarea";
-      textarea.placeholder = payload.kind === "agent" ? "Describe the change for your agent" : "Add a comment";
+      textarea.placeholder = "Add a comment";
       textarea.setAttribute("aria-label", textarea.placeholder);
       textarea.rows = 1;
 
@@ -2828,7 +2726,7 @@ export function initComty(options = {}) {
 
       const submitBtn = document.createElement("button");
       submitBtn.className = "comty-btn-submit";
-      submitBtn.setAttribute("aria-label", payload.kind === "agent" ? "Send agent task" : "Post comment");
+      submitBtn.setAttribute("aria-label", "Post comment");
       submitBtn.innerHTML = `
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
           <path d="M12 19V5M5 12l7-7 7 7"/>
@@ -2842,22 +2740,18 @@ export function initComty(options = {}) {
         submitBtn.disabled = true;
         textarea.disabled = true;
 
-        if (payload.kind === "agent" && !agent) {
-          showAgentBridgeError(); submitBtn.disabled = false; textarea.disabled = false; return;
-        }
         payload.content = content;
         textarea.textContent = content;
 
         let post;
         try {
-          post = await fetch(payload.kind === "agent" ? `${agentBridgeUrl}/tasks` : `${apiUrl}/api/comments`, {
+          post = await fetch(`${apiUrl}/api/comments`, {
             method: "POST",
-            headers: payload.kind === "agent" ? agentHeaders() : getSdkHeaders({ "Content-Type": "application/json" }),
-            body: JSON.stringify(payload.kind === "agent" ? { ...payload, projectKey } : payload),
+            headers: getSdkHeaders({ "Content-Type": "application/json" }),
+            body: JSON.stringify(payload),
           });
         } catch (error) {
           console.error("Comty: save failed", error);
-          if (payload.kind === "agent") showAgentBridgeError();
           submitBtn.disabled = false;
           textarea.disabled = false;
           return;
@@ -2865,15 +2759,14 @@ export function initComty(options = {}) {
 
         if (!post.ok) {
           console.error("Comty: save failed", await post.text());
-          if (payload.kind === "agent") showAgentBridgeError();
           submitBtn.disabled = false;
           textarea.disabled = false;
           return;
         }
 
         const data = await post.json();
-        const commentId = payload.kind === "agent" ? data?.task?.id : data?.id;
-        const captureNodes = commentId && payload.kind !== "agent"
+        const commentId = data?.id;
+        const captureNodes = commentId
           ? createCaptureAnnotation(pin, bubble, content)
           : [];
         bubble.remove();
@@ -2881,10 +2774,9 @@ export function initComty(options = {}) {
         draftAnchor = null;
         hideInspector();
         if (commentId) {
-          if (payload.kind === "agent") showAgentTaskToast(String(commentId));
-          else addLocalComment(String(commentId), payload);
+          addLocalComment(String(commentId), payload);
           void loadComments({ force: true });
-          if (payload.kind !== "agent") void uploadCommentScreenshot(String(commentId), payload, captureNodes);
+          void uploadCommentScreenshot(String(commentId), payload, captureNodes);
         } else {
           void loadComments({ force: true });
         }
@@ -2941,223 +2833,6 @@ export function initComty(options = {}) {
       setTimeout(() => textarea.focus(), 10);
     }
 
-    function agentHeaders() { return { "Content-Type": "application/json", "X-Comty-Token": agent?.token || "" }; }
-
-    function showAgentBridgeError(message = "Start your app with comty dev to use the local agent. Check the terminal if it is already running.") {
-      root.querySelectorAll(".comty-agent-task-toast").forEach((node) => node.remove());
-      const toast = document.createElement("div");
-      toast.className = "comty-auth-toast comty-agent-task-toast";
-      toast.setAttribute("role", "alert");
-      const issue = describeAgentError(message);
-      toast.textContent = issue.title + ". " + issue.description;
-      root.appendChild(toast);
-      setTimeout(() => toast.remove(), 5000);
-    }
-
-    function showAgentTaskToast() {
-      agentPanelOpen = true;
-      agentPanelSignature = "";
-      renderAgentPanel();
-    }
-
-    function describeAgentError(error) {
-      const raw = typeof error === 'string' ? error : JSON.stringify(error, null, 2) || 'Unknown error';
-      let value = error;
-      for (let depth = 0; depth < 8; depth++) {
-        if (typeof value === 'string') {
-          try { value = JSON.parse(value); continue; } catch {}
-          const start = value.indexOf('{'), end = value.lastIndexOf('}');
-          if (start >= 0 && end > start) { try { value = JSON.parse(value.slice(start, end + 1)); continue; } catch {} }
-          break;
-        }
-        if (!value || typeof value !== 'object') break;
-        value = value.error || value.message || value.cause || value.stderr || value;
-      }
-      const message = typeof value === 'string' ? value : '';
-      const source = raw + ' ' + message;
-      const agentName = /codex/i.test(source) ? 'Codex' : /claude/i.test(source) ? 'Claude Code' : /cursor/i.test(source) ? 'Cursor' : 'your coding agent';
-      let title, description;
-      if (/requires a newer version|upgrade.*latest|outdated|unsupported.*version/i.test(source)) {
-        title = 'Agent update required'; description = `Update ${agentName}, restart your local development session, then retry this task.`;
-      } else if (/insufficient_quota|quota exceeded|credit balance|billing|usage limit/i.test(source)) {
-        title = 'Usage limit reached'; description = 'Check your agent account’s usage allowance or billing, then retry when capacity is available.';
-      } else if (/rate.?limit|too many requests|\b429\b/i.test(source)) {
-        title = 'Too many requests'; description = 'The agent is temporarily rate limited. Wait a moment before retrying.';
-      } else if (/unauthorized|unauthenticated|authentication|not logged|sign.?in|log.?in|invalid.api.key|\b401\b/i.test(source)) {
-        title = 'Sign in to your agent'; description = `Open ${agentName} and sign in again, then retry this task.`;
-      } else if (/model.*(?:not found|does not exist|unavailable|not supported)|unsupported model|model_not_found/i.test(source)) {
-        title = 'Model unavailable'; description = 'Choose a model available to your agent account in the local Comty configuration, then restart and retry.';
-      } else if (/disconnected|ECONNREFUSED|ENOTFOUND|network|failed to fetch|development server stopped/i.test(source)) {
-        title = 'Connection lost'; description = 'Check that your local development server and coding agent are running. Reconnect before retrying; your task history is kept.';
-      } else if (/timed? ?out|timeout|exceeded.*minutes/i.test(source)) {
-        title = 'Task timed out'; description = 'Review any changes already made, then retry with a smaller, more specific request.';
-      } else if (/permission|denied|forbidden|\b403\b/i.test(source)) {
-        title = 'Permission needed'; description = 'Check the agent’s access to this project and any pending approval before retrying.';
-      } else if (/ENOENT|command not found|not installed|executable.*not found/i.test(source)) {
-        title = 'Agent not found'; description = `Install or configure ${agentName} in your local development environment, then restart and retry.`;
-      } else if (/completion was not verified/i.test(source)) {
-        title = 'Result needs checking'; description = 'The agent could not confirm completion. Review the changes before retrying.';
-      } else {
-        title = 'Task could not finish';
-        description = message && !/[{}]|\[object Object\]/.test(message) ? message.slice(0, 300) : 'The agent reported an unexpected error. Review the technical details and any changes before retrying.';
-      }
-      return { title, description, raw, message };
-    }
-
-    function renderAgentPanel() {
-      if (!agent) return;
-      let panel = root.querySelector(".comty-agent-panel");
-      if (!panel) {
-        panel = document.createElement("section");
-        panel.className = "comty-agent-panel";
-        panel.setAttribute("aria-label", "Local agent tasks");
-        panel.hidden = true;
-        // Keep the dock above inspection overlays and below the toolbar.
-        root.insertBefore(panel, toolbar);
-      }
-      const open = session.agent && agentPanelOpen;
-      if (open) {
-        if (panel.hidden) {
-          const rect = toolbar.getBoundingClientRect();
-          panel.dataset.side = rect.left + rect.width / 2 < innerWidth / 2 ? "left" : "right";
-          document.documentElement.dataset.comtyAgentSide = panel.dataset.side;
-          panel.dataset.closed = "";
-          panel.hidden = false;
-          panel.getBoundingClientRect();
-        }
-        if (panel.hasAttribute("data-closed")) { agentPanelTransition++; delete panel.dataset.closed; }
-      } else if (!panel.hidden && !panel.hasAttribute("data-closed")) {
-        const transition = ++agentPanelTransition;
-        panel.dataset.closed = "";
-        const finish = () => { if (transition === agentPanelTransition && panel.hasAttribute("data-closed")) panel.hidden = true; };
-        if (reducedMotion.matches) finish();
-        else setTimeout(finish, parseFloat(getComputedStyle(root).getPropertyValue("--comty-motion-duration")));
-      }
-      panel.inert = !open;
-      panel.setAttribute("aria-hidden", String(!open));
-      document.documentElement.classList.toggle("comty-agent-docked", open);
-      agentHistoryBtn?.setAttribute("aria-expanded", String(open));
-      agentHistoryBtn?.setAttribute("aria-pressed", String(open));
-      const signature = JSON.stringify([localTasks, localApprovals, agentConnectionError, agentActionError, agentPanelOpen]);
-      if (signature === agentPanelSignature) return;
-      agentPanelSignature = signature;
-      root.querySelector('.comty-agent-error-popover')?.remove();
-      const expanded = new Set([...panel.querySelectorAll('details[data-detail-key][open]')].map(node => node.dataset.detailKey));
-      const focusKey = panel.contains(document.activeElement) ? document.activeElement.dataset.focusKey : null;
-      const scrollTop = panel.querySelector('.comty-agent-panel-content')?.scrollTop || 0;
-      const node = (tag, className, text) => {
-        const element = document.createElement(tag);
-        if (className) element.className = className;
-        if (text != null) element.textContent = text;
-        return element;
-      };
-      const codeIcon = '<path d="m8 6-6 6 6 6m8-12 6 6-6 6m-3-15-2 18"/>';
-      const brand = () => { const element = node('span', 'comty-agent-brand'); element.innerHTML = icon(codeIcon); element.setAttribute('aria-hidden', 'true'); return element; };
-      panel.replaceChildren();
-      const header = node('header', 'comty-agent-panel-header');
-      const heading = node('div', 'comty-agent-heading');
-      heading.append(node('strong', '', 'Modifications'));
-      const toggle = node('button', 'comty-agent-action comty-agent-close'); toggle.type = 'button';
-      toggle.innerHTML = icon('<path d="m6 6 12 12M6 18 18 6"/>');
-      toggle.setAttribute('aria-label', 'Close local agent sidebar'); toggle.title = 'Close sidebar'; toggle.dataset.focusKey = 'close';
-      toggle.onclick = () => { agentPanelOpen = false; renderAgentPanel(); agentHistoryBtn?.focus({ preventScroll: true }); };
-      header.append(heading, toggle); panel.appendChild(header);
-      const content = node('div', 'comty-agent-panel-content'); panel.appendChild(content);
-      const technicalDetails = (parent, raw, key) => {
-        const details = node('details', 'comty-agent-details'); details.dataset.detailKey = key; details.open = expanded.has(key);
-        const summary = node('summary', '', 'Technical details'); summary.dataset.focusKey = 'details-' + key;
-        details.append(summary, node('pre', '', raw)); parent.appendChild(details);
-      };
-      const errorMessage = (parent, error, key) => {
-        const issue = describeAgentError(error);
-        const message = node('div', 'comty-agent-error');
-        message.append(node('strong', '', issue.title), node('p', '', issue.description));
-        parent.appendChild(message); technicalDetails(parent, issue.raw, key);
-      };
-      if (agentConnectionError || agentActionError) {
-        const banner = node('div', 'comty-agent-item comty-agent-banner'); banner.setAttribute('role', 'alert');
-        errorMessage(banner, agentConnectionError || agentActionError, 'connection'); content.appendChild(banner);
-      }
-      const action = (parent, label, path, input = {}, primary = false) => {
-        const button = node('button', 'comty-agent-action', label); button.type = 'button';
-        const key = path + JSON.stringify(input); button.dataset.focusKey = key;
-        button.disabled = agentPendingActions.has(key);
-        if (primary) button.dataset.primary = '';
-        button.onclick = async () => {
-          if (agentPendingActions.has(key)) return;
-          agentActionError = '';
-          agentPendingActions.add(key); button.disabled = true; button.textContent = 'Please wait…';
-          try {
-            const response = await fetch(`${agentBridgeUrl}/${path}`, { method: 'POST', headers: agentHeaders(), body: JSON.stringify(input) });
-            if (!response.ok) {
-              const body = await response.json().catch(() => null);
-              throw new Error(typeof body?.error === 'string' ? body.error : JSON.stringify(body?.error || { status: response.status, message: 'Request failed' }));
-            }
-            await loadComments({ force: true });
-          } catch (error) { agentActionError = error.message; }
-          finally { agentPendingActions.delete(key); agentPanelSignature = ''; renderAgentPanel(); }
-        };
-        parent.appendChild(button);
-      };
-      for (const approval of localApprovals) {
-        const section = node('div', 'comty-agent-item');
-        section.append(node('h3', '', 'Approval required'));
-        const task = localTasks.find(task => task.id === approval.taskId);
-        if (task) section.appendChild(node('p', '', task.content));
-        section.appendChild(node('p', '', 'Review this operation before allowing the agent to continue.'));
-        const operation = approval.details?.command || approval.details?.file_path || approval.details?.path;
-        if (typeof operation === 'string' || Array.isArray(operation)) section.appendChild(node('pre', '', Array.isArray(operation) ? operation.join(' ') : operation));
-        technicalDetails(section, JSON.stringify(approval.details ?? {}, null, 2), 'approval-' + approval.id);
-        const actions = node('div', 'comty-agent-actions');
-        action(actions, 'Allow once', `approvals/${approval.id}`, { allow: true }, true);
-        action(actions, 'Deny', `approvals/${approval.id}`, { allow: false });
-        section.appendChild(actions); content.appendChild(section);
-      }
-      const list = node('div', 'comty-agent-list'); content.appendChild(list);
-      const hideErrorPopover = () => root.querySelector('.comty-agent-error-popover')?.remove();
-      content.addEventListener('scroll', hideErrorPopover, { passive: true });
-      for (const [index, task] of [...localTasks].reverse().entries()) {
-        const failed = Boolean(task.error) || task.status === 'in_review';
-        const state = failed ? 'error' : task.status === 'done' ? 'success' : task.status === 'cancel' ? 'cancel' : 'working';
-        const row = node('div', 'comty-agent-row'); row.dataset.taskId = task.id;
-        const dot = state === 'working' ? createWorkingIndicator() : node('span', 'comty-agent-dot');
-        dot.dataset.status = state; dot.setAttribute('aria-hidden', 'true');
-        const name = node('span', 'comty-agent-row-name', task.content);
-        row.append(dot, name);
-        if (state === 'working') row.appendChild(node('span', 'comty-agent-row-state', task.status === 'todo' ? 'Starting' : 'Working'));
-        const actions = node('div', 'comty-agent-row-actions');
-        if (['in_review', 'cancel'].includes(task.status)) action(actions, 'Retry', `tasks/${task.id}/retry`);
-        if (['todo', 'in_progress'].includes(task.status)) action(actions, 'Cancel', `tasks/${task.id}/cancel`);
-        if (actions.childElementCount) row.appendChild(actions);
-        row.setAttribute('aria-label', `${task.content}, ${state === 'error' ? 'failed' : state === 'success' ? 'completed' : state === 'cancel' ? 'cancelled' : task.status === 'todo' ? 'starting' : 'working'}`);
-        if (failed) {
-          const tooltipId = `comty-agent-error-${index}`;
-          const showErrorPopover = () => {
-            hideErrorPopover();
-            const issue = describeAgentError(task.error || task.result?.summary || task.progress || 'Completion was not verified');
-            const popover = node('div', 'comty-agent-error-popover'); popover.id = tooltipId; popover.setAttribute('role', 'tooltip');
-            popover.append(node('strong', '', task.content), node('p', '', issue.message || issue.description));
-            root.appendChild(popover);
-            const rowRect = row.getBoundingClientRect();
-            const popoverRect = popover.getBoundingClientRect();
-            const left = panel.dataset.side === 'right' ? rowRect.left - popoverRect.width - 8 : rowRect.right + 8;
-            popover.style.left = `${Math.max(8, Math.min(left, innerWidth - popoverRect.width - 8))}px`;
-            popover.style.top = `${Math.max(8, Math.min(rowRect.top - 4, innerHeight - popoverRect.height - 8))}px`;
-          };
-          row.addEventListener('mouseenter', showErrorPopover);
-          row.addEventListener('mouseleave', hideErrorPopover);
-        }
-        list.appendChild(row);
-      }
-      if (!localTasks.length && !localApprovals.length) {
-        const empty = node('div', 'comty-agent-empty');
-        empty.append(brand(), node('strong', '', localTasks.length ? 'All caught up' : 'What shall we change?'), node('p', '', 'Point at an element on the page and describe the change you want.'));
-        content.appendChild(empty);
-      }
-      content.scrollTop = scrollTop;
-      if (focusKey && open) [...panel.querySelectorAll('[data-focus-key]')].find(element => element.dataset.focusKey === focusKey)?.focus({ preventScroll: true });
-    }
-
     function setSidepanelOpen(open) {
       sidepanelOpen = open;
       sidepanel.classList.toggle("comty-sidepanel-open", sidepanelOpen);
@@ -3211,7 +2886,6 @@ export function initComty(options = {}) {
           ? sidepanelSearch.value.trim().toLowerCase()
           : "";
       let list = cachedComments.filter((comment) => {
-        if (comment.local_agent || comment.kind === "agent") return false;
         if (
           search &&
           !`${comment.content ?? ""} ${getCommentLabel(comment)}`
@@ -3397,15 +3071,14 @@ export function initComty(options = {}) {
     createStatusFilters();
 
     async function updateCommentStatus(comment, status) {
-      if (comment?.local_agent || !projectId || !comment?.id) return false;
+      if (!projectId || !comment?.id) return false;
 
       let res;
       try {
-        const local = comment.local_agent === true;
-        res = await fetch(local ? `${agentBridgeUrl}/tasks/${encodeURIComponent(comment.id)}/status` : `${apiUrl}/api/comments/${comment.id}/status`, {
+        res = await fetch(`${apiUrl}/api/comments/${comment.id}/status`, {
           method: "POST",
-          headers: local ? { "Content-Type": "application/json" } : getSdkHeaders({ "Content-Type": "application/json" }),
-          body: JSON.stringify(local ? { status } : {
+          headers: getSdkHeaders({ "Content-Type": "application/json" }),
+          body: JSON.stringify({
             projectKey,
             host: window.location.host,
             status,
@@ -3422,7 +3095,7 @@ export function initComty(options = {}) {
       }
 
       const data = await res.json();
-      comment.status = getCommentStatus(data.task?.status ?? data.status).value;
+      comment.status = getCommentStatus(data.status).value;
       return comment.status;
     }
 
@@ -3610,7 +3283,7 @@ export function initComty(options = {}) {
     const openCommentThread = createCommentThread({
       root, apiUrl, projectKey, commentStatuses, selectedStatusFilters, placedPins,
       closeBubbles, getCommentStatus, updateCommentStatus, applyStatusDot,
-      renderSidepanelComments, applyStatusFilters, loadComments, createThreadItem,
+      renderSidepanelComments, applyStatusFilters, createThreadItem,
       isOwnCommentEntry, updateCommentContent, deleteSdkComment, getCommentId,
       updateReplyContent, deleteSdkReply, createCommentAvatar, getSdkHeaders,
       showAuthPrompt,
@@ -3839,12 +3512,12 @@ export function initComty(options = {}) {
     function reconcileComments(comments) {
       const previous = new Map(cachedComments.map(comment => [String(comment.id), comment]));
       cachedComments = comments
-        .filter(comment => comment.kind !== "agent" || comment.status !== "done")
+        .filter(comment => comment.kind !== "agent" && !comment.local_agent)
         .map(comment => Object.assign(previous.get(String(comment.id)) || {}, comment));
     }
 
     async function loadComments({ force = false } = {}) {
-      if (!projectId && !agent) return;
+      if (!projectId) return;
       const pagePath = window.location.pathname;
       if (!force && cachedPagePath === pagePath) { await renderComments(cachedComments); return; }
       if (pendingCommentsLoad) {
@@ -3852,7 +3525,7 @@ export function initComty(options = {}) {
         if (!force) return;
       }
       pendingCommentsLoad = (async () => {
-        let comments = cachedPagePath === pagePath ? cachedComments.filter(comment => !comment.local_agent) : [];
+        let comments = cachedPagePath === pagePath ? cachedComments : [];
         if (projectId) {
           try {
             const url = new URL(`${apiUrl}/api/comments`);
@@ -3863,37 +3536,15 @@ export function initComty(options = {}) {
             if (Array.isArray(data.comments)) comments = data.comments;
           } catch (error) { console.error("Comty: list comments failed", error); }
         }
-        if (agent) {
-          try {
-            const res = await fetch(`${agentBridgeUrl}/tasks`, { headers: agentHeaders(), cache: "no-store" });
-            if (!res.ok) throw new Error("Local companion unavailable");
-            const data = await res.json();
-            if (Array.isArray(data.tasks)) localTasks = data.tasks;
-            if (Array.isArray(data.approvals)) localApprovals = data.approvals;
-            agentConnectionError = "";
-          } catch (error) {
-            agentConnectionError = "Local agent disconnected. Check the development server, then reload this page. Your task history is kept.";
-            console.error("Comty: local tasks failed", error);
-          }
-          comments.push(...localTasks.filter(task => task.page_path === pagePath && !["done", "cancel"].includes(task.status)));
-          renderAgentPanel();
-        }
         reconcileComments(comments);
         cachedPagePath = pagePath;
         renderSidepanelComments();
         await renderComments(cachedComments);
-        syncAgentWorkingOutlines();
         ensureLiveTracking();
       })();
       try { await pendingCommentsLoad; } finally { pendingCommentsLoad = null; }
     }
 
-    if (agent) {
-      setInterval(() => {
-        if (!pendingCommentsLoad && document.visibilityState === "visible") void loadComments({ force: true });
-      }, 2000);
-    }
-
     function getPinPoint(pin) {
       return { x: parseFloat(pin.style.left), y: parseFloat(pin.style.top) };
     }
@@ -3960,50 +3611,16 @@ export function initComty(options = {}) {
       }
     }
 
-    function syncAgentWorkingOutlines() {
-      const working = localTasks.filter(task => task.status === "in_progress" && task.page_path === window.location.pathname);
-      const ids = new Set(working.map(task => String(task.id)));
-      for (const [id, outline] of workingOutlines) {
-        if (ids.has(id)) continue;
-        outline.remove(); workingOutlines.delete(id);
-      }
-      const modal = getTopActiveModal();
-      for (const task of working) {
-        const id = String(task.id);
-        let outline = workingOutlines.get(id);
-        if (!outline) {
-          outline = document.createElement("div");
-          outline.className = "comty-agent-working";
-          outline.setAttribute("aria-label", "Agent working on this element");
-          const badge = document.createElement("span");
-          badge.className = "comty-agent-working-badge";
-          badge.append(createWorkingIndicator(), "Working");
-          outline.appendChild(badge); root.appendChild(outline);
-          workingOutlines.set(id, outline);
-        }
-        const target = resolveCommentElement(task);
-        const point = target && getVisibleAnchorPoint(target, Number(task.rel_x), Number(task.rel_y), modal);
-        outline.hidden = !point;
-        if (!point) continue;
-        const rect = target.getBoundingClientRect();
-        setMeasuredRect(outline, rect);
-        outline.toggleAttribute("data-badge-below", rect.top < 32);
-      }
-    }
-
     function onFrame() {
       if (motion.enabled) updateMotion();
       if (session.comments) syncCommentAnchors();
-      if (session.agent || workingOutlines.size || localTasks.some(task => task.status === "in_progress" && task.page_path === window.location.pathname)) {
-        syncAgentWorkingOutlines();
-      }
       if (session.inspect || session.edit || inspectionLayer.childNodes.length) renderInspector();
       if (session.inspect && rulersEnabled) renderRulers();
       if (session.inspect && rulersEnabled) measurements.render();
     }
 
     function ensureLiveTracking() {
-      const active = motion.enabled || session.inspect || session.edit || (session.comments && cachedComments.length > 0) || workingOutlines.size > 0;
+      const active = motion.enabled || session.inspect || session.edit || (session.comments && cachedComments.length > 0);
       if (!active || document.hidden) {
         if (liveFrame) cancelAnimationFrame(liveFrame);
         liveFrame = null;
@@ -4023,14 +3640,13 @@ export function initComty(options = {}) {
     syncOverlayHost();
 
     function renderCachedComments() {
-      if (!session.comments && !session.inspect && !session.edit && !workingOutlines.size) return;
+      if (!session.comments && !session.inspect && !session.edit) return;
       if (resizeRenderFrame) {
         window.cancelAnimationFrame(resizeRenderFrame);
       }
       resizeRenderFrame = window.requestAnimationFrame(() => {
         resizeRenderFrame = null;
         syncCommentAnchors();
-        syncAgentWorkingOutlines();
         renderInspector();
         ensureLiveTracking();
       });
@@ -4211,12 +3827,11 @@ export function initComty(options = {}) {
         const y = e.clientY;
 
         const anchorContext = getAnchorContext(el);
-        if (session.agent && anchorContext) anchorContext.inspectedStyles = getInspectRows(el);
 
         const payload = {
           ...getDeviceContext(),
           projectId,
-          kind: session.agent ? "agent" : "comment",
+          kind: "comment",
           host: window.location.host,
           pagePath: window.location.pathname,
           selector: getSelector(el),
@@ -4316,7 +3931,6 @@ export function initComty(options = {}) {
     window.addEventListener("blur", () => { measureAlt = false; renderInspector(); });
 
     async function boot() {
-      if (localOnly) { await loadComments(); return; }
       const res = await fetch(`${apiUrl}/api/sdk/bootstrap`, {
         method: "POST",
         headers: getSdkHeaders({ "Content-Type": "application/json" }),
@@ -4329,7 +3943,6 @@ export function initComty(options = {}) {
 
       if (!res.ok) {
         console.error("Comty: bootstrap failed", await res.text());
-        if (agent) await loadComments();
         return;
       }
 
@@ -4365,26 +3978,12 @@ export function initComty(options = {}) {
         getDistanceSegments, getInspectRows, syncCommentAnchors,
         setInspectorMode(enabled) { setSession(enabled ? "inspect" : "off"); },
         startEditSession, startBrowseSession, endSession, showInspector,
-        motion, setMotionEnabled, updateMotion, describeAgentError,
-        previewAgent(tasks, approvals = [], error = "") {
-          localTasks = tasks;
-          localApprovals = approvals;
-          agentConnectionError = error;
-          startAgentSession();
-          agentPanelOpen = true;
-          agentPanelSignature = "";
-          renderAgentPanel();
-        },
+        motion, setMotionEnabled, updateMotion,
         seed(comments) {
           reconcileComments(comments);
           setSession(session.comments ? session.mode : "browse", { entry: sessionEntry, renderComments: true });
           return renderComments(cachedComments, { retry: false });
         },
-        seedAgentTasks(tasks) {
-          localTasks = tasks;
-          syncAgentWorkingOutlines();
-          ensureLiveTracking();
-        },
         setCanWrite(value) { canWrite = value; },
         invalidate() { anchorRevision += 1; },
       });
@@ -4392,7 +3991,6 @@ export function initComty(options = {}) {
 
     return boot().catch(error => {
       console.error("Comty: bootstrap failed", error);
-      if (agent) return loadComments();
     });
   }
 }