@ibealec/create-zed-bridge 1.0.9 → 1.0.10

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

@@ -1693,6 +1693,7 @@ function TaskStatusToast({
   const [expanded, setExpanded] = useState4(false);
   const [size, setSize] = useState4({ width: DEFAULT_WIDTH, height: DEFAULT_HEIGHT });
   const [isResizing, setIsResizing] = useState4(false);
+  const [isSaving, setIsSaving] = useState4(false);
   const resizeRef = useRef5(null);
   useEffect5(() => {
     if (task) {
@@ -1784,12 +1785,17 @@ function TaskStatusToast({
           resolve();
         }
       };
-      setTimeout(cleanup, 1e4);
+      setTimeout(cleanup, 35e3);
     });
   }, [serverUrl, token]);
   const handleDismiss = useCallback3(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);
@@ -1804,9 +1810,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");
@@ -1873,16 +1880,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"
                   }
                 )
               ]
@@ -2137,17 +2145,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__ */ jsxs5(
+          "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__ */ jsx5(
+                "div",
+                {
+                  style: {
+                    color: "#f59e0b",
+                    fontSize: 14,
+                    fontWeight: 500,
+                    marginBottom: 8
+                  },
+                  children: "Saving changes..."
+                }
+              ),
+              /* @__PURE__ */ jsx5(
+                "div",
+                {
+                  style: {
+                    color: "rgba(255, 255, 255, 0.6)",
+                    fontSize: 12
+                  },
+                  children: "Generating commit message with AI"
                 }
               )
             ]