@agent-native/core 0.102.1 → 0.102.2

package/corpus/templates/clips/app/routes/r.$recordingId.tsx

@@ -205,6 +205,10 @@ function parseTimeParam(raw: string | null): number {
   return (hours * 3600 + minutes * 60 + seconds) * 1000;
 }
 
+function buildSignInHref(returnTo: string): string {
+  return `${agentNativePath("/_agent-native/sign-in")}?return=${encodeURIComponent(returnTo)}`;
+}
+
 export default function RecordingPage() {
   const t = useT();
   useAutoTitleBridge();
@@ -256,6 +260,7 @@ export default function RecordingPage() {
   );
   const lastPlayerStateWriteRef = useRef(0);
   const readyMediaPollRef = useRef<{ key: string; until: number } | null>(null);
+  const [metadataRefreshUntil, setMetadataRefreshUntil] = useState(0);
 
   useEffect(() => {
     if (
@@ -325,6 +330,7 @@ export default function RecordingPage() {
         // `update-recording` and we want the skeleton to swap in promptly.
         if (shouldShowGeneratedTitleSkeleton(rec, data?.transcript?.status))
           return 3000;
+        if (Date.now() < metadataRefreshUntil) return 2000;
         return false;
       },
     },
@@ -542,6 +548,8 @@ export default function RecordingPage() {
   });
   const regenerateTitle = useActionMutation("regenerate-title" as any, {
     onSuccess: (result: any) => {
+      setMetadataRefreshUntil(Date.now() + 60_000);
+      void playerDataQ.refetch();
       if (result?.updated) {
         toast.success(t("recordingPage.titleUpdated"));
       } else if (result?.reason === "builder_credits_paused") {
@@ -559,7 +567,11 @@ export default function RecordingPage() {
     onError: handleAiError,
   });
   const regenerateSummary = useActionMutation("regenerate-summary" as any, {
-    onSuccess: () => toast.success(t("recordingPage.descriptionQueued")),
+    onSuccess: () => {
+      setMetadataRefreshUntil(Date.now() + 60_000);
+      void playerDataQ.refetch();
+      toast.success(t("recordingPage.descriptionQueued"));
+    },
     onError: handleAiError,
   });
   const regenerateChapters = useActionMutation("regenerate-chapters" as any, {
@@ -614,17 +626,22 @@ export default function RecordingPage() {
   }
   function handleGenerateWorkflow(kind: WorkflowKind) {
     if (!recording) return;
+    if (generatedWorkflow?.status === "generating") return;
     setEditing(false);
     setPanel("agent");
     window.dispatchEvent(
       new CustomEvent("agent-panel:set-mode", { detail: { mode: "chat" } }),
     );
+    window.dispatchEvent(new Event("agent-panel:open"));
     generateWorkflow.mutate({
       recordingId: recording.id,
       kind,
     } as any);
   }
 
+  const workflowBusy =
+    generateWorkflow.isPending || generatedWorkflow?.status === "generating";
+
   useEffect(() => {
     if (recording && panel === "settings" && !canEdit) setPanel("agent");
   }, [canEdit, panel, recording]);
@@ -709,18 +726,36 @@ export default function RecordingPage() {
   }
 
   if (playerDataQ.isError || !recording) {
+    const needsSignIn = !session;
+    const returnTo =
+      typeof window === "undefined"
+        ? `/r/${recordingId}`
+        : window.location.pathname + window.location.search;
     return (
       <div className="flex flex-col items-center justify-center h-screen w-full bg-background px-6">
         <h1 className="text-xl font-semibold mb-2">
-          {t("recordingPage.recordingNotFound")}
+          {needsSignIn
+            ? t("sharePage.clipUnavailable")
+            : t("recordingPage.recordingNotFound")}
         </h1>
         <p className="text-sm text-muted-foreground mb-4">
-          {(playerDataQ.error as Error | undefined)?.message ??
-            t("recordingPage.noAccess")}
+          {needsSignIn
+            ? t("sharePage.clipUnavailableMessage")
+            : ((playerDataQ.error as Error | undefined)?.message ??
+              t("recordingPage.noAccess"))}
         </p>
-        <Button asChild variant="outline">
-          <Link to="/">{t("recordingPage.backToLibrary")}</Link>
-        </Button>
+        <div className="flex flex-wrap items-center justify-center gap-2">
+          {needsSignIn ? (
+            <Button asChild>
+              <a href={buildSignInHref(returnTo)}>{t("sharePage.signIn")}</a>
+            </Button>
+          ) : null}
+          <Button asChild variant="outline">
+            <Link to="/library" replace>
+              {t("recordingPage.backToLibrary")}
+            </Link>
+          </Button>
+        </div>
       </div>
     );
   }
@@ -784,7 +819,7 @@ export default function RecordingPage() {
               className="shrink-0"
               aria-label={t("recordingPage.back")}
             >
-              <Link to="/">
+              <Link to="/library" replace>
                 <IconArrowLeft className="h-4 w-4 rtl:-scale-x-100" />
               </Link>
             </Button>
@@ -956,7 +991,9 @@ export default function RecordingPage() {
               : t("recordingPage.checkAgain")}
           </Button>
           <Button asChild variant="ghost" size="sm">
-            <Link to="/">{t("recordingPage.backToLibrary")}</Link>
+            <Link to="/library" replace>
+              {t("recordingPage.backToLibrary")}
+            </Link>
           </Button>
         </div>
       </div>
@@ -1136,7 +1173,7 @@ export default function RecordingPage() {
             className="shrink-0"
             aria-label={t("recordingPage.back")}
           >
-            <Link to="/">
+            <Link to="/library" replace>
               <IconArrowLeft className="h-4 w-4 rtl:-scale-x-100" />
             </Link>
           </Button>
@@ -1174,7 +1211,7 @@ export default function RecordingPage() {
             </Button>
           ) : null}
 
-          {canEdit ? (
+          {canEdit && !editing ? (
             <DropdownMenu>
               <DropdownMenuTrigger asChild>
                 <Button
@@ -1221,6 +1258,7 @@ export default function RecordingPage() {
                   onSelect={() =>
                     regenerateSummary.mutate({
                       recordingId: recording.id,
+                      openInChat: true,
                     } as any)
                   }
                 >
@@ -1264,7 +1302,7 @@ export default function RecordingPage() {
                   const menuItem = (
                     <DropdownMenuItem
                       key={item.kind}
-                      disabled={generateWorkflow.isPending}
+                      disabled={workflowBusy}
                       onSelect={() => handleGenerateWorkflow(item.kind)}
                       className={
                         item.tooltipKey ? "justify-between gap-3" : undefined
@@ -1319,24 +1357,26 @@ export default function RecordingPage() {
             </DropdownMenu>
           ) : null}
 
-          <ShareRecordingPopover
-            recordingId={recording.id}
-            recordingTitle={recording.title}
-            initialVisibility={recording.visibility}
-            initialRole={role}
-            videoUrl={recording.videoUrl}
-            animatedThumbnailUrl={recording.animatedThumbnailUrl}
-            isLoomRecording={isLoomEmbedBacked}
-            hasPassword={Boolean(recording.hasPassword)}
-          >
-            <Button
-              className="shrink-0 gap-1.5 bg-primary text-primary-foreground hover:bg-primary/90"
-              size="sm"
+          {!editing ? (
+            <ShareRecordingPopover
+              recordingId={recording.id}
+              recordingTitle={recording.title}
+              initialVisibility={recording.visibility}
+              initialRole={role}
+              videoUrl={recording.videoUrl}
+              animatedThumbnailUrl={recording.animatedThumbnailUrl}
+              isLoomRecording={isLoomEmbedBacked}
+              hasPassword={Boolean(recording.hasPassword)}
             >
-              <IconShare3 className="h-4 w-4" />
-              {t("recordingPage.share")}
-            </Button>
-          </ShareRecordingPopover>
+              <Button
+                className="shrink-0 gap-1.5 bg-primary text-primary-foreground hover:bg-primary/90"
+                size="sm"
+              >
+                <IconShare3 className="h-4 w-4" />
+                {t("recordingPage.share")}
+              </Button>
+            </ShareRecordingPopover>
+          ) : null}
 
           {canDelete || canDownloadRecording ? (
             <RecordingOptionsMenu
@@ -1486,7 +1526,7 @@ export default function RecordingPage() {
                     ) : null}
                   </div>
                   {recording.description ? (
-                    <p className="mt-3 line-clamp-2 text-sm text-muted-foreground">
+                    <p className="mt-3 whitespace-pre-wrap break-words text-sm text-muted-foreground">
                       {recording.description}
                     </p>
                   ) : null}
@@ -1528,7 +1568,7 @@ function GeneratedWorkflowNotice({
   const status = workflow.status ?? (workflow.content ? "ready" : "generating");
   const content =
     typeof workflow.content === "string" ? workflow.content.trim() : "";
-  const isReady = status === "ready" && content.length > 0;
+  const isReady = status !== "failed" && content.length > 0;
   const isFailed = status === "failed";
   const title = workflowTitle(workflow.kind);
 

package/corpus/templates/clips/app/routes/share.$shareId.tsx

@@ -855,6 +855,8 @@ export default function ShareRoute() {
               <Button variant="ghost" size="sm" asChild>
                 <a
                   href={appPath("/")}
+                  target="_blank"
+                  rel="noopener noreferrer"
                   className="gap-1.5"
                   onClick={() => fireShareCtaClick("try_clips")}
                 >
@@ -965,7 +967,7 @@ export default function ShareRoute() {
                 </h2>
               )}
               {recording.description ? (
-                <p className="text-sm text-muted-foreground line-clamp-2">
+                <p className="whitespace-pre-wrap break-words text-sm text-muted-foreground">
                   {recording.description}
                 </p>
               ) : null}
@@ -1063,6 +1065,7 @@ export default function ShareRoute() {
                   t("recordingPage.draftQuestions"),
                 ]}
                 browserTabId={getBrowserTabId()}
+                showHeader={false}
               />
             ) : (
               <PublicAgentEmptyState

package/corpus/templates/clips/changelog/2026-07-15-ai-workflow-generation-now-stays-visible-avoids-duplicate-re.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-15
+---
+
+AI workflow generation now stays visible, avoids duplicate requests, and reports completion correctly.

package/corpus/templates/clips/changelog/2026-07-15-clip-playback-and-cta-controls-remain-interactive-through-ed.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-15
+---
+
+Clip playback and CTA controls remain interactive through editing and replay.

package/corpus/templates/clips/changelog/2026-07-15-clip-titles-no-longer-describe-the-product-as-a-loom-alterna.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-15
+---
+
+Clip titles no longer describe the product as a Loom alternative.

package/corpus/templates/clips/changelog/2026-07-15-description-regeneration-now-opens-the-agent-chat-so-progres.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-15
+---
+
+Description regeneration now opens the agent chat so progress is easy to follow.

package/corpus/templates/clips/changelog/2026-07-15-direct-recording-urls-now-respect-share-link-and-password-ac.md

@@ -0,0 +1,6 @@
+---
+type: security
+date: 2026-07-15
+---
+
+Direct recording URLs now respect share-link and password access controls

package/corpus/templates/clips/changelog/2026-07-15-disconnecting-a-calendar-now-clears-unrecorded-synced-meetin.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-15
+---
+
+Disconnecting a calendar now clears unrecorded synced meeting placeholders.

package/corpus/templates/clips/changelog/2026-07-15-folders-now-expose-rename-and-delete-actions-directly-in-the.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-15
+---
+
+Folders now expose rename and delete actions directly in the library sidebar

package/corpus/templates/clips/changelog/2026-07-15-recording-pages-now-explain-sign-in-access-and-avoid-showing.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-15
+---
+
+Recording pages now explain sign-in access and avoid showing the same public link twice.

package/corpus/templates/clips/changelog/2026-07-15-the-clips-extension-quick-actions-toolbar-can-be-moved-out-o.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-15
+---
+
+The Clips extension quick-actions toolbar can be moved out of the way.

package/corpus/templates/clips/changelog/2026-07-15-the-editor-now-skips-cut-sections-during-preview-and-keeps-t.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-15
+---
+
+The editor now skips cut sections during preview and keeps the full clip selection visible.

package/corpus/templates/clips/changelog/2026-07-15-thumbnail-capture-now-updates-previews-while-scrubbing-and-l.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-15
+---
+
+Thumbnail capture now updates previews while scrubbing and lets uploaded files be removed.

package/corpus/templates/clips/changelog/2026-07-15-windows-permission-links-open-the-matching-settings-page.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-15
+---
+
+Windows permission links now open the matching system settings page.

package/corpus/templates/clips/chrome-extension/src/content-script.ts

@@ -83,6 +83,17 @@
   let bubbleDragLayer: HTMLDivElement | null = null;
   let bubblePersistTimer: ReturnType<typeof setTimeout> | undefined;
 
+  // The quick-actions toolbar is also draggable. Keep its geometry in the
+  // content script because the iframe cannot position itself on the host page.
+  const TOOLBAR_WIDTH = 68;
+  const TOOLBAR_COLLAPSED_HEIGHT = 154;
+  const toolbarGeom: { left: number | null; top: number | null } = {
+    left: null,
+    top: null,
+  };
+  let toolbarDragLayer: HTMLDivElement | null = null;
+  let toolbarPersistTimer: ReturnType<typeof setTimeout> | undefined;
+
   function bubbleSizePx(): number {
     return BUBBLE_SIZES[bubbleGeom.size] ?? BUBBLE_SIZES.lg;
   }
@@ -130,6 +141,92 @@
     }, 200);
   }
 
+  function clampToolbar(
+    left: number,
+    top: number,
+    height: number,
+  ): { left: number; top: number } {
+    return {
+      left: Math.max(8, Math.min(left, window.innerWidth - TOOLBAR_WIDTH - 8)),
+      top: Math.max(8, Math.min(top, window.innerHeight - height - 8)),
+    };
+  }
+
+  function applyToolbarGeom(): void {
+    const frame = document.getElementById(
+      partFrameId("toolbar"),
+    ) as HTMLIFrameElement | null;
+    if (!frame) return;
+    const height =
+      frame.getBoundingClientRect().height || TOOLBAR_COLLAPSED_HEIGHT;
+    const base = clampToolbar(
+      toolbarGeom.left ?? 16,
+      toolbarGeom.top ?? window.innerHeight / 2 - TOOLBAR_COLLAPSED_HEIGHT / 2,
+      height,
+    );
+    Object.assign(frame.style, {
+      left: `${base.left}px`,
+      top: `${base.top}px`,
+      right: "auto",
+    });
+  }
+
+  function persistToolbarGeom(): void {
+    clearTimeout(toolbarPersistTimer);
+    toolbarPersistTimer = setTimeout(() => {
+      try {
+        chrome.storage.local.set({ toolbarGeom });
+      } catch {
+        /* ignore */
+      }
+    }, 200);
+  }
+
+  function startToolbarDrag(): void {
+    if (toolbarDragLayer) return;
+    const frame = document.getElementById(
+      partFrameId("toolbar"),
+    ) as HTMLIFrameElement | null;
+    if (!frame) return;
+
+    const layer = document.createElement("div");
+    Object.assign(layer.style, {
+      position: "fixed",
+      inset: "0",
+      zIndex: "2147483647",
+      cursor: "grabbing",
+    });
+    (document.documentElement || document.body).appendChild(layer);
+    toolbarDragLayer = layer;
+
+    const onMove = (e: PointerEvent): void => {
+      const rect = frame.getBoundingClientRect();
+      const next = clampToolbar(
+        rect.left + e.movementX,
+        rect.top + e.movementY,
+        rect.height || TOOLBAR_COLLAPSED_HEIGHT,
+      );
+      toolbarGeom.left = next.left;
+      toolbarGeom.top = next.top;
+      Object.assign(frame.style, {
+        left: `${next.left}px`,
+        top: `${next.top}px`,
+        right: "auto",
+      });
+    };
+    const onUp = (): void => {
+      layer.removeEventListener("pointermove", onMove);
+      layer.removeEventListener("pointerup", onUp);
+      layer.removeEventListener("pointercancel", onUp);
+      layer.remove();
+      toolbarDragLayer = null;
+      persistToolbarGeom();
+    };
+    layer.addEventListener("pointermove", onMove);
+    layer.addEventListener("pointerup", onUp);
+    layer.addEventListener("pointercancel", onUp);
+  }
+
   function startBubbleDrag(): void {
     if (bubbleDragLayer) return;
     const frame = document.getElementById(
@@ -177,7 +274,7 @@
   }
 
   try {
-    chrome.storage.local.get("bubbleGeom", (value) => {
+    chrome.storage.local.get(["bubbleGeom", "toolbarGeom"], (value) => {
       if (chrome.runtime.lastError) return;
       const g = value.bubbleGeom as
         | { size?: unknown; left?: unknown; top?: unknown }
@@ -188,12 +285,24 @@
         bubbleGeom.top = typeof g.top === "number" ? g.top : null;
       }
       applyBubbleGeom();
+      const toolbar = value.toolbarGeom as
+        | { left?: unknown; top?: unknown }
+        | undefined;
+      if (toolbar && typeof toolbar === "object") {
+        toolbarGeom.left =
+          typeof toolbar.left === "number" ? toolbar.left : null;
+        toolbarGeom.top = typeof toolbar.top === "number" ? toolbar.top : null;
+      }
+      applyToolbarGeom();
     });
   } catch {
     /* ignore */
   }
 
-  window.addEventListener("resize", () => applyBubbleGeom());
+  window.addEventListener("resize", () => {
+    applyBubbleGeom();
+    applyToolbarGeom();
+  });
 
   function readCurrentParts(
     callback: (parts: OverlayPart[] | null) => void,
@@ -338,6 +447,7 @@
     styleFrame(frame, part);
     container.appendChild(frame);
     if (part === "bubble") applyBubbleGeom();
+    if (part === "toolbar") applyToolbarGeom();
   }
 
   // Camera-ready gating + connecting spinner: while the camera connects we show a
@@ -520,6 +630,7 @@
       const frame = document.getElementById(partFrameId("toolbar"));
       if (frame && typeof data.height === "number") {
         frame.style.height = `${Math.round(data.height)}px`;
+        applyToolbarGeom();
       }
       return;
     }
@@ -537,6 +648,10 @@
       startBubbleDrag();
       return;
     }
+    if (data.kind === "toolbar-drag-start") {
+      startToolbarDrag();
+      return;
+    }
     if (data.kind === "bubble-size") {
       bubbleGeom.size = data.size === "sm" ? "sm" : "lg";
       applyBubbleGeom();

package/corpus/templates/clips/chrome-extension/src/overlay.ts

@@ -84,6 +84,17 @@ function postToolbarSize(height: number): void {
   }
 }
 
+function postToolbarDragStart(): void {
+  try {
+    window.parent.postMessage(
+      { source: "clips-overlay", kind: "toolbar-drag-start", part: "toolbar" },
+      "*",
+    );
+  } catch {
+    /* parent gone */
+  }
+}
+
 function postCountdownFinished(): void {
   try {
     window.parent.postMessage(
@@ -406,6 +417,22 @@ function initCountdown(): void {
 function initToolbar(): void {
   const pill = document.createElement("div");
   pill.className = "toolbar-v";
+  pill.style.cursor = "grab";
+
+  // The content script owns iframe geometry, so ask it to capture the pointer
+  // page-wide when the user drags the toolbar outside its current bounds.
+  pill.addEventListener("pointerdown", (event) => {
+    if (event.button !== 0) return;
+    if ((event.target as HTMLElement).closest("button")) return;
+    event.preventDefault();
+    pill.style.cursor = "grabbing";
+    postToolbarDragStart();
+    const restore = (): void => {
+      pill.style.cursor = "grab";
+      window.removeEventListener("pointerup", restore);
+    };
+    window.addEventListener("pointerup", restore);
+  });
 
   const makeBtn = (
     cls: string,

package/corpus/templates/clips/desktop/src-tauri/tauri.conf.json

@@ -40,7 +40,7 @@
   },
   "plugins": {
     "shell": {
-      "open": "(((mailto:\\w+)|(tel:\\w+)|(https?://\\w+)).+|(zoommtg://([A-Za-z0-9-]+\\.)*zoom\\.us/join\\?.+))"
+      "open": "(((mailto:\\w+)|(tel:\\w+)|(https?://\\w+)).+|(zoommtg://([A-Za-z0-9-]+\\.)*zoom\\.us/join\\?.+)|(ms-settings:[A-Za-z0-9._?=&-]+))"
     },
     "updater": {
       "active": true,