@agent-native/core 0.77.11 → 0.77.13

package/corpus/templates/clips/desktop/src/app.tsx

@@ -103,6 +103,7 @@ interface PendingNativeUpload {
   lastAttemptAt?: string | null;
   lastError?: string | null;
   retryCount: number;
+  corrupt?: boolean;
 }
 
 type PendingDesktopUpload = PendingNativeUpload | PendingBrowserRecordingUpload;
@@ -2474,25 +2475,40 @@ function PendingUploadBanner({
             <IconDownload size={14} stroke={2} />
           </button>
         ) : null}
-        <button
-          type="button"
-          className="pending-upload-retry"
-          disabled={actionsDisabled}
-          onClick={() => onRetry(latest)}
-        >
-          <IconRefresh size={14} stroke={2} />
-          {retrying ? "Retrying" : "Retry"}
-        </button>
-        <button
-          type="button"
-          className="pending-upload-discard"
-          disabled={actionsDisabled}
-          onClick={() => onDiscard(latest)}
-          aria-label="Discard saved local clip"
-          title="Discard saved local clip"
-        >
-          <IconTrash size={14} stroke={2} />
-        </button>
+        {latest.kind === "native" && latest.corrupt ? (
+          <button
+            type="button"
+            className="pending-upload-discard"
+            disabled={actionsDisabled}
+            onClick={() => onDiscard(latest)}
+            aria-label="Discard corrupted clip"
+            title="This clip is corrupted and cannot be recovered. Discard it and record again."
+          >
+            <IconTrash size={14} stroke={2} />
+          </button>
+        ) : (
+          <>
+            <button
+              type="button"
+              className="pending-upload-retry"
+              disabled={actionsDisabled}
+              onClick={() => onRetry(latest)}
+            >
+              <IconRefresh size={14} stroke={2} />
+              {retrying ? "Retrying" : "Retry"}
+            </button>
+            <button
+              type="button"
+              className="pending-upload-discard"
+              disabled={actionsDisabled}
+              onClick={() => onDiscard(latest)}
+              aria-label="Discard saved local clip"
+              title="Discard saved local clip"
+            >
+              <IconTrash size={14} stroke={2} />
+            </button>
+          </>
+        )}
       </div>
     </div>
   );

package/corpus/templates/clips/desktop/src/overlays/toolbar.tsx

@@ -1,4 +1,5 @@
 import {
+  IconAlertTriangle,
   IconLoader2,
   IconPlayerPauseFilled,
   IconPlayerPlayFilled,
@@ -57,6 +58,9 @@ export function Toolbar() {
   // Stop / Pause are disabled until the recorder actually begins, at which
   // point `clips:toolbar-enabled` fires with `true` from the recorder.
   const [enabled, setEnabled] = useState(false);
+  const [diskSpaceLevel, setDiskSpaceLevel] = useState<
+    "ok" | "warning" | "critical"
+  >("ok");
   const fallbackTimer = useRef<ReturnType<typeof setTimeout> | null>(null);
   const expandedRef = useRef(false);
 
@@ -94,6 +98,26 @@ export function Toolbar() {
     trackListen(
       listen<boolean>("clips:toolbar-enabled", (ev) => {
         setEnabled(!!ev.payload);
+        if (!ev.payload) {
+          setDiskSpaceLevel("ok");
+        }
+      }),
+    );
+    trackListen(
+      listen<{ freeMb: number }>("clips:disk-space-warning", () => {
+        setDiskSpaceLevel((prev) =>
+          prev === "critical" ? "critical" : "warning",
+        );
+      }),
+    );
+    trackListen(
+      listen<{ freeMb: number }>("clips:disk-space-critical", () => {
+        setDiskSpaceLevel("critical");
+      }),
+    );
+    trackListen(
+      listen<{ freeMb: number }>("clips:disk-space-ok", () => {
+        setDiskSpaceLevel("ok");
       }),
     );
     return () => {
@@ -221,7 +245,7 @@ export function Toolbar() {
 
   return (
     <div
-      className={`toolbar-v ${paused ? "toolbar-v-paused" : ""} ${enabled ? "" : "toolbar-v-disabled"}`}
+      className={`toolbar-v ${paused ? "toolbar-v-paused" : ""} ${enabled ? "" : "toolbar-v-disabled"} ${diskSpaceLevel !== "ok" ? `toolbar-v-disk-${diskSpaceLevel}` : ""}`}
       onMouseDown={handleToolbarMouseDown}
       onMouseEnter={() => resizeToolbarWindow(true)}
       onMouseLeave={() => resizeToolbarWindow(false)}
@@ -257,6 +281,19 @@ export function Toolbar() {
           )}
         </button>
         <div className="toolbar-v-time">{formatTime(elapsed)}</div>
+        {diskSpaceLevel !== "ok" && (
+          <div
+            className={`toolbar-v-disk-indicator toolbar-v-disk-indicator-${diskSpaceLevel}`}
+            title={
+              diskSpaceLevel === "critical"
+                ? "Disk almost full — stop recording now to avoid losing your clip"
+                : "Low disk space — save your recording soon"
+            }
+            data-no-drag
+          >
+            <IconAlertTriangle size={12} />
+          </div>
+        )}
         <button
           className="toolbar-v-pause"
           onClick={togglePause}

package/corpus/templates/clips/desktop/src/styles.css

@@ -2676,12 +2676,47 @@ body[data-clips-route="recording-pill"] #root {
   cursor: not-allowed;
 }
 
+.toolbar-v-disk-indicator {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #f59e0b;
+  opacity: 0.9;
+  flex-shrink: 0;
+}
+
+.toolbar-v-disk-indicator-critical {
+  color: #ef4444;
+  animation: toolbar-v-disk-pulse 1.4s ease-in-out infinite;
+}
+
+@keyframes toolbar-v-disk-pulse {
+  0%,
+  100% {
+    opacity: 0.7;
+  }
+  50% {
+    opacity: 1;
+  }
+}
+
+.toolbar-v-disk-warning {
+  border-color: rgba(245, 158, 11, 0.45);
+}
+
+.toolbar-v-disk-critical {
+  border-color: rgba(239, 68, 68, 0.5);
+}
+
 @media (prefers-reduced-motion: reduce) {
   .toolbar-v,
   .toolbar-v-hover-actions,
   .toolbar-v-action {
     transition: none;
   }
+  .toolbar-v-disk-indicator-critical {
+    animation: none;
+  }
 }
 
 /* ------------------------------------------------------------------------- */