@ibealec/create-zed-bridge 1.0.6 → 1.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibealec/create-zed-bridge",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "Setup script for @zed-controller/react-bridge and LocatorJS integration",
   "type": "module",
   "bin": {

package/templates/@zed-controller/react-bridge/dist/index.cjs

@@ -476,11 +476,34 @@ async function captureElementScreenshot(element, options = {}) {
       useCORS: true,
       allowTaint: true,
       backgroundColor: null,
-      logging: false
+      logging: false,
+      // Ignore elements that might cause issues
+      ignoreElements: (el) => {
+        return el.tagName === "IFRAME" || el.tagName === "VIDEO";
+      },
+      onclone: (clonedDoc) => {
+        try {
+          const styleSheets = clonedDoc.styleSheets;
+          const fallbackStyle = clonedDoc.createElement("style");
+          fallbackStyle.textContent = `
+            * {
+              /* Fallback for elements using unsupported color functions */
+              --html2canvas-fallback: inherit;
+            }
+          `;
+          clonedDoc.head.appendChild(fallbackStyle);
+        } catch {
+        }
+      }
     });
     return canvas.toDataURL("image/png");
   } catch (error) {
-    console.error("[ClaudeBridge] Screenshot capture failed:", error);
+    const errorMessage = error instanceof Error ? error.message : String(error);
+    if (errorMessage.includes("unsupported color function") || errorMessage.includes("oklch") || errorMessage.includes("lab(") || errorMessage.includes("lch(")) {
+      console.debug("[ClaudeBridge] Screenshot skipped: page uses modern CSS colors not supported by html2canvas");
+      return void 0;
+    }
+    console.warn("[ClaudeBridge] Screenshot capture failed:", errorMessage);
     return void 0;
   }
 }
@@ -1757,7 +1780,7 @@ function TaskStatusToast({
     document.addEventListener("mousemove", handleMouseMove);
     document.addEventListener("mouseup", handleMouseUp);
   }, [size]);
-  const killSession = (0, import_react5.useCallback)((sessionId) => {
+  const killSession = (0, import_react5.useCallback)((sessionId, taskPrompt) => {
     return new Promise((resolve) => {
       const wsUrl = serverUrl.replace(/^http/, "ws").replace(/\/$/, "");
       const ws = new WebSocket(`${wsUrl}/ws/bridge?token=${encodeURIComponent(token)}`);
@@ -1772,7 +1795,10 @@ function TaskStatusToast({
       ws.onopen = () => {
         ws.send(JSON.stringify({
           type: "kill_session",
-          sessionId
+          sessionId,
+          // Include task prompt for auto-commit message
+          taskPrompt,
+          autoCommit: true
         }));
       };
       ws.onmessage = (event) => {
@@ -1793,17 +1819,17 @@ function TaskStatusToast({
           resolve();
         }
       };
-      setTimeout(cleanup, 3e3);
+      setTimeout(cleanup, 1e4);
     });
   }, [serverUrl, token]);
   const handleDismiss = (0, import_react5.useCallback)(async () => {
     if (killOnClose && task?.sessionId) {
-      await killSession(task.sessionId);
+      await killSession(task.sessionId, task.prompt);
     }
     setVisible(false);
     setExpanded(false);
     setTimeout(onDismiss, 300);
-  }, [killOnClose, task?.sessionId, killSession, onDismiss]);
+  }, [killOnClose, task?.sessionId, task?.prompt, killSession, onDismiss]);
   const handleToggleExpand = (0, import_react5.useCallback)(() => {
     setExpanded(!expanded);
   }, [expanded]);