@ibealec/create-zed-bridge 1.0.9 → 1.0.10

package/package.json

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

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

@@ -1728,6 +1728,7 @@ function TaskStatusToast({
   const [expanded, setExpanded] = (0, import_react5.useState)(false);
   const [size, setSize] = (0, import_react5.useState)({ width: DEFAULT_WIDTH, height: DEFAULT_HEIGHT });
   const [isResizing, setIsResizing] = (0, import_react5.useState)(false);
+  const [isSaving, setIsSaving] = (0, import_react5.useState)(false);
   const resizeRef = (0, import_react5.useRef)(null);
   (0, import_react5.useEffect)(() => {
     if (task) {
@@ -1819,12 +1820,17 @@ function TaskStatusToast({
           resolve();
         }
       };
-      setTimeout(cleanup, 1e4);
+      setTimeout(cleanup, 35e3);
     });
   }, [serverUrl, token]);
   const handleDismiss = (0, import_react5.useCallback)(async () => {
     if (killOnClose && task?.sessionId) {
-      await killSession(task.sessionId, task.prompt);
+      setIsSaving(true);
+      try {
+        await killSession(task.sessionId, task.prompt);
+      } finally {
+        setIsSaving(false);
+      }
     }
     setVisible(false);
     setExpanded(false);
@@ -1839,9 +1845,10 @@ function TaskStatusToast({
     starting: { bg: "#f59e0b", text: "Starting..." },
     running: { bg: "#22c55e", text: "Running" },
     completed: { bg: "#22c55e", text: "Completed" },
-    failed: { bg: "#ef4444", text: "Failed" }
+    failed: { bg: "#ef4444", text: "Failed" },
+    saving: { bg: "#f59e0b", text: "Saving..." }
   };
-  const status = statusColors[task.status] || statusColors.queued;
+  const status = isSaving ? statusColors.saving : statusColors[task.status] || statusColors.queued;
   const zedUrl = task.sessionId ? `${serverUrl}?token=${encodeURIComponent(token)}&session=${task.sessionId}` : `${serverUrl}?token=${encodeURIComponent(token)}`;
   const handleOpenZed = () => {
     window.open(zedUrl, "_blank");
@@ -1908,16 +1915,17 @@ function TaskStatusToast({
                   "button",
                   {
                     onClick: handleDismiss,
+                    disabled: isSaving,
                     style: {
                       background: "transparent",
                       border: "none",
-                      color: "rgba(255, 255, 255, 0.5)",
-                      cursor: "pointer",
+                      color: isSaving ? "rgba(255, 255, 255, 0.3)" : "rgba(255, 255, 255, 0.5)",
+                      cursor: isSaving ? "not-allowed" : "pointer",
                       padding: 4,
                       fontSize: 18,
                       lineHeight: 1
                     },
-                    children: "\xD7"
+                    children: isSaving ? "..." : "\xD7"
                   }
                 )
               ]
@@ -2172,17 +2180,61 @@ function TaskStatusToast({
                 "button",
                 {
                   onClick: handleDismiss,
-                  title: "Close",
+                  disabled: isSaving,
+                  title: isSaving ? "Saving changes..." : "Close",
                   style: {
                     background: "transparent",
                     border: "none",
-                    color: "rgba(255, 255, 255, 0.5)",
-                    cursor: "pointer",
+                    color: isSaving ? "rgba(255, 255, 255, 0.3)" : "rgba(255, 255, 255, 0.5)",
+                    cursor: isSaving ? "not-allowed" : "pointer",
                     padding: 4,
                     fontSize: 18,
                     lineHeight: 1
                   },
-                  children: "\xD7"
+                  children: isSaving ? "..." : "\xD7"
+                }
+              )
+            ]
+          }
+        ),
+        isSaving && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              right: 0,
+              bottom: 0,
+              background: "rgba(0, 0, 0, 0.7)",
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              justifyContent: "center",
+              zIndex: 10,
+              borderRadius: 12
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                "div",
+                {
+                  style: {
+                    color: "#f59e0b",
+                    fontSize: 14,
+                    fontWeight: 500,
+                    marginBottom: 8
+                  },
+                  children: "Saving changes..."
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                "div",
+                {
+                  style: {
+                    color: "rgba(255, 255, 255, 0.6)",
+                    fontSize: 12
+                  },
+                  children: "Generating commit message with AI"
                 }
               )
             ]